create-fluxstack 1.7.4 → 1.8.1

package/core/build/index.ts

@@ -5,6 +5,7 @@ import type { BuildResult, BuildManifest } from "../types/build"
 import { Bundler } from "./bundler"
 import { Optimizer } from "./optimizer"
 import { FLUXSTACK_VERSION } from "../utils/version"
+import { buildLogger } from "../utils/build-logger"
 
 export class FluxStackBuilder {
   private config: FluxStackConfig
@@ -13,15 +14,16 @@ export class FluxStackBuilder {
 
   constructor(config: FluxStackConfig) {
     this.config = config
-    
+
     // Initialize bundler with configuration
     this.bundler = new Bundler({
       target: config.build.target,
       outDir: config.build.outDir,
       sourceMaps: config.build.sourceMaps,
+      minify: config.build.minify,
       external: config.build.external
     })
-    
+
     // Initialize optimizer with configuration
     this.optimizer = new Optimizer({
       treeshake: config.build.treeshake,
@@ -46,20 +48,20 @@ export class FluxStackBuilder {
   }
 
   async createDockerFiles() {
-    console.log("🐳 Creating Docker files...")
-    
+    buildLogger.section('Docker Configuration', '🐳')
+
     const distDir = this.config.build.outDir
-    console.log(`📁 Output directory: ${distDir}`)
-    
+    buildLogger.step(`Output directory: ${distDir}`)
+
     // Ensure dist directory exists
     if (!existsSync(distDir)) {
-      console.log(`📁 Creating directory: ${distDir}`)
+      buildLogger.step(`Creating directory: ${distDir}`)
       mkdirSync(distDir, { recursive: true })
-      console.log(`✅ Directory created successfully`)
+      buildLogger.success('Directory created successfully')
     } else {
-      console.log(`✅ Directory already exists`)
+      buildLogger.success('Directory already exists')
     }
-    
+
     // Dockerfile optimizado para produção
     const dockerfile = `# FluxStack Production Docker Image
 FROM oven/bun:1.1-alpine AS production
@@ -156,29 +158,25 @@ coverage
 
     // Escrever arquivos no dist
     try {
-      console.log(`📝 Writing Dockerfile...`)
+      buildLogger.step('Writing Dockerfile...')
       writeFileSync(join(distDir, "Dockerfile"), dockerfile)
-      console.log(`📝 Writing docker-compose.yml...`)
+      buildLogger.step('Writing docker-compose.yml...')
       writeFileSync(join(distDir, "docker-compose.yml"), dockerCompose)
-      console.log(`📝 Writing .dockerignore...`)
+      buildLogger.step('Writing .dockerignore...')
       writeFileSync(join(distDir, ".dockerignore"), dockerignore)
     } catch (error) {
-      console.error(`❌ Error writing Docker files:`, error)
+      buildLogger.error(`Error writing Docker files: ${error}`)
       throw error
     }
-    
+
     // Copiar .env ou criar um de exemplo
     const envPath = join(process.cwd(), '.env')
     const envExamplePath = join(process.cwd(), '.env.example')
     const distEnvPath = join(distDir, ".env")
-    
-    console.log(`🔍 Checking for .env files...`)
-    console.log(`  - .env path: ${envPath}`)
-    console.log(`  - .env.example path: ${envExamplePath}`)
-    console.log(`  - target path: ${distEnvPath}`)
-    
+
+    buildLogger.step('Configuring environment files...')
+
     if (existsSync(envPath)) {
-      console.log(`📄 Copying .env file and setting production mode...`)
       // Read .env content
       let envContent = readFileSync(envPath, 'utf-8')
       // Replace development with production
@@ -186,13 +184,11 @@ coverage
       envContent = envContent.replace(/VITE_NODE_ENV=development/g, 'VITE_NODE_ENV=production')
       // Write to dist
       writeFileSync(distEnvPath, envContent)
-      console.log("📄 Environment file copied to dist/ (NODE_ENV=production)")
+      buildLogger.success("Environment file copied (NODE_ENV=production)")
     } else if (existsSync(envExamplePath)) {
-      console.log(`📄 Copying .env.example file...`)
       copyFileSync(envExamplePath, distEnvPath)
-      console.log("📄 Example environment file copied to dist/")
+      buildLogger.success("Example environment file copied")
     } else {
-      console.log(`📄 Creating default .env file...`)
       // Criar um .env básico para produção
       const defaultEnv = `NODE_ENV=production
 PORT=3000
@@ -202,22 +198,20 @@ LOG_LEVEL=info
 MONITORING_ENABLED=true
 `
       writeFileSync(distEnvPath, defaultEnv)
-      console.log("📄 Default environment file created for production")
+      buildLogger.success("Default environment file created")
     }
-    
+
     // Copy package.json for Docker build
     const packageJsonPath = join(process.cwd(), 'package.json')
     const distPackageJsonPath = join(distDir, 'package.json')
-    
-    console.log(`📦 Copying package.json...`)
-    console.log(`  - source: ${packageJsonPath}`)
-    console.log(`  - target: ${distPackageJsonPath}`)
-    
+
+    buildLogger.step('Copying package.json...')
+
     if (existsSync(packageJsonPath)) {
       copyFileSync(packageJsonPath, distPackageJsonPath)
-      console.log("📦 Package.json copied successfully")
+      buildLogger.success("Package.json copied successfully")
     } else {
-      console.warn("⚠️ package.json not found, creating minimal version...")
+      buildLogger.warn("package.json not found, creating minimal version...")
       const minimalPackageJson = {
         name: "fluxstack-app",
         version: "1.0.0",
@@ -229,41 +223,45 @@ MONITORING_ENABLED=true
       }
       writeFileSync(distPackageJsonPath, JSON.stringify(minimalPackageJson, null, 2))
     }
-    
-    console.log("✅ Docker files created in dist/")
+
+    buildLogger.success("Docker configuration completed")
   }
 
 
   async build(): Promise<BuildResult> {
-    console.log("⚡ FluxStack Framework - Building...")
-    
+    buildLogger.header('⚡ FluxStack Build')
+    buildLogger.startTimer()
+
     const startTime = Date.now()
-    
+
     try {
       // Pre-build checks (version sync, etc.)
       await this.runPreBuildChecks()
-      
+
       // Validate configuration
       await this.validateConfig()
-      
+
       // Clean output directory if requested
       if (this.config.build.clean) {
         await this.clean()
       }
-      
+
       // Build client and server
       const clientResult = await this.buildClient()
       const serverResult = await this.buildServer()
-      
+
       // Check if builds were successful
       if (!clientResult.success || !serverResult.success) {
+        const errorMessage = clientResult.error || serverResult.error || "Build failed"
         return {
           success: false,
           duration: Date.now() - startTime,
-          error: clientResult.error || serverResult.error || "Build failed",
           outputFiles: [],
           warnings: [],
-          errors: [],
+          errors: [{
+            message: errorMessage,
+            code: 'BUILD_FAILED'
+          }],
           stats: {
             totalSize: 0,
             gzippedSize: 0,
@@ -274,25 +272,31 @@ MONITORING_ENABLED=true
           }
         }
       }
-      
+
       // Optimize build if enabled
       let optimizationResult
       if (this.config.build.optimize) {
         optimizationResult = await this.optimizer.optimize(this.config.build.outDir)
       }
-      
+
       // Create Docker files
       await this.createDockerFiles()
-      
+
       // Generate build manifest
       const manifest = await this.generateManifest(clientResult, serverResult, optimizationResult)
-      
+
       const duration = Date.now() - startTime
-      
-      console.log("🎉 Build completed successfully!")
-      console.log(`⏱️ Build time: ${duration}ms`)
-      console.log("🐳 Ready for Docker deployment from dist/ directory")
-      
+
+      // Print build summary
+      buildLogger.summary('Build Completed Successfully', [
+        { label: 'Build Time', value: buildLogger.formatDuration(duration), highlight: true },
+        { label: 'Output Directory', value: this.config.build.outDir },
+        { label: 'Client Assets', value: clientResult.assets?.length || 0 },
+        { label: 'Total Size', value: buildLogger.formatSize(optimizationResult?.optimizedSize || 0) },
+        { label: 'Compression', value: optimizationResult?.compressionRatio ? `${optimizationResult.compressionRatio.toFixed(2)}%` : 'N/A' },
+        { label: 'Docker Ready', value: '✓', highlight: true }
+      ])
+
       return {
         success: true,
         duration,
@@ -308,20 +312,23 @@ MONITORING_ENABLED=true
           dependencies: []
         }
       }
-      
+
     } catch (error) {
       const duration = Date.now() - startTime
       const errorMessage = error instanceof Error ? error.message : "Unknown build error"
-      
-      console.error("❌ Build failed:", errorMessage)
-      
+
+      buildLogger.error(`Build failed: ${errorMessage}`)
+
       return {
         success: false,
         duration,
-        error: errorMessage,
         outputFiles: [],
         warnings: [],
-        errors: [],
+        errors: [{
+          message: errorMessage,
+          code: 'BUILD_EXCEPTION',
+          stack: error instanceof Error ? error.stack : undefined
+        }],
         stats: {
           totalSize: 0,
           gzippedSize: 0,
@@ -350,7 +357,7 @@ MONITORING_ENABLED=true
     if (!this.config.build.outDir) {
       throw new Error("Build output directory not specified")
     }
-    
+
     if (!this.config.build.target) {
       throw new Error("Build target not specified")
     }
@@ -358,12 +365,12 @@ MONITORING_ENABLED=true
 
   private async clean(): Promise<void> {
     // Clean output directory - implementation would go here
-    console.log("🧹 Cleaning output directory...")
+    buildLogger.step("Cleaning output directory...")
   }
 
   private async generateManifest(
-    clientResult: any, 
-    serverResult: any, 
+    clientResult: any,
+    serverResult: any,
     optimizationResult?: any
   ): Promise<BuildManifest> {
     return {

package/core/build/live-components-generator.ts

@@ -3,6 +3,7 @@
 
 import { existsSync, readdirSync, writeFileSync, unlinkSync, readFileSync } from 'fs'
 import { join, extname, basename } from 'path'
+import { buildLogger } from '../utils/build-logger'
 
 export interface ComponentInfo {
   fileName: string
@@ -27,7 +28,6 @@ export class LiveComponentsGenerator {
    */
   discoverComponents(): ComponentInfo[] {
     if (!existsSync(this.componentsPath)) {
-      console.log('⚠️ Live components directory not found:', this.componentsPath)
       return []
     }
 
@@ -66,13 +66,13 @@ export class LiveComponentsGenerator {
                 componentName,
                 filePath: `./${fileName}`
               })
-              
-              console.log(`🔍 Discovered component: ${className} -> ${componentName}`)
+
+              buildLogger.step(`Discovered component: ${className} → ${componentName}`)
             }
           }
         }
       } catch (error) {
-        console.warn(`⚠️ Failed to analyze ${file}:`, error)
+        // Silently skip files that can't be analyzed
       }
     }
 
@@ -87,7 +87,6 @@ export class LiveComponentsGenerator {
     if (existsSync(this.registrationFilePath)) {
       const existingContent = readFileSync(this.registrationFilePath, 'utf-8')
       writeFileSync(this.backupFilePath, existingContent)
-      console.log('📄 Backed up existing register-components.ts')
     }
 
     // Generate imports
@@ -130,7 +129,7 @@ ${components.map(comp => `  ${comp.className}`).join(',\n')}
 `
 
     writeFileSync(this.registrationFilePath, fileContent)
-    console.log(`✅ Generated registration file with ${components.length} components`)
+    buildLogger.success(`Generated registration for ${components.length} components`)
   }
 
   /**
@@ -141,9 +140,6 @@ ${components.map(comp => `  ${comp.className}`).join(',\n')}
       const backupContent = readFileSync(this.backupFilePath, 'utf-8')
       writeFileSync(this.registrationFilePath, backupContent)
       unlinkSync(this.backupFilePath)
-      console.log('🔄 Restored original register-components.ts')
-    } else {
-      console.log('⚠️ No backup file found, keeping generated registration file')
     }
   }
 
@@ -163,17 +159,33 @@ ${components.map(comp => `  ${comp.className}`).join(',\n')}
    * Pre-build hook: Generate registration file
    */
   async preBuild(): Promise<ComponentInfo[]> {
-    console.log('🚀 [PRE-BUILD] Generating Live Components registration...')
-    
+    buildLogger.section('Live Components Discovery', '🚀')
+
     const components = this.discoverComponents()
-    
+
     if (components.length === 0) {
-      console.log('⚠️ No Live Components found to register')
+      buildLogger.warn('No Live Components found')
       return []
     }
 
+    // Create table of discovered components
+    const componentData = components.map(c => ({
+      component: c.componentName,
+      className: c.className,
+      file: c.fileName + '.ts'
+    }))
+
+    buildLogger.table(
+      [
+        { header: 'Component', key: 'component', width: 20, align: 'left', color: 'cyan' },
+        { header: 'Class Name', key: 'className', width: 25, align: 'left' },
+        { header: 'File', key: 'file', width: 20, align: 'left', color: 'gray' }
+      ],
+      componentData
+    )
+
     this.generateRegistrationFile(components)
-    
+
     return components
   }
 
@@ -181,10 +193,9 @@ ${components.map(comp => `  ${comp.className}`).join(',\n')}
    * Post-build hook: Clean up generated file (optional)
    */
   async postBuild(keepGenerated: boolean = false): Promise<void> {
-    console.log('🧹 [POST-BUILD] Cleaning up Live Components registration...')
-    
+    buildLogger.step('Cleaning up Live Components registration...')
+
     if (keepGenerated) {
-      console.log('📝 Keeping auto-generated registration file for production')
       // Remove backup since we're keeping the generated version
       if (existsSync(this.backupFilePath)) {
         unlinkSync(this.backupFilePath)
@@ -220,7 +231,7 @@ ${components.map(comp => `  ${comp.className}`).join(',\n')}
    */
   updateIfNeeded(): void {
     if (this.needsUpdate()) {
-      console.log('🔄 Live Components changed, updating registration...')
+      buildLogger.info('Live Components changed, updating registration...')
       const components = this.discoverComponents()
       this.generateRegistrationFile(components)
     }

package/core/build/optimizer.ts

@@ -2,6 +2,7 @@ import { readFileSync, writeFileSync, statSync, readdirSync } from "fs"
 import { join, extname } from "path"
 import { gzipSync } from "zlib"
 import type { OptimizationConfig, OptimizationResult } from "../types/build"
+import { buildLogger } from "../utils/build-logger"
 
 export interface OptimizerConfig {
   treeshake: boolean
@@ -19,8 +20,8 @@ export class Optimizer {
   }
 
   async optimize(buildPath: string): Promise<OptimizationResult> {
-    console.log("🔧 Optimizing build...")
-    
+    buildLogger.section('Build Optimization', '🔧')
+
     const startTime = Date.now()
     const results: OptimizationResult = {
       success: true,
@@ -34,6 +35,7 @@ export class Optimizer {
     try {
       // Get original size
       results.originalSize = await this.calculateDirectorySize(buildPath)
+      buildLogger.step(`Original size: ${buildLogger.formatSize(results.originalSize)}`)
 
       // Apply optimizations (minification removed for compatibility)
 
@@ -55,23 +57,40 @@ export class Optimizer {
 
       // Calculate final size and compression ratio
       results.optimizedSize = await this.calculateDirectorySize(buildPath)
-      results.compressionRatio = results.originalSize > 0 
-        ? ((results.originalSize - results.optimizedSize) / results.originalSize) * 100 
+      results.compressionRatio = results.originalSize > 0
+        ? ((results.originalSize - results.optimizedSize) / results.originalSize) * 100
         : 0
 
       results.duration = Date.now() - startTime
 
-      console.log(`✅ Optimization completed in ${results.duration}ms`)
-      console.log(`📊 Size reduction: ${results.compressionRatio.toFixed(2)}%`)
-      
+      buildLogger.success(`Optimization completed in ${buildLogger.formatDuration(results.duration)}`)
+
+      // Create optimization summary table
+      const optimizationData = results.optimizations.map(opt => ({
+        type: opt.type,
+        description: opt.description,
+        saved: buildLogger.formatSize(opt.sizeSaved)
+      }))
+
+      if (optimizationData.length > 0) {
+        buildLogger.table(
+          [
+            { header: 'Optimization', key: 'type', width: 20, align: 'left', color: 'cyan' },
+            { header: 'Description', key: 'description', width: 35, align: 'left' },
+            { header: 'Size Saved', key: 'saved', width: 12, align: 'right', color: 'green' }
+          ],
+          optimizationData
+        )
+      }
+
       return results
 
     } catch (error) {
       results.success = false
       results.duration = Date.now() - startTime
       results.error = error instanceof Error ? error.message : "Unknown optimization error"
-      
-      console.error("❌ Optimization failed:", results.error)
+
+      buildLogger.error(`Optimization failed: ${results.error}`)
       return results
     }
   }
@@ -79,8 +98,8 @@ export class Optimizer {
   // Minification methods removed for compatibility with Bun bundler
 
   private async compressAssets(buildPath: string, results: OptimizationResult): Promise<void> {
-    console.log("📦 Compressing assets...")
-    
+    buildLogger.step("Compressing assets...")
+
     const files = this.getFilesRecursively(buildPath)
     let compressedCount = 0
 
@@ -98,11 +117,12 @@ export class Optimizer {
             compressedCount++
           }
         } catch (error) {
-          console.warn(`⚠️ Failed to compress ${file}:`, error)
+          // Silently skip files that can't be compressed
         }
       }
     }
 
+    buildLogger.success(`Compressed ${compressedCount} files`)
     results.optimizations.push({
       type: 'compression',
       description: `Created gzip versions for ${compressedCount} files`,
@@ -111,8 +131,8 @@ export class Optimizer {
   }
 
   private async removeUnusedCSS(buildPath: string, results: OptimizationResult): Promise<void> {
-    console.log("🎨 Removing unused CSS...")
-    
+    buildLogger.step("Analyzing CSS...")
+
     // This is a placeholder - real implementation would use PurgeCSS or similar
     results.optimizations.push({
       type: 'css-purging',
@@ -122,8 +142,8 @@ export class Optimizer {
   }
 
   private async optimizeImages(buildPath: string, results: OptimizationResult): Promise<void> {
-    console.log("🖼️ Optimizing images...")
-    
+    buildLogger.step("Optimizing images...")
+
     // This is a placeholder - real implementation would use imagemin or similar
     results.optimizations.push({
       type: 'image-optimization',
@@ -133,7 +153,7 @@ export class Optimizer {
   }
 
   private async analyzeBundles(buildPath: string, results: OptimizationResult): Promise<void> {
-    console.log("📊 Analyzing bundles...")
+    buildLogger.step("Analyzing bundles...")
     
     const files = this.getFilesRecursively(buildPath)
     const jsFiles = files.filter(f => extname(f) === '.js')

package/core/cli/index.ts

@@ -452,14 +452,18 @@ async function handleLegacyCommands() {
     console.log("🚀 API Server: http://localhost:3001")
     console.log("📦 Starting backend with hot reload...")
     console.log()
-    
+
+    // Ensure backend-only.ts exists
+    const { ensureBackendEntry } = await import("../utils/regenerate-files")
+    await ensureBackendEntry()
+
     // Start backend with Bun watch for hot reload
     const { spawn: spawnBackend } = await import("child_process")
     const backendProcess = spawnBackend("bun", ["--watch", "app/server/backend-only.ts"], {
       stdio: "inherit",
       cwd: process.cwd()
     })
-    
+
     // Handle process cleanup
     process.on('SIGINT', () => {
       backendProcess.kill('SIGINT')

package/core/config/env.ts

@@ -417,6 +417,8 @@ export function getEnvironmentRecommendations(environment: string): Partial<Flux
           target: 'bun' as const,
           outDir: 'dist',
           clean: true,
+          minify: false,
+          treeshake: false,
           optimization: {
             minify: false,
             compress: false,
@@ -459,6 +461,8 @@ export function getEnvironmentRecommendations(environment: string): Partial<Flux
           target: 'bun' as const,
           outDir: 'dist',
           clean: true,
+          minify: true,
+          treeshake: true,
           optimization: {
             minify: true,
             compress: true,

package/core/config/runtime-config.ts

@@ -7,7 +7,9 @@ import { env, createNamespace } from '../utils/env'
 import type { FluxStackConfig } from './schema'
 import { defaultFluxStackConfig } from './schema'
 import { loggerConfig } from '../../config/logger.config'
-import { buildConfig } from '../../config/build.config'
+import { clientConfig } from '../../config/client.config'
+import { serverConfig } from '../../config/server.config'
+import { monitoringConfig } from '../../config/monitoring.config'
 import { appConfig } from '../../config/app.config'
 
 /**
@@ -163,7 +165,7 @@ export const runtimeConfig = {
       .override('logging.format', 'json')
       .override('build.optimization.minify', true)
       .override('build.sourceMaps', false)
-      .override('monitoring.enabled', buildConfig.monitoringEnabled)
+      .override('monitoring.enabled', monitoringConfig.monitoring.enabled)
       .build()
   },
 
@@ -304,14 +306,14 @@ export const configHelpers = {
     return {
       port: env.VITE_PORT,
       proxy: {
-        target: buildConfig.apiUrl,
-        changeOrigin: buildConfig.proxyChangeOrigin
+        target: clientConfig.proxy.target,
+        changeOrigin: clientConfig.proxy.changeOrigin
       },
       build: {
-        outDir: buildConfig.clientBuildDir,
-        sourceMaps: buildConfig.clientSourceMaps,
-        minify: buildConfig.clientMinify,
-        target: buildConfig.clientTarget
+        outDir: clientConfig.build.outDir,
+        sourceMaps: clientConfig.build.sourceMaps,
+        minify: clientConfig.build.minify,
+        target: clientConfig.build.target
       }
     }
   }

package/core/config/schema.ts

@@ -1,8 +1,30 @@
 /**
- * Enhanced Configuration Schema for FluxStack
- * Provides comprehensive type definitions and JSON schema validation
+ * ⚠️ DEPRECATED - Enhanced Configuration Schema for FluxStack
+ *
+ * This file is DEPRECATED and maintained only for backward compatibility.
+ * Please use the new modular config system from /config instead:
+ *
+ * ✅ NEW WAY:
+ * ```ts
+ * import { appConfig, serverConfig, clientConfig } from '@/config'
+ * ```
+ *
+ * ❌ OLD WAY (DEPRECATED):
+ * ```ts
+ * import { FluxStackConfig } from '@/core/config/schema'
+ * ```
+ *
+ * The modular system provides:
+ * - Better organization (separated by domain)
+ * - Automatic validation
+ * - Type inference
+ * - Laravel-style declarative schemas
+ *
+ * This file will be removed in a future version.
+ * @deprecated Use /config modular system instead
  */
 
+
 export type LogLevel = 'debug' | 'info' | 'warn' | 'error'
 export type BuildTarget = 'bun' | 'node' | 'docker'
 export type LogFormat = 'json' | 'pretty'

package/core/framework/server.ts

@@ -8,6 +8,7 @@ import { logger } from "../utils/logger"
 import { displayStartupBanner, type StartupInfo } from "../utils/logger/startup-banner"
 import { createErrorHandler } from "../utils/errors/handlers"
 import { createTimer, formatBytes, isProduction, isDevelopment } from "../utils/helpers"
+import type { Plugin } from "../plugins"
 
 export class FluxStackFramework {
   private app: Elysia