create-fluxstack 1.15.0 → 1.17.0

package/core/client/standalone.ts

@@ -5,19 +5,20 @@
 
 import { clientConfig } from '@config'
 import type { LogLevel } from 'vite'
+import { buildLogger } from "../utils/build-logger"
 
 type ViteDevServer = Awaited<ReturnType<typeof import('vite')['createServer']>>
 
 let viteServer: ViteDevServer | null = null
 
-export const startFrontendOnly = async (config: any = {}) => {
-  const port = config.vitePort || clientConfig.vite.port || 5173
-  const host = config.viteHost || clientConfig.vite.host || 'localhost'
+export const startFrontendOnly = async (config: Record<string, unknown> = {}) => {
+  const port = (config.vitePort ?? clientConfig.vite.port ?? 5173) as number
+  const host = (config.viteHost ?? clientConfig.vite.host ?? 'localhost') as string
   const logLevel = (config.logLevel || clientConfig.vite.logLevel || 'info') as LogLevel
 
-  console.log(`⚛️  FluxStack Frontend Only`)
-  console.log(`🌐 http://${host}:${port}`)
-  console.log()
+  buildLogger.info(`⚛️  FluxStack Frontend Only`)
+  buildLogger.info(`🌐 http://${host}:${port}`)
+  buildLogger.info('')
 
   try {
     // Dynamic import of vite
@@ -29,20 +30,20 @@ export const startFrontendOnly = async (config: any = {}) => {
       server: {
         port,
         host,
-        strictPort: clientConfig.vite.strictPort
+        strictPort: clientConfig.vite.strictPort as boolean | undefined
       },
       logLevel
     })
 
     await viteServer.listen()
 
-    console.log(`✅ Frontend server ready!`)
-    console.log()
+    buildLogger.success(`✅ Frontend server ready!`)
+    buildLogger.info('')
 
     // Setup cleanup on process exit
     const cleanup = async () => {
       if (viteServer) {
-        console.log('\n🛑 Stopping frontend...')
+        buildLogger.info('\n🛑 Stopping frontend...')
         await viteServer.close()
         viteServer = null
         process.exit(0)
@@ -63,15 +64,15 @@ export const startFrontendOnly = async (config: any = {}) => {
       (errorMessage.includes('Port') && errorMessage.includes('is in use'))
 
     if (isPortInUse) {
-      console.error(`❌ Failed to start Vite: Port ${port} is already in use`)
-      console.log(`💡 Try one of these solutions:`)
-      console.log(`   1. Stop the process using port ${port}`)
-      console.log(`   2. Change VITE_PORT in your .env file`)
-      console.log(`   3. Kill the process: ${process.platform === 'win32' ? `netstat -ano | findstr :${port}` : `lsof -ti:${port} | xargs kill -9`}`)
+      buildLogger.error(`❌ Failed to start Vite: Port ${port} is already in use`)
+      buildLogger.info(`💡 Try one of these solutions:`)
+      buildLogger.info(`   1. Stop the process using port ${port}`)
+      buildLogger.info(`   2. Change VITE_PORT in your .env file`)
+      buildLogger.info(`   3. Kill the process: ${process.platform === 'win32' ? `netstat -ano | findstr :${port}` : `lsof -ti:${port} | xargs kill -9`}`)
       process.exit(1)
     } else {
-      console.error('❌ Failed to start Vite server:', errorMessage)
-      console.error('Full error:', error)
+      buildLogger.error('❌ Failed to start Vite server:', errorMessage)
+      buildLogger.error('Full error:', error)
       process.exit(1)
     }
   }

package/core/client/state/createStore.ts

@@ -1,193 +1,193 @@
-/**
- * Store Factory
- * Core FluxStack state management utilities
- */
-
-import { create } from 'zustand'
-import { persist, createJSONStorage } from 'zustand/middleware'
-
-export interface StoreOptions<T> {
-  name?: string
-  persist?: boolean
-  storage?: 'localStorage' | 'sessionStorage'
-  version?: number
-  migrate?: (persistedState: unknown, version: number) => T
-}
-
-/**
- * Create a Zustand store with FluxStack conventions
- */
-export function createFluxStore<T>(
-  storeFactory: (set: any, get: any) => T,
-  options: StoreOptions<T> = {}
-) {
-  const { name, persist: shouldPersist = false, storage = 'localStorage', version = 1, migrate } = options
-
-  if (shouldPersist && name) {
-    return create<T>()(
-      persist(
-        storeFactory,
-        {
-          name,
-          storage: createJSONStorage(() => 
-            storage === 'localStorage' ? localStorage : sessionStorage
-          ),
-          version,
-          migrate: migrate as any,
-          onRehydrateStorage: () => (state) => {
-            console.log('FluxStack: Store rehydrated', name, state)
-          }
-        }
-      )
-    )
-  }
-
-  return create<T>()(storeFactory)
-}
-
-/**
- * Base user store interface
- */
-export interface BaseUser {
-  id: string
-  email: string
-  name: string
-  role: 'admin' | 'user'
-}
-
-export interface BaseUserStore {
-  currentUser: BaseUser | null
-  isAuthenticated: boolean
-  isLoading: boolean
-  error: string | null
-  login: (credentials: { email: string; password: string }) => Promise<void>
-  register: (data: { email: string; password: string; name: string }) => Promise<void>
-  logout: () => void
-  updateProfile: (data: Partial<BaseUser>) => Promise<void>
-  clearError: () => void
-  setLoading: (loading: boolean) => void
-}
-
-/**
- * Create user store with FluxStack conventions
- */
-export function createUserStore(options: StoreOptions<BaseUserStore> = {}) {
-  return createFluxStore<BaseUserStore>(
-    (set, get) => ({
-      currentUser: null,
-      isAuthenticated: false,
-      isLoading: false,
-      error: null,
-
-      login: async (credentials) => {
-        set({ isLoading: true, error: null })
-        try {
-          const response = await fetch('/api/auth/login', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify(credentials)
-          })
-
-          if (!response.ok) {
-            const error = await response.json()
-            throw new Error(error.message || 'Login failed')
-          }
-
-          const { user } = await response.json()
-          set({ 
-            currentUser: user, 
-            isAuthenticated: true, 
-            isLoading: false 
-          })
-        } catch (error) {
-          set({ 
-            error: error instanceof Error ? error.message : 'Login failed', 
-            isLoading: false 
-          })
-          throw error
-        }
-      },
-
-      register: async (data) => {
-        set({ isLoading: true, error: null })
-        try {
-          const response = await fetch('/api/auth/register', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify(data)
-          })
-
-          if (!response.ok) {
-            const error = await response.json()
-            throw new Error(error.message || 'Registration failed')
-          }
-
-          const { user } = await response.json()
-          set({ 
-            currentUser: user, 
-            isAuthenticated: true, 
-            isLoading: false 
-          })
-        } catch (error) {
-          set({ 
-            error: error instanceof Error ? error.message : 'Registration failed', 
-            isLoading: false 
-          })
-          throw error
-        }
-      },
-
-      logout: () => {
-        // Call logout API
-        fetch('/api/auth/logout', { method: 'POST' }).catch(console.error)
-        
-        set({ 
-          currentUser: null, 
-          isAuthenticated: false, 
-          error: null 
-        })
-      },
-
-      updateProfile: async (data) => {
-        const { currentUser } = get()
-        if (!currentUser) {
-          throw new Error('No user logged in')
-        }
-
-        set({ isLoading: true, error: null })
-        try {
-          const response = await fetch('/api/user/profile', {
-            method: 'PUT',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify(data)
-          })
-
-          if (!response.ok) {
-            const error = await response.json()
-            throw new Error(error.message || 'Profile update failed')
-          }
-
-          const { user } = await response.json()
-          set({ 
-            currentUser: user, 
-            isLoading: false 
-          })
-        } catch (error) {
-          set({ 
-            error: error instanceof Error ? error.message : 'Profile update failed', 
-            isLoading: false 
-          })
-          throw error
-        }
-      },
-
-      clearError: () => set({ error: null }),
-      setLoading: (loading) => set({ isLoading: loading })
-    }),
-    {
-      name: 'user-store',
-      persist: true,
-      ...options
-    }
-  )
+/**
+ * Store Factory
+ * Core FluxStack state management utilities
+ */
+
+import { create } from 'zustand'
+import { persist, createJSONStorage } from 'zustand/middleware'
+
+export interface StoreOptions<T> {
+  name?: string
+  persist?: boolean
+  storage?: 'localStorage' | 'sessionStorage'
+  version?: number
+  migrate?: (persistedState: unknown, version: number) => T
+}
+
+/**
+ * Create a Zustand store with FluxStack conventions
+ */
+export function createFluxStore<T>(
+  storeFactory: (set: (partial: Partial<T> | ((state: T) => Partial<T>)) => void, get: () => T) => T,
+  options: StoreOptions<T> = {}
+) {
+  const { name, persist: shouldPersist = false, storage = 'localStorage', version = 1, migrate } = options
+
+  if (shouldPersist && name) {
+    return create<T>()(
+      persist(
+        storeFactory,
+        {
+          name,
+          storage: createJSONStorage(() => 
+            storage === 'localStorage' ? localStorage : sessionStorage
+          ),
+          version,
+          migrate: migrate as ((persistedState: unknown, version: number) => T) | undefined,
+          onRehydrateStorage: () => (state) => {
+            console.log('FluxStack: Store rehydrated', name, state)
+          }
+        }
+      )
+    )
+  }
+
+  return create<T>()(storeFactory)
+}
+
+/**
+ * Base user store interface
+ */
+export interface BaseUser {
+  id: string
+  email: string
+  name: string
+  role: 'admin' | 'user'
+}
+
+export interface BaseUserStore {
+  currentUser: BaseUser | null
+  isAuthenticated: boolean
+  isLoading: boolean
+  error: string | null
+  login: (credentials: { email: string; password: string }) => Promise<void>
+  register: (data: { email: string; password: string; name: string }) => Promise<void>
+  logout: () => void
+  updateProfile: (data: Partial<BaseUser>) => Promise<void>
+  clearError: () => void
+  setLoading: (loading: boolean) => void
+}
+
+/**
+ * Create user store with FluxStack conventions
+ */
+export function createUserStore(options: StoreOptions<BaseUserStore> = {}) {
+  return createFluxStore<BaseUserStore>(
+    (set, get) => ({
+      currentUser: null,
+      isAuthenticated: false,
+      isLoading: false,
+      error: null,
+
+      login: async (credentials) => {
+        set({ isLoading: true, error: null })
+        try {
+          const response = await fetch('/api/auth/login', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(credentials)
+          })
+
+          if (!response.ok) {
+            const error = await response.json()
+            throw new Error(error.message || 'Login failed')
+          }
+
+          const { user } = await response.json()
+          set({ 
+            currentUser: user, 
+            isAuthenticated: true, 
+            isLoading: false 
+          })
+        } catch (error) {
+          set({ 
+            error: error instanceof Error ? error.message : 'Login failed', 
+            isLoading: false 
+          })
+          throw error
+        }
+      },
+
+      register: async (data) => {
+        set({ isLoading: true, error: null })
+        try {
+          const response = await fetch('/api/auth/register', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(data)
+          })
+
+          if (!response.ok) {
+            const error = await response.json()
+            throw new Error(error.message || 'Registration failed')
+          }
+
+          const { user } = await response.json()
+          set({ 
+            currentUser: user, 
+            isAuthenticated: true, 
+            isLoading: false 
+          })
+        } catch (error) {
+          set({ 
+            error: error instanceof Error ? error.message : 'Registration failed', 
+            isLoading: false 
+          })
+          throw error
+        }
+      },
+
+      logout: () => {
+        // Call logout API
+        fetch('/api/auth/logout', { method: 'POST' }).catch(console.error)
+        
+        set({ 
+          currentUser: null, 
+          isAuthenticated: false, 
+          error: null 
+        })
+      },
+
+      updateProfile: async (data) => {
+        const { currentUser } = get()
+        if (!currentUser) {
+          throw new Error('No user logged in')
+        }
+
+        set({ isLoading: true, error: null })
+        try {
+          const response = await fetch('/api/user/profile', {
+            method: 'PUT',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(data)
+          })
+
+          if (!response.ok) {
+            const error = await response.json()
+            throw new Error(error.message || 'Profile update failed')
+          }
+
+          const { user } = await response.json()
+          set({ 
+            currentUser: user, 
+            isLoading: false 
+          })
+        } catch (error) {
+          set({ 
+            error: error instanceof Error ? error.message : 'Profile update failed', 
+            isLoading: false 
+          })
+          throw error
+        }
+      },
+
+      clearError: () => set({ error: null }),
+      setLoading: (loading) => set({ isLoading: loading })
+    }),
+    {
+      name: 'user-store',
+      persist: true,
+      ...options
+    }
+  )
 }

package/core/client/state/index.ts

@@ -1,15 +1,15 @@
-/**
- * Core Client State Management
- * FluxStack state utilities exports
- */
-
-export { 
-  createFluxStore, 
-  createUserStore 
-} from './createStore'
-
-export type { 
-  StoreOptions, 
-  BaseUser, 
-  BaseUserStore 
+/**
+ * Core Client State Management
+ * FluxStack state utilities exports
+ */
+
+export { 
+  createFluxStore, 
+  createUserStore 
+} from './createStore'
+
+export type { 
+  StoreOptions, 
+  BaseUser, 
+  BaseUserStore 
 } from './createStore'

package/core/config/index.ts

@@ -10,6 +10,7 @@
 import type { FluxStackConfig } from '@config'
 import { fluxStackConfig } from '@config'
 import { helpers } from '../utils/env'
+import { logger } from '../utils/logger'
 
 // ============================================================================
 // 📦 TYPE RE-EXPORTS (for backward compatibility)