@create-lft-app/nextjs 3.2.0 → 3.3.0

package/template/src/lib/validations/common.ts

@@ -1,75 +1,75 @@
-import { z } from 'zod'
-
-// Common reusable schemas
-
-export const emailSchema = z
-  .string()
-  .min(1, 'El email es requerido')
-  .email('Email inválido')
-
-export const passwordSchema = z
-  .string()
-  .min(1, 'La contraseña es requerida')
-  .min(6, 'La contraseña debe tener al menos 6 caracteres')
-  .max(100, 'La contraseña no puede tener más de 100 caracteres')
-
-export const phoneSchema = z
-  .string()
-  .min(1, 'El teléfono es requerido')
-  .regex(/^[+]?[\d\s-()]+$/, 'Teléfono inválido')
-  .min(10, 'El teléfono debe tener al menos 10 dígitos')
-
-export const urlSchema = z
-  .string()
-  .url('URL inválida')
-  .or(z.literal(''))
-
-export const uuidSchema = z
-  .string()
-  .uuid('ID inválido')
-
-export const dateSchema = z
-  .string()
-  .datetime({ message: 'Fecha inválida' })
-
-export const positiveNumberSchema = z
-  .number()
-  .positive('El número debe ser positivo')
-
-export const nonNegativeNumberSchema = z
-  .number()
-  .nonnegative('El número no puede ser negativo')
-
-export const percentageSchema = z
-  .number()
-  .min(0, 'El porcentaje no puede ser menor a 0')
-  .max(100, 'El porcentaje no puede ser mayor a 100')
-
-export const currencySchema = z
-  .number()
-  .nonnegative('El monto no puede ser negativo')
-  .multipleOf(0.01, 'El monto debe tener máximo 2 decimales')
-
-// Pagination schemas
-export const paginationSchema = z.object({
-  page: z.number().int().positive().default(1),
-  pageSize: z.number().int().positive().max(100).default(10),
-})
-
-export const sortSchema = z.object({
-  sortBy: z.string().optional(),
-  sortOrder: z.enum(['asc', 'desc']).default('asc'),
-})
-
-// Search schema
-export const searchSchema = z.object({
-  query: z.string().optional(),
-})
-
-// Combined query params schema
-export const queryParamsSchema = paginationSchema.merge(sortSchema).merge(searchSchema)
-
-export type PaginationInput = z.infer<typeof paginationSchema>
-export type SortInput = z.infer<typeof sortSchema>
-export type SearchInput = z.infer<typeof searchSchema>
-export type QueryParamsInput = z.infer<typeof queryParamsSchema>
+import { z } from 'zod'
+
+// Common reusable schemas
+
+export const emailSchema = z
+  .string()
+  .min(1, 'El email es requerido')
+  .email('Email inválido')
+
+export const passwordSchema = z
+  .string()
+  .min(1, 'La contraseña es requerida')
+  .min(6, 'La contraseña debe tener al menos 6 caracteres')
+  .max(100, 'La contraseña no puede tener más de 100 caracteres')
+
+export const phoneSchema = z
+  .string()
+  .min(1, 'El teléfono es requerido')
+  .regex(/^[+]?[\d\s-()]+$/, 'Teléfono inválido')
+  .min(10, 'El teléfono debe tener al menos 10 dígitos')
+
+export const urlSchema = z
+  .string()
+  .url('URL inválida')
+  .or(z.literal(''))
+
+export const uuidSchema = z
+  .string()
+  .uuid('ID inválido')
+
+export const dateSchema = z
+  .string()
+  .datetime({ message: 'Fecha inválida' })
+
+export const positiveNumberSchema = z
+  .number()
+  .positive('El número debe ser positivo')
+
+export const nonNegativeNumberSchema = z
+  .number()
+  .nonnegative('El número no puede ser negativo')
+
+export const percentageSchema = z
+  .number()
+  .min(0, 'El porcentaje no puede ser menor a 0')
+  .max(100, 'El porcentaje no puede ser mayor a 100')
+
+export const currencySchema = z
+  .number()
+  .nonnegative('El monto no puede ser negativo')
+  .multipleOf(0.01, 'El monto debe tener máximo 2 decimales')
+
+// Pagination schemas
+export const paginationSchema = z.object({
+  page: z.number().int().positive().default(1),
+  pageSize: z.number().int().positive().max(100).default(10),
+})
+
+export const sortSchema = z.object({
+  sortBy: z.string().optional(),
+  sortOrder: z.enum(['asc', 'desc']).default('asc'),
+})
+
+// Search schema
+export const searchSchema = z.object({
+  query: z.string().optional(),
+})
+
+// Combined query params schema
+export const queryParamsSchema = paginationSchema.merge(sortSchema).merge(searchSchema)
+
+export type PaginationInput = z.infer<typeof paginationSchema>
+export type SortInput = z.infer<typeof sortSchema>
+export type SearchInput = z.infer<typeof searchSchema>
+export type QueryParamsInput = z.infer<typeof queryParamsSchema>

package/template/src/lib/validations/index.ts

@@ -1,20 +1,20 @@
-export {
-  emailSchema,
-  passwordSchema,
-  phoneSchema,
-  urlSchema,
-  uuidSchema,
-  dateSchema,
-  positiveNumberSchema,
-  nonNegativeNumberSchema,
-  percentageSchema,
-  currencySchema,
-  paginationSchema,
-  sortSchema,
-  searchSchema,
-  queryParamsSchema,
-  type PaginationInput,
-  type SortInput,
-  type SearchInput,
-  type QueryParamsInput,
-} from './common'
+export {
+  emailSchema,
+  passwordSchema,
+  phoneSchema,
+  urlSchema,
+  uuidSchema,
+  dateSchema,
+  positiveNumberSchema,
+  nonNegativeNumberSchema,
+  percentageSchema,
+  currencySchema,
+  paginationSchema,
+  sortSchema,
+  searchSchema,
+  queryParamsSchema,
+  type PaginationInput,
+  type SortInput,
+  type SearchInput,
+  type QueryParamsInput,
+} from './common'

package/template/src/modules/auth/actions/auth-actions.ts

@@ -1,59 +1,59 @@
-'use server'
-
-import { createClient } from '@/lib/supabase/server'
-import { redirect } from 'next/navigation'
-import { loginSchema, registerSchema, type LoginInput, type RegisterInput } from '../schemas/auth.schema'
-
-export async function login(input: LoginInput) {
-  const parsed = loginSchema.safeParse(input)
-
-  if (!parsed.success) {
-    return { error: parsed.error.errors[0].message }
-  }
-
-  const supabase = await createClient()
-
-  const { error } = await supabase.auth.signInWithPassword({
-    email: parsed.data.email,
-    password: parsed.data.password,
-  })
-
-  if (error) {
-    return { error: error.message }
-  }
-
-  redirect('/dashboard')
-}
-
-export async function register(input: RegisterInput) {
-  const parsed = registerSchema.safeParse(input)
-
-  if (!parsed.success) {
-    return { error: parsed.error.errors[0].message }
-  }
-
-  const supabase = await createClient()
-
-  const { error } = await supabase.auth.signUp({
-    email: parsed.data.email,
-    password: parsed.data.password,
-  })
-
-  if (error) {
-    return { error: error.message }
-  }
-
-  redirect('/dashboard')
-}
-
-export async function logout() {
-  const supabase = await createClient()
-  await supabase.auth.signOut()
-  redirect('/login')
-}
-
-export async function getUser() {
-  const supabase = await createClient()
-  const { data: { user } } = await supabase.auth.getUser()
-  return user
-}
+'use server'
+
+import { createClient } from '@/lib/supabase/server'
+import { redirect } from 'next/navigation'
+import { loginSchema, registerSchema, type LoginInput, type RegisterInput } from '../schemas/auth.schema'
+
+export async function login(input: LoginInput) {
+  const parsed = loginSchema.safeParse(input)
+
+  if (!parsed.success) {
+    return { error: parsed.error.errors[0].message }
+  }
+
+  const supabase = await createClient()
+
+  const { error } = await supabase.auth.signInWithPassword({
+    email: parsed.data.email,
+    password: parsed.data.password,
+  })
+
+  if (error) {
+    return { error: error.message }
+  }
+
+  redirect('/dashboard')
+}
+
+export async function register(input: RegisterInput) {
+  const parsed = registerSchema.safeParse(input)
+
+  if (!parsed.success) {
+    return { error: parsed.error.errors[0].message }
+  }
+
+  const supabase = await createClient()
+
+  const { error } = await supabase.auth.signUp({
+    email: parsed.data.email,
+    password: parsed.data.password,
+  })
+
+  if (error) {
+    return { error: error.message }
+  }
+
+  redirect('/dashboard')
+}
+
+export async function logout() {
+  const supabase = await createClient()
+  await supabase.auth.signOut()
+  redirect('/login')
+}
+
+export async function getUser() {
+  const supabase = await createClient()
+  const { data: { user } } = await supabase.auth.getUser()
+  return user
+}

package/template/src/modules/auth/components/login-form.tsx

@@ -1,68 +1,68 @@
-'use client'
-
-import { useForm } from 'react-hook-form'
-import { zodResolver } from '@hookform/resolvers/zod'
-import { toast } from 'sonner'
-import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
-import { Label } from '@/components/ui/label'
-import { useAuth } from '../hooks/useAuth'
-import { loginSchema, type LoginInput } from '../schemas/auth.schema'
-
-export function LoginForm() {
-  const { login, isLoggingIn } = useAuth()
-
-  const form = useForm<LoginInput>({
-    resolver: zodResolver(loginSchema),
-    defaultValues: {
-      email: '',
-      password: '',
-    },
-  })
-
-  async function onSubmit(data: LoginInput) {
-    const result = await login(data)
-
-    if (result?.error) {
-      toast.error(result.error)
-    }
-  }
-
-  return (
-    <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
-      <div className="space-y-2">
-        <Label htmlFor="email">Email</Label>
-        <Input
-          id="email"
-          type="email"
-          placeholder="tu@email.com"
-          {...form.register('email')}
-        />
-        {form.formState.errors.email && (
-          <p className="text-sm text-destructive">
-            {form.formState.errors.email.message}
-          </p>
-        )}
-      </div>
-
-      <div className="space-y-2">
-        <Label htmlFor="password">Contraseña</Label>
-        <Input
-          id="password"
-          type="password"
-          placeholder="••••••••"
-          {...form.register('password')}
-        />
-        {form.formState.errors.password && (
-          <p className="text-sm text-destructive">
-            {form.formState.errors.password.message}
-          </p>
-        )}
-      </div>
-
-      <Button type="submit" className="w-full" disabled={isLoggingIn}>
-        {isLoggingIn ? 'Iniciando sesión...' : 'Iniciar sesión'}
-      </Button>
-    </form>
-  )
-}
+'use client'
+
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { useAuth } from '../hooks/useAuth'
+import { loginSchema, type LoginInput } from '../schemas/auth.schema'
+
+export function LoginForm() {
+  const { login, isLoggingIn } = useAuth()
+
+  const form = useForm<LoginInput>({
+    resolver: zodResolver(loginSchema),
+    defaultValues: {
+      email: '',
+      password: '',
+    },
+  })
+
+  async function onSubmit(data: LoginInput) {
+    const result = await login(data)
+
+    if (result?.error) {
+      toast.error(result.error)
+    }
+  }
+
+  return (
+    <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+      <div className="space-y-2">
+        <Label htmlFor="email">Email</Label>
+        <Input
+          id="email"
+          type="email"
+          placeholder="tu@email.com"
+          {...form.register('email')}
+        />
+        {form.formState.errors.email && (
+          <p className="text-sm text-destructive">
+            {form.formState.errors.email.message}
+          </p>
+        )}
+      </div>
+
+      <div className="space-y-2">
+        <Label htmlFor="password">Contraseña</Label>
+        <Input
+          id="password"
+          type="password"
+          placeholder="••••••••"
+          {...form.register('password')}
+        />
+        {form.formState.errors.password && (
+          <p className="text-sm text-destructive">
+            {form.formState.errors.password.message}
+          </p>
+        )}
+      </div>
+
+      <Button type="submit" className="w-full" disabled={isLoggingIn}>
+        {isLoggingIn ? 'Iniciando sesión...' : 'Iniciar sesión'}
+      </Button>
+    </form>
+  )
+}

package/template/src/modules/auth/hooks/useAuth.ts

@@ -1,38 +1,38 @@
-'use client'
-
-import { useShallow } from 'zustand/react/shallow'
-import { useAuthStore } from '../stores/useAuthStore'
-import { useAuthQueries } from './useAuthQueries'
-import { useAuthMutations } from './useAuthMutations'
-
-/**
- * Hook unificado para autenticación.
- * Los componentes SOLO deben importar este hook, nunca useAuthQueries o useAuthMutations directamente.
- */
-export function useAuth() {
-  const state = useAuthStore(useShallow((s) => s.state))
-  const actions = useAuthStore(useShallow((s) => s.actions))
-
-  const queries = useAuthQueries()
-  const mutations = useAuthMutations()
-
-  return {
-    // State from store (UI state)
-    ...state,
-    ...actions,
-
-    // Queries
-    user: queries.user,
-    session: queries.session,
-    isAuthenticated: queries.isAuthenticated,
-    isLoadingUser: queries.isLoading,
-
-    // Mutations
-    login: mutations.login,
-    register: mutations.register,
-    logout: mutations.logout,
-    isLoggingIn: mutations.isLoggingIn,
-    isRegistering: mutations.isRegistering,
-    isLoggingOut: mutations.isLoggingOut,
-  }
-}
+'use client'
+
+import { useShallow } from 'zustand/react/shallow'
+import { useAuthStore } from '../stores/useAuthStore'
+import { useAuthQueries } from './useAuthQueries'
+import { useAuthMutations } from './useAuthMutations'
+
+/**
+ * Hook unificado para autenticación.
+ * Los componentes SOLO deben importar este hook, nunca useAuthQueries o useAuthMutations directamente.
+ */
+export function useAuth() {
+  const state = useAuthStore(useShallow((s) => s.state))
+  const actions = useAuthStore(useShallow((s) => s.actions))
+
+  const queries = useAuthQueries()
+  const mutations = useAuthMutations()
+
+  return {
+    // State from store (UI state)
+    ...state,
+    ...actions,
+
+    // Queries
+    user: queries.user,
+    session: queries.session,
+    isAuthenticated: queries.isAuthenticated,
+    isLoadingUser: queries.isLoading,
+
+    // Mutations
+    login: mutations.login,
+    register: mutations.register,
+    logout: mutations.logout,
+    isLoggingIn: mutations.isLoggingIn,
+    isRegistering: mutations.isRegistering,
+    isLoggingOut: mutations.isLoggingOut,
+  }
+}

package/template/src/modules/auth/hooks/useAuthMutations.ts

@@ -1,43 +1,43 @@
-'use client'
-
-import { useMutation, useQueryClient } from '@tanstack/react-query'
-import { login, register, logout } from '../actions/auth-actions'
-import { authKeys } from './useAuthQueries'
-import type { LoginInput, RegisterInput } from '../schemas/auth.schema'
-
-export function useAuthMutations() {
-  const queryClient = useQueryClient()
-
-  const loginMutation = useMutation({
-    mutationFn: (input: LoginInput) => login(input),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: authKeys.all })
-    },
-  })
-
-  const registerMutation = useMutation({
-    mutationFn: (input: RegisterInput) => register(input),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: authKeys.all })
-    },
-  })
-
-  const logoutMutation = useMutation({
-    mutationFn: () => logout(),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: authKeys.all })
-      queryClient.clear()
-    },
-  })
-
-  return {
-    login: loginMutation.mutateAsync,
-    register: registerMutation.mutateAsync,
-    logout: logoutMutation.mutateAsync,
-    isLoggingIn: loginMutation.isPending,
-    isRegistering: registerMutation.isPending,
-    isLoggingOut: logoutMutation.isPending,
-    loginError: loginMutation.error,
-    registerError: registerMutation.error,
-  }
-}
+'use client'
+
+import { useMutation, useQueryClient } from '@tanstack/react-query'
+import { login, register, logout } from '../actions/auth-actions'
+import { authKeys } from './useAuthQueries'
+import type { LoginInput, RegisterInput } from '../schemas/auth.schema'
+
+export function useAuthMutations() {
+  const queryClient = useQueryClient()
+
+  const loginMutation = useMutation({
+    mutationFn: (input: LoginInput) => login(input),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: authKeys.all })
+    },
+  })
+
+  const registerMutation = useMutation({
+    mutationFn: (input: RegisterInput) => register(input),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: authKeys.all })
+    },
+  })
+
+  const logoutMutation = useMutation({
+    mutationFn: () => logout(),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: authKeys.all })
+      queryClient.clear()
+    },
+  })
+
+  return {
+    login: loginMutation.mutateAsync,
+    register: registerMutation.mutateAsync,
+    logout: logoutMutation.mutateAsync,
+    isLoggingIn: loginMutation.isPending,
+    isRegistering: registerMutation.isPending,
+    isLoggingOut: logoutMutation.isPending,
+    loginError: loginMutation.error,
+    registerError: registerMutation.error,
+  }
+}