hightjs 0.2.53 → 0.3.0

package/src/hotReload.ts

@@ -21,7 +21,7 @@ import * as fs from 'fs';
 import { IncomingMessage } from 'http';
 import * as url from 'url';
 import { clearFileCache } from './router';
-import Console, {Levels} from "./api/console"
+import Console, {Colors, Levels} from "./api/console"
 
 interface ClientConnection {
     ws: WebSocket;
@@ -111,11 +111,11 @@ export class HotReloadManager {
             });
 
             ws.on('error', (error) => {
-                Console.logWithout(Levels.ERROR, `WebSocket error: ${error.message}`);
+                Console.logWithout(Levels.ERROR, Colors.BgRed,`WebSocket error: ${error.message}`);
                 this.cleanupClient(ws);
             });
 
-            Console.logWithout(Levels.INFO, '🔌 Hot-reload cliente conectado');
+            Console.logWithout(Levels.INFO, Colors.BgRed,'🔌 Hot-reload cliente conectado');
         });
     }
 
@@ -184,7 +184,7 @@ export class HotReloadManager {
     }
 
     private async handleAnySrcChange(filePath: string) {
-        Console.logWithout(Levels.INFO, `🔄 Arquivo alterado: ${path.basename(filePath)}`);
+        Console.logWithout(Levels.INFO, Colors.BgRed,`🔄 Arquivo alterado: ${path.basename(filePath)}`);
 
         // Detecta se é arquivo de frontend ou backend
         const isFrontendFile = filePath.includes(path.join('src', 'web', 'routes')) ||
@@ -213,21 +213,21 @@ export class HotReloadManager {
 
         // Se for arquivo de frontend, notifica o cliente para recarregar a página
         if (isFrontendFile) {
-            Console.logWithout(Levels.INFO, `📄 Recarregando frontend...`);
+            Console.logWithout(Levels.INFO, Colors.BgRed,`📄 Recarregando frontend...`);
             this.frontendChangeCallback?.();
             this.notifyClients('frontend-reload', { file: filePath, event: 'change' });
         }
 
         // Se for arquivo de backend, recarrega o módulo e notifica
         if (isBackendFile) {
-            Console.logWithout(Levels.INFO, `⚙️ Recarregando backend...`);
+            Console.logWithout(Levels.INFO, Colors.BgRed,`⚙️ Recarregando backend...`);
             this.backendApiChangeCallback?.();
             this.notifyClients('backend-api-reload', { file: filePath, event: 'change' });
         }
 
         // Fallback: se não for nem frontend nem backend detectado, recarrega tudo
         if (!isFrontendFile && !isBackendFile) {
-            Console.logWithout(Levels.INFO, `🔄 Recarregando aplicação...`);
+            Console.logWithout(Levels.INFO, Colors.BgRed,`🔄 Recarregando aplicação...`);
             this.frontendChangeCallback?.();
             this.backendApiChangeCallback?.();
             this.notifyClients('src-reload', { file: filePath, event: 'change' });
@@ -257,7 +257,7 @@ export class HotReloadManager {
                 try {
                     ws.send(message);
                 } catch (error) {
-                    Console.logWithout(Levels.ERROR, `Erro ao enviar mensagem WebSocket: ${error}`);
+                    Console.logWithout(Levels.ERROR, Colors.BgRed, `Erro ao enviar mensagem WebSocket: ${error}`);
                     deadClients.push(ws);
                 }
             } else {

package/src/index.ts

@@ -183,6 +183,8 @@ import '${relativeEntryPath}';
 
 export default function hweb(options: HightJSOptions) {
     const { dev = true, dir = process.cwd(), port = 3000 } = options;
+    // @ts-ignore
+    process.hight = options;
     const userWebDir = path.join(dir, 'src', 'web');
     const userWebRoutesDir = path.join(userWebDir, 'routes');
     const userBackendRoutesDir = path.join(userWebDir, 'backend', 'routes');
@@ -201,8 +203,6 @@ export default function hweb(options: HightJSOptions) {
         request: HightJSRequest,
         params: { [key: string]: string }
     ): Promise<HightJSResponse> {
-        // @ts-ignore
-        process.hight = options;
         if (!middlewares || middlewares.length === 0) {
             // Não há middlewares, executa diretamente o handler final
             return await finalHandler(request, params);
@@ -266,7 +266,16 @@ export default function hweb(options: HightJSOptions) {
                     regenerateEntryFile();
                 });
             }
-
+            const now = Date.now();
+            const timee = Console.dynamicLine(`  ${Colors.BgYellow} router ${Colors.Reset}   Carregando rotas e componentes do frontend e backend`);
+            const spinnerFrames1 = ['|', '/', '-', '\\'];
+            let frameIndex1 = 0;
+
+            const spinner1 = setInterval(() => {
+                Console.info('aaaa')
+                timee.update(`   ${Colors.FgYellow}${spinnerFrames1[frameIndex1]}${Colors.Reset}  Carregando rotas e componentes...`);
+                frameIndex1 = (frameIndex1 + 1) % spinnerFrames1.length;
+            }, 100); // muda a cada 100ms
             // ORDEM IMPORTANTE: Carrega TUDO antes de criar o arquivo de entrada
             frontendRoutes = loadRoutes(userWebRoutesDir);
             loadBackendRoutes(userBackendRoutesDir);
@@ -283,32 +292,36 @@ export default function hweb(options: HightJSOptions) {
             fs.mkdirSync(outDir, {recursive: true});
 
             entryPoint = createEntryFile(dir, frontendRoutes);
+            clearInterval(spinner1)
+            timee.end(`  ${Colors.BgGreen} router ${Colors.Reset}   Rotas e componentes carregados em ${Date.now() - now}ms`);
 
-            // Usa chunks quando há muitas rotas ou o projeto é grande
-            const shouldUseChunks = frontendRoutes.length > 5 || isLargeProject(dir);
 
-            if (shouldUseChunks) {
-                const outDir = path.join(dir, 'hweb-dist');
+            if (isProduction) {
+                const time = Console.dynamicLine(`  ${Colors.BgYellow} build ${Colors.Reset}    Iniciando build do cliente para produção`);
 
-                if (isProduction) {
-                    await buildWithChunks(entryPoint, outDir, isProduction);
-                    Console.info(`✅ Build com chunks finalizado! ${frontendRoutes.length} rotas processadas.`);
-                } else {
-                    watchWithChunks(entryPoint, outDir, hotReloadManager!).catch(err => {
-                        Console.error(`Erro ao iniciar o watch com chunks`, err);
-                    });
-                    Console.info(`🚀 Modo watch com chunks ativo para ${frontendRoutes.length} rotas.`);
-                }
-            } else {
-                outfile = path.join(dir, 'hweb-dist', 'main.js');
+// Spinner
+                const spinnerFrames = ['|', '/', '-', '\\'];
+                let frameIndex = 0;
 
-                if (isProduction) {
-                    await build(entryPoint, outfile, isProduction);
-                } else {
-                    watch(entryPoint, outfile, hotReloadManager!).catch(err => {
-                        Console.error(`Erro ao iniciar o watch`, err);
-                    });
-                }
+                const spinner = setInterval(() => {
+                    time.update(`    ${Colors.FgYellow}${spinnerFrames[frameIndex]}${Colors.Reset}  Buildando para produção...`);
+                    frameIndex = (frameIndex + 1) % spinnerFrames.length;
+                }, 100); // muda a cada 100ms
+
+                const now = Date.now();
+                await buildWithChunks(entryPoint, outDir, isProduction);
+                const elapsed = Date.now() - now;
+
+                clearInterval(spinner); // para o spinner
+                time.update(""); // limpa a linha
+                time.end(`  ${Colors.BgGreen} build ${Colors.Reset}    Build do cliente concluído em ${elapsed}ms`);
+
+            } else {
+                const time = Console.dynamicLine(`  ${Colors.BgYellow} watcher ${Colors.Reset}  Iniciando watch do cliente`);
+                watchWithChunks(entryPoint, outDir, hotReloadManager!).catch(err => {
+                    Console.error(`Erro ao iniciar o watch`, err);
+                });
+                time.end(`  ${Colors.BgGreen} watcher ${Colors.Reset}  Watch do cliente iniciado`);
             }
 
         },

package/src/types.ts

@@ -40,6 +40,12 @@ export interface HightJSOptions {
     port?: number;
     dir?: string;
     framework?: 'express' | 'fastify' | 'native';
+    ssl?: {
+        redirectPort: number;
+        key: string;
+        cert: string;
+        ca?: string;
+    };
 }
 export interface Metadata {
     title?: string;