create-fluxstack 1.5.4 → 1.7.0

package/core/server/middleware/elysia-helpers.ts

@@ -54,7 +54,7 @@ export function createMiddleware<TContext = any>(
     return new Elysia({ name }).derive(handler as any)
   } else {
     // Blocking: use onBeforeHandle() - can stop execution by returning a response
-    return new Elysia({ name }).onBeforeHandle(handler as any).as('plugin')
+    return new Elysia({ name }).onBeforeHandle(handler as any)
   }
 }
 
@@ -109,7 +109,6 @@ export function createGuard<TContext = any>(options: {
         return options.onFail((ctx as any).set, ctx as TContext)
       }
     })
-    .as('plugin')
 }
 
 /**
@@ -182,7 +181,6 @@ export function createRateLimit(options: {
         requests.set(key, { count: 1, resetTime: now + windowMs })
       }
     })
-    .as('plugin')
 }
 
 /**
@@ -208,7 +206,7 @@ export function composeMiddleware(options: {
     composed = composed.use(middleware)
   }
 
-  return composed.as('plugin')
+  return composed
 }
 
 /**
@@ -224,4 +222,4 @@ export function isProduction() {
 
 export function isTest() {
   return process.env.NODE_ENV === 'test'
-}
+}

package/core/server/plugins/database.ts

@@ -1,4 +1,4 @@
-import type { Plugin, PluginContext, CliCommand } from "../../plugins/types"
+import type { FluxStack, PluginContext, CliCommand } from "../../plugins/types"
 
 // Database plugin with CLI commands
 export const databasePlugin: Plugin = {

package/core/server/plugins/static-files-plugin.ts

@@ -2,7 +2,7 @@
 
 import { existsSync, statSync } from 'fs'
 import { join, extname, resolve } from 'path'
-import type { Plugin, PluginContext } from '../plugins/types'
+import type { FluxStack, PluginContext } from '../plugins/types'
 
 export interface StaticFilesConfig {
   publicDir?: string // Default: 'public'

package/core/types/index.ts

@@ -32,7 +32,7 @@ export type {
 
 // Re-export additional plugin types from core plugins
 export type {
-  Plugin as CorePlugin,
+  FluxStack as CorePlugin,
   PluginContext as CorePluginContext,
   PluginUtils as CorePluginUtils,
   RequestContext as CoreRequestContext,

package/core/types/plugin.ts

@@ -5,7 +5,7 @@
 
 // Re-export plugin types
 export type {
-  Plugin,
+  FluxStack,
   PluginContext,
   PluginUtils,
   RequestContext,

package/core/types/types.ts

@@ -1,7 +1,11 @@
 // 🔥 FluxStack Live Components - Shared Types
 
 export interface LiveMessage {
-  type: 'COMPONENT_MOUNT' | 'COMPONENT_UNMOUNT' | 'COMPONENT_REHYDRATE' | 'COMPONENT_ACTION' | 'CALL_ACTION' | 'ACTION_RESPONSE' | 'PROPERTY_UPDATE' | 'STATE_UPDATE' | 'STATE_REHYDRATED' | 'ERROR' | 'BROADCAST'
+  type: 'COMPONENT_MOUNT' | 'COMPONENT_UNMOUNT' |
+  'COMPONENT_REHYDRATE' | 'COMPONENT_ACTION' | 'CALL_ACTION' |
+  'ACTION_RESPONSE' | 'PROPERTY_UPDATE' | 'STATE_UPDATE' | 'STATE_REHYDRATED' |
+  'ERROR' | 'BROADCAST' | 'FILE_UPLOAD_START' | 'FILE_UPLOAD_CHUNK' | 'FILE_UPLOAD_COMPLETE' |
+  'COMPONENT_PING' | 'COMPONENT_PONG'
   componentId: string
   action?: string
   property?: string
@@ -65,7 +69,7 @@ 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'
+  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'
   originalType?: string
   componentId?: string
   success?: boolean

package/core/utils/logger/colors.ts

@@ -3,10 +3,10 @@
  * Generates unique colors for each module
  */
 
-import chalk from 'chalk'
+import chalk, { type ChalkInstance } from 'chalk'
 
-// Cache for module colors
-const moduleColors = new Map<string, chalk.Chalk>()
+// Cache for module colors  
+const moduleColors = new Map<string, ChalkInstance>()
 
 /**
  * Pre-defined colors for common modules
@@ -55,7 +55,7 @@ export const LEVEL_COLORS = {
 /**
  * Generate a unique color for a module based on its name
  */
-export function getColorForModule(moduleName: string): chalk.Chalk {
+export function getColorForModule(moduleName: string): ChalkInstance {
   // Check cache first
   if (moduleColors.has(moduleName)) {
     return moduleColors.get(moduleName)!

package/core/utils/logger/index.ts

@@ -125,12 +125,45 @@ export function SECTION(sectionName: string, callback: () => void): void {
 }
 
 /**
- * HTTP request logging (compatibility with Elysia)
+ * HTTP request logging with colors and formatting
  */
 export function request(method: string, path: string, status?: number, duration?: number): void {
-  const statusStr = status ? ` ${status}` : ''
-  const durationStr = duration ? ` (${duration}ms)` : ''
-  LOG(`${method} ${path}${statusStr}${durationStr}`)
+  const { file: callerFile } = getCallerInfo()
+  const logger = getLoggerForModule(callerFile)
+
+  // Color based on HTTP status
+  let statusColor = chalk.gray
+  if (status) {
+    if (status >= 500) statusColor = chalk.red.bold        // Server errors
+    else if (status >= 400) statusColor = chalk.yellow     // Client errors
+    else if (status >= 300) statusColor = chalk.cyan       // Redirects
+    else if (status >= 200) statusColor = chalk.green      // Success
+  }
+
+  // Color for HTTP method
+  let methodColor = chalk.blue
+  if (method === 'POST') methodColor = chalk.green
+  else if (method === 'PUT') methodColor = chalk.yellow
+  else if (method === 'PATCH') methodColor = chalk.magenta
+  else if (method === 'DELETE') methodColor = chalk.red
+
+  // Format duration with color (warn if slow)
+  let durationStr = ''
+  if (duration !== undefined) {
+    const durationColor = duration > 1000 ? chalk.red : duration > 500 ? chalk.yellow : chalk.gray
+    durationStr = ` ${durationColor(`(${duration}ms)`)}`
+  }
+
+  // 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}`
+
+  // Use appropriate log level based on status
+  const level = status && status >= 500 ? 'error' : status && status >= 400 ? 'warn' : 'info'
+  logger.log({ level, message })
 }
 
 /**

package/core/utils/logger/winston-logger.ts

@@ -33,7 +33,7 @@ function createConsoleFormat() {
 function createFileFormat() {
   return winston.format.printf(({ timestamp, level, message }) => {
     // Remove ANSI color codes
-    const cleanMessage = message.replace(/\u001b\[.*?m/g, '')
+    const cleanMessage = String(message).replace(/\u001b\[.*?m/g, '')
     return `[${timestamp}] [${level.toUpperCase()}]: ${cleanMessage}`
   })
 }

package/core/utils/sync-version.ts

@@ -0,0 +1,61 @@
+#!/usr/bin/env bun
+
+/**
+ * Version Synchronization Utility
+ * Ensures version consistency between package.json and version.ts
+ */
+
+import { readFileSync, writeFileSync } from 'fs'
+import { join } from 'path'
+
+interface PackageJson {
+  version: string
+  [key: string]: any
+}
+
+/**
+ * Read version from package.json
+ */
+function getPackageVersion(): string {
+  const packagePath = join(process.cwd(), 'package.json')
+  const packageContent = readFileSync(packagePath, 'utf-8')
+  const packageJson: PackageJson = JSON.parse(packageContent)
+  return packageJson.version
+}
+
+/**
+ * Update version.ts with the version from package.json
+ */
+function updateVersionFile(version: string): void {
+  const versionPath = join(process.cwd(), 'core/utils/version.ts')
+  const versionContent = `/**
+ * FluxStack Framework Version
+ * Single source of truth for version number
+ * Auto-synced with package.json
+ */
+export const FLUXSTACK_VERSION = '${version}'
+`
+  writeFileSync(versionPath, versionContent)
+  console.log(`✅ Updated version.ts to v${version}`)
+}
+
+/**
+ * Main sync function
+ */
+function syncVersion(): void {
+  try {
+    const packageVersion = getPackageVersion()
+    updateVersionFile(packageVersion)
+    console.log(`🔄 Version synchronized: v${packageVersion}`)
+  } catch (error) {
+    console.error('❌ Failed to sync version:', error)
+    process.exit(1)
+  }
+}
+
+// Run if called directly
+if (import.meta.main) {
+  syncVersion()
+}
+
+export { syncVersion, getPackageVersion }

package/core/utils/version.ts

@@ -1,5 +1,6 @@
-/**
- * FluxStack Framework Version
- * Single source of truth for version number
- */
-export const FLUXSTACK_VERSION = '1.5.4'
+/**
+ * FluxStack Framework Version
+ * Single source of truth for version number
+ * Auto-synced with package.json
+ */
+export const FLUXSTACK_VERSION = '1.7.0'

package/create-fluxstack.ts

@@ -59,7 +59,7 @@ program
         'core',
         'app',
         'config',         // ✅ CRITICAL: Copy config folder with declarative configs
-        // 'plugins',     // TODO: Copy when crypto-auth plugin is complete
+        'plugins',     // TODO: Copy when crypto-auth plugin is complete
         'ai-context',     // ✅ CRITICAL: Copy AI documentation for users
         'bun.lock',       // ✅ CRITICAL: Copy lockfile to maintain working versions
         'package.json',   // ✅ Copy real package.json from framework

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fluxstack",
-  "version": "1.5.4",
+  "version": "1.7.0",
   "description": "⚡ Revolutionary full-stack TypeScript framework with Declarative Config System, Elysia + React + Bun",
   "keywords": [
     "framework",
@@ -28,8 +28,10 @@
     "dev:frontend": "bun run core/cli/index.ts frontend",
     "dev:backend": "bun run core/cli/index.ts backend",
     "dev:coordinated": "concurrently --prefix {name} --names BACKEND,VITE --prefix-colors blue,green --kill-others-on-fail \"bun --watch app/server/index.ts\" \"vite --config vite.config.ts\"",
-    "dev:clean": "bun run run-clean.ts",
-    "build": "cross-env NODE_ENV=production bun run core/cli/index.ts build",
+
+    "sync-version": "bun run core/utils/sync-version.ts",
+    "prebuild": "bun run scripts/prebuild.ts",
+    "build": "bun run prebuild && cross-env NODE_ENV=production bun run core/cli/index.ts build",
     "build:frontend": "vite build --config vite.config.ts --emptyOutDir",
     "build:backend": "bun run core/cli/index.ts build:backend",
     "start": "bun run core/cli/index.ts start",

package/plugins/crypto-auth/server/middlewares/cryptoAuthAdmin.ts

@@ -61,5 +61,5 @@ export const cryptoAuthAdmin = (options: CryptoAuthMiddlewareOptions = {}) => {
         }
       })
     )
-    .as('plugin')
+
 }

package/plugins/crypto-auth/server/middlewares/cryptoAuthOptional.ts

@@ -22,5 +22,5 @@ export const cryptoAuthOptional = (options: CryptoAuthMiddlewareOptions = {}) =>
 
       return {}
     })
-    .as('plugin')
+
 }

package/plugins/crypto-auth/server/middlewares/cryptoAuthPermissions.ts

@@ -72,5 +72,5 @@ export const cryptoAuthPermissions = (
         }
       })
     )
-    .as('plugin')
+
 }

package/plugins/crypto-auth/server/middlewares/cryptoAuthRequired.ts

@@ -41,5 +41,5 @@ export const cryptoAuthRequired = (options: CryptoAuthMiddlewareOptions = {}) =>
         }
       })
     )
-    .as('plugin')
+
 }

package/vite.config.ts

@@ -43,11 +43,19 @@ export default defineConfig({
   server: {
     port: 5173,
     host: true,
+    // Configuração explícita do HMR para evitar conflito com WebSocket do backend
+    hmr: {
+      protocol: 'ws',
+      host: 'localhost',
+      port: 5173,
+      clientPort: 5173,
+    },
     proxy: {
       '/api': {
         target: 'http://localhost:3000',
         changeOrigin: true,
         secure: false,
+        ws: true, // Habilita proxy WebSocket para live components
       }
     }
   },

package/.dockerignore

@@ -1,50 +0,0 @@
-# Dependencies
-node_modules/
-*/node_modules/
-
-# Build outputs (will be generated in container)
-dist/
-build/
-.next/
-
-# Development files
-.env.local
-.env.development
-
-# IDE files
-.vscode/
-.idea/
-*.swp
-*.swo
-
-# OS files
-.DS_Store
-Thumbs.db
-
-# Logs
-*.log
-logs/
-
-# Runtime
-.tmp/
-.cache/
-
-# Git
-.git/
-.gitignore
-
-# Testing
-coverage/
-.nyc_output
-
-# Context AI (not needed in production)
-context_ai/
-
-# Tests (not needed in production)  
-tests/
-*.test.*
-*.spec.*
-
-# Documentation
-*.md
-!README.md