ar-saas 0.3.1 → 0.3.2

package/templates/frontend/pnpm-workspace.yaml

@@ -1,3 +1,3 @@
-allowBuilds:
-  sharp: set this to true or false
-  unrs-resolver: set this to true or false
+allowBuilds:
+  sharp: set this to true or false
+  unrs-resolver: set this to true or false

package/templates/frontend/postcss.config.mjs

@@ -1,7 +1,7 @@
-const config = {
-  plugins: {
-    '@tailwindcss/postcss': {},
-  },
-}
-
-export default config
+const config = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+}
+
+export default config

package/templates/frontend/src/app/(auth)/forgot-password/page.tsx

@@ -1,84 +1,84 @@
-'use client'
-
-import { useState } from 'react'
-import Link from 'next/link'
-import { useForm } from 'react-hook-form'
-import { authApi } from '@/lib/api/auth'
-import { Button } from '@/components/ui/button'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
-import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form'
-import { Input } from '@/components/ui/input'
-
-interface ForgotPasswordForm {
-  email: string
-}
-
-export default function ForgotPasswordPage() {
-  const [sent, setSent] = useState(false)
-
-  const form = useForm<ForgotPasswordForm>({
-    defaultValues: { email: '' },
-  })
-
-  async function onSubmit(data: ForgotPasswordForm) {
-    await authApi.forgotPassword(data.email).catch(() => null)
-    setSent(true)
-  }
-
-  if (sent) {
-    return (
-      <Card>
-        <CardHeader>
-          <CardTitle>Revisá tu email</CardTitle>
-          <CardDescription>
-            Si el email está registrado, te enviamos un link para restablecer tu contraseña.
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <Button asChild variant="outline" className="w-full">
-            <Link href="/login">Volver al inicio de sesión</Link>
-          </Button>
-        </CardContent>
-      </Card>
-    )
-  }
-
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle>Olvidé mi contraseña</CardTitle>
-        <CardDescription>
-          Ingresá tu email y te enviamos el link de restablecimiento.
-        </CardDescription>
-      </CardHeader>
-      <CardContent>
-        <Form {...form}>
-          <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
-            <FormField
-              control={form.control}
-              name="email"
-              rules={{ required: 'El email es requerido', pattern: { value: /\S+@\S+\.\S+/, message: 'Email inválido' } }}
-              render={({ field }) => (
-                <FormItem>
-                  <FormLabel>Email</FormLabel>
-                  <FormControl>
-                    <Input type="email" placeholder="juan@empresa.com" {...field} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            <Button type="submit" className="w-full" disabled={form.formState.isSubmitting}>
-              {form.formState.isSubmitting ? 'Enviando...' : 'Enviar link de restablecimiento'}
-            </Button>
-          </form>
-        </Form>
-        <p className="mt-4 text-center text-sm text-muted-foreground">
-          <Link href="/login" className="underline underline-offset-4 hover:text-foreground">
-            Volver al inicio de sesión
-          </Link>
-        </p>
-      </CardContent>
-    </Card>
-  )
-}
+'use client'
+
+import { useState } from 'react'
+import Link from 'next/link'
+import { useForm } from 'react-hook-form'
+import { authApi } from '@/lib/api/auth'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+
+interface ForgotPasswordForm {
+  email: string
+}
+
+export default function ForgotPasswordPage() {
+  const [sent, setSent] = useState(false)
+
+  const form = useForm<ForgotPasswordForm>({
+    defaultValues: { email: '' },
+  })
+
+  async function onSubmit(data: ForgotPasswordForm) {
+    await authApi.forgotPassword(data.email).catch(() => null)
+    setSent(true)
+  }
+
+  if (sent) {
+    return (
+      <Card>
+        <CardHeader>
+          <CardTitle>Revisá tu email</CardTitle>
+          <CardDescription>
+            Si el email está registrado, te enviamos un link para restablecer tu contraseña.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <Button asChild variant="outline" className="w-full">
+            <Link href="/login">Volver al inicio de sesión</Link>
+          </Button>
+        </CardContent>
+      </Card>
+    )
+  }
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Olvidé mi contraseña</CardTitle>
+        <CardDescription>
+          Ingresá tu email y te enviamos el link de restablecimiento.
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <Form {...form}>
+          <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+            <FormField
+              control={form.control}
+              name="email"
+              rules={{ required: 'El email es requerido', pattern: { value: /\S+@\S+\.\S+/, message: 'Email inválido' } }}
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Email</FormLabel>
+                  <FormControl>
+                    <Input type="email" placeholder="juan@empresa.com" {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <Button type="submit" className="w-full" disabled={form.formState.isSubmitting}>
+              {form.formState.isSubmitting ? 'Enviando...' : 'Enviar link de restablecimiento'}
+            </Button>
+          </form>
+        </Form>
+        <p className="mt-4 text-center text-sm text-muted-foreground">
+          <Link href="/login" className="underline underline-offset-4 hover:text-foreground">
+            Volver al inicio de sesión
+          </Link>
+        </p>
+      </CardContent>
+    </Card>
+  )
+}

package/templates/frontend/src/app/(auth)/layout.tsx

@@ -1,28 +1,28 @@
-'use client'
-
-import { useEffect } from 'react'
-import { useRouter } from 'next/navigation'
-import { useAuth } from '@/lib/hooks/use-auth'
-
-export default function AuthLayout({ children }: { children: React.ReactNode }) {
-  const { isAuthenticated, isLoading } = useAuth()
-  const router = useRouter()
-
-  useEffect(() => {
-    if (!isLoading && isAuthenticated) {
-      router.replace('/dashboard')
-    }
-  }, [isAuthenticated, isLoading, router])
-
-  if (isLoading) return null
-
-  return (
-    <div className="min-h-screen flex flex-col items-center justify-center bg-muted/40 px-4">
-      <div className="mb-8 text-center">
-        <h1 className="text-2xl font-bold tracking-tight">create-saas-ar</h1>
-        <p className="text-sm text-muted-foreground mt-1">Tu SaaS listo para Argentina</p>
-      </div>
-      <div className="w-full max-w-md">{children}</div>
-    </div>
-  )
-}
+'use client'
+
+import { useEffect } from 'react'
+import { useRouter } from 'next/navigation'
+import { useAuth } from '@/lib/hooks/use-auth'
+
+export default function AuthLayout({ children }: { children: React.ReactNode }) {
+  const { isAuthenticated, isLoading } = useAuth()
+  const router = useRouter()
+
+  useEffect(() => {
+    if (!isLoading && isAuthenticated) {
+      router.replace('/dashboard')
+    }
+  }, [isAuthenticated, isLoading, router])
+
+  if (isLoading) return null
+
+  return (
+    <div className="min-h-screen flex flex-col items-center justify-center bg-muted/40 px-4">
+      <div className="mb-8 text-center">
+        <h1 className="text-2xl font-bold tracking-tight">create-saas-ar</h1>
+        <p className="text-sm text-muted-foreground mt-1">Tu SaaS listo para Argentina</p>
+      </div>
+      <div className="w-full max-w-md">{children}</div>
+    </div>
+  )
+}

package/templates/frontend/src/app/(auth)/login/page.tsx

@@ -1,111 +1,111 @@
-'use client'
-
-import { useState } from 'react'
-import Link from 'next/link'
-import { Eye, EyeOff } from 'lucide-react'
-import { useForm } from 'react-hook-form'
-import { useAuth } from '@/lib/hooks/use-auth'
-import { Button } from '@/components/ui/button'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
-import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form'
-import { Input } from '@/components/ui/input'
-
-interface LoginForm {
-  email: string
-  password: string
-}
-
-export default function LoginPage() {
-  const { login } = useAuth()
-  const [showPassword, setShowPassword] = useState(false)
-  const [apiError, setApiError] = useState('')
-
-  const form = useForm<LoginForm>({
-    defaultValues: { email: '', password: '' },
-  })
-
-  async function onSubmit(data: LoginForm) {
-    setApiError('')
-    try {
-      await login(data.email, data.password)
-    } catch (err: unknown) {
-      const msg = err instanceof Error
-        ? err.message
-        : (err as { message?: string })?.message ?? 'Error al iniciar sesión'
-      setApiError(msg)
-    }
-  }
-
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle>Iniciar sesión</CardTitle>
-        <CardDescription>Ingresá tu email y contraseña</CardDescription>
-      </CardHeader>
-      <CardContent>
-        <Form {...form}>
-          <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
-            <FormField
-              control={form.control}
-              name="email"
-              rules={{ required: 'El email es requerido', pattern: { value: /\S+@\S+\.\S+/, message: 'Email inválido' } }}
-              render={({ field }) => (
-                <FormItem>
-                  <FormLabel>Email</FormLabel>
-                  <FormControl>
-                    <Input type="email" placeholder="juan@empresa.com" {...field} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            <FormField
-              control={form.control}
-              name="password"
-              rules={{ required: 'La contraseña es requerida' }}
-              render={({ field }) => (
-                <FormItem>
-                  <div className="flex items-center justify-between">
-                    <FormLabel>Contraseña</FormLabel>
-                    <Link href="/forgot-password" className="text-xs text-muted-foreground underline underline-offset-4 hover:text-foreground">
-                      ¿Olvidaste tu contraseña?
-                    </Link>
-                  </div>
-                  <FormControl>
-                    <div className="relative">
-                      <Input
-                        type={showPassword ? 'text' : 'password'}
-                        placeholder="Tu contraseña"
-                        className="pr-10"
-                        {...field}
-                      />
-                      <button
-                        type="button"
-                        onClick={() => setShowPassword((v) => !v)}
-                        className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
-                        tabIndex={-1}
-                      >
-                        {showPassword ? <EyeOff className="size-4" /> : <Eye className="size-4" />}
-                      </button>
-                    </div>
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            {apiError && <p className="text-sm text-destructive">{apiError}</p>}
-            <Button type="submit" className="w-full" disabled={form.formState.isSubmitting}>
-              {form.formState.isSubmitting ? 'Ingresando...' : 'Iniciar sesión'}
-            </Button>
-          </form>
-        </Form>
-        <p className="mt-4 text-center text-sm text-muted-foreground">
-          ¿No tenés cuenta?{' '}
-          <Link href="/register" className="underline underline-offset-4 hover:text-foreground">
-            Registrate
-          </Link>
-        </p>
-      </CardContent>
-    </Card>
-  )
-}
+'use client'
+
+import { useState } from 'react'
+import Link from 'next/link'
+import { Eye, EyeOff } from 'lucide-react'
+import { useForm } from 'react-hook-form'
+import { useAuth } from '@/lib/hooks/use-auth'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+
+interface LoginForm {
+  email: string
+  password: string
+}
+
+export default function LoginPage() {
+  const { login } = useAuth()
+  const [showPassword, setShowPassword] = useState(false)
+  const [apiError, setApiError] = useState('')
+
+  const form = useForm<LoginForm>({
+    defaultValues: { email: '', password: '' },
+  })
+
+  async function onSubmit(data: LoginForm) {
+    setApiError('')
+    try {
+      await login(data.email, data.password)
+    } catch (err: unknown) {
+      const msg = err instanceof Error
+        ? err.message
+        : (err as { message?: string })?.message ?? 'Error al iniciar sesión'
+      setApiError(msg)
+    }
+  }
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Iniciar sesión</CardTitle>
+        <CardDescription>Ingresá tu email y contraseña</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <Form {...form}>
+          <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+            <FormField
+              control={form.control}
+              name="email"
+              rules={{ required: 'El email es requerido', pattern: { value: /\S+@\S+\.\S+/, message: 'Email inválido' } }}
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Email</FormLabel>
+                  <FormControl>
+                    <Input type="email" placeholder="juan@empresa.com" {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="password"
+              rules={{ required: 'La contraseña es requerida' }}
+              render={({ field }) => (
+                <FormItem>
+                  <div className="flex items-center justify-between">
+                    <FormLabel>Contraseña</FormLabel>
+                    <Link href="/forgot-password" className="text-xs text-muted-foreground underline underline-offset-4 hover:text-foreground">
+                      ¿Olvidaste tu contraseña?
+                    </Link>
+                  </div>
+                  <FormControl>
+                    <div className="relative">
+                      <Input
+                        type={showPassword ? 'text' : 'password'}
+                        placeholder="Tu contraseña"
+                        className="pr-10"
+                        {...field}
+                      />
+                      <button
+                        type="button"
+                        onClick={() => setShowPassword((v) => !v)}
+                        className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
+                        tabIndex={-1}
+                      >
+                        {showPassword ? <EyeOff className="size-4" /> : <Eye className="size-4" />}
+                      </button>
+                    </div>
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            {apiError && <p className="text-sm text-destructive">{apiError}</p>}
+            <Button type="submit" className="w-full" disabled={form.formState.isSubmitting}>
+              {form.formState.isSubmitting ? 'Ingresando...' : 'Iniciar sesión'}
+            </Button>
+          </form>
+        </Form>
+        <p className="mt-4 text-center text-sm text-muted-foreground">
+          ¿No tenés cuenta?{' '}
+          <Link href="/register" className="underline underline-offset-4 hover:text-foreground">
+            Registrate
+          </Link>
+        </p>
+      </CardContent>
+    </Card>
+  )
+}