wexts 2.0.7 → 2.0.9

package/templates/nestjs-api/package.json

@@ -1,9 +1,10 @@
 {
-    "name": "fusion-api",
-    "version": "0.0.1",
+    "name": "wexts-api",
+    "version": "1.0.0",
     "description": "wexts NestJS API",
     "scripts": {
         "build": "nest build",
+        "dev": "nest start --watch",
         "start": "nest start",
         "start:dev": "nest start --watch",
         "start:prod": "node dist/main",
@@ -12,28 +13,29 @@
         "prisma:studio": "prisma studio"
     },
     "dependencies": {
-        "@nestjs/common": "^10.3.0",
-        "@nestjs/core": "^10.3.0",
-        "@nestjs/platform-fastify": "^10.3.0",
-        "@nestjs/jwt": "^10.2.0",
-        "@nestjs/passport": "^10.0.3",
-        "@prisma/client": "^5.9.0",
-        "passport": "^0.7.0",
-        "passport-jwt": "^4.0.1",
+        "@nestjs/common": "^11.0.0",
+        "@nestjs/config": "^4.0.2",
+        "@nestjs/core": "^11.0.0",
+        "@nestjs/jwt": "^11.0.0",
+        "@nestjs/passport": "^11.0.0",
+        "@nestjs/platform-fastify": "^11.0.0",
+        "@prisma/client": "^6.0.0",
         "bcrypt": "^5.1.1",
-        "class-validator": "^0.14.1",
         "class-transformer": "^0.5.1",
-        "reflect-metadata": "^0.2.1",
+        "class-validator": "^0.14.1",
+        "passport": "^0.7.0",
+        "passport-jwt": "^4.0.1",
+        "reflect-metadata": "^0.2.2",
         "rxjs": "^7.8.1",
-        "wexts": "^1.0.0"
+        "wexts": "^2.0.0"
     },
     "devDependencies": {
-        "@nestjs/cli": "^10.3.0",
-        "@nestjs/schematics": "^10.1.0",
-        "@types/node": "^20.11.0",
-        "@types/passport-jwt": "^4.0.1",
+        "@nestjs/cli": "^11.0.0",
+        "@nestjs/schematics": "^11.0.0",
         "@types/bcrypt": "^5.0.2",
-        "prisma": "^5.9.0",
-        "typescript": "^5.3.3"
+        "@types/node": "^22.0.0",
+        "@types/passport-jwt": "^4.0.1",
+        "prisma": "^6.0.0",
+        "typescript": "^5.9.3"
     }
 }

package/templates/nestjs-api/prisma/migrations/20251123205437_init/migration.sql

@@ -0,0 +1,24 @@
+-- CreateTable
+CREATE TABLE "User" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "email" TEXT NOT NULL,
+    "name" TEXT,
+    "password" TEXT NOT NULL,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" DATETIME NOT NULL
+);
+
+-- CreateTable
+CREATE TABLE "Todo" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "title" TEXT NOT NULL,
+    "description" TEXT,
+    "completed" BOOLEAN NOT NULL DEFAULT false,
+    "userId" TEXT NOT NULL,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" DATETIME NOT NULL,
+    CONSTRAINT "Todo_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User" ("id") ON DELETE CASCADE ON UPDATE CASCADE
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "User_email_key" ON "User"("email");

package/templates/nestjs-api/prisma/migrations/migration_lock.toml

@@ -0,0 +1,3 @@
+# Please do not edit this file manually
+# It should be added in your version-control system (e.g., Git)
+provider = "sqlite"

package/templates/nestjs-api/src/auth/auth.controller.ts

@@ -1,27 +1,27 @@
 import { Controller, Post, Get, Body, UseGuards, Request } from '@nestjs/common';
-import { FusionController, FusionPost, FusionGet } from 'wexts/nest';
+import { FusionController as WextsController, FusionPost as WextsPost, FusionGet as WextsGet } from 'wexts/nest';
 import { AuthService } from './auth.service';
 import { JwtAuthGuard } from './guards/jwt-auth.guard';
 import { RegisterDto, LoginDto } from './dto/auth.dto';
 
-@FusionController('auth')
+@WextsController('auth')
 @Controller('auth')
 export class AuthController {
     constructor(private authService: AuthService) { }
 
-    @FusionPost()
+    @WextsPost()
     @Post('register')
     async register(@Body() dto: RegisterDto) {
         return this.authService.register(dto);
     }
 
-    @FusionPost()
+    @WextsPost()
     @Post('login')
     async login(@Body() dto: LoginDto) {
         return this.authService.login(dto);
     }
 
-    @FusionGet()
+    @WextsGet()
     @Get('me')
     @UseGuards(JwtAuthGuard)
     async getMe(@Request() req) {

package/templates/nestjs-api/src/main.ts

@@ -26,7 +26,7 @@ async function bootstrap() {
     const port = process.env.PORT || 5050;
     await app.listen(port, '0.0.0.0');
 
-    console.log(`🚀 Fusion API running on http://localhost:${port}`);
+    console.log(`🚀 wexts API running on http://localhost:${port}`);
 }
 
 bootstrap();

package/templates/nestjs-api/src/todos/todos.controller.ts

@@ -1,34 +1,34 @@
 import { Controller, Get, Post, Put, Delete, Body, Param, UseGuards, Request } from '@nestjs/common';
-import { FusionController, FusionGet, FusionPost, FusionPut, FusionDelete } from 'wexts/nest';
+import { FusionController as WextsController, FusionGet as WextsGet, FusionPost as WextsPost, FusionPut as WextsPut, FusionDelete as WextsDelete } from 'wexts/nest';
 import { JwtAuthGuard } from '../auth/guards/jwt-auth.guard';
 import { TodosService } from './todos.service';
 import { CreateTodoDto, UpdateTodoDto } from './dto/todo.dto';
 
-@FusionController('todos')
+@WextsController('todos')
 @Controller('todos')
 @UseGuards(JwtAuthGuard)
 export class TodosController {
     constructor(private todosService: TodosService) { }
 
-    @FusionGet()
+    @WextsGet()
     @Get()
     async findAll(@Request() req) {
         return this.todosService.findAll(req.user.userId);
     }
 
-    @FusionGet()
+    @WextsGet()
     @Get(':id')
     async findOne(@Param('id') id: string, @Request() req) {
         return this.todosService.findOne(id, req.user.userId);
     }
 
-    @FusionPost()
+    @WextsPost()
     @Post()
     async create(@Body() dto: CreateTodoDto, @Request() req) {
         return this.todosService.create(dto, req.user.userId);
     }
 
-    @FusionPut()
+    @WextsPut()
     @Put(':id')
     async update(
         @Param('id') id: string,
@@ -38,7 +38,7 @@ export class TodosController {
         return this.todosService.update(id, dto, req.user.userId);
     }
 
-    @FusionDelete()
+    @WextsDelete()
     @Delete(':id')
     async remove(@Param('id') id: string, @Request() req) {
         return this.todosService.remove(id, req.user.userId);

package/templates/nestjs-api/src/users/users.controller.ts

@@ -1,15 +1,15 @@
 import { Controller, Get, UseGuards, Request } from '@nestjs/common';
-import { FusionController, FusionGet } from 'wexts/nest';
+import { FusionController as WextsController, FusionGet as WextsGet } from 'wexts/nest';
 import { JwtAuthGuard } from '../auth/guards/jwt-auth.guard';
 import { UsersService } from './users.service';
 
-@FusionController('users')
+@WextsController('users')
 @Controller('users')
 @UseGuards(JwtAuthGuard)
 export class UsersController {
     constructor(private usersService: UsersService) { }
 
-    @FusionGet()
+    @WextsGet()
     @Get('me')
     async getMe(@Request() req) {
         return this.usersService.findById(req.user.userId);

package/templates/nestjs-api/tsconfig.json

@@ -16,6 +16,25 @@
         "noImplicitAny": false,
         "strictBindCallApply": false,
         "forceConsistentCasingInFileNames": false,
-        "noFallthroughCasesInSwitch": false
+        "noFallthroughCasesInSwitch": false,
+        "moduleResolution": "node",
+        "esModuleInterop": true,
+        "paths": {
+            "wexts/nest": [
+                "node_modules/wexts/dist/nest/index"
+            ],
+            "wexts/next": [
+                "node_modules/wexts/dist/next/index"
+            ],
+            "wexts/client": [
+                "node_modules/wexts/dist/client/index"
+            ],
+            "wexts/types": [
+                "node_modules/wexts/dist/types/index"
+            ],
+            "wexts": [
+                "node_modules/wexts/dist/index"
+            ]
+        }
     }
 }

package/templates/nextjs-web/app/actions/auth.ts

@@ -0,0 +1,79 @@
+'use server';
+
+import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
+
+const API_URL = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:5050';
+
+export type ActionState = {
+    message?: string;
+    errors?: {
+        email?: string[];
+        password?: string[];
+    };
+};
+
+export async function loginAction(prevState: ActionState, formData: FormData): Promise<ActionState> {
+    const email = formData.get('email') as string;
+    const password = formData.get('password') as string;
+
+    const errors: { email?: string[]; password?: string[] } = {};
+
+    if (!email || !email.includes('@')) {
+        errors.email = ['Invalid email address'];
+    }
+
+    if (!password || password.length < 6) {
+        errors.password = ['Password must be at least 6 characters'];
+    }
+
+    if (Object.keys(errors).length > 0) {
+        return { errors };
+    }
+
+    try {
+        const response = await fetch(`${API_URL}/auth/login`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ email, password }),
+        });
+
+        const data = await response.json();
+
+        if (!response.ok) {
+            return {
+                message: data.message || 'Invalid credentials',
+            };
+        }
+
+        // Assuming the API returns { access_token: string }
+        if (data.access_token) {
+            const cookieStore = await cookies();
+            cookieStore.set('wexts_token', data.access_token, {
+                httpOnly: true,
+                secure: process.env.NODE_ENV === 'production',
+                maxAge: 60 * 60 * 24 * 7, // 1 week
+                path: '/',
+            });
+        } else {
+            return {
+                message: 'Login failed: No token received',
+            };
+        }
+    } catch (error) {
+        console.error('Login error:', error);
+        return {
+            message: 'Something went wrong. Please try again.',
+        };
+    }
+
+    redirect('/dashboard');
+}
+
+export async function logoutAction() {
+    const cookieStore = await cookies();
+    cookieStore.delete('wexts_token');
+    redirect('/login');
+}

package/templates/nextjs-web/app/dashboard/error.tsx

@@ -0,0 +1,39 @@
+'use client';
+
+import { useEffect } from 'react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { AlertTriangle } from 'lucide-react';
+
+export default function DashboardError({
+    error,
+    reset,
+}: {
+    error: Error & { digest?: string };
+    reset: () => void;
+}) {
+    useEffect(() => {
+        console.error(error);
+    }, [error]);
+
+    return (
+        <div className="min-h-screen bg-background flex items-center justify-center p-8">
+            <Card className="glass border-destructive/20 max-w-md w-full">
+                <CardHeader>
+                    <CardTitle className="text-destructive flex items-center gap-2">
+                        <AlertTriangle className="w-5 h-5" />
+                        Something went wrong
+                    </CardTitle>
+                </CardHeader>
+                <CardContent className="space-y-4">
+                    <p className="text-muted-foreground">
+                        We encountered an error while loading your dashboard. Please try again.
+                    </p>
+                    <Button onClick={reset} className="w-full">
+                        Try again
+                    </Button>
+                </CardContent>
+            </Card>
+        </div>
+    );
+}

package/templates/nextjs-web/app/dashboard/loading.tsx

@@ -0,0 +1,14 @@
+import { Loader2 } from 'lucide-react';
+
+export default function DashboardLoading() {
+    return (
+        <div className="min-h-screen bg-background flex items-center justify-center">
+            <div className="text-center space-y-4">
+                <div className="inline-flex items-center justify-center w-16 h-16 rounded-2xl bg-primary/10 text-primary animate-pulse">
+                    <Loader2 className="w-8 h-8 animate-spin" />
+                </div>
+                <p className="text-muted-foreground animate-pulse">Loading dashboard...</p>
+            </div>
+        </div>
+    );
+}

package/templates/nextjs-web/app/dashboard/page.tsx

@@ -1,175 +1,5 @@
-'use client';
-
-import { useAuth, useFusion } from 'wexts/next';
-import { useRouter } from 'next/navigation';
-import { useEffect, useState } from 'react';
-
-interface Todo {
-    id: string;
-    title: string;
-    description?: string;
-    completed: boolean;
-}
+import { DashboardView } from '@/features/dashboard';
 
 export default function DashboardPage() {
-    const { user, isAuthenticated, loading: authLoading, logout } = useAuth();
-    const { client } = useFusion();
-    const router = useRouter();
-
-    const [todos, setTodos] = useState<Todo[]>([]);
-    const [newTodoTitle, setNewTodoTitle] = useState('');
-    const [loading, setLoading] = useState(false);
-
-    useEffect(() => {
-        if (!authLoading && !isAuthenticated) {
-            router.push('/login');
-        }
-    }, [isAuthenticated, authLoading, router]);
-
-    useEffect(() => {
-        if (isAuthenticated) {
-            loadTodos();
-        }
-    }, [isAuthenticated]);
-
-    const loadTodos = async () => {
-        try {
-            const data = await client.get<Todo[]>('/todos');
-            setTodos(data);
-        } catch (err) {
-            console.error('Failed to load todos:', err);
-        }
-    };
-
-    const handleAddTodo = async (e: React.FormEvent) => {
-        e.preventDefault();
-        if (!newTodoTitle.trim()) return;
-
-        setLoading(true);
-        try {
-            await client.post('/todos', { title: newTodoTitle });
-            setNewTodoTitle('');
-            await loadTodos();
-        } catch (err) {
-            console.error('Failed to add todo:', err);
-        } finally {
-            setLoading(false);
-        }
-    };
-
-    const handleToggleTodo = async (id: string, completed: boolean) => {
-        try {
-            await client.put(`/todos/${id}`, { completed: !completed });
-            await loadTodos();
-        } catch (err) {
-            console.error('Failed to update todo:', err);
-        }
-    };
-
-    const handleDeleteTodo = async (id: string) => {
-        try {
-            await client.delete(`/todos/${id}`);
-            await loadTodos();
-        } catch (err) {
-            console.error('Failed to delete todo:', err);
-        }
-    };
-
-    const handleLogout = async () => {
-        await logout();
-        router.push('/login');
-    };
-
-    if (authLoading) {
-        return (
-            <div className="min-h-screen flex items-center justify-center">
-                <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-violet-600"></div>
-            </div>
-        );
-    }
-
-    if (!isAuthenticated) return null;
-
-    return (
-        <div className="min-h-screen bg-gray-50 dark:bg-gray-900">
-            <nav className="bg-white dark:bg-gray-800 shadow">
-                <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-                    <div className="flex justify-between h-16">
-                        <div className="flex items-center">
-                            <h1 className="text-2xl font-bold text-violet-600">Fusion Dashboard</h1>
-                        </div>
-                        <div className="flex items-center gap-4">
-                            <span className="text-sm text-gray-700 dark:text-gray-300">
-                                {user?.email}
-                            </span>
-                            <button
-                                onClick={handleLogout}
-                                className="px-4 py-2 text-sm font-medium text-white bg-red-600 rounded-lg hover:bg-red-700 transition"
-                            >
-                                Logout
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </nav>
-
-            <main className="max-w-4xl mx-auto py-12 px-4">
-                <div className="bg-white dark:bg-gray-800 rounded-2xl shadow-xl p-8">
-                    <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-8">
-                        My Todos
-                    </h2>
-
-                    <form onSubmit={handleAddTodo} className="mb-8">
-                        <div className="flex gap-3">
-                            <input
-                                type="text"
-                                value={newTodoTitle}
-                                onChange={(e) => setNewTodoTitle(e.target.value)}
-                                placeholder="Add a new todo..."
-                                className="flex-1 px-4 py-3 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-violet-500 focus:border-transparent bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
-                            />
-                            <button
-                                type="submit"
-                                disabled={loading}
-                                className="px-6 py-3 bg-violet-600 text-white rounded-lg hover:bg-violet-700 font-medium disabled:opacity-50 transition"
-                            >
-                                Add
-                            </button>
-                        </div>
-                    </form>
-
-                    <div className="space-y-3">
-                        {todos.length === 0 ? (
-                            <p className="text-center text-gray-500 dark:text-gray-400 py-8">
-                                No todos yet. Create one above!
-                            </p>
-                        ) : (
-                            todos.map((todo) => (
-                                <div
-                                    key={todo.id}
-                                    className="flex items-center gap-3 p-4 bg-gray-50 dark:bg-gray-700/50 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition"
-                                >
-                                    <input
-                                        type="checkbox"
-                                        checked={todo.completed}
-                                        onChange={() => handleToggleTodo(todo.id, todo.completed)}
-                                        className="w-5 h-5 text-violet-600 rounded focus:ring-2 focus:ring-violet-500"
-                                    />
-                                    <span className={`flex-1 text-gray-900 dark:text-white ${todo.completed ? 'line-through opacity-50' : ''}`}>
-                                        {todo.title}
-                                    </span>
-                                    <button
-                                        onClick={() => handleDeleteTodo(todo.id)}
-                                        className="text-red-600 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300 text-sm font-medium"
-                                    >
-                                        Delete
-                                    </button>
-                                </div>
-                            ))
-                        )}
-                    </div>
-                </div>
-            </main>
-        </div>
-    );
+    return <DashboardView />;
 }

package/templates/nextjs-web/app/globals.css

@@ -2,27 +2,92 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  --background: 0 0% 100%;
-  --foreground: 240 10% 3.9%;
-  --primary: 262 83% 58%;
-  --primary-foreground: 0 0% 100%;
-}
-
-@media (prefers-color-scheme: dark) {
+@layer base {
   :root {
-    --background: 240 10% 3.9%;
-    --foreground: 0 0% 98%;
+    /* Brand Colors - Deep Violet & Electric Purple */
+    --background: 260 30% 98%;
+    --foreground: 260 40% 10%;
+    
+    --primary: 265 89% 66%;
+    --primary-foreground: 210 40% 98%;
+    
+    --secondary: 260 20% 90%;
+    --secondary-foreground: 260 40% 10%;
+    
+    --muted: 260 20% 96%;
+    --muted-foreground: 260 20% 40%;
+    
+    --accent: 265 89% 96%;
+    --accent-foreground: 265 89% 66%;
+    
+    --destructive: 0 84% 60%;
+    --destructive-foreground: 210 40% 98%;
+
+    --border: 260 20% 90%;
+    --input: 260 20% 90%;
+    --ring: 265 89% 66%;
+    
+    --radius: 1rem;
+  }
+
+  .dark {
+    --background: 260 40% 5%;
+    --foreground: 210 40% 98%;
+    
+    --primary: 265 89% 66%;
+    --primary-foreground: 210 40% 98%;
+    
+    --secondary: 260 30% 15%;
+    --secondary-foreground: 210 40% 98%;
+    
+    --muted: 260 30% 15%;
+    --muted-foreground: 215 20% 65%;
+    
+    --accent: 260 30% 15%;
+    --accent-foreground: 210 40% 98%;
+    
+    --destructive: 0 62% 30%;
+    --destructive-foreground: 210 40% 98%;
+    
+    --border: 260 30% 15%;
+    --input: 260 30% 15%;
+    --ring: 265 89% 66%;
   }
 }
 
-body {
-  background-color: hsl(var(--background));
-  color: hsl(var(--foreground));
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground antialiased;
+    font-feature-settings: "rlig" 1, "calt" 1;
+  }
 }
 
 @layer utilities {
-  .text-balance {
-    text-wrap: balance;
+  .glass {
+    @apply bg-white/10 backdrop-blur-lg border border-white/20 shadow-xl;
   }
+  .glass-dark {
+    @apply bg-black/30 backdrop-blur-lg border border-white/10 shadow-xl;
+  }
+  
+  .text-gradient {
+    @apply bg-clip-text text-transparent bg-gradient-to-r from-violet-600 to-indigo-600 dark:from-violet-400 dark:to-indigo-400;
+  }
+
+  .animate-float {
+    animation: float 6s ease-in-out infinite;
+  }
+  
+  .animate-pulse-slow {
+    animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+}
+
+@keyframes float {
+  0% { transform: translateY(0px); }
+  50% { transform: translateY(-20px); }
+  100% { transform: translateY(0px); }
 }