hightjs 0.3.3 → 0.3.5

package/dist/client/entry.client.js

@@ -157,10 +157,49 @@ const DEV_INDICATOR_CORNERS = [
 function DevIndicator() {
     const [corner, setCorner] = (0, react_1.useState)(3); // Canto atual (0-3)
     const [isDragging, setIsDragging] = (0, react_1.useState)(false); // Estado de arrastar
+    const [isBuilding, setIsBuilding] = (0, react_1.useState)(false); // Estado de build
     // Posição visual do indicador durante o arraste
     const [position, setPosition] = (0, react_1.useState)({ top: 0, left: 0 });
     const indicatorRef = (0, react_1.useRef)(null);
     const dragStartRef = (0, react_1.useRef)(null);
+    // Escuta eventos de hot reload para mostrar estado de build
+    (0, react_1.useEffect)(() => {
+        if (typeof window === 'undefined')
+            return;
+        const handleHotReloadMessage = (event) => {
+            try {
+                const message = JSON.parse(event.data);
+                // Quando detecta mudança em arquivo, ativa loading
+                if (message.type === 'frontend-reload' ||
+                    message.type === 'backend-api-reload' ||
+                    message.type === 'src-reload') {
+                    setIsBuilding(true);
+                }
+                // Quando o build termina ou servidor fica pronto, desativa loading
+                if (message.type === 'server-ready' || message.type === 'build-complete') {
+                    setIsBuilding(false);
+                }
+            }
+            catch (e) {
+                // Ignora mensagens que não são JSON
+            }
+        };
+        // Intercepta mensagens WebSocket
+        const originalWebSocket = window.WebSocket;
+        window.WebSocket = class extends originalWebSocket {
+            constructor(url, protocols) {
+                super(url, protocols);
+                this.addEventListener('message', (event) => {
+                    if (url.toString().includes('hweb-hotreload')) {
+                        handleHotReloadMessage(event);
+                    }
+                });
+            }
+        };
+        return () => {
+            window.WebSocket = originalWebSocket;
+        };
+    }, []);
     // --- Estilos Dinâmicos ---
     const getIndicatorStyle = () => {
         const baseStyle = {
@@ -169,17 +208,22 @@ function DevIndicator() {
             width: DEV_INDICATOR_SIZE,
             height: DEV_INDICATOR_SIZE,
             borderRadius: '50%',
-            background: 'linear-gradient(135deg, #8e2de2, #4a00e0)', // Gradiente Roxo
+            background: isBuilding
+                ? 'linear-gradient(135deg, #f093fb, #f5576c)' // Gradiente Rosa/Vermelho quando building
+                : 'linear-gradient(135deg, #8e2de2, #4a00e0)', // Gradiente Roxo normal
             color: 'white',
             fontWeight: 'bold',
             fontSize: 28,
-            boxShadow: '0 4px 15px rgba(0,0,0,0.2)',
+            boxShadow: isBuilding
+                ? '0 4px 25px rgba(245, 87, 108, 0.6)' // Shadow mais forte quando building
+                : '0 4px 15px rgba(0,0,0,0.2)',
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center',
             cursor: isDragging ? 'grabbing' : 'grab',
             userSelect: 'none',
-            transition: isDragging ? 'none' : 'all 0.3s ease-out', // Animação suave ao soltar
+            transition: isDragging ? 'none' : 'all 0.3s ease-out',
+            animation: isBuilding ? 'hweb-pulse 1.5s ease-in-out infinite' : 'none',
         };
         if (isDragging) {
             return {
@@ -259,13 +303,59 @@ function DevIndicator() {
             window.removeEventListener('mouseup', handleMouseUp);
         };
     }, [isDragging, handleMouseMove, handleMouseUp]);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: indicatorRef, style: getIndicatorStyle(), onMouseDown: handleMouseDown, title: "Modo Dev HightJS", children: "H" }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("style", { children: `
+                    @keyframes hweb-pulse {
+                        0%, 100% {
+                            transform: scale(1);
+                            opacity: 1;
+                        }
+                        50% {
+                            transform: scale(1.1);
+                            opacity: 0.8;
+                        }
+                    }
+                    
+                    @keyframes hweb-spin {
+                        from {
+                            transform: rotate(0deg);
+                        }
+                        to {
+                            transform: rotate(360deg);
+                        }
+                    }
+                ` }), (0, jsx_runtime_1.jsx)("div", { ref: indicatorRef, style: getIndicatorStyle(), onMouseDown: handleMouseDown, title: isBuilding ? "Building..." : "Modo Dev HightJS", children: isBuilding ? ((0, jsx_runtime_1.jsx)("span", { style: { animation: 'hweb-spin 1s linear infinite' }, children: "\u27F3" })) : ('H') })] }));
 }
 // --- Inicialização do Cliente (CSR - Client-Side Rendering) ---
+function deobfuscateData(obfuscated) {
+    try {
+        // Remove o hash fake
+        const parts = obfuscated.split('.');
+        const base64 = parts.length > 1 ? parts[1] : parts[0];
+        // Decodifica base64
+        const jsonStr = atob(base64);
+        // Parse JSON
+        return JSON.parse(jsonStr);
+    }
+    catch (error) {
+        console.error('[hweb] Failed to decode data:', error);
+        return null;
+    }
+}
 function initializeClient() {
-    const initialData = window.__HWEB_INITIAL_DATA__;
+    // Lê os dados do atributo data-h
+    const dataElement = document.getElementById('__hight_data__');
+    if (!dataElement) {
+        console.error('[hweb] Initial data script not found.');
+        return;
+    }
+    const obfuscated = dataElement.getAttribute('data-h');
+    if (!obfuscated) {
+        console.error('[hweb] Data attribute not found.');
+        return;
+    }
+    const initialData = deobfuscateData(obfuscated);
     if (!initialData) {
-        console.error('[hweb] Dados iniciais não encontrados na página.');
+        console.error('[hweb] Failed to parse initial data.');
         return;
     }
     // Cria o mapa de componentes dinamicamente a partir dos módulos carregados
@@ -276,7 +366,7 @@ function initializeClient() {
     }
     const container = document.getElementById('root');
     if (!container) {
-        console.error('[hweb] Container #root não encontrado.');
+        console.error('[hweb] Container #root not found.');
         return;
     }
     try {
@@ -285,7 +375,7 @@ function initializeClient() {
         root.render((0, jsx_runtime_1.jsx)(App, { componentMap: componentMap, routes: initialData.routes, initialComponentPath: initialData.initialComponentPath, initialParams: initialData.initialParams, layoutComponent: window.__HWEB_LAYOUT__ }));
     }
     catch (error) {
-        console.error('[hweb] Erro ao renderizar aplicação:', error);
+        console.error('[hweb] Error rendering application:', error);
     }
 }
 // Executa quando o DOM estiver pronto

package/dist/helpers.d.ts

@@ -1,3 +1,4 @@
+#!/usr/bin/env node
 import http, { Server } from 'http';
 import type { HightJSOptions } from './types';
 import https from 'https';

package/dist/helpers.js

@@ -1,3 +1,4 @@
+#!/usr/bin/env node
 "use strict";
 /*
  * This file is part of the HightJS Project.
@@ -57,6 +58,7 @@ exports.app = app;
 const http_1 = __importDefault(require("http"));
 const os_1 = __importDefault(require("os"));
 const url_1 = require("url"); // API moderna, substitui 'querystring'
+const path_1 = __importDefault(require("path"));
 // Helpers para integração com diferentes frameworks
 const index_1 = __importStar(require("./index")); // Importando o tipo
 const console_1 = __importStar(require("./api/console"));
@@ -81,28 +83,86 @@ function getLocalExternalIp() {
     return 'localhost'; // Fallback
 }
 const sendBox = (options) => {
-    const isDev = options.dev ? "Rodando em modo de desenvolvimento" : null;
+    const isDev = options.dev ? "Running in development mode" : null;
     // 1. Verifica se o SSL está ativado (baseado na mesma lógica do initNativeServer)
     const isSSL = options.ssl && options.ssl.key && options.ssl.cert;
     const protocol = isSSL ? 'https' : 'http';
     const localIp = getLocalExternalIp(); // Assume que getLocalExternalIp() existe
     // 2. Monta as mensagens com o protocolo correto
     const messages = [
-        ` ${console_1.Colors.FgGray}┃${console_1.Colors.Reset} Local: ${console_1.Colors.FgGreen}${protocol}://localhost:${options.port}${console_1.Colors.Reset}`,
+        ` ${console_1.Colors.FgGray}┃${console_1.Colors.Reset} Local:    ${console_1.Colors.FgGreen}${protocol}://localhost:${options.port}${console_1.Colors.Reset}`,
     ];
     // Só adiciona a rede se o IP local for encontrado
     if (localIp) {
-        messages.push(` ${console_1.Colors.FgGray}┃${console_1.Colors.Reset} Rede:  ${console_1.Colors.FgGreen}${protocol}://${localIp}:${options.port}${console_1.Colors.Reset}`);
+        messages.push(` ${console_1.Colors.FgGray}┃${console_1.Colors.Reset} Network:  ${console_1.Colors.FgGreen}${protocol}://${localIp}:${options.port}${console_1.Colors.Reset}`);
     }
     if (isDev) {
         messages.push(` ${console_1.Colors.FgGray}┃${console_1.Colors.Reset} ${isDev}`);
     }
     // Adiciona aviso de redirecionamento se estiver em modo SSL
     if (isSSL && options.ssl?.redirectPort) {
-        messages.push(` ${console_1.Colors.FgGray}┃${console_1.Colors.Reset} HTTP (porta ${options.ssl?.redirectPort}) está redirecionando para HTTPS.`);
+        messages.push(` ${console_1.Colors.FgGray}┃${console_1.Colors.Reset} HTTP (port ${options.ssl?.redirectPort}) is redirecting to HTTPS.`);
     }
-    console_1.default.box(messages.join("\n"), { title: "Acesse em:" });
+    console_1.default.box(messages.join("\n"), { title: "Access on:" });
 };
+/**
+ * Carrega o arquivo de configuração hightjs.config.ts ou hightjs.config.js do projeto
+ * @param projectDir Diretório raiz do projeto
+ * @param phase Fase de execução ('development' ou 'production')
+ * @returns Configuração mesclada com os valores padrão
+ */
+async function loadHightConfig(projectDir, phase) {
+    const defaultConfig = {
+        maxHeadersCount: 100,
+        headersTimeout: 60000,
+        requestTimeout: 30000,
+        serverTimeout: 35000,
+        individualRequestTimeout: 30000,
+        maxUrlLength: 2048,
+        accessLogging: true,
+    };
+    try {
+        // Tenta primeiro .ts, depois .js
+        const possiblePaths = [
+            path_1.default.join(projectDir, 'hightjs.config.ts'),
+            path_1.default.join(projectDir, 'hightjs.config.js'),
+        ];
+        let configPath = null;
+        for (const p of possiblePaths) {
+            if (fs_1.default.existsSync(p)) {
+                configPath = p;
+                break;
+            }
+        }
+        if (!configPath) {
+            return defaultConfig;
+        }
+        // Remove do cache para permitir hot reload da configuração em dev
+        delete require.cache[require.resolve(configPath)];
+        const configModule = require(configPath);
+        const configExport = configModule.default || configModule;
+        let userConfig;
+        if (typeof configExport === 'function') {
+            // Suporta tanto função síncrona quanto assíncrona
+            userConfig = await Promise.resolve(configExport(phase, { defaultConfig }));
+        }
+        else {
+            userConfig = configExport;
+        }
+        // Mescla a configuração do usuário com a padrão
+        const mergedConfig = { ...defaultConfig, ...userConfig };
+        const configFileName = path_1.default.basename(configPath);
+        console_1.default.info(`${console_1.Colors.FgCyan}[Config]${console_1.Colors.Reset} Loaded ${configFileName}`);
+        return mergedConfig;
+    }
+    catch (error) {
+        if (error instanceof Error) {
+            console_1.default.warn(`${console_1.Colors.FgYellow}[Config]${console_1.Colors.Reset} Error loading hightjs.config: ${error.message}`);
+            console_1.default.warn(`${console_1.Colors.FgYellow}[Config]${console_1.Colors.Reset} Using default configuration`);
+        }
+        return defaultConfig;
+    }
+}
 /**
  * Middleware para parsing do body com proteções de segurança (versão melhorada).
  * Rejeita a promise em caso de erro de parsing ou estouro de limite.
@@ -181,12 +241,19 @@ const parseBody = (req) => {
 async function initNativeServer(hwebApp, options, port, hostname) {
     const time = Date.now();
     await hwebApp.prepare();
+    // Carrega a configuração do arquivo hightjs.config.js
+    const projectDir = options.dir || process.cwd();
+    const phase = options.dev ? 'development' : 'production';
+    const hightConfig = await loadHightConfig(projectDir, phase);
     const handler = hwebApp.getRequestHandler();
-    const msg = console_1.default.dynamicLine(`    ${console_1.Colors.BgYellow} ready ${console_1.Colors.Reset}  ${console_1.Colors.Bright}Iniciando HightJS na porta ${options.port}${console_1.Colors.Reset}`);
+    const msg = console_1.default.dynamicLine(`    ${console_1.Colors.BgYellow} ready ${console_1.Colors.Reset}  ${console_1.Colors.Bright}Starting HightJS on port ${options.port}${console_1.Colors.Reset}`);
     // --- LÓGICA DO LISTENER (REUTILIZÁVEL) ---
     // Extraímos a lógica principal para uma variável
     // para que possa ser usada tanto pelo servidor HTTP quanto HTTPS.
     const requestListener = async (req, res) => {
+        const requestStartTime = Date.now();
+        const method = req.method || 'GET';
+        const url = req.url || '/';
         // Configurações de segurança básicas
         res.setHeader('X-Content-Type-Options', 'nosniff');
         res.setHeader('X-Frame-Options', 'DENY');
@@ -197,15 +264,51 @@ async function initNativeServer(hwebApp, options, port, hostname) {
         if (options.ssl) {
             res.setHeader('Strict-Transport-Security', 'max-age=31536000; includeSubDomains');
         }
-        // Timeout por requisição
-        req.setTimeout(30000, () => {
+        // Timeout por requisição (usa configuração personalizada)
+        req.setTimeout(hightConfig.individualRequestTimeout || 30000, () => {
             res.statusCode = 408; // Request Timeout
             res.end('Request timeout');
+            // Log de timeout
+            if (hightConfig.accessLogging) {
+                const duration = Date.now() - requestStartTime;
+                console_1.default.info(`${console_1.Colors.FgYellow}${method}${console_1.Colors.Reset} ${url} ${console_1.Colors.FgRed}408${console_1.Colors.Reset} ${console_1.Colors.FgGray}${duration}ms${console_1.Colors.Reset}`);
+            }
         });
+        // Intercepta o método end() para logar quando a resposta for enviada
+        const originalEnd = res.end.bind(res);
+        let hasEnded = false;
+        res.end = function (...args) {
+            if (!hasEnded && hightConfig.accessLogging) {
+                hasEnded = true;
+                const duration = Date.now() - requestStartTime;
+                const statusCode = res.statusCode || 200;
+                // Define cor baseada no status code
+                let statusColor = console_1.Colors.FgGreen; // 2xx
+                if (statusCode >= 500)
+                    statusColor = console_1.Colors.FgRed; // 5xx
+                else if (statusCode >= 400)
+                    statusColor = console_1.Colors.FgYellow; // 4xx
+                else if (statusCode >= 300)
+                    statusColor = console_1.Colors.FgCyan; // 3xx
+                // Formata o método com cor
+                let methodColor = console_1.Colors.BgCyan;
+                if (method === 'POST')
+                    methodColor = console_1.Colors.BgGreen;
+                else if (method === 'PUT')
+                    methodColor = console_1.Colors.BgYellow;
+                else if (method === 'DELETE')
+                    methodColor = console_1.Colors.BgRed;
+                else if (method === 'PATCH')
+                    methodColor = console_1.Colors.BgMagenta;
+                console_1.default.logCustomLevel(method, true, methodColor, `${url} ${statusColor}${statusCode}${console_1.Colors.Reset} ${console_1.Colors.FgGray}${duration}ms${console_1.Colors.Reset}`);
+            }
+            // @ts-ignore
+            return originalEnd.apply(this, args);
+        };
         try {
-            // Validação básica de URL
-            const url = req.url || '/';
-            if (url.length > 2048) {
+            // Validação básica de URL (usa configuração personalizada)
+            const maxUrlLength = hightConfig.maxUrlLength || 2048;
+            if (url.length > maxUrlLength) {
                 res.statusCode = 414; // URI Too Long
                 res.end('URL too long');
                 return;
@@ -220,10 +323,10 @@ async function initNativeServer(hwebApp, options, port, hostname) {
         catch (error) {
             // Log do erro no servidor
             if (error instanceof Error) {
-                console_1.default.error(`Erro no servidor nativo: ${error.message}`);
+                console_1.default.error(`Native server error: ${error.message}`);
             }
             else {
-                console_1.default.error('Erro desconhecido no servidor nativo:', error);
+                console_1.default.error('Unknown native server error:', error);
             }
             // Tratamento de erro (idêntico ao seu original)
             if (!res.headersSent) {
@@ -286,14 +389,14 @@ async function initNativeServer(hwebApp, options, port, hostname) {
         // Cria o servidor HTTP nativo
         server = http_1.default.createServer(requestListener); // (any para contornar HWebIncomingMessage)
     }
-    // Configurações de segurança do servidor (Comum a ambos)
-    server.setTimeout(35000); // Timeout geral do servidor
-    server.maxHeadersCount = 100; // Limita número de headers
-    server.headersTimeout = 60000; // Timeout para headers
-    server.requestTimeout = 30000; // Timeout para requisições
+    // Configurações de segurança do servidor (usa configuração personalizada)
+    server.setTimeout(hightConfig.serverTimeout || 35000); // Timeout geral do servidor
+    server.maxHeadersCount = hightConfig.maxHeadersCount || 100; // Limita número de headers
+    server.headersTimeout = hightConfig.headersTimeout || 60000; // Timeout para headers
+    server.requestTimeout = hightConfig.requestTimeout || 30000; // Timeout para requisições
     server.listen(port, hostname, () => {
         sendBox({ ...options, port });
-        msg.end(`  ${console_1.Colors.BgGreen} ready ${console_1.Colors.Reset}    ${console_1.Colors.Bright}Pronto na porta ${console_1.Colors.BgGreen} ${options.port} ${console_1.Colors.Reset}${console_1.Colors.Bright} em ${Date.now() - time}ms${console_1.Colors.Reset}\n`);
+        msg.end(`  ${console_1.Colors.BgGreen} ready ${console_1.Colors.Reset}    ${console_1.Colors.Bright}Ready on port ${console_1.Colors.BgGreen} ${options.port} ${console_1.Colors.Reset}${console_1.Colors.Bright} in ${Date.now() - time}ms${console_1.Colors.Reset}\n`);
     });
     // Configura WebSocket para hot reload (Comum a ambos)
     hwebApp.setupWebSocket(server);
@@ -325,7 +428,7 @@ function app(options = {}) {
                     serverApp.use(cookieParser());
                 }
                 catch (e) {
-                    console_1.default.error("Não foi possivel achar cookie-parser");
+                    console_1.default.error("Could not find cookie-parser");
                 }
                 serverApp.use(express.json());
                 serverApp.use(express.urlencoded({ extended: true }));
@@ -337,13 +440,13 @@ function app(options = {}) {
                     await serverApp.register(require('@fastify/cookie'));
                 }
                 catch (e) {
-                    console_1.default.error("Não foi possivel achar @fastify/cookie");
+                    console_1.default.error("Could not find @fastify/cookie");
                 }
                 try {
                     await serverApp.register(require('@fastify/formbody'));
                 }
                 catch (e) {
-                    console_1.default.error("Não foi possivel achar @fastify/formbody");
+                    console_1.default.error("Could not find @fastify/formbody");
                 }
                 await serverApp.register(async (fastify) => {
                     fastify.all('*', handler);
@@ -371,7 +474,7 @@ function app(options = {}) {
                     return data.version;
                 }
                 catch (error) {
-                    console_1.default.error('Não foi possível verificar a versão mais recente do HightJS:', error);
+                    console_1.default.error('Could not check for the latest HightJS version:', error);
                     return currentVersion; // Retorna a versão atual em caso de erro
                 }
             }
@@ -379,22 +482,20 @@ function app(options = {}) {
             const isUpToDate = latestVersion === currentVersion;
             let message;
             if (!isUpToDate) {
-                message = `${console_1.Colors.FgGreen}   Há uma nova versão disponível (v${latestVersion})${console_1.Colors.FgMagenta}`;
+                message = `${console_1.Colors.FgGreen}   A new version is available (v${latestVersion})${console_1.Colors.FgMagenta}`;
             }
             else {
-                message = `${console_1.Colors.FgGreen}   Você está na versão mais recente${console_1.Colors.FgMagenta}`;
+                message = `${console_1.Colors.FgGreen}   You are on the latest version${console_1.Colors.FgMagenta}`;
             }
             console.log(`${console_1.Colors.FgMagenta}
             __       ___ ${console_1.Colors.FgGreen}      __  ${console_1.Colors.FgMagenta}
     |__| | / _\` |__|  |  ${console_1.Colors.FgGreen}   | /__\` ${console_1.Colors.FgMagenta}   ${console_1.Colors.FgMagenta}HightJS ${console_1.Colors.FgGray}(v${require('../package.json').version}) - itsmuzin${console_1.Colors.FgMagenta}
-    |  | | \\__> |  |  |  ${console_1.Colors.FgGreen}\\__/ .__/ ${message}
-                               
-                               
+    |  | | \\__> |  |  |  ${console_1.Colors.FgGreen}\\__/ .__/ ${message}        
               ${console_1.Colors.Reset}`);
             const actualPort = options.port || 3000;
             const actualHostname = options.hostname || "0.0.0.0";
             if (framework !== 'native') {
-                console_1.default.warn(`O framework "${framework}" foi selecionado, mas o método init() só funciona com o framework "native". Iniciando servidor nativo...`);
+                console_1.default.warn(`The "${framework}" framework was selected, but the init() method only works with the "native" framework. Starting native server...`);
             }
             return await initNativeServer(hwebApp, options, actualPort, actualHostname);
         }

package/dist/hotReload.js

@@ -202,7 +202,7 @@ class HotReloadManager {
         this.clearBackendCache(filePath);
         // Se for arquivo de frontend, aguarda o build terminar antes de recarregar
         if (isFrontendFile) {
-            console_1.default.logWithout(console_1.Levels.INFO, console_1.Colors.BgRed, `📄 Aguardando build do frontend...`);
+            console_1.default.logWithout(console_1.Levels.INFO, console_1.Colors.BgRed, `📄 Waiting for frontend build...`);
             // Marca que estamos esperando um build
             this.isBuilding = true;
             // Cria uma promise que será resolvida quando o build terminar
@@ -215,12 +215,12 @@ class HotReloadManager {
             });
             try {
                 await Promise.race([buildPromise, timeoutPromise]);
-                console_1.default.logWithout(console_1.Levels.INFO, console_1.Colors.BgRed, `✅ Build concluído, recarregando frontend...`);
+                console_1.default.logWithout(console_1.Levels.INFO, console_1.Colors.BgRed, `✅ Build complete, reloading frontend...`);
                 this.frontendChangeCallback?.();
                 this.notifyClients('frontend-reload', { file: filePath, event: 'change' });
             }
             catch (error) {
-                console_1.default.logWithout(console_1.Levels.ERROR, console_1.Colors.BgRed, `⚠️ Timeout no build, recarregando mesmo assim...`);
+                console_1.default.logWithout(console_1.Levels.ERROR, console_1.Colors.BgRed, `⚠️ Timeout in build, reloading anyway...`);
                 this.frontendChangeCallback?.();
                 this.notifyClients('frontend-reload', { file: filePath, event: 'change' });
             }
@@ -231,13 +231,13 @@ class HotReloadManager {
         }
         // Se for arquivo de backend, recarrega o módulo e notifica
         if (isBackendFile) {
-            console_1.default.logWithout(console_1.Levels.INFO, console_1.Colors.BgRed, `⚙️ Recarregando backend...`);
+            console_1.default.logWithout(console_1.Levels.INFO, console_1.Colors.BgRed, `⚙️ Reloading 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_1.default.logWithout(console_1.Levels.INFO, console_1.Colors.BgRed, `🔄 Recarregando aplicação...`);
+            console_1.default.logWithout(console_1.Levels.INFO, console_1.Colors.BgRed, `🔄 Reloading application...`);
             this.frontendChangeCallback?.();
             this.backendApiChangeCallback?.();
             this.notifyClients('src-reload', { file: filePath, event: 'change' });
@@ -249,7 +249,7 @@ class HotReloadManager {
             }
             catch (error) {
                 // @ts-ignore
-                console_1.default.logWithout(console_1.Levels.ERROR, `Erro no listener customizado: ${error.message}`);
+                console_1.default.logWithout(console_1.Levels.ERROR, `Error in custom listener: ${error.message}`);
             }
         }
     }
@@ -265,7 +265,7 @@ class HotReloadManager {
                     ws.send(message);
                 }
                 catch (error) {
-                    console_1.default.logWithout(console_1.Levels.ERROR, console_1.Colors.BgRed, `Erro ao enviar mensagem WebSocket: ${error}`);
+                    console_1.default.logWithout(console_1.Levels.ERROR, console_1.Colors.BgRed, `Error sending WebSocket message: ${error}`);
                     deadClients.push(ws);
                 }
             }
@@ -312,22 +312,24 @@ class HotReloadManager {
             if (typeof window !== 'undefined') {
                 let ws;
                 let reconnectAttempts = 0;
-                let maxReconnectInterval = 30000; // 30 segundos max
-                let reconnectInterval = 1000; // Começa com 1 segundo
+                let maxReconnectInterval = 30000; 
+                let reconnectInterval = 1000;
                 let reconnectTimer;
                 let isConnected = false;
                 
                 function connect() {
-                    // Evita múltiplas tentativas simultâneas
+                    const url = window.location; // Objeto com info da URL atual
+                    const protocol = url.protocol === "https:" ? "wss:" : "ws:"; // Usa wss se for https
+                    const wsUrl = protocol + '//' + url.host + '/hweb-hotreload/';
                     if (ws && (ws.readyState === WebSocket.CONNECTING || ws.readyState === WebSocket.OPEN)) {
                         return;
                     }
 
                     try {
-                        ws = new WebSocket('ws://localhost:3000/hweb-hotreload/');
+                        ws = new WebSocket(wsUrl);
                         
                         ws.onopen = function() {
-                            console.log('🔌 Hot-reload conectado');
+                            console.log('🔌 Hot-reload connected');
                             isConnected = true;
                             reconnectAttempts = 0;
                             reconnectInterval = 1000;
@@ -347,13 +349,13 @@ class HotReloadManager {
                                         window.location.reload();
                                         break;
                                     case 'server-restart':
-                                        console.log('🔄 Servidor reiniciando...');
+                                        console.log('🔄 Server restarting...');
                                         break;
                                     case 'server-ready':
                                         setTimeout(() => window.location.reload(), 500);
                                         break;
                                     case 'frontend-error':
-                                        console.error('❌ Erro no frontend:', message.data);
+                                        console.error('❌ Frontend error:', message.data);
                                         break;
                                 }
                             } catch (e) {
@@ -378,7 +380,7 @@ class HotReloadManager {
                         };
                         
                     } catch (error) {
-                        console.error('Erro ao criar WebSocket:', error);
+                        console.error('Error creating WebSocket:', error);
                         scheduleReconnect();
                     }
                 }
@@ -443,7 +445,7 @@ class HotReloadManager {
     }
     setHotReloadListener(listener) {
         this.customHotReloadListener = listener;
-        console_1.default.info('🔌 Hot reload listener customizado registrado');
+        console_1.default.info('🔌 Hot reload custom listener registered');
     }
     removeHotReloadListener() {
         this.customHotReloadListener = null;
@@ -454,6 +456,13 @@ class HotReloadManager {
             this.buildCompleteResolve = null;
         }
         this.isBuilding = false;
+        // Notifica os clientes que o build terminou
+        if (success) {
+            this.notifyClients('build-complete', { success: true });
+        }
+        else {
+            this.notifyClients('build-error', { success: false });
+        }
     }
 }
 exports.HotReloadManager = HotReloadManager;

package/dist/index.d.ts

@@ -8,11 +8,11 @@ export { FrameworkAdapterFactory } from './adapters/factory';
 export type { GenericRequest, GenericResponse, CookieOptions } from './types/framework';
 export { app } from './helpers';
 export type { WebSocketContext, WebSocketHandler } from './types';
+export type { HightConfig, HightConfigFunction } from './types';
 export default function hweb(options: HightJSOptions): {
     prepare: () => Promise<void>;
     executeInstrumentation: () => void;
     getRequestHandler: () => RequestHandler;
     setupWebSocket: (server: any) => void;
-    build: () => Promise<void>;
     stop: () => void;
 };