create-fluxstack 1.12.0 → 1.13.0

package/core/server/live/websocket-plugin.ts

@@ -5,10 +5,13 @@ import { fileUploadManager } from './FileUploadManager'
 import { connectionManager } from './WebSocketConnectionManager'
 import { performanceMonitor } from './LiveComponentPerformanceMonitor'
 import { liveRoomManager, type RoomMessage } from './LiveRoomManager'
+import { liveAuthManager } from './auth/LiveAuthManager'
+import { ANONYMOUS_CONTEXT } from './auth/LiveAuthContext'
 import type { LiveMessage, FileUploadStartMessage, FileUploadChunkMessage, FileUploadCompleteMessage, BinaryChunkHeader, FluxStackWebSocket, FluxStackWSData } from '@core/types/types'
 import type { Plugin, PluginContext } from '@core/index'
 import { t, Elysia } from 'elysia'
 import path from 'path'
+import { liveLog } from './LiveLogger'
 
 // ===== Response Schemas for Live Components Routes =====
 
@@ -138,10 +141,10 @@ export const liveComponentsPlugin: Plugin = {
         // Binary messages will be ArrayBuffer/Uint8Array, JSON will be parsed objects
         body: t.Any(),
         
-        open(ws) {
+        async open(ws) {
           const socket = ws as unknown as FluxStackWebSocket
           const connectionId = `ws-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
-          console.log(`🔌 Live Components WebSocket connected: ${connectionId}`)
+          liveLog('websocket', null, `🔌 Live Components WebSocket connected: ${connectionId}`)
 
           // Register connection with enhanced connection manager
           connectionManager.registerConnection(ws as unknown as FluxStackWebSocket, connectionId, 'live-components')
@@ -164,16 +167,35 @@ export const liveComponentsPlugin: Plugin = {
             socket.data.connectedAt = new Date()
           }
 
+          // 🔒 Try to authenticate from query params (token=xxx)
+          try {
+            const query = (ws as any).data?.query as Record<string, string> | undefined
+            const token = query?.token
+            if (token && liveAuthManager.hasProviders()) {
+              const authContext = await liveAuthManager.authenticate({ token })
+              socket.data.authContext = authContext
+              if (authContext.authenticated) {
+                socket.data.userId = authContext.user?.id
+                liveLog('websocket', null, `🔒 WebSocket authenticated via query: user=${authContext.user?.id}`)
+              }
+            }
+          } catch {
+            // Query param auth is optional - continue without auth
+          }
+
           // Send connection confirmation
           ws.send(JSON.stringify({
             type: 'CONNECTION_ESTABLISHED',
             connectionId,
             timestamp: Date.now(),
+            authenticated: socket.data.authContext?.authenticated ?? false,
+            userId: socket.data.authContext?.user?.id,
             features: {
               compression: true,
               encryption: true,
               offlineQueue: true,
-              loadBalancing: true
+              loadBalancing: true,
+              auth: liveAuthManager.hasProviders()
             }
           }))
         },
@@ -201,7 +223,7 @@ export const liveComponentsPlugin: Plugin = {
               // Extract binary chunk data
               binaryChunkData = buffer.slice(4 + headerLength)
 
-              console.log(`📦 Binary chunk received: ${binaryChunkData.length} bytes for upload ${header.uploadId}`)
+              liveLog('messages', null, `📦 Binary chunk received: ${binaryChunkData.length} bytes for upload ${header.uploadId}`)
 
               // Create message with binary data attached
               message = {
@@ -215,7 +237,7 @@ export const liveComponentsPlugin: Plugin = {
               message.timestamp = Date.now()
             }
 
-            console.log(`📨 Received message:`, {
+            liveLog('messages', message.componentId || null, `📨 Received message:`, {
               type: message.type,
               componentId: message.componentId,
               action: message.action,
@@ -243,6 +265,9 @@ export const liveComponentsPlugin: Plugin = {
               case 'COMPONENT_PING':
                 await handleComponentPing(socket, message)
                 break
+              case 'AUTH':
+                await handleAuth(socket, message)
+                break
               case 'FILE_UPLOAD_START':
                 await handleFileUploadStart(socket, message as FileUploadStartMessage)
                 break
@@ -286,7 +311,7 @@ export const liveComponentsPlugin: Plugin = {
         close(ws) {
           const socket = ws as unknown as FluxStackWebSocket
           const connectionId = socket.data?.connectionId
-          console.log(`🔌 Live Components WebSocket disconnected: ${connectionId}`)
+          liveLog('websocket', null, `🔌 Live Components WebSocket disconnected: ${connectionId}`)
 
           // Cleanup connection in connection manager
           if (connectionId) {
@@ -514,7 +539,7 @@ async function handleComponentMount(ws: FluxStackWebSocket, message: LiveMessage
 }
 
 async function handleComponentRehydrate(ws: FluxStackWebSocket, message: LiveMessage) {
-  console.log('🔄 Processing component re-hydration request:', {
+  liveLog('lifecycle', message.componentId, '🔄 Processing component re-hydration request:', {
     componentId: message.componentId,
     payload: message.payload
   })
@@ -547,7 +572,7 @@ async function handleComponentRehydrate(ws: FluxStackWebSocket, message: LiveMes
       timestamp: Date.now()
     }
 
-    console.log('📤 Sending COMPONENT_REHYDRATED response:', {
+    liveLog('lifecycle', message.componentId, '📤 Sending COMPONENT_REHYDRATED response:', {
       type: response.type,
       success: response.success,
       newComponentId: response.result?.newComponentId,
@@ -638,9 +663,60 @@ async function handleComponentPing(ws: FluxStackWebSocket, message: LiveMessage)
   ws.send(JSON.stringify(response))
 }
 
+// ===== Auth Handler =====
+
+async function handleAuth(ws: FluxStackWebSocket, message: LiveMessage) {
+  liveLog('websocket', null, '🔒 Processing WebSocket authentication request')
+
+  try {
+    const credentials = message.payload || {}
+    const providerName = credentials.provider as string | undefined
+
+    if (!liveAuthManager.hasProviders()) {
+      ws.send(JSON.stringify({
+        type: 'AUTH_RESPONSE',
+        success: false,
+        error: 'No auth providers configured',
+        requestId: message.requestId,
+        timestamp: Date.now()
+      }))
+      return
+    }
+
+    const authContext = await liveAuthManager.authenticate(credentials, providerName)
+
+    // Store auth context on the WebSocket connection
+    ws.data.authContext = authContext
+
+    if (authContext.authenticated) {
+      ws.data.userId = authContext.user?.id
+      liveLog('websocket', null, `🔒 WebSocket authenticated: user=${authContext.user?.id}`)
+    }
+
+    ws.send(JSON.stringify({
+      type: 'AUTH_RESPONSE',
+      success: authContext.authenticated,
+      authenticated: authContext.authenticated,
+      userId: authContext.user?.id,
+      roles: authContext.user?.roles,
+      requestId: message.requestId,
+      timestamp: Date.now()
+    }))
+  } catch (error: any) {
+    console.error('🔒 WebSocket auth error:', error.message)
+    ws.send(JSON.stringify({
+      type: 'AUTH_RESPONSE',
+      success: false,
+      error: error.message,
+      requestId: message.requestId,
+      timestamp: Date.now()
+    }))
+  }
+}
+
 // File Upload Handler Functions
 async function handleFileUploadStart(ws: FluxStackWebSocket, message: FileUploadStartMessage) {
-  console.log('📤 Starting file upload:', message.uploadId)
+  liveLog('messages', message.componentId || null, '📤 Starting file upload:', message.uploadId)
   
   const result = await fileUploadManager.startUpload(message)
   
@@ -658,7 +734,7 @@ async function handleFileUploadStart(ws: FluxStackWebSocket, message: FileUpload
 }
 
 async function handleFileUploadChunk(ws: FluxStackWebSocket, message: FileUploadChunkMessage, binaryData: Buffer | null = null) {
-  console.log(`📦 Receiving chunk ${message.chunkIndex + 1} for upload ${message.uploadId}${binaryData ? ' (binary)' : ' (base64)'}`)
+  liveLog('messages', message.componentId || null, `📦 Receiving chunk ${message.chunkIndex + 1} for upload ${message.uploadId}${binaryData ? ' (binary)' : ' (base64)'}`)
 
   const progressResponse = await fileUploadManager.receiveChunk(message, ws, binaryData)
 
@@ -686,7 +762,7 @@ async function handleFileUploadChunk(ws: FluxStackWebSocket, message: FileUpload
 }
 
 async function handleFileUploadComplete(ws: FluxStackWebSocket, message: FileUploadCompleteMessage) {
-  console.log('✅ Completing file upload:', message.uploadId)
+  liveLog('messages', null, '✅ Completing file upload:', message.uploadId)
 
   const completeResponse = await fileUploadManager.completeUpload(message)
 
@@ -702,7 +778,7 @@ async function handleFileUploadComplete(ws: FluxStackWebSocket, message: FileUpl
 // ===== Room System Handlers =====
 
 async function handleRoomJoin(ws: FluxStackWebSocket, message: RoomMessage) {
-  console.log(`🚪 Component ${message.componentId} joining room ${message.roomId}`)
+  liveLog('rooms', message.componentId, `🚪 Component ${message.componentId} joining room ${message.roomId}`)
 
   try {
     const result = liveRoomManager.joinRoom(
@@ -736,7 +812,7 @@ async function handleRoomJoin(ws: FluxStackWebSocket, message: RoomMessage) {
 }
 
 async function handleRoomLeave(ws: FluxStackWebSocket, message: RoomMessage) {
-  console.log(`🚶 Component ${message.componentId} leaving room ${message.roomId}`)
+  liveLog('rooms', message.componentId, `🚶 Component ${message.componentId} leaving room ${message.roomId}`)
 
   try {
     liveRoomManager.leaveRoom(message.componentId, message.roomId)
@@ -764,7 +840,7 @@ async function handleRoomLeave(ws: FluxStackWebSocket, message: RoomMessage) {
 }
 
 async function handleRoomEmit(ws: FluxStackWebSocket, message: RoomMessage) {
-  console.log(`📡 Component ${message.componentId} emitting '${message.event}' to room ${message.roomId}`)
+  liveLog('rooms', message.componentId, `📡 Component ${message.componentId} emitting '${message.event}' to room ${message.roomId}`)
 
   try {
     const count = liveRoomManager.emitToRoom(
@@ -774,7 +850,7 @@ async function handleRoomEmit(ws: FluxStackWebSocket, message: RoomMessage) {
       message.componentId // Excluir quem enviou
     )
 
-    console.log(`   → Notified ${count} components`)
+    liveLog('rooms', message.componentId, `   → Notified ${count} components`)
   } catch (error: any) {
     ws.send(JSON.stringify({
       type: 'ERROR',
@@ -787,7 +863,7 @@ async function handleRoomEmit(ws: FluxStackWebSocket, message: RoomMessage) {
 }
 
 async function handleRoomStateSet(ws: FluxStackWebSocket, message: RoomMessage) {
-  console.log(`📝 Component ${message.componentId} updating state in room ${message.roomId}`)
+  liveLog('rooms', message.componentId, `📝 Component ${message.componentId} updating state in room ${message.roomId}`)
 
   try {
     liveRoomManager.setRoomState(

package/core/templates/create-project.ts

@@ -160,7 +160,6 @@ export class ProjectCreator {
         "@types/react": "^18.2.0",
         "@types/react-dom": "^18.2.0",
         "@types/uuid": "^10.0.0",
-        "@types/ws": "^8.18.1",
         "@testing-library/react": "^14.0.0",
         "@testing-library/jest-dom": "^6.1.0",
         "@testing-library/user-event": "^14.5.0",
@@ -175,14 +174,12 @@ export class ProjectCreator {
         "@sinclair/typebox": "^0.34.41",
         "@vitejs/plugin-react": "^4.0.0",
         "chalk": "^5.3.0",
-        "chokidar": "^4.0.3",
         "elysia": "latest",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-icons": "^5.5.0",
         "uuid": "^13.0.0",
         "vite": "^5.0.0",
-        "ws": "^8.18.3",
         "zustand": "^5.0.8"
       }
     }

package/core/types/types.ts

@@ -2,6 +2,9 @@
 
 import { roomEvents } from '@core/server/live/RoomEventBus'
 import { liveRoomManager } from '@core/server/live/LiveRoomManager'
+import { ANONYMOUS_CONTEXT } from '@core/server/live/auth/LiveAuthContext'
+import { liveLog, liveWarn } from '@core/server/live/LiveLogger'
+import type { LiveAuthContext, LiveComponentAuth, LiveActionAuthMap } from '@core/server/live/auth/types'
 import type { ServerWebSocket } from 'bun'
 
 // ============================================
@@ -18,6 +21,8 @@ export interface FluxStackWSData {
   subscriptions: Set<string>
   connectedAt: Date
   userId?: string
+  /** Contexto de autenticação da conexão WebSocket */
+  authContext?: LiveAuthContext
 }
 
 /**
@@ -46,9 +51,11 @@ export type FluxStackServerWebSocket = ServerWebSocket<FluxStackWSData>
 export interface LiveMessage {
   type: 'COMPONENT_MOUNT' | 'COMPONENT_UNMOUNT' |
   'COMPONENT_REHYDRATE' | 'COMPONENT_ACTION' | 'CALL_ACTION' |
-  'ACTION_RESPONSE' | 'PROPERTY_UPDATE' | 'STATE_UPDATE' | 'STATE_REHYDRATED' |
+  'ACTION_RESPONSE' | 'PROPERTY_UPDATE' | 'STATE_UPDATE' | 'STATE_DELTA' | 'STATE_REHYDRATED' |
   'ERROR' | 'BROADCAST' | 'FILE_UPLOAD_START' | 'FILE_UPLOAD_CHUNK' | 'FILE_UPLOAD_COMPLETE' |
   'COMPONENT_PING' | 'COMPONENT_PONG' |
+  // Auth system message
+  'AUTH' |
   // Room system messages
   'ROOM_JOIN' | 'ROOM_LEAVE' | 'ROOM_EMIT' | 'ROOM_STATE_SET' | 'ROOM_STATE_GET'
   componentId: string
@@ -117,7 +124,9 @@ export interface WebSocketMessage {
 }
 
 export interface WebSocketResponse {
-  type: 'MESSAGE_RESPONSE' | 'CONNECTION_ESTABLISHED' | 'ERROR' | 'BROADCAST' | 'ACTION_RESPONSE' | 'COMPONENT_MOUNTED' | 'COMPONENT_REHYDRATED' | 'STATE_UPDATE' | 'STATE_REHYDRATED' | 'FILE_UPLOAD_PROGRESS' | 'FILE_UPLOAD_COMPLETE' | 'FILE_UPLOAD_ERROR' | 'FILE_UPLOAD_START_RESPONSE' | 'COMPONENT_PONG' |
+  type: 'MESSAGE_RESPONSE' | 'CONNECTION_ESTABLISHED' | 'ERROR' | 'BROADCAST' | 'ACTION_RESPONSE' | 'COMPONENT_MOUNTED' | 'COMPONENT_REHYDRATED' | 'STATE_UPDATE' | 'STATE_DELTA' | 'STATE_REHYDRATED' | 'FILE_UPLOAD_PROGRESS' | 'FILE_UPLOAD_COMPLETE' | 'FILE_UPLOAD_ERROR' | 'FILE_UPLOAD_START_RESPONSE' | 'COMPONENT_PONG' |
+  // Auth system response
+  'AUTH_RESPONSE' |
   // Room system responses
   'ROOM_EVENT' | 'ROOM_STATE' | 'ROOM_SYSTEM' | 'ROOM_JOINED' | 'ROOM_LEFT'
   originalType?: string
@@ -214,6 +223,48 @@ export abstract class LiveComponent<TState = ComponentState> {
   /** Default state - must be defined in subclasses */
   static defaultState: any
 
+  /**
+   * Per-component logging control. Silent by default.
+   *
+   * @example
+   * // Enable all log categories
+   * static logging = true
+   *
+   * // Enable specific categories only
+   * static logging = ['lifecycle', 'messages'] as const
+   *
+   * // Disabled (default — omit or set false)
+   * static logging = false
+   *
+   * Categories: 'lifecycle' | 'messages' | 'state' | 'performance' | 'rooms' | 'websocket'
+   */
+  static logging?: boolean | readonly ('lifecycle' | 'messages' | 'state' | 'performance' | 'rooms' | 'websocket')[]
+
+  /**
+   * Configuração de autenticação do componente.
+   * Define se auth é obrigatória e quais roles/permissions são necessárias.
+   *
+   * @example
+   * static auth: LiveComponentAuth = {
+   *   required: true,
+   *   roles: ['admin', 'moderator'],
+   *   permissions: ['chat.read'],
+   * }
+   */
+  static auth?: LiveComponentAuth
+
+  /**
+   * Configuração de autenticação por action.
+   * Permite controle granular de permissões por método.
+   *
+   * @example
+   * static actionAuth: LiveActionAuthMap = {
+   *   deleteMessage: { permissions: ['chat.admin'] },
+   *   sendMessage: { permissions: ['chat.write'] },
+   * }
+   */
+  static actionAuth?: LiveActionAuthMap
+
   public readonly id: string
   private _state: TState
   public state: TState // Proxy wrapper
@@ -222,6 +273,9 @@ export abstract class LiveComponent<TState = ComponentState> {
   public userId?: string
   public broadcastToRoom: (message: BroadcastMessage) => void = () => {} // Will be injected by registry
 
+  // Auth context (injected by registry during mount)
+  private _authContext: LiveAuthContext = ANONYMOUS_CONTEXT
+
   // Room event subscriptions (cleaned up on destroy)
   private roomEventUnsubscribers: (() => void)[] = []
   private joinedRooms: Set<string> = new Set()
@@ -250,9 +304,38 @@ export abstract class LiveComponent<TState = ComponentState> {
       this.joinedRooms.add(this.room)
       liveRoomManager.joinRoom(this.id, this.room, this.ws)
     }
+
+    // 🔥 Create direct property accessors (this.count instead of this.state.count)
+    this.createDirectStateAccessors()
   }
 
-  // Create a Proxy that auto-emits STATE_UPDATE on any mutation
+  // Create getters/setters for each state property directly on `this`
+  private createDirectStateAccessors() {
+    // Properties that should NOT become state accessors
+    const forbidden = new Set([
+      // Instance properties
+      ...Object.keys(this),
+      // Prototype methods
+      ...Object.getOwnPropertyNames(Object.getPrototypeOf(this)),
+      // Known internal properties
+      'state', '_state', 'ws', 'id', 'room', 'userId', 'broadcastToRoom',
+      '$room', '$rooms', 'roomType', 'roomHandles', 'joinedRooms', 'roomEventUnsubscribers'
+    ])
+
+    // Create accessor for each state key
+    for (const key of Object.keys(this._state as object)) {
+      if (!forbidden.has(key)) {
+        Object.defineProperty(this, key, {
+          get: () => (this._state as any)[key],
+          set: (value) => { (this.state as any)[key] = value }, // Uses proxy for auto-sync
+          enumerable: true,
+          configurable: true
+        })
+      }
+    }
+  }
+
+  // Create a Proxy that auto-emits STATE_DELTA on any mutation
   private createStateProxy(state: TState): TState {
     const self = this
     return new Proxy(state as object, {
@@ -260,8 +343,8 @@ export abstract class LiveComponent<TState = ComponentState> {
         const oldValue = (target as any)[prop]
         if (oldValue !== value) {
           (target as any)[prop] = value
-          // Auto-sync to frontend
-          self.emit('STATE_UPDATE', { state: self._state })
+          // Delta sync - send only the changed property
+          self.emit('STATE_DELTA', { delta: { [prop]: value } })
         }
         return true
       },
@@ -388,11 +471,48 @@ export abstract class LiveComponent<TState = ComponentState> {
     return Array.from(this.joinedRooms)
   }
 
-  // State management (batch update - single emit)
+  // ========================================
+  // 🔒 $auth - Contexto de Autenticação
+  // ========================================
+
+  /**
+   * Acessa o contexto de autenticação do usuário atual.
+   * Disponível após o mount do componente.
+   *
+   * @example
+   * async sendMessage(payload: { text: string }) {
+   *   if (!this.$auth.authenticated) {
+   *     throw new Error('Login required')
+   *   }
+   *
+   *   const userId = this.$auth.user!.id
+   *   const isAdmin = this.$auth.hasRole('admin')
+   *   const canDelete = this.$auth.hasPermission('chat.admin')
+   * }
+   */
+  public get $auth(): LiveAuthContext {
+    return this._authContext
+  }
+
+  /**
+   * Injeta o contexto de autenticação no componente.
+   * Chamado internamente pelo ComponentRegistry durante o mount.
+   * @internal
+   */
+  public setAuthContext(context: LiveAuthContext): void {
+    this._authContext = context
+    // Atualiza userId se disponível no auth context
+    if (context.authenticated && context.user?.id && !this.userId) {
+      this.userId = context.user.id
+    }
+  }
+
+  // State management (batch update - single emit with delta)
   public setState(updates: Partial<TState> | ((prev: TState) => Partial<TState>)) {
     const newUpdates = typeof updates === 'function' ? updates(this._state) : updates
     Object.assign(this._state as object, newUpdates)
-    this.emit('STATE_UPDATE', { state: this._state })
+    // Delta sync - send only the changed properties
+    this.emit('STATE_DELTA', { delta: newUpdates })
   }
 
   // Generic setValue action - set any state key with type safety
@@ -444,7 +564,7 @@ export abstract class LiveComponent<TState = ComponentState> {
   // Broadcast to all clients in room (via WebSocket)
   protected broadcast(type: string, payload: any, excludeCurrentUser = false) {
     if (!this.room) {
-      console.warn(`⚠️ [${this.id}] Cannot broadcast '${type}' - no room set`)
+      liveWarn('rooms', this.id, `⚠️ [${this.id}] Cannot broadcast '${type}' - no room set`)
       return
     }
 
@@ -455,7 +575,7 @@ export abstract class LiveComponent<TState = ComponentState> {
       excludeUser: excludeCurrentUser ? this.userId : undefined
     }
 
-    console.log(`📤 [${this.id}] Broadcasting '${type}' to room '${this.room}'`)
+    liveLog('rooms', this.id, `📤 [${this.id}] Broadcasting '${type}' to room '${this.room}'`)
 
     // This will be handled by the registry
     this.broadcastToRoom(message)
@@ -475,14 +595,14 @@ export abstract class LiveComponent<TState = ComponentState> {
    */
   protected emitRoomEvent(event: string, data: any, notifySelf = false): number {
     if (!this.room) {
-      console.warn(`⚠️ [${this.id}] Cannot emit room event '${event}' - no room set`)
+      liveWarn('rooms', this.id, `⚠️ [${this.id}] Cannot emit room event '${event}' - no room set`)
       return 0
     }
 
     const excludeId = notifySelf ? undefined : this.id
     const notified = roomEvents.emit(this.roomType, this.room, event, data, excludeId)
 
-    console.log(`📡 [${this.id}] Room event '${event}' → ${notified} components`)
+    liveLog('rooms', this.id, `📡 [${this.id}] Room event '${event}' → ${notified} components`)
     return notified
   }
 
@@ -495,7 +615,7 @@ export abstract class LiveComponent<TState = ComponentState> {
    */
   protected onRoomEvent<T = any>(event: string, handler: (data: T) => void): void {
     if (!this.room) {
-      console.warn(`⚠️ [${this.id}] Cannot subscribe to room event '${event}' - no room set`)
+      liveWarn('rooms', this.id, `⚠️ [${this.id}] Cannot subscribe to room event '${event}' - no room set`)
       return
     }
 
@@ -510,7 +630,7 @@ export abstract class LiveComponent<TState = ComponentState> {
     // Guardar para cleanup no destroy
     this.roomEventUnsubscribers.push(unsubscribe)
 
-    console.log(`👂 [${this.id}] Subscribed to room event '${event}'`)
+    liveLog('rooms', this.id, `👂 [${this.id}] Subscribed to room event '${event}'`)
   }
 
   /**

package/core/utils/index.ts

@@ -1,18 +1,18 @@
-/**
- * FluxStack Utilities
- * Main exports for utility functions and classes
- */
-
-// Logger utilities
-export { logger, log } from "./logger"
-export type { Logger } from "./logger/index"
-
-// Error handling
-export * from "./errors"
-
-// Monitoring
-export { MetricsCollector } from "./monitoring"
-export type * from "./monitoring"
-
-// General helpers
+/**
+ * FluxStack Utilities
+ * Main exports for utility functions and classes
+ */
+
+// Logger utilities
+export { logger, log } from "./logger"
+export type { Logger } from "./logger/index"
+
+// Error handling
+export * from "./errors"
+
+// Monitoring
+export { MetricsCollector } from "./monitoring"
+export type * from "./monitoring"
+
+// General helpers
 export * from "./helpers"

package/core/utils/logger/index.ts

@@ -127,7 +127,7 @@ export function SECTION(sectionName: string, callback: () => void): void {
 /**
  * HTTP request logging with colors and formatting
  */
-export function request(method: string, path: string, status?: number, duration?: number): void {
+export function request(method: string, path: string, status?: number, duration?: number, ip?: string): void {
   const { file: callerFile } = getCallerInfo()
   const logger = getLoggerForModule(callerFile)
 
@@ -159,12 +159,15 @@ export function request(method: string, path: string, status?: number, duration?
     durationStr = ` ${durationColor(`(${duration}ms)`)}`
   }
 
+  // Format IP address
+  const ipStr = ip ? chalk.dim(`[${ip}]`) + ' ' : ''
+
   // Build log message
   const methodStr = methodColor(method.padEnd(7))
   const pathStr = chalk.white(path.padEnd(30))
   const statusStr = status ? `→ ${statusColor(status.toString())}` : ''
 
-  const message = `${methodStr} ${pathStr} ${statusStr}${durationStr}`
+  const message = `${ipStr}${methodStr} ${pathStr} ${statusStr}${durationStr}`
 
   // Use appropriate log level based on status
   const level = status && status >= 500 ? 'error' : status && status >= 400 ? 'warn' : 'info'

package/core/utils/version.ts

@@ -3,4 +3,4 @@
  * Single source of truth for version number
  * Auto-synced with package.json
  */
-export const FLUXSTACK_VERSION = '1.11.0'
+export const FLUXSTACK_VERSION = '1.13.0'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fluxstack",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "description": "⚡ Revolutionary full-stack TypeScript framework with Declarative Config System, Elysia + React + Bun",
   "keywords": [
     "framework",
@@ -55,7 +55,6 @@
     "@types/react-dom": "^19.1.6",
     "@vitest/coverage-v8": "^3.2.4",
     "@vitest/ui": "^3.2.4",
-    "concurrently": "^9.2.0",
     "cross-env": "^10.1.0",
     "eslint": "^9.30.1",
     "eslint-plugin-react-hooks": "^5.2.0",
@@ -73,16 +72,11 @@
   "dependencies": {
     "@elysiajs/eden": "^1.3.2",
     "@elysiajs/swagger": "^1.3.1",
-    "@types/http-proxy-middleware": "^1.0.0",
-    "@types/ws": "^8.18.1",
     "@vitejs/plugin-react": "^4.6.0",
     "chalk": "^5.3.0",
-    "chokidar": "^4.0.3",
     "commander": "^12.1.0",
     "elysia": "^1.4.6",
-    "http-proxy-middleware": "^3.0.5",
     "lightningcss": "^1.30.1",
-    "lucide-react": "^0.544.0",
     "ora": "^8.1.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
@@ -92,7 +86,6 @@
     "vite": "^7.1.7",
     "winston": "^3.18.3",
     "winston-daily-rotate-file": "^5.0.0",
-    "ws": "^8.18.3",
     "zustand": "^5.0.8"
   },
   "engines": {

package/plugins/crypto-auth/index.ts

@@ -8,6 +8,8 @@ import type { FluxStack, PluginContext, RequestContext, ResponseContext } from "
 type Plugin = FluxStack.Plugin
 import { Elysia, t } from "elysia"
 import { CryptoAuthService, AuthMiddleware } from "./server"
+import { CryptoAuthLiveProvider } from "./server/CryptoAuthLiveProvider"
+import { liveAuthManager } from "@core/server/live/auth"
 import { makeProtectedRouteCommand } from "./cli/make-protected-route.command"
 
 // ✅ Plugin carrega sua própria configuração (da pasta config/ do plugin)
@@ -88,6 +90,10 @@ export const cryptoAuthPlugin: Plugin = {
     ;(global as any).cryptoAuthService = authService
     ;(global as any).cryptoAuthMiddleware = authMiddleware
 
+    // 🔒 Register as LiveAuthProvider for Live Components WebSocket auth
+    liveAuthManager.register(new CryptoAuthLiveProvider(authService))
+    context.logger.info('🔒 Crypto Auth registered as Live Components auth provider')
+
     // Store plugin info for table display
     if (!(global as any).__fluxstackPlugins) {
       (global as any).__fluxstackPlugins = []