hightjs 0.3.3 → 0.3.5

package/dist/index.js

@@ -236,23 +236,20 @@ function hweb(options) {
                 await hotReloadManager.start();
                 // Adiciona callback para recarregar TUDO quando qualquer arquivo mudar
                 hotReloadManager.onBackendApiChange(() => {
-                    console_1.default.info('🔄 Recarregando backend e dependências...');
                     (0, router_1.loadBackendRoutes)(userBackendRoutesDir);
                     (0, router_1.processWebSocketRoutes)(); // Processa rotas WS após recarregar backend
                 });
                 // Adiciona callback para regenerar entry file quando frontend mudar
                 hotReloadManager.onFrontendChange(() => {
-                    console_1.default.info('🔄 Regenerando frontend...');
                     regenerateEntryFile();
                 });
             }
             const now = Date.now();
-            const timee = console_1.default.dynamicLine(`  ${console_1.Colors.BgYellow} router ${console_1.Colors.Reset}   Carregando rotas e componentes do frontend e backend`);
+            const timee = console_1.default.dynamicLine(`  ${console_1.Colors.BgYellow} router ${console_1.Colors.Reset}   Loading routes and components`);
             const spinnerFrames1 = ['|', '/', '-', '\\'];
             let frameIndex1 = 0;
             const spinner1 = setInterval(() => {
-                console_1.default.info('aaaa');
-                timee.update(`   ${console_1.Colors.FgYellow}${spinnerFrames1[frameIndex1]}${console_1.Colors.Reset}  Carregando rotas e componentes...`);
+                timee.update(`   ${console_1.Colors.FgYellow}${spinnerFrames1[frameIndex1]}${console_1.Colors.Reset}  Loading routes and components...`);
                 frameIndex1 = (frameIndex1 + 1) % spinnerFrames1.length;
             }, 100); // muda a cada 100ms
             // ORDEM IMPORTANTE: Carrega TUDO antes de criar o arquivo de entrada
@@ -263,18 +260,18 @@ function hweb(options) {
             // Carrega layout.tsx ANTES de criar o entry file
             const layout = (0, router_1.loadLayout)(userWebDir);
             const notFound = (0, router_1.loadNotFound)(userWebDir);
-            const outDir = path_1.default.join(dir, 'hweb-dist');
+            const outDir = path_1.default.join(dir, '.hight');
             fs_1.default.mkdirSync(outDir, { recursive: true });
             entryPoint = createEntryFile(dir, frontendRoutes);
             clearInterval(spinner1);
-            timee.end(`  ${console_1.Colors.BgGreen} router ${console_1.Colors.Reset}   Rotas e componentes carregados em ${Date.now() - now}ms`);
+            timee.end(`  ${console_1.Colors.BgGreen} router ${console_1.Colors.Reset}   Routes and components loaded in ${Date.now() - now}ms`);
             if (isProduction) {
-                const time = console_1.default.dynamicLine(`  ${console_1.Colors.BgYellow} build ${console_1.Colors.Reset}    Iniciando build do cliente para produção`);
+                const time = console_1.default.dynamicLine(`  ${console_1.Colors.BgYellow} build ${console_1.Colors.Reset}    Starting client build`);
                 // Spinner
                 const spinnerFrames = ['|', '/', '-', '\\'];
                 let frameIndex = 0;
                 const spinner = setInterval(() => {
-                    time.update(`    ${console_1.Colors.FgYellow}${spinnerFrames[frameIndex]}${console_1.Colors.Reset}  Buildando para produção...`);
+                    time.update(`    ${console_1.Colors.FgYellow}${spinnerFrames[frameIndex]}${console_1.Colors.Reset}  Building...`);
                     frameIndex = (frameIndex + 1) % spinnerFrames.length;
                 }, 100); // muda a cada 100ms
                 const now = Date.now();
@@ -282,14 +279,18 @@ function hweb(options) {
                 const elapsed = Date.now() - now;
                 clearInterval(spinner); // para o spinner
                 time.update(""); // limpa a linha
-                time.end(`  ${console_1.Colors.BgGreen} build ${console_1.Colors.Reset}    Build do cliente concluído em ${elapsed}ms`);
+                time.end(`  ${console_1.Colors.BgGreen} build ${console_1.Colors.Reset}    Client build completed in ${elapsed}ms`);
+                // Notifica o hot reload manager que o build foi concluído
+                if (hotReloadManager) {
+                    hotReloadManager.onBuildComplete(true);
+                }
             }
             else {
-                const time = console_1.default.dynamicLine(`  ${console_1.Colors.BgYellow} watcher ${console_1.Colors.Reset}  Iniciando watch do cliente`);
+                const time = console_1.default.dynamicLine(`  ${console_1.Colors.BgYellow} watcher ${console_1.Colors.Reset}  Starting client watch`);
                 (0, builder_1.watchWithChunks)(entryPoint, outDir, hotReloadManager).catch(err => {
-                    console_1.default.error(`Erro ao iniciar o watch`, err);
+                    console_1.default.error(`Error starting watch`, err);
                 });
-                time.end(`  ${console_1.Colors.BgGreen} watcher ${console_1.Colors.Reset}  Watch do cliente iniciado`);
+                time.end(`  ${console_1.Colors.BgGreen} watcher ${console_1.Colors.Reset}  Client Watch started`);
             }
         },
         executeInstrumentation: () => {
@@ -303,7 +304,6 @@ function hweb(options) {
                 if (instrumentation.hotReloadListener && typeof instrumentation.hotReloadListener === 'function') {
                     if (hotReloadManager) {
                         hotReloadManager.setHotReloadListener(instrumentation.hotReloadListener);
-                        console_1.default.info('✅ Hot reload listener registrado');
                     }
                 }
                 if (typeof instrumentation === 'function') {
@@ -313,7 +313,7 @@ function hweb(options) {
                     instrumentation.default();
                 }
                 else {
-                    console_1.default.warn(`O arquivo de instrumentação ${instrumentationFile} não exporta uma função padrão.`);
+                    console_1.default.warn(`The instrumentation file ${instrumentationFile} does not export a default function.`);
                 }
             }
         },
@@ -334,7 +334,7 @@ function hweb(options) {
                     return;
                 }
                 // 2. Primeiro verifica se é um arquivo estático da pasta public
-                if (pathname !== '/' && !pathname.startsWith('/api/') && !pathname.startsWith('/hweb-')) {
+                if (pathname !== '/' && !pathname.startsWith('/api/') && !pathname.startsWith('/.hight')) {
                     const publicDir = path_1.default.join(dir, 'public');
                     const filePath = path_1.default.join(publicDir, pathname);
                     if (fs_1.default.existsSync(filePath) && fs_1.default.statSync(filePath).isFile()) {
@@ -376,10 +376,10 @@ function hweb(options) {
                         return;
                     }
                 }
-                // 3. Verifica se é um arquivo estático do hweb-dist
-                if (pathname.startsWith('/hweb-dist/')) {
-                    const staticPath = path_1.default.join(dir, 'hweb-dist');
-                    const filePath = path_1.default.join(staticPath, pathname.replace('/hweb-dist/', ''));
+                // 3. Verifica se é um arquivo estático do .hight
+                if (pathname.startsWith('/_hight/')) {
+                    const staticPath = path_1.default.join(dir, '.hight');
+                    const filePath = path_1.default.join(staticPath, pathname.replace('/_hight/', ''));
                     if (fs_1.default.existsSync(filePath)) {
                         const ext = path_1.default.extname(filePath).toLowerCase();
                         const contentTypes = {
@@ -420,8 +420,8 @@ function hweb(options) {
                         }
                     }
                     catch (error) {
-                        console_1.default.error(`Erro na rota de API ${pathname}:`, error);
-                        genericRes.status(500).text('Erro interno do servidor na API');
+                        console_1.default.error(`API route error ${pathname}:`, error);
+                        genericRes.status(500).text('Internal server error in API');
                         return;
                     }
                 }
@@ -446,8 +446,8 @@ function hweb(options) {
                         return;
                     }
                     catch (error) {
-                        console_1.default.error(`Erro ao renderizar página 404:`, error);
-                        genericRes.status(404).text('Página não encontrada');
+                        console_1.default.error(`Error rendering page 404:`, error);
+                        genericRes.status(404).text('Page not found');
                         return;
                     }
                 }
@@ -461,8 +461,8 @@ function hweb(options) {
                     genericRes.status(200).header('Content-Type', 'text/html').send(html);
                 }
                 catch (error) {
-                    console_1.default.error(`Erro ao renderizar a página ${pathname}:`, error);
-                    genericRes.status(500).text('Erro interno do servidor');
+                    console_1.default.error(`Error rendering page ${pathname}:`, error);
+                    genericRes.status(500).text('Internal server error');
                 }
             };
         },
@@ -474,16 +474,6 @@ function hweb(options) {
             // Usa o sistema coordenado de WebSocket upgrade que integra hot-reload e rotas de usuário
             (0, router_1.setupWebSocketUpgrade)(actualServer, hotReloadManager);
         },
-        build: async () => {
-            const msg = console_1.default.dynamicLine(`  ${console_1.Colors.FgYellow}●  ${console_1.Colors.Reset}Iniciando build do cliente para produção`);
-            const outDir = path_1.default.join(dir, 'hweb-dist');
-            fs_1.default.mkdirSync(outDir, { recursive: true });
-            const routes = (0, router_1.loadRoutes)(userWebRoutesDir);
-            const entryPoint = createEntryFile(dir, routes);
-            const outfile = path_1.default.join(outDir, 'main.js');
-            await (0, builder_1.build)(entryPoint, outfile, true); // Força produção no build manual
-            msg.end(`  ${console_1.Colors.FgGreen}●  ${console_1.Colors.Reset}Build do cliente concluído: ${outfile}`);
-        },
         stop: () => {
             if (hotReloadManager) {
                 hotReloadManager.stop();

package/dist/renderer.js

@@ -7,18 +7,123 @@ exports.render = render;
 const router_1 = require("./router");
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
-// Funções para codificar/decodificar dados (disfarça o JSON no HTML)
-function encodeInitialData(data) {
-    // Converte para JSON, depois para base64, e adiciona um prefixo fake
+// Função para gerar todas as meta tags
+function generateMetaTags(metadata) {
+    const tags = [];
+    // Charset
+    tags.push(`<meta charset="${metadata.charset || 'UTF-8'}">`);
+    // Viewport
+    tags.push(`<meta name="viewport" content="${metadata.viewport || 'width=device-width, initial-scale=1.0'}">`);
+    // Description
+    if (metadata.description) {
+        tags.push(`<meta name="description" content="${metadata.description}">`);
+    }
+    // Keywords
+    if (metadata.keywords) {
+        const keywordsStr = Array.isArray(metadata.keywords)
+            ? metadata.keywords.join(', ')
+            : metadata.keywords;
+        tags.push(`<meta name="keywords" content="${keywordsStr}">`);
+    }
+    // Author
+    if (metadata.author) {
+        tags.push(`<meta name="author" content="${metadata.author}">`);
+    }
+    // Theme color
+    if (metadata.themeColor) {
+        tags.push(`<meta name="theme-color" content="${metadata.themeColor}">`);
+    }
+    // Robots
+    if (metadata.robots) {
+        tags.push(`<meta name="robots" content="${metadata.robots}">`);
+    }
+    // Canonical
+    if (metadata.canonical) {
+        tags.push(`<link rel="canonical" href="${metadata.canonical}">`);
+    }
+    // Favicon
+    if (metadata.favicon) {
+        tags.push(`<link rel="icon" href="${metadata.favicon}">`);
+    }
+    // Apple Touch Icon
+    if (metadata.appleTouchIcon) {
+        tags.push(`<link rel="apple-touch-icon" href="${metadata.appleTouchIcon}">`);
+    }
+    // Manifest
+    if (metadata.manifest) {
+        tags.push(`<link rel="manifest" href="${metadata.manifest}">`);
+    }
+    // Open Graph
+    if (metadata.openGraph) {
+        const og = metadata.openGraph;
+        if (og.title)
+            tags.push(`<meta property="og:title" content="${og.title}">`);
+        if (og.description)
+            tags.push(`<meta property="og:description" content="${og.description}">`);
+        if (og.type)
+            tags.push(`<meta property="og:type" content="${og.type}">`);
+        if (og.url)
+            tags.push(`<meta property="og:url" content="${og.url}">`);
+        if (og.siteName)
+            tags.push(`<meta property="og:site_name" content="${og.siteName}">`);
+        if (og.locale)
+            tags.push(`<meta property="og:locale" content="${og.locale}">`);
+        if (og.image) {
+            if (typeof og.image === 'string') {
+                tags.push(`<meta property="og:image" content="${og.image}">`);
+            }
+            else {
+                tags.push(`<meta property="og:image" content="${og.image.url}">`);
+                if (og.image.width)
+                    tags.push(`<meta property="og:image:width" content="${og.image.width}">`);
+                if (og.image.height)
+                    tags.push(`<meta property="og:image:height" content="${og.image.height}">`);
+                if (og.image.alt)
+                    tags.push(`<meta property="og:image:alt" content="${og.image.alt}">`);
+            }
+        }
+    }
+    // Twitter Card
+    if (metadata.twitter) {
+        const tw = metadata.twitter;
+        if (tw.card)
+            tags.push(`<meta name="twitter:card" content="${tw.card}">`);
+        if (tw.site)
+            tags.push(`<meta name="twitter:site" content="${tw.site}">`);
+        if (tw.creator)
+            tags.push(`<meta name="twitter:creator" content="${tw.creator}">`);
+        if (tw.title)
+            tags.push(`<meta name="twitter:title" content="${tw.title}">`);
+        if (tw.description)
+            tags.push(`<meta name="twitter:description" content="${tw.description}">`);
+        if (tw.image)
+            tags.push(`<meta name="twitter:image" content="${tw.image}">`);
+        if (tw.imageAlt)
+            tags.push(`<meta name="twitter:image:alt" content="${tw.imageAlt}">`);
+    }
+    // Custom meta tags
+    if (metadata.other) {
+        for (const [key, value] of Object.entries(metadata.other)) {
+            tags.push(`<meta name="${key}" content="${value}">`);
+        }
+    }
+    return tags.join('\n');
+}
+// Função para ofuscar dados (não é criptografia, apenas ofuscação)
+function obfuscateData(data) {
+    // 1. Serializa para JSON minificado
     const jsonStr = JSON.stringify(data);
+    // 2. Converte para base64
     const base64 = Buffer.from(jsonStr).toString('base64');
-    return `hweb_${base64}_config`;
+    // 3. Adiciona um hash fake no início para parecer um token
+    const hash = Buffer.from(Date.now().toString()).toString('base64').substring(0, 8);
+    return `${hash}.${base64}`;
 }
-function createDecodeScript() {
-    return `
-    
-    window.__HWEB_DECODE__ = function(encoded) { const base64 = encoded.replace('hweb_', '').replace('_config', ''); const jsonStr = atob(base64); return JSON.parse(jsonStr); };
-    `;
+// Função para criar script ofuscado
+function createInitialDataScript(data) {
+    const obfuscated = obfuscateData(data);
+    // Usa um atributo data-* ao invés de JSON visível
+    return `<script id="__hight_data__" type="text/plain" data-h="${obfuscated}"></script>`;
 }
 async function render({ req, route, params, allRoutes }) {
     const { generateMetadata } = route;
@@ -43,22 +148,36 @@ async function render({ req, route, params, allRoutes }) {
         initialComponentPath: route.componentPath,
         initialParams: params,
     };
-    // Codifica os dados para disfarçar
-    const encodedData = encodeInitialData(initialData);
+    // Cria script JSON limpo
+    const initialDataScript = createInitialDataScript(initialData);
     // Script de hot reload apenas em desenvolvimento
     const hotReloadScript = !isProduction && hotReloadManager
         ? hotReloadManager.getClientScript()
         : '';
-    const favicon = metadata.favicon ? `<link rel="icon" href="${metadata.favicon}">` : '';
+    // Gera todas as meta tags
+    const metaTags = generateMetaTags(metadata);
     // Determina quais arquivos JavaScript carregar
     const jsFiles = getJavaScriptFiles(req);
+    const htmlLang = metadata.language || 'pt-BR';
     // HTML base sem SSR - apenas o container e scripts para client-side rendering
-    return `<!DOCTYPE html><html lang="pt-BR"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>${metadata.title || 'App hweb'}</title>${metadata.description ? `<meta name="description" content="${metadata.description}">` : ''}${favicon}</head><body><div id="root"></div><script>${createDecodeScript()}window.__HWEB_INITIAL_DATA__ = window.__HWEB_DECODE__('${encodedData}');</script>${jsFiles}${hotReloadScript}</body></html>`;
+    return `<!DOCTYPE html>
+<html lang="${htmlLang}">
+<head>
+${metaTags}
+<title>${metadata.title || 'App hweb'}</title>
+</head>
+<body>
+<div id="root"></div>
+${initialDataScript}
+${jsFiles}
+${hotReloadScript}
+</body>
+</html>`;
 }
 // Função para determinar quais arquivos JavaScript carregar
 function getJavaScriptFiles(req) {
     const projectDir = process.cwd();
-    const distDir = path_1.default.join(projectDir, 'hweb-dist');
+    const distDir = path_1.default.join(projectDir, '.hight');
     try {
         // Verifica se existe um manifesto de chunks (gerado pelo ESBuild com splitting)
         const manifestPath = path_1.default.join(distDir, 'manifest.json');
@@ -67,7 +186,7 @@ function getJavaScriptFiles(req) {
             const manifest = JSON.parse(fs_1.default.readFileSync(manifestPath, 'utf8'));
             const scripts = Object.values(manifest)
                 .filter((file) => file.endsWith('.js'))
-                .map((file) => `<script src="/hweb-dist/${file}"></script>`)
+                .map((file) => `<script src="/_hight/${file}"></script>`)
                 .join('');
             return scripts;
         }
@@ -91,17 +210,17 @@ function getJavaScriptFiles(req) {
             if (jsFiles.length >= 1) {
                 // Modo chunks sem manifesto
                 return jsFiles
-                    .map(file => `<script src="/hweb-dist/${file}"></script>`)
+                    .map(file => `<script src="/_hight/${file}"></script>`)
                     .join('');
             }
             else {
                 // Modo tradicional - único arquivo
-                return '<script src="/hweb-dist/main.js"></script>';
+                return '<script src="/_hight/main.js"></script>';
             }
         }
     }
     catch (error) {
         // Fallback para o modo tradicional
-        return '<script src="/hweb-dist/main.js"></script>';
+        return '<script src="/_hight/main.js"></script>';
     }
 }