create-fluxstack 1.7.5 → 1.8.3

package/core/build/bundler.ts

@@ -3,11 +3,13 @@ import { existsSync, mkdirSync } from "fs"
 import { join } from "path"
 import type { FluxStackConfig } from "../config"
 import type { BundleResult, BundleOptions } from "../types/build"
+import { buildLogger } from "../utils/build-logger"
 
 export interface BundlerConfig {
   target: 'bun' | 'node' | 'docker'
   outDir: string
   sourceMaps: boolean
+  minify?: boolean
   external?: string[]
 }
 
@@ -19,8 +21,9 @@ export class Bundler {
   }
 
   async bundleClient(options: BundleOptions = {}): Promise<BundleResult> {
-    console.log("⚡ Bundling client...")
-    
+    buildLogger.section('Client Build', '⚡')
+    buildLogger.step('Starting Vite build...')
+
     const startTime = Date.now()
     
     try {
@@ -41,9 +44,9 @@ export class Bundler {
 
       const exitCode = await buildProcess.exited
       const duration = Date.now() - startTime
-      
+
       if (exitCode === 0) {
-        console.log("✅ Client bundle completed")
+        buildLogger.success(`Client bundle completed in ${buildLogger.formatDuration(duration)}`)
         return {
           success: true,
           duration,
@@ -52,7 +55,7 @@ export class Bundler {
         }
       } else {
         const stderr = await new Response(buildProcess.stderr).text()
-        console.error("❌ Client bundle failed")
+        buildLogger.error("Client bundle failed")
         return {
           success: false,
           duration,
@@ -70,23 +73,21 @@ export class Bundler {
   }
 
   async bundleServer(entryPoint: string, options: BundleOptions = {}): Promise<BundleResult> {
-    console.log("⚡ Bundling server...")
-    
+    buildLogger.section('Server Build', '⚡')
+
     const startTime = Date.now()
     let liveComponentsGenerator: any = null
-    
+
     try {
       // 🚀 PRE-BUILD: Auto-generate Live Components registration
       const generatorModule = await import('./live-components-generator')
       liveComponentsGenerator = generatorModule.liveComponentsGenerator
       const discoveredComponents = await liveComponentsGenerator.preBuild()
-      console.log(`🔍 Auto-discovered ${discoveredComponents.length} Live Components for bundle`)
-      
+
       // 🔌 PRE-BUILD: Auto-generate FluxStack Plugins registration
       const pluginsGeneratorModule = await import('./flux-plugins-generator')
       const fluxPluginsGenerator = pluginsGeneratorModule.fluxPluginsGenerator
       const discoveredPlugins = await fluxPluginsGenerator.preBuild()
-      console.log(`🔍 Auto-discovered ${discoveredPlugins.length} FluxStack Plugins for bundle`)
       
       // Ensure output directory exists
       if (!existsSync(this.config.outDir)) {
@@ -130,12 +131,12 @@ export class Bundler {
 
       const exitCode = await buildProcess.exited
       const duration = Date.now() - startTime
-      
+
       // 🧹 POST-BUILD: Handle auto-generated registration file
       // (liveComponentsGenerator already available from above)
-      
+
       if (exitCode === 0) {
-        console.log("✅ Server bundle completed")
+        buildLogger.success(`Server bundle completed in ${buildLogger.formatDuration(duration)}`)
         
         // Keep generated files for production (they're now baked into bundle)
         await liveComponentsGenerator.postBuild(false)
@@ -152,7 +153,7 @@ export class Bundler {
           entryPoint: join(this.config.outDir, "index.js")
         }
       } else {
-        console.error("❌ Server bundle failed")
+        buildLogger.error("Server bundle failed")
         
         // Restore original files since build failed
         await liveComponentsGenerator.postBuild(false)
@@ -183,7 +184,7 @@ export class Bundler {
         const fluxPluginsGenerator = pluginsGeneratorModule.fluxPluginsGenerator
         await fluxPluginsGenerator.postBuild(false)
       } catch (cleanupError) {
-        console.warn('⚠️ Failed to cleanup generated files:', cleanupError)
+        buildLogger.warn(`Failed to cleanup generated files: ${cleanupError}`)
       }
       
       return {

package/core/build/flux-plugins-generator.ts

@@ -3,6 +3,7 @@
 
 import { existsSync, readdirSync, writeFileSync, unlinkSync, readFileSync, statSync } from 'fs'
 import { join, extname, basename } from 'path'
+import { buildLogger } from '../utils/build-logger'
 
 export interface PluginInfo {
   pluginDir: string
@@ -36,8 +37,6 @@ export class FluxPluginsGenerator {
     if (existsSync(this.pluginsPath)) {
       const externalPlugins = this.discoverPluginsInDirectory(this.pluginsPath, 'external')
       plugins.push(...externalPlugins)
-    } else {
-      console.log('⚠️ No external plugins directory found (plugins/)')
     }
 
     // Note: Built-in plugins are automatically loaded by core system
@@ -78,13 +77,13 @@ export class FluxPluginsGenerator {
             type
           })
 
-          console.log(`🔍 Discovered ${type} plugin: ${entry} (${entryFile})`)
+          buildLogger.step(`Discovered ${type} plugin: ${entry} (${entryFile})`)
         } else {
-          console.warn(`⚠️ Plugin '${entry}' has no valid entry point`)
+          buildLogger.warn(`Plugin '${entry}' has no valid entry point`)
         }
       }
     } catch (error) {
-      console.warn(`⚠️ Failed to scan ${type} plugins directory '${directory}':`, error)
+      // Silently skip directories that can't be scanned
     }
 
     return plugins
@@ -96,12 +95,12 @@ export class FluxPluginsGenerator {
   private findPluginEntryFile(pluginDir: string): string | null {
     const possibleFiles = [
       'index.ts',
-      'index.js',
+      'index',
       'plugin.ts',
-      'plugin.js',
+      'plugin',
       'src/index.ts',
-      'src/index.js',
-      'dist/index.js'
+      'src/index',
+      'dist/index'
     ]
 
     for (const file of possibleFiles) {
@@ -122,7 +121,6 @@ export class FluxPluginsGenerator {
     if (existsSync(this.registrationFilePath)) {
       const existingContent = readFileSync(this.registrationFilePath, 'utf-8')
       writeFileSync(this.backupFilePath, existingContent)
-      console.log('📄 Backed up existing auto-registry.ts')
     }
 
     // All discovered plugins are external (built-in are handled by core)
@@ -132,7 +130,7 @@ export class FluxPluginsGenerator {
     const imports = plugins
       .map(plugin => {
         const importName = this.getImportName(plugin.pluginName)
-        const importPath = plugin.entryFile === 'index.ts' || plugin.entryFile === 'index.js'
+        const importPath = plugin.entryFile === 'index.ts' || plugin.entryFile === 'index'
           ? plugin.relativePath
           : `${plugin.relativePath}/${plugin.entryFile.replace(/\.(ts|js)$/, '')}`
         return `import ${importName} from "${importPath}"`
@@ -198,7 +196,7 @@ console.log('🔍 Auto-discovered ${plugins.length} external plugins' + (pluginN
 `
 
     writeFileSync(this.registrationFilePath, fileContent)
-    console.log(`✅ Generated plugin registry with ${plugins.length} plugins`)
+    buildLogger.success(`Generated registry for ${plugins.length} plugins`)
   }
 
   /**
@@ -220,12 +218,10 @@ console.log('🔍 Auto-discovered ${plugins.length} external plugins' + (pluginN
       const backupContent = readFileSync(this.backupFilePath, 'utf-8')
       writeFileSync(this.registrationFilePath, backupContent)
       unlinkSync(this.backupFilePath)
-      console.log('🔄 Restored original auto-registry.ts')
     } else {
       // If no backup exists, remove the generated file
       if (existsSync(this.registrationFilePath)) {
         unlinkSync(this.registrationFilePath)
-        console.log('🗑️ Removed auto-generated registry file')
       }
     }
   }
@@ -246,17 +242,33 @@ console.log('🔍 Auto-discovered ${plugins.length} external plugins' + (pluginN
    * Pre-build hook: Generate registration file
    */
   async preBuild(): Promise<PluginInfo[]> {
-    console.log('🚀 [PRE-BUILD] Generating FluxStack Plugins registry...')
-    
+    buildLogger.section('FluxStack Plugins Discovery', '🔌')
+
     const plugins = this.discoverPlugins()
-    
+
     if (plugins.length === 0) {
-      console.log('⚠️ No FluxStack Plugins found to register')
+      buildLogger.warn('No FluxStack Plugins found')
       return []
     }
 
+    // Create table of discovered plugins
+    const pluginData = plugins.map(p => ({
+      plugin: p.pluginName,
+      type: p.type,
+      entry: p.entryFile
+    }))
+
+    buildLogger.table(
+      [
+        { header: 'Plugin', key: 'plugin', width: 25, align: 'left', color: 'cyan' },
+        { header: 'Type', key: 'type', width: 12, align: 'left', color: 'yellow' },
+        { header: 'Entry Point', key: 'entry', width: 20, align: 'left', color: 'gray' }
+      ],
+      pluginData
+    )
+
     this.generateRegistrationFile(plugins)
-    
+
     return plugins
   }
 
@@ -264,10 +276,9 @@ console.log('🔍 Auto-discovered ${plugins.length} external plugins' + (pluginN
    * Post-build hook: Clean up generated file (optional)
    */
   async postBuild(keepGenerated: boolean = false): Promise<void> {
-    console.log('🧹 [POST-BUILD] Cleaning up FluxStack Plugins registry...')
-    
+    buildLogger.step('Cleaning up FluxStack Plugins registry...')
+
     if (keepGenerated) {
-      console.log('📝 Keeping auto-generated plugin registry for production')
       // Remove backup since we're keeping the generated version
       if (existsSync(this.backupFilePath)) {
         unlinkSync(this.backupFilePath)
@@ -304,7 +315,7 @@ console.log('🔍 Auto-discovered ${plugins.length} external plugins' + (pluginN
    */
   updateIfNeeded(): void {
     if (this.needsUpdate()) {
-      console.log('🔄 FluxStack Plugins changed, updating registry...')
+      buildLogger.info('FluxStack Plugins changed, updating registry...')
       const plugins = this.discoverPlugins()
       this.generateRegistrationFile(plugins)
     }

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
@@ -19,6 +20,7 @@ export class FluxStackBuilder {
       target: config.build.target,
       outDir: config.build.outDir,
       sourceMaps: config.build.sourceMaps,
+      minify: config.build.minify,
       external: config.build.external
     })
 
@@ -46,18 +48,18 @@ 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
@@ -156,14 +158,14 @@ 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
     }
 
@@ -172,13 +174,9 @@ coverage
     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",
@@ -230,12 +224,13 @@ 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()
 
@@ -292,9 +287,15 @@ MONITORING_ENABLED=true
 
       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,
@@ -316,7 +317,7 @@ MONITORING_ENABLED=true
       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,
@@ -364,7 +365,7 @@ 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(

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
@@ -17,9 +18,12 @@ export class LiveComponentsGenerator {
   private backupFilePath: string
 
   constructor() {
+    // Scan components from app/ directory (user code)
     this.componentsPath = join(process.cwd(), 'app', 'server', 'live')
-    this.registrationFilePath = join(process.cwd(), 'app', 'server', 'live', 'register-components.ts')
-    this.backupFilePath = join(process.cwd(), 'app', 'server', 'live', 'register-components.backup.ts')
+
+    // Generate registration file in core/ directory (framework code - protected from user modifications)
+    this.registrationFilePath = join(process.cwd(), 'core', 'server', 'live', 'auto-generated-components.ts')
+    this.backupFilePath = join(process.cwd(), 'core', 'server', 'live', 'auto-generated-components.backup.ts')
   }
 
   /**
@@ -27,7 +31,6 @@ export class LiveComponentsGenerator {
    */
   discoverComponents(): ComponentInfo[] {
     if (!existsSync(this.componentsPath)) {
-      console.log('⚠️ Live components directory not found:', this.componentsPath)
       return []
     }
 
@@ -64,15 +67,16 @@ export class LiveComponentsGenerator {
                 fileName,
                 className,
                 componentName,
-                filePath: `./${fileName}`
+                // Path relative to core/server/live/ where the generated file will be
+                filePath: `@/app/server/live/${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 +91,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 +133,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 +144,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,34 +163,48 @@ ${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
   }
 
   /**
-   * Post-build hook: Clean up generated file (optional)
+   * Post-build hook: Clean up backup file
+   * Note: Since the generated file is now in core/, we always keep it (it's bundled into production)
    */
-  async postBuild(keepGenerated: boolean = false): Promise<void> {
-    console.log('🧹 [POST-BUILD] 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)
-      }
-    } else {
-      this.restoreOriginalFile()
+  async postBuild(keepGenerated: boolean = true): Promise<void> {
+    buildLogger.step('Cleaning up Live Components registration...')
+
+    // Always keep the generated file in core/ (it gets bundled)
+    // Just remove the backup
+    if (existsSync(this.backupFilePath)) {
+      unlinkSync(this.backupFilePath)
+      buildLogger.step('Removed backup file')
     }
   }
 
@@ -220,7 +234,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)
     }