@create-lft-app/nextjs 3.1.0 → 3.2.0

package/template/src/modules/users/stores/useUsersStore.ts

@@ -1,60 +1,60 @@
-import { create } from 'zustand'
-
-interface UsersState {
-  state: {
-    selectedUserId: string | null
-    isFormOpen: boolean
-    isDeleteDialogOpen: boolean
-    searchQuery: string
-  }
-  actions: {
-    setSelectedUserId: (id: string | null) => void
-    openForm: () => void
-    closeForm: () => void
-    openDeleteDialog: (id: string) => void
-    closeDeleteDialog: () => void
-    setSearchQuery: (query: string) => void
-    reset: () => void
-  }
-}
-
-const initialState = {
-  selectedUserId: null,
-  isFormOpen: false,
-  isDeleteDialogOpen: false,
-  searchQuery: '',
-}
-
-export const useUsersStore = create<UsersState>()((set) => ({
-  state: initialState,
-  actions: {
-    setSelectedUserId: (id) =>
-      set((state) => ({
-        state: { ...state.state, selectedUserId: id },
-      })),
-    openForm: () =>
-      set((state) => ({
-        state: { ...state.state, isFormOpen: true },
-      })),
-    closeForm: () =>
-      set((state) => ({
-        state: { ...state.state, isFormOpen: false, selectedUserId: null },
-      })),
-    openDeleteDialog: (id) =>
-      set((state) => ({
-        state: { ...state.state, isDeleteDialogOpen: true, selectedUserId: id },
-      })),
-    closeDeleteDialog: () =>
-      set((state) => ({
-        state: { ...state.state, isDeleteDialogOpen: false, selectedUserId: null },
-      })),
-    setSearchQuery: (query) =>
-      set((state) => ({
-        state: { ...state.state, searchQuery: query },
-      })),
-    reset: () =>
-      set(() => ({
-        state: initialState,
-      })),
-  },
-}))
+import { create } from 'zustand'
+
+interface UsersState {
+  state: {
+    selectedUserId: string | null
+    isFormOpen: boolean
+    isDeleteDialogOpen: boolean
+    searchQuery: string
+  }
+  actions: {
+    setSelectedUserId: (id: string | null) => void
+    openForm: () => void
+    closeForm: () => void
+    openDeleteDialog: (id: string) => void
+    closeDeleteDialog: () => void
+    setSearchQuery: (query: string) => void
+    reset: () => void
+  }
+}
+
+const initialState = {
+  selectedUserId: null,
+  isFormOpen: false,
+  isDeleteDialogOpen: false,
+  searchQuery: '',
+}
+
+export const useUsersStore = create<UsersState>()((set) => ({
+  state: initialState,
+  actions: {
+    setSelectedUserId: (id) =>
+      set((state) => ({
+        state: { ...state.state, selectedUserId: id },
+      })),
+    openForm: () =>
+      set((state) => ({
+        state: { ...state.state, isFormOpen: true },
+      })),
+    closeForm: () =>
+      set((state) => ({
+        state: { ...state.state, isFormOpen: false, selectedUserId: null },
+      })),
+    openDeleteDialog: (id) =>
+      set((state) => ({
+        state: { ...state.state, isDeleteDialogOpen: true, selectedUserId: id },
+      })),
+    closeDeleteDialog: () =>
+      set((state) => ({
+        state: { ...state.state, isDeleteDialogOpen: false, selectedUserId: null },
+      })),
+    setSearchQuery: (query) =>
+      set((state) => ({
+        state: { ...state.state, searchQuery: query },
+      })),
+    reset: () =>
+      set(() => ({
+        state: initialState,
+      })),
+  },
+}))

package/template/src/modules/users/types/auth-user.types.ts

@@ -0,0 +1,42 @@
+import type { User as SupabaseAuthUser } from '@supabase/supabase-js'
+import type { UserRole } from '@/config/roles'
+
+// Re-exportar desde config para mantener compatibilidad
+export type { UserRole } from '@/config/roles'
+
+export interface UserAppMetadata {
+  role: UserRole
+}
+
+export interface UserMetadata {
+  name: string
+  avatar_url?: string | null
+}
+
+export interface AuthUserWithMetadata extends SupabaseAuthUser {
+  app_metadata: UserAppMetadata
+  user_metadata: UserMetadata
+}
+
+/**
+ * Input para crear usuario via auth.admin.createUser
+ */
+export interface CreateAuthUserInput {
+  email: string
+  password?: string
+  name: string
+  role?: UserRole
+  avatar_url?: string | null
+  send_invite?: boolean
+}
+
+/**
+ * Input para actualizar usuario via auth.admin.updateUserById
+ */
+export interface UpdateAuthUserInput {
+  email?: string
+  password?: string
+  name?: string
+  role?: UserRole
+  avatar_url?: string | null
+}

package/template/src/modules/users/utils/user-mapper.ts

@@ -0,0 +1,32 @@
+import type { User as SupabaseAuthUser } from '@supabase/supabase-js'
+import type { User } from '../schemas/users.schema'
+import { DEFAULT_ROLE, type UserRole } from '@/config/roles'
+
+/**
+ * Mapea un usuario de auth.users al tipo User de la aplicación.
+ * Extrae datos de app_metadata (role) y user_metadata (name, avatar_url).
+ */
+export function mapAuthUserToUser(authUser: SupabaseAuthUser): User {
+  const appMetadata = authUser.app_metadata as { role?: UserRole } | undefined
+  const userMetadata = authUser.user_metadata as {
+    name?: string
+    avatar_url?: string | null
+  } | undefined
+
+  return {
+    id: authUser.id,
+    email: authUser.email ?? '',
+    name: userMetadata?.name ?? '',
+    role: appMetadata?.role ?? DEFAULT_ROLE,
+    avatar_url: userMetadata?.avatar_url ?? null,
+    created_at: authUser.created_at ?? new Date().toISOString(),
+    updated_at: authUser.updated_at ?? new Date().toISOString(),
+  }
+}
+
+/**
+ * Mapea array de usuarios de auth.users al tipo User[]
+ */
+export function mapAuthUsersToUsers(authUsers: SupabaseAuthUser[]): User[] {
+  return authUsers.map(mapAuthUserToUser)
+}

package/template/src/stores/index.ts

@@ -1 +1 @@
-export { useUiStore } from './useUiStore'
+export { useUiStore } from './useUiStore'

package/template/src/stores/useUiStore.ts

@@ -1,55 +1,55 @@
-import { create } from 'zustand'
-import { persist } from 'zustand/middleware'
-
-interface UiState {
-  state: {
-    sidebarOpen: boolean
-    sidebarCollapsed: boolean
-    theme: 'light' | 'dark' | 'system'
-  }
-  actions: {
-    toggleSidebar: () => void
-    setSidebarOpen: (open: boolean) => void
-    toggleSidebarCollapsed: () => void
-    setSidebarCollapsed: (collapsed: boolean) => void
-    setTheme: (theme: 'light' | 'dark' | 'system') => void
-  }
-}
-
-export const useUiStore = create<UiState>()(
-  persist(
-    (set) => ({
-      state: {
-        sidebarOpen: true,
-        sidebarCollapsed: false,
-        theme: 'system',
-      },
-      actions: {
-        toggleSidebar: () =>
-          set((state) => ({
-            state: { ...state.state, sidebarOpen: !state.state.sidebarOpen },
-          })),
-        setSidebarOpen: (open) =>
-          set((state) => ({
-            state: { ...state.state, sidebarOpen: open },
-          })),
-        toggleSidebarCollapsed: () =>
-          set((state) => ({
-            state: { ...state.state, sidebarCollapsed: !state.state.sidebarCollapsed },
-          })),
-        setSidebarCollapsed: (collapsed) =>
-          set((state) => ({
-            state: { ...state.state, sidebarCollapsed: collapsed },
-          })),
-        setTheme: (theme) =>
-          set((state) => ({
-            state: { ...state.state, theme },
-          })),
-      },
-    }),
-    {
-      name: 'ui-storage',
-      partialize: (state) => ({ state: state.state }),
-    }
-  )
-)
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+
+interface UiState {
+  state: {
+    sidebarOpen: boolean
+    sidebarCollapsed: boolean
+    theme: 'light' | 'dark' | 'system'
+  }
+  actions: {
+    toggleSidebar: () => void
+    setSidebarOpen: (open: boolean) => void
+    toggleSidebarCollapsed: () => void
+    setSidebarCollapsed: (collapsed: boolean) => void
+    setTheme: (theme: 'light' | 'dark' | 'system') => void
+  }
+}
+
+export const useUiStore = create<UiState>()(
+  persist(
+    (set) => ({
+      state: {
+        sidebarOpen: true,
+        sidebarCollapsed: false,
+        theme: 'system',
+      },
+      actions: {
+        toggleSidebar: () =>
+          set((state) => ({
+            state: { ...state.state, sidebarOpen: !state.state.sidebarOpen },
+          })),
+        setSidebarOpen: (open) =>
+          set((state) => ({
+            state: { ...state.state, sidebarOpen: open },
+          })),
+        toggleSidebarCollapsed: () =>
+          set((state) => ({
+            state: { ...state.state, sidebarCollapsed: !state.state.sidebarCollapsed },
+          })),
+        setSidebarCollapsed: (collapsed) =>
+          set((state) => ({
+            state: { ...state.state, sidebarCollapsed: collapsed },
+          })),
+        setTheme: (theme) =>
+          set((state) => ({
+            state: { ...state.state, theme },
+          })),
+      },
+    }),
+    {
+      name: 'ui-storage',
+      partialize: (state) => ({ state: state.state }),
+    }
+  )
+)

package/template/src/types/api.ts

@@ -1,28 +1,28 @@
-export interface ApiResponse<T = unknown> {
-  data: T
-  success: boolean
-  message?: string
-}
-
-export interface ApiError {
-  message: string
-  code?: string
-  status?: number
-  details?: Record<string, unknown>
-}
-
-export interface PaginatedResponse<T> {
-  data: T[]
-  pagination: {
-    page: number
-    pageSize: number
-    total: number
-    totalPages: number
-  }
-}
-
-export interface ActionResult<T = void> {
-  success: boolean
-  data?: T
-  error?: string
-}
+export interface ApiResponse<T = unknown> {
+  data: T
+  success: boolean
+  message?: string
+}
+
+export interface ApiError {
+  message: string
+  code?: string
+  status?: number
+  details?: Record<string, unknown>
+}
+
+export interface PaginatedResponse<T> {
+  data: T[]
+  pagination: {
+    page: number
+    pageSize: number
+    total: number
+    totalPages: number
+  }
+}
+
+export interface ActionResult<T = void> {
+  success: boolean
+  data?: T
+  error?: string
+}

package/template/src/types/index.ts

@@ -1,2 +1,2 @@
-export * from './api'
-export * from './table'
+export * from './api'
+export * from './table'

package/template/src/types/table.ts

@@ -1,34 +1,34 @@
-import type { ColumnDef, Table, Row } from '@tanstack/react-table'
-
-export type DataTableColumn<TData, TValue = unknown> = ColumnDef<TData, TValue>
-
-export interface DataTableProps<TData, TValue> {
-  columns: DataTableColumn<TData, TValue>[]
-  data: TData[]
-  searchKey?: string
-  searchPlaceholder?: string
-}
-
-export interface DataTablePaginationProps<TData> {
-  table: Table<TData>
-}
-
-export interface DataTableToolbarProps<TData> {
-  table: Table<TData>
-  searchKey?: string
-  searchPlaceholder?: string
-}
-
-export interface DataTableRowActionsProps<TData> {
-  row: Row<TData>
-}
-
-export interface DataTableFacetedFilterProps<TData, TValue> {
-  column?: import('@tanstack/react-table').Column<TData, TValue>
-  title?: string
-  options: {
-    label: string
-    value: string
-    icon?: React.ComponentType<{ className?: string }>
-  }[]
-}
+import type { ColumnDef, Table, Row } from '@tanstack/react-table'
+
+export type DataTableColumn<TData, TValue = unknown> = ColumnDef<TData, TValue>
+
+export interface DataTableProps<TData, TValue> {
+  columns: DataTableColumn<TData, TValue>[]
+  data: TData[]
+  searchKey?: string
+  searchPlaceholder?: string
+}
+
+export interface DataTablePaginationProps<TData> {
+  table: Table<TData>
+}
+
+export interface DataTableToolbarProps<TData> {
+  table: Table<TData>
+  searchKey?: string
+  searchPlaceholder?: string
+}
+
+export interface DataTableRowActionsProps<TData> {
+  row: Row<TData>
+}
+
+export interface DataTableFacetedFilterProps<TData, TValue> {
+  column?: import('@tanstack/react-table').Column<TData, TValue>
+  title?: string
+  options: {
+    label: string
+    value: string
+    icon?: React.ComponentType<{ className?: string }>
+  }[]
+}

package/template/supabase/config.toml

@@ -1,94 +1,94 @@
-# A string used to distinguish different Supabase projects on the same host. Defaults to the
-# working directory name when running `supabase init`.
-project_id = "lft-app"
-
-[api]
-enabled = true
-# Port to use for the API URL.
-port = 54321
-# Schemas to expose in your API. Tables, views and stored procedures in this schema will get API
-# endpoints. public and storage are always included.
-schemas = ["public", "storage", "graphql_public"]
-# Extra schemas to add to the search_path of every request. public is always included.
-extra_search_path = ["public", "extensions"]
-# The maximum number of rows returns from a view, table, or stored procedure. Limits payload size
-# for accidental or malicious requests.
-max_rows = 1000
-
-[db]
-# Port to use for the local database URL.
-port = 54322
-# Port used by db diff command to initialise the shadow database.
-shadow_port = 54320
-# The database major version to use. This has to be the same as your remote database's. Run `SHOW
-# server_version;` on the remote database to check.
-major_version = 15
-
-[studio]
-enabled = true
-# Port to use for Supabase Studio.
-port = 54323
-# External URL of the API server that frontend connects to.
-api_url = "http://localhost"
-
-# Email testing server. Emails sent with the local dev setup are not actually sent - rather, they
-# are monitored, and you can view the emails that would have been sent from the web interface.
-[inbucket]
-enabled = true
-# Port to use for the email testing server web interface.
-port = 54324
-# Uncomment to expose additional ports for testing user applications that send emails.
-# smtp_port = 54325
-# pop3_port = 54326
-
-[storage]
-enabled = true
-# The maximum file size allowed (e.g. "5MB", "500KB").
-file_size_limit = "50MiB"
-
-[auth]
-enabled = true
-# The base URL of your website. Used as an allow-list for redirects and for constructing URLs used
-# in emails.
-site_url = "http://localhost:3000"
-# A list of *exact* URLs that auth providers are permitted to redirect to post authentication.
-additional_redirect_urls = ["https://localhost:3000"]
-# How long tokens are valid for, in seconds. Defaults to 3600 (1 hour), maximum 604,800 (1 week).
-jwt_expiry = 3600
-# If disabled, the refresh token will never expire.
-enable_refresh_token_rotation = true
-# Allows refresh tokens to be reused after expiry, up to the specified interval in seconds.
-# Requires enable_refresh_token_rotation = true.
-refresh_token_reuse_interval = 10
-# Allow/disallow new user signups to your project.
-enable_signup = true
-
-[auth.email]
-# Allow/disallow new user signups via email to your project.
-enable_signup = true
-# If enabled, a user will be required to confirm any email change on both the old, and new email
-# addresses. If disabled, only the new email is required to confirm.
-double_confirm_changes = true
-# If enabled, users need to confirm their email address before signing in.
-enable_confirmations = false
-
-[auth.sms]
-# Allow/disallow new user signups via SMS to your project.
-enable_signup = true
-# If enabled, users need to confirm their phone number before signing in.
-enable_confirmations = false
-
-# Configure one of the supported SMS providers: `twilio`, `twilio_verify`, `messagebird`, `textlocal`, `vonage`.
-[auth.sms.twilio]
-enabled = false
-account_sid = ""
-message_service_sid = ""
-# DO NOT commit your Twilio auth token to git. Use environment variable substitution instead:
-auth_token = "env(SUPABASE_AUTH_SMS_TWILIO_AUTH_TOKEN)"
-
-[analytics]
-enabled = false
-port = 54327
-vector_port = 54328
-# Configure one of the supported backends: `postgres`, `bigquery`.
-backend = "postgres"
+# A string used to distinguish different Supabase projects on the same host. Defaults to the
+# working directory name when running `supabase init`.
+project_id = "lft-app"
+
+[api]
+enabled = true
+# Port to use for the API URL.
+port = 54321
+# Schemas to expose in your API. Tables, views and stored procedures in this schema will get API
+# endpoints. public and storage are always included.
+schemas = ["public", "storage", "graphql_public"]
+# Extra schemas to add to the search_path of every request. public is always included.
+extra_search_path = ["public", "extensions"]
+# The maximum number of rows returns from a view, table, or stored procedure. Limits payload size
+# for accidental or malicious requests.
+max_rows = 1000
+
+[db]
+# Port to use for the local database URL.
+port = 54322
+# Port used by db diff command to initialise the shadow database.
+shadow_port = 54320
+# The database major version to use. This has to be the same as your remote database's. Run `SHOW
+# server_version;` on the remote database to check.
+major_version = 15
+
+[studio]
+enabled = true
+# Port to use for Supabase Studio.
+port = 54323
+# External URL of the API server that frontend connects to.
+api_url = "http://localhost"
+
+# Email testing server. Emails sent with the local dev setup are not actually sent - rather, they
+# are monitored, and you can view the emails that would have been sent from the web interface.
+[inbucket]
+enabled = true
+# Port to use for the email testing server web interface.
+port = 54324
+# Uncomment to expose additional ports for testing user applications that send emails.
+# smtp_port = 54325
+# pop3_port = 54326
+
+[storage]
+enabled = true
+# The maximum file size allowed (e.g. "5MB", "500KB").
+file_size_limit = "50MiB"
+
+[auth]
+enabled = true
+# The base URL of your website. Used as an allow-list for redirects and for constructing URLs used
+# in emails.
+site_url = "http://localhost:3000"
+# A list of *exact* URLs that auth providers are permitted to redirect to post authentication.
+additional_redirect_urls = ["https://localhost:3000"]
+# How long tokens are valid for, in seconds. Defaults to 3600 (1 hour), maximum 604,800 (1 week).
+jwt_expiry = 3600
+# If disabled, the refresh token will never expire.
+enable_refresh_token_rotation = true
+# Allows refresh tokens to be reused after expiry, up to the specified interval in seconds.
+# Requires enable_refresh_token_rotation = true.
+refresh_token_reuse_interval = 10
+# Allow/disallow new user signups to your project.
+enable_signup = true
+
+[auth.email]
+# Allow/disallow new user signups via email to your project.
+enable_signup = true
+# If enabled, a user will be required to confirm any email change on both the old, and new email
+# addresses. If disabled, only the new email is required to confirm.
+double_confirm_changes = true
+# If enabled, users need to confirm their email address before signing in.
+enable_confirmations = false
+
+[auth.sms]
+# Allow/disallow new user signups via SMS to your project.
+enable_signup = true
+# If enabled, users need to confirm their phone number before signing in.
+enable_confirmations = false
+
+# Configure one of the supported SMS providers: `twilio`, `twilio_verify`, `messagebird`, `textlocal`, `vonage`.
+[auth.sms.twilio]
+enabled = false
+account_sid = ""
+message_service_sid = ""
+# DO NOT commit your Twilio auth token to git. Use environment variable substitution instead:
+auth_token = "env(SUPABASE_AUTH_SMS_TWILIO_AUTH_TOKEN)"
+
+[analytics]
+enabled = false
+port = 54327
+vector_port = 54328
+# Configure one of the supported backends: `postgres`, `bigquery`.
+backend = "postgres"