@create-lft-app/nextjs 3.2.0 → 3.3.0

package/template/src/app/(auth)/dashboard/dashboard-content.tsx

@@ -1,124 +1,124 @@
-'use client'
-
-import {
-  PageTransition,
-  PageHeader,
-  PageTitle,
-  PageDescription,
-  MotionDiv,
-  staggerContainer,
-  staggerItem,
-} from '@/components/ui/animations'
-import {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-} from '@/components/ui/card'
-import { Users, FileText, TrendingUp, DollarSign } from 'lucide-react'
-
-interface DashboardContentProps {
-  userEmail: string
-}
-
-const stats = [
-  {
-    title: 'Usuarios Totales',
-    value: '2,350',
-    description: '+180 este mes',
-    icon: Users,
-  },
-  {
-    title: 'Documentos',
-    value: '12,234',
-    description: '+1,234 esta semana',
-    icon: FileText,
-  },
-  {
-    title: 'Crecimiento',
-    value: '+23%',
-    description: 'vs mes anterior',
-    icon: TrendingUp,
-  },
-  {
-    title: 'Ingresos',
-    value: '$45,231',
-    description: '+20.1% este mes',
-    icon: DollarSign,
-  },
-]
-
-export function DashboardContent({ userEmail }: DashboardContentProps) {
-  return (
-    <PageTransition className="flex flex-1 flex-col gap-6 p-6">
-      <PageHeader>
-        <PageTitle>Dashboard</PageTitle>
-        <PageDescription>Bienvenido, {userEmail}</PageDescription>
-      </PageHeader>
-
-      <MotionDiv
-        variants={staggerContainer}
-        initial="hidden"
-        animate="visible"
-        className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4"
-      >
-        {stats.map((stat) => (
-          <MotionDiv key={stat.title} variants={staggerItem}>
-            <Card className="h-full">
-              <CardHeader className="flex flex-row items-center justify-between pb-2">
-                <CardTitle className="text-sm font-medium">
-                  {stat.title}
-                </CardTitle>
-                <stat.icon className="h-4 w-4 text-muted-foreground" />
-              </CardHeader>
-              <CardContent>
-                <div className="text-2xl font-bold">{stat.value}</div>
-                <CardDescription>{stat.description}</CardDescription>
-              </CardContent>
-            </Card>
-          </MotionDiv>
-        ))}
-      </MotionDiv>
-
-      <MotionDiv
-        variants={staggerContainer}
-        initial="hidden"
-        animate="visible"
-        className="grid grid-cols-1 lg:grid-cols-2 gap-4"
-      >
-        <MotionDiv variants={staggerItem}>
-          <Card className="h-[400px]">
-            <CardHeader>
-              <CardTitle>Actividad Reciente</CardTitle>
-              <CardDescription>
-                Últimas acciones en el sistema
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="flex items-center justify-center h-[280px] text-muted-foreground">
-                Gráfico de actividad
-              </div>
-            </CardContent>
-          </Card>
-        </MotionDiv>
-
-        <MotionDiv variants={staggerItem}>
-          <Card className="h-[400px]">
-            <CardHeader>
-              <CardTitle>Resumen</CardTitle>
-              <CardDescription>
-                Estadísticas generales del período
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="flex items-center justify-center h-[280px] text-muted-foreground">
-                Gráfico de resumen
-              </div>
-            </CardContent>
-          </Card>
-        </MotionDiv>
-      </MotionDiv>
-    </PageTransition>
-  )
-}
+'use client'
+
+import {
+  PageTransition,
+  PageHeader,
+  PageTitle,
+  PageDescription,
+  MotionDiv,
+  staggerContainer,
+  staggerItem,
+} from '@/components/ui/animations'
+import {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+} from '@/components/ui/card'
+import { Users, FileText, TrendingUp, DollarSign } from 'lucide-react'
+
+interface DashboardContentProps {
+  userEmail: string
+}
+
+const stats = [
+  {
+    title: 'Usuarios Totales',
+    value: '2,350',
+    description: '+180 este mes',
+    icon: Users,
+  },
+  {
+    title: 'Documentos',
+    value: '12,234',
+    description: '+1,234 esta semana',
+    icon: FileText,
+  },
+  {
+    title: 'Crecimiento',
+    value: '+23%',
+    description: 'vs mes anterior',
+    icon: TrendingUp,
+  },
+  {
+    title: 'Ingresos',
+    value: '$45,231',
+    description: '+20.1% este mes',
+    icon: DollarSign,
+  },
+]
+
+export function DashboardContent({ userEmail }: DashboardContentProps) {
+  return (
+    <PageTransition className="flex flex-1 flex-col gap-6 p-6">
+      <PageHeader>
+        <PageTitle>Dashboard</PageTitle>
+        <PageDescription>Bienvenido, {userEmail}</PageDescription>
+      </PageHeader>
+
+      <MotionDiv
+        variants={staggerContainer}
+        initial="hidden"
+        animate="visible"
+        className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4"
+      >
+        {stats.map((stat) => (
+          <MotionDiv key={stat.title} variants={staggerItem}>
+            <Card className="h-full">
+              <CardHeader className="flex flex-row items-center justify-between pb-2">
+                <CardTitle className="text-sm font-medium">
+                  {stat.title}
+                </CardTitle>
+                <stat.icon className="h-4 w-4 text-muted-foreground" />
+              </CardHeader>
+              <CardContent>
+                <div className="text-2xl font-bold">{stat.value}</div>
+                <CardDescription>{stat.description}</CardDescription>
+              </CardContent>
+            </Card>
+          </MotionDiv>
+        ))}
+      </MotionDiv>
+
+      <MotionDiv
+        variants={staggerContainer}
+        initial="hidden"
+        animate="visible"
+        className="grid grid-cols-1 lg:grid-cols-2 gap-4"
+      >
+        <MotionDiv variants={staggerItem}>
+          <Card className="h-[400px]">
+            <CardHeader>
+              <CardTitle>Actividad Reciente</CardTitle>
+              <CardDescription>
+                Últimas acciones en el sistema
+              </CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="flex items-center justify-center h-[280px] text-muted-foreground">
+                Gráfico de actividad
+              </div>
+            </CardContent>
+          </Card>
+        </MotionDiv>
+
+        <MotionDiv variants={staggerItem}>
+          <Card className="h-[400px]">
+            <CardHeader>
+              <CardTitle>Resumen</CardTitle>
+              <CardDescription>
+                Estadísticas generales del período
+              </CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="flex items-center justify-center h-[280px] text-muted-foreground">
+                Gráfico de resumen
+              </div>
+            </CardContent>
+          </Card>
+        </MotionDiv>
+      </MotionDiv>
+    </PageTransition>
+  )
+}

package/template/src/app/(auth)/dashboard/page.tsx

@@ -1,9 +1,9 @@
-import { createClient } from '@/lib/supabase/server'
-import { DashboardContent } from './dashboard-content'
-
-export default async function DashboardPage() {
-  const supabase = await createClient()
-  const { data: { user } } = await supabase.auth.getUser()
-
-  return <DashboardContent userEmail={user?.email ?? ''} />
-}
+import { createClient } from '@/lib/supabase/server'
+import { DashboardContent } from './dashboard-content'
+
+export default async function DashboardPage() {
+  const supabase = await createClient()
+  const { data: { user } } = await supabase.auth.getUser()
+
+  return <DashboardContent userEmail={user?.email ?? ''} />
+}

package/template/src/app/(auth)/layout.tsx

@@ -1,7 +1,7 @@
-export default function AuthLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return <>{children}</>
-}
+export default function AuthLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return <>{children}</>
+}

package/template/src/app/(auth)/users/page.tsx

@@ -1,9 +1,9 @@
-import { createClient } from '@/lib/supabase/server'
-import { UsersContent } from './users-content'
-
-export default async function UsersPage() {
-  const supabase = await createClient()
-  const { data: { user } } = await supabase.auth.getUser()
-
-  return <UsersContent userEmail={user?.email ?? ''} />
-}
+import { createClient } from '@/lib/supabase/server'
+import { UsersContent } from './users-content'
+
+export default async function UsersPage() {
+  const supabase = await createClient()
+  const { data: { user } } = await supabase.auth.getUser()
+
+  return <UsersContent userEmail={user?.email ?? ''} />
+}

package/template/src/app/(auth)/users/users-content.tsx

@@ -1,26 +1,26 @@
-'use client'
-
-import {
-  PageTransition,
-  PageHeader,
-  PageTitle,
-  PageDescription,
-} from '@/components/ui/animations'
-import { UsersList } from '@/modules/users'
-
-interface UsersContentProps {
-  userEmail: string
-}
-
-export function UsersContent({ userEmail }: UsersContentProps) {
-  return (
-    <PageTransition className="flex flex-1 flex-col gap-6 p-6">
-      <PageHeader>
-        <PageTitle>Usuarios</PageTitle>
-        <PageDescription>Gestión de usuarios del sistema</PageDescription>
-      </PageHeader>
-
-      <UsersList />
-    </PageTransition>
-  )
-}
+'use client'
+
+import {
+  PageTransition,
+  PageHeader,
+  PageTitle,
+  PageDescription,
+} from '@/components/ui/animations'
+import { UsersList } from '@/modules/users'
+
+interface UsersContentProps {
+  userEmail: string
+}
+
+export function UsersContent({ userEmail }: UsersContentProps) {
+  return (
+    <PageTransition className="flex flex-1 flex-col gap-6 p-6">
+      <PageHeader>
+        <PageTitle>Usuarios</PageTitle>
+        <PageDescription>Gestión de usuarios del sistema</PageDescription>
+      </PageHeader>
+
+      <UsersList />
+    </PageTransition>
+  )
+}

package/template/src/app/(public)/layout.tsx

@@ -1,7 +1,7 @@
-export default function PublicLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return <>{children}</>
-}
+export default function PublicLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return <>{children}</>
+}

package/template/src/app/(public)/login/page.tsx

@@ -1,17 +1,17 @@
-import { LoginForm } from '@/modules/auth/components/login-form'
-
-export default function LoginPage() {
-  return (
-    <div className="flex min-h-screen items-center justify-center">
-      <div className="w-full max-w-md space-y-8 px-4">
-        <div className="text-center">
-          <h1 className="text-2xl font-bold">Iniciar sesión</h1>
-          <p className="mt-2 text-muted-foreground">
-            Ingresa tus credenciales para acceder
-          </p>
-        </div>
-        <LoginForm />
-      </div>
-    </div>
-  )
-}
+import { LoginForm } from '@/modules/auth/components/login-form'
+
+export default function LoginPage() {
+  return (
+    <div className="flex min-h-screen items-center justify-center">
+      <div className="w-full max-w-md space-y-8 px-4">
+        <div className="text-center">
+          <h1 className="text-2xl font-bold">Iniciar sesión</h1>
+          <p className="mt-2 text-muted-foreground">
+            Ingresa tus credenciales para acceder
+          </p>
+        </div>
+        <LoginForm />
+      </div>
+    </div>
+  )
+}

package/template/src/app/api/webhooks/route.ts

@@ -1,20 +1,20 @@
-import { NextRequest, NextResponse } from 'next/server'
-
-export async function POST(request: NextRequest) {
-  try {
-    const body = await request.json()
-
-    // Verificar firma del webhook aquí
-    // const signature = request.headers.get('x-webhook-signature')
-
-    console.log('Webhook received:', body)
-
-    return NextResponse.json({ received: true })
-  } catch (error) {
-    console.error('Webhook error:', error)
-    return NextResponse.json(
-      { error: 'Webhook processing failed' },
-      { status: 500 }
-    )
-  }
-}
+import { NextRequest, NextResponse } from 'next/server'
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json()
+
+    // Verificar firma del webhook aquí
+    // const signature = request.headers.get('x-webhook-signature')
+
+    console.log('Webhook received:', body)
+
+    return NextResponse.json({ received: true })
+  } catch (error) {
+    console.error('Webhook error:', error)
+    return NextResponse.json(
+      { error: 'Webhook processing failed' },
+      { status: 500 }
+    )
+  }
+}