@create-lft-app/nextjs 1.0.0 → 2.0.1

package/template/tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -11,7 +15,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -19,9 +23,19 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }

package/template/src/app/auth/login/page.tsx

@@ -1,153 +0,0 @@
-"use client"
-
-import { useState } from "react"
-import { useRouter } from "next/navigation"
-import Link from "next/link"
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "@/components/ui/card"
-import { Input } from "@/components/ui/input"
-import { Button } from "@/components/ui/button"
-import { Label } from "@/components/ui/label"
-import { Separator } from "@/components/ui/separator"
-import { Spinner } from "@/components/ui/spinner"
-
-export default function LoginPage() {
-  const router = useRouter()
-  const [isLoading, setIsLoading] = useState(false)
-  const [error, setError] = useState<string | null>(null)
-
-  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault()
-    setIsLoading(true)
-    setError(null)
-
-    const formData = new FormData(e.currentTarget)
-    const email = formData.get("email") as string
-    const password = formData.get("password") as string
-
-    try {
-      // TODO: Implementar autenticación con Supabase
-      // const { error } = await supabase.auth.signInWithPassword({ email, password })
-
-      // Simulación de login exitoso
-      await new Promise((resolve) => setTimeout(resolve, 1000))
-
-      router.push("/dashboard")
-    } catch (err) {
-      setError("Error al iniciar sesión. Verifica tus credenciales.")
-    } finally {
-      setIsLoading(false)
-    }
-  }
-
-  return (
-    <div className="min-h-screen flex items-center justify-center bg-background p-4">
-      <Card className="w-full max-w-md">
-        <CardHeader className="space-y-1 text-center">
-          <CardTitle className="text-2xl font-bold">Iniciar Sesión</CardTitle>
-          <CardDescription>
-            Ingresa tus credenciales para acceder al panel
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <form onSubmit={handleSubmit} className="space-y-4">
-            {error && (
-              <div className="p-3 text-sm text-destructive bg-destructive/10 border border-destructive/20 rounded-md">
-                {error}
-              </div>
-            )}
-
-            <div className="space-y-2">
-              <Label htmlFor="email">Email</Label>
-              <Input
-                id="email"
-                name="email"
-                type="email"
-                placeholder="tu@email.com"
-                required
-                disabled={isLoading}
-                autoComplete="email"
-              />
-            </div>
-
-            <div className="space-y-2">
-              <div className="flex items-center justify-between">
-                <Label htmlFor="password">Contraseña</Label>
-                <Link
-                  href="/auth/forgot-password"
-                  className="text-sm text-primary hover:underline"
-                >
-                  ¿Olvidaste tu contraseña?
-                </Link>
-              </div>
-              <Input
-                id="password"
-                name="password"
-                type="password"
-                placeholder="••••••••"
-                required
-                disabled={isLoading}
-                autoComplete="current-password"
-              />
-            </div>
-
-            <Button type="submit" className="w-full" disabled={isLoading}>
-              {isLoading ? (
-                <>
-                  <Spinner className="mr-2 h-4 w-4" />
-                  Iniciando sesión...
-                </>
-              ) : (
-                "Iniciar Sesión"
-              )}
-            </Button>
-          </form>
-
-          <div className="relative my-6">
-            <Separator />
-            <span className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-background px-2 text-xs text-muted-foreground">
-              O continuar con
-            </span>
-          </div>
-
-          <div className="grid grid-cols-2 gap-4">
-            <Button variant="outline" disabled={isLoading}>
-              <svg className="mr-2 h-4 w-4" viewBox="0 0 24 24">
-                <path
-                  fill="currentColor"
-                  d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
-                />
-                <path
-                  fill="currentColor"
-                  d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
-                />
-                <path
-                  fill="currentColor"
-                  d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
-                />
-                <path
-                  fill="currentColor"
-                  d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
-                />
-              </svg>
-              Google
-            </Button>
-            <Button variant="outline" disabled={isLoading}>
-              <svg className="mr-2 h-4 w-4" fill="currentColor" viewBox="0 0 24 24">
-                <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
-              </svg>
-              GitHub
-            </Button>
-          </div>
-        </CardContent>
-        <CardFooter className="flex justify-center">
-          <p className="text-sm text-muted-foreground">
-            ¿No tienes una cuenta?{" "}
-            <Link href="/auth/register" className="text-primary hover:underline">
-              Regístrate
-            </Link>
-          </p>
-        </CardFooter>
-      </Card>
-    </div>
-  )
-}

package/template/src/components/layout/admin-midday-sidebar.tsx

@@ -1,247 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import { usePathname } from 'next/navigation'
-import { useState, useRef, useEffect } from 'react'
-import { cn } from '@/lib/utils'
-import {
-	LayoutDashboard,
-	Building2,
-	Users,
-	CreditCard,
-	Settings,
-	Shield,
-	Clock,
-	ChevronLeft,
-	LogOut,
-} from 'lucide-react'
-import {
-	DropdownMenu,
-	DropdownMenuContent,
-	DropdownMenuItem,
-	DropdownMenuSeparator,
-	DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
-import { logout } from '@/modules/auth/actions/auth-actions'
-
-type NavItem = {
-	path: string
-	name: string
-	icon: React.ComponentType<{ className?: string }>
-}
-
-const adminNavItems: NavItem[] = [
-	{ path: '/admin', name: 'Dashboard', icon: LayoutDashboard },
-	{ path: '/admin/organizations', name: 'Organizaciones', icon: Building2 },
-	{ path: '/admin/users', name: 'Usuarios', icon: Users },
-	{ path: '/admin/subscriptions', name: 'Suscripciones', icon: CreditCard },
-]
-
-const systemNavItems: NavItem[] = [
-	{ path: '/admin/jobs', name: 'Jobs', icon: Clock },
-	{ path: '/admin/settings', name: 'Configuración', icon: Settings },
-]
-
-interface AdminMiddaySidebarProps {
-	user: {
-		email: string
-		full_name: string | null
-		role: string
-	} | null
-}
-
-export function AdminMiddaySidebar({ user }: AdminMiddaySidebarProps) {
-	const pathname = usePathname()
-	const [isExpanded, setIsExpanded] = useState(false)
-	const sidebarRef = useRef<HTMLElement>(null)
-	const timeoutRef = useRef<NodeJS.Timeout | null>(null)
-
-	const handleMouseEnter = () => {
-		if (timeoutRef.current) clearTimeout(timeoutRef.current)
-		setIsExpanded(true)
-	}
-
-	const handleMouseLeave = () => {
-		timeoutRef.current = setTimeout(() => setIsExpanded(false), 100)
-	}
-
-	useEffect(() => {
-		return () => {
-			if (timeoutRef.current) clearTimeout(timeoutRef.current)
-		}
-	}, [])
-
-	const isActive = (path: string) => {
-		if (path === '/admin') return pathname === '/admin'
-		return pathname.startsWith(path)
-	}
-
-	const initials = user?.full_name
-		?.split(' ')
-		.map((n) => n[0])
-		.join('')
-		.toUpperCase()
-		.slice(0, 2) || 'SA'
-
-	return (
-		<aside
-			ref={sidebarRef}
-			className={cn(
-				'h-screen flex-shrink-0 flex-col justify-between fixed top-0 left-0 hidden md:flex z-50',
-				'bg-background border-r border-border',
-				'transition-[width] duration-200 ease-[cubic-bezier(0.4,0,0.2,1)]',
-				isExpanded ? 'w-[240px]' : 'w-[70px]'
-			)}
-			onMouseEnter={handleMouseEnter}
-			onMouseLeave={handleMouseLeave}
-		>
-				{/* Logo */}
-				<div className="h-[70px] flex items-center border-b border-border px-4">
-					<Link href="/admin" className="flex items-center gap-3">
-						<div className="flex h-8 w-8 items-center justify-center rounded-md bg-red-500 text-white flex-shrink-0">
-							<Shield className="h-4 w-4" />
-						</div>
-						<span
-							className={cn(
-								'font-semibold text-sm whitespace-nowrap transition-opacity duration-200',
-								isExpanded ? 'opacity-100' : 'opacity-0 w-0'
-							)}
-						>
-							Super Admin
-						</span>
-					</Link>
-				</div>
-
-				{/* Navigation */}
-				<nav className="flex-1 overflow-y-auto py-4">
-					{/* Main Nav */}
-					<div className="mb-6">
-						{isExpanded && (
-							<p className="px-4 mb-2 text-[10px] font-medium text-[#878787] uppercase tracking-wider">
-								Gestión
-							</p>
-						)}
-						<ul className="space-y-1 px-2">
-							{adminNavItems.map((item) => {
-								const Icon = item.icon
-								const active = isActive(item.path)
-
-								return (
-									<li key={item.path}>
-										<Link
-											href={item.path}
-											className={cn(
-												'flex items-center gap-3 rounded-md px-3 py-2 text-sm transition-colors',
-												active
-													? 'bg-accent text-foreground'
-													: 'text-[#878787] hover:bg-accent/50 hover:text-foreground'
-											)}
-										>
-											<Icon className="h-4 w-4 flex-shrink-0" />
-											{isExpanded && (
-												<span className="whitespace-nowrap">
-													{item.name}
-												</span>
-											)}
-										</Link>
-									</li>
-								)
-							})}
-						</ul>
-					</div>
-
-					{/* System Nav */}
-					<div>
-						{isExpanded && (
-							<p className="px-4 mb-2 text-[10px] font-medium text-[#878787] uppercase tracking-wider">
-								Sistema
-							</p>
-						)}
-						<ul className="space-y-1 px-2">
-							{systemNavItems.map((item) => {
-								const Icon = item.icon
-								const active = isActive(item.path)
-
-								return (
-									<li key={item.path}>
-										<Link
-											href={item.path}
-											className={cn(
-												'flex items-center gap-3 rounded-md px-3 py-2 text-sm transition-colors',
-												active
-													? 'bg-accent text-foreground'
-													: 'text-[#878787] hover:bg-accent/50 hover:text-foreground'
-											)}
-										>
-											<Icon className="h-4 w-4 flex-shrink-0" />
-											{isExpanded && (
-												<span className="whitespace-nowrap">
-													{item.name}
-												</span>
-											)}
-										</Link>
-									</li>
-								)
-							})}
-						</ul>
-					</div>
-				</nav>
-
-				{/* Back to Dashboard & User */}
-				<div className="border-t border-border">
-					{/* Back Link */}
-					<Link
-						href="/"
-						className="flex items-center gap-3 px-4 py-3 text-sm text-[#878787] hover:text-foreground hover:bg-accent/50 transition-colors"
-					>
-						<ChevronLeft className="h-4 w-4 flex-shrink-0" />
-						<span
-							className={cn(
-								'whitespace-nowrap transition-opacity duration-200',
-								isExpanded ? 'opacity-100' : 'opacity-0 w-0'
-							)}
-						>
-							Volver al Dashboard
-						</span>
-					</Link>
-
-					{/* User Menu */}
-					<DropdownMenu>
-						<DropdownMenuTrigger asChild>
-							<button className="flex items-center gap-3 w-full px-4 py-3 hover:bg-accent/50 transition-colors">
-								<div className="flex h-8 w-8 items-center justify-center rounded-full bg-red-500/10 text-red-500 text-xs font-medium flex-shrink-0">
-									{initials}
-								</div>
-								<div
-									className={cn(
-										'flex flex-col items-start text-left transition-opacity duration-200',
-										isExpanded ? 'opacity-100' : 'opacity-0 w-0'
-									)}
-								>
-									<span className="text-sm font-medium truncate max-w-[160px]">
-										{user?.full_name || 'Super Admin'}
-									</span>
-									<span className="text-xs text-[#878787] truncate max-w-[160px]">
-										{user?.email}
-									</span>
-								</div>
-							</button>
-						</DropdownMenuTrigger>
-						<DropdownMenuContent align="end" className="w-56">
-							<div className="px-2 py-1.5">
-								<p className="text-sm font-medium">{user?.full_name}</p>
-								<p className="text-xs text-[#878787]">{user?.email}</p>
-							</div>
-							<DropdownMenuSeparator />
-							<DropdownMenuItem asChild>
-								<button onClick={() => logout()} className="w-full cursor-pointer">
-									<LogOut className="h-4 w-4 mr-2" />
-									Cerrar sesión
-								</button>
-							</DropdownMenuItem>
-						</DropdownMenuContent>
-					</DropdownMenu>
-				</div>
-		</aside>
-	)
-}

package/template/src/components/layout/admin-sidebar.tsx

@@ -1,146 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import { usePathname } from 'next/navigation'
-import {
-	LayoutDashboard,
-	Building2,
-	Users,
-	CreditCard,
-	Settings,
-	Shield,
-	Clock,
-} from 'lucide-react'
-import {
-	Sidebar,
-	SidebarContent,
-	SidebarGroup,
-	SidebarGroupContent,
-	SidebarGroupLabel,
-	SidebarMenu,
-	SidebarMenuButton,
-	SidebarMenuItem,
-	SidebarHeader,
-	SidebarFooter,
-} from '@/components/ui/sidebar'
-import { NavUser } from './nav-user'
-
-const adminNavItems = [
-	{
-		title: 'Dashboard',
-		url: '/admin',
-		icon: LayoutDashboard,
-	},
-	{
-		title: 'Organizaciones',
-		url: '/admin/organizations',
-		icon: Building2,
-	},
-	{
-		title: 'Usuarios',
-		url: '/admin/users',
-		icon: Users,
-	},
-	{
-		title: 'Suscripciones',
-		url: '/admin/subscriptions',
-		icon: CreditCard,
-	},
-]
-
-const systemNavItems = [
-	{
-		title: 'Jobs',
-		url: '/admin/jobs',
-		icon: Clock,
-	},
-	{
-		title: 'Configuración',
-		url: '/admin/settings',
-		icon: Settings,
-	},
-]
-
-interface AdminSidebarProps {
-	user: {
-		email: string
-		full_name: string | null
-		role: string
-	} | null
-}
-
-export function AdminSidebar({ user }: AdminSidebarProps) {
-	const pathname = usePathname()
-
-	return (
-		<Sidebar>
-			<SidebarHeader className="border-b border-sidebar-border">
-				<div className="flex items-center gap-2 px-4 py-3">
-					<div className="flex h-8 w-8 items-center justify-center rounded-lg bg-destructive text-destructive-foreground font-bold">
-						<Shield className="h-4 w-4" />
-					</div>
-					<div className="flex flex-col">
-						<span className="text-sm font-semibold">
-							{user?.full_name?.split(' ')[0] || 'Admin'}
-						</span>
-						<span className="text-xs text-muted-foreground">
-							Super Admin
-						</span>
-					</div>
-				</div>
-			</SidebarHeader>
-
-			<SidebarContent>
-				<SidebarGroup>
-					<SidebarGroupLabel>Gestión</SidebarGroupLabel>
-					<SidebarGroupContent>
-						<SidebarMenu>
-							{adminNavItems.map((item) => (
-								<SidebarMenuItem key={item.title}>
-									<SidebarMenuButton
-										asChild
-										isActive={
-											item.url === '/admin'
-												? pathname === '/admin'
-												: pathname.startsWith(item.url)
-										}
-									>
-										<Link href={item.url}>
-											<item.icon className="h-4 w-4" />
-											<span>{item.title}</span>
-										</Link>
-									</SidebarMenuButton>
-								</SidebarMenuItem>
-							))}
-						</SidebarMenu>
-					</SidebarGroupContent>
-				</SidebarGroup>
-
-				<SidebarGroup>
-					<SidebarGroupLabel>Sistema</SidebarGroupLabel>
-					<SidebarGroupContent>
-						<SidebarMenu>
-							{systemNavItems.map((item) => (
-								<SidebarMenuItem key={item.title}>
-									<SidebarMenuButton
-										asChild
-										isActive={pathname.startsWith(item.url)}
-									>
-										<Link href={item.url}>
-											<item.icon className="h-4 w-4" />
-											<span>{item.title}</span>
-										</Link>
-									</SidebarMenuButton>
-								</SidebarMenuItem>
-							))}
-						</SidebarMenu>
-					</SidebarGroupContent>
-				</SidebarGroup>
-			</SidebarContent>
-
-			<SidebarFooter className="border-t border-sidebar-border">
-				<NavUser user={user} />
-			</SidebarFooter>
-		</Sidebar>
-	)
-}

package/template/src/components/layout/header.tsx

@@ -1,71 +0,0 @@
-'use client'
-
-import { Bell } from 'lucide-react'
-import { Button } from '@/components/ui/button'
-import { SidebarTrigger } from '@/components/ui/sidebar'
-import { Separator } from '@/components/ui/separator'
-import {
-	DropdownMenu,
-	DropdownMenuContent,
-	DropdownMenuItem,
-	DropdownMenuLabel,
-	DropdownMenuSeparator,
-	DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
-import { Badge } from '@/components/ui/badge'
-
-interface HeaderProps {
-	title?: string
-}
-
-export function Header({ title }: HeaderProps) {
-	return (
-		<header className="flex h-14 shrink-0 items-center gap-2 border-b px-4">
-			<SidebarTrigger className="-ml-1" />
-			<Separator orientation="vertical" className="mr-2 h-4" />
-			{title && <h1 className="text-lg font-semibold">{title}</h1>}
-
-			<div className="ml-auto flex items-center gap-2">
-				<DropdownMenu>
-					<DropdownMenuTrigger asChild>
-						<Button variant="ghost" size="icon" className="relative">
-							<Bell className="h-5 w-5" />
-							<Badge
-								variant="destructive"
-								className="absolute -right-1 -top-1 h-5 w-5 rounded-full p-0 text-xs flex items-center justify-center"
-							>
-								3
-							</Badge>
-						</Button>
-					</DropdownMenuTrigger>
-					<DropdownMenuContent align="end" className="w-80">
-						<DropdownMenuLabel>Notificaciones</DropdownMenuLabel>
-						<DropdownMenuSeparator />
-						<DropdownMenuItem className="flex flex-col items-start gap-1 cursor-pointer">
-							<span className="font-medium">Documento por vencer</span>
-							<span className="text-xs text-muted-foreground">
-								Balance de Empresa ABC S.A. vence en 7 días
-							</span>
-						</DropdownMenuItem>
-						<DropdownMenuItem className="flex flex-col items-start gap-1 cursor-pointer">
-							<span className="font-medium">Nueva alerta BCRA</span>
-							<span className="text-xs text-muted-foreground">
-								Se detectó deuda en situación 3 para cliente
-							</span>
-						</DropdownMenuItem>
-						<DropdownMenuItem className="flex flex-col items-start gap-1 cursor-pointer">
-							<span className="font-medium">Cliente pendiente</span>
-							<span className="text-xs text-muted-foreground">
-								Juan Pérez está esperando aprobación
-							</span>
-						</DropdownMenuItem>
-						<DropdownMenuSeparator />
-						<DropdownMenuItem className="text-center cursor-pointer">
-							<span className="text-sm text-primary">Ver todas</span>
-						</DropdownMenuItem>
-					</DropdownMenuContent>
-				</DropdownMenu>
-			</div>
-		</header>
-	)
-}