hightjs 0.3.5 → 0.5.0

package/dist/client/DefaultNotFound.js

@@ -1,53 +1,79 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = DefaultNotFound;
+exports.default = App;
 const jsx_runtime_1 = require("react/jsx-runtime");
-function DefaultNotFound() {
-    return ((0, jsx_runtime_1.jsx)("div", { style: {
-            fontFamily: 'system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
-            height: '100vh',
-            textAlign: 'center',
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            justifyContent: 'center'
-        }, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: {
-                        __html: `
-                        body {
-    color: #000;
-    /* Alterado de cor sólida para gradiente */
-    background: linear-gradient(to bottom, #e9e9e9, #ffffff);
-    margin: 0;
-}
+function App() {
+    const globalStyles = `
+        
+        html, body {
+            margin: 0;
+            padding: 0;
+            width: 100%;
+            height: 100%;
+            font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+            box-sizing: border-box;
+        }
 
-.next-error-h1 {
-    border-right: 1px solid rgba(0, 0, 0, .3);
-}
+        *, *:before, *:after {
+            box-sizing: inherit;
+        }
 
-@media (prefers-color-scheme: dark) {
-    body {
-        color: #fff;
-        /* Alterado de cor sólida para gradiente escuro */
-        background: linear-gradient(to bottom, #222, #000);
-    }
+        body {
+            color: #000;
+            background: linear-gradient(to bottom, #e9e9e9, #ffffff);
+            background-attachment: fixed;
+            
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            min-height: 100vh;
+            text-align: center;
+            padding: 20px;
+        }
+        
+        .error-container {
+             /* Remove qualquer estilo de "card" anterior */
+        }
 
-    .next-error-h1 {
-        border-right: 1px solid rgba(255, 255, 255, .3);
-    }
-}
-                    `
-                    } }), (0, jsx_runtime_1.jsx)("h1", { className: "next-error-h1", style: {
-                        display: 'inline-block',
-                        margin: '0px 20px 0px 0px',
-                        padding: '0px 23px 0px 0px',
-                        fontSize: '24px',
-                        fontWeight: '500',
-                        verticalAlign: 'top',
-                        lineHeight: '49px'
-                    }, children: "404" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'inline-block' }, children: (0, jsx_runtime_1.jsx)("h2", { style: {
-                            fontSize: '14px',
-                            fontWeight: '400',
-                            lineHeight: '49px',
-                            margin: '0px'
-                        }, children: "This page cannot be found." }) })] }) }));
+        .hight-error-h1 {
+            border-right: 1px solid rgba(0, 0, 0, .3);
+        }
+
+        @media (prefers-color-scheme: dark) {
+            body {
+                color: #fff;
+                background: linear-gradient(to bottom, #222, #000);
+            }
+            .hight-error-h2 {
+                color: white;  
+             }
+            .hight-error-h1 {
+                color: white;
+                border-right: 1px solid rgba(255, 255, 255, .3);
+            }
+        }
+    `;
+    // Estilos inline do seu exemplo original
+    const h1Styles = {
+        display: 'inline-block',
+        margin: '0px 20px 0px 0px',
+        padding: '0px 23px 0px 0px',
+        fontSize: '24px',
+        fontWeight: '500',
+        verticalAlign: 'top',
+        lineHeight: '49px'
+    };
+    const h2ContainerStyles = {
+        display: 'inline-block',
+        verticalAlign: 'top', // Alinha com o topo do H1
+    };
+    const h2Styles = {
+        fontSize: '14px',
+        fontWeight: '400',
+        lineHeight: '49px',
+        margin: '0px'
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: globalStyles } }), (0, jsx_runtime_1.jsxs)("div", { className: "error-container", children: [(0, jsx_runtime_1.jsx)("h1", { className: "hight-error-h1", style: h1Styles, children: "404" }), (0, jsx_runtime_1.jsx)("div", { style: h2ContainerStyles, children: (0, jsx_runtime_1.jsx)("h2", { style: h2Styles, className: "hight-error-h2", children: "This page cannot be found." }) })] })] }));
 }

package/dist/client/client.d.ts

@@ -0,0 +1,3 @@
+export { Link } from '../components/Link';
+export { RouteConfig, Metadata } from "../types";
+export { router } from './clientRouter';

package/dist/{client.js → client/client.js}

@@ -1,6 +1,4 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.router = exports.Link = void 0;
 /*
  * This file is part of the HightJS Project.
  * Copyright (c) 2025 itsmuzin
@@ -17,8 +15,10 @@ exports.router = exports.Link = void 0;
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.router = exports.Link = void 0;
 // Este arquivo exporta apenas código seguro para o cliente (navegador)
-var Link_1 = require("./components/Link");
+var Link_1 = require("../components/Link");
 Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
-var clientRouter_1 = require("./client/clientRouter");
+var clientRouter_1 = require("./clientRouter");
 Object.defineProperty(exports, "router", { enumerable: true, get: function () { return clientRouter_1.router; } });

package/dist/client/entry.client.js

@@ -55,14 +55,8 @@ const client_1 = require("react-dom/client");
 const clientRouter_1 = require("./clientRouter");
 function App({ componentMap, routes, initialComponentPath, initialParams, layoutComponent }) {
     // Estado que guarda o componente a ser renderizado atualmente
-    const [CurrentPageComponent, setCurrentPageComponent] = (0, react_1.useState)(() => {
-        // Se for a rota especial __404__, não busca no componentMap
-        if (initialComponentPath === '__404__') {
-            return null;
-        }
-        return componentMap[initialComponentPath];
-    });
-    const [params, setParams] = (0, react_1.useState)(initialParams);
+    const [hmrTimestamp, setHmrTimestamp] = (0, react_1.useState)(Date.now());
+    // Helper para encontrar rota baseado no path
     const findRouteForPath = (0, react_1.useCallback)((path) => {
         for (const route of routes) {
             const regexPattern = route.pattern
@@ -87,6 +81,79 @@ function App({ componentMap, routes, initialComponentPath, initialParams, layout
         }
         return null;
     }, [routes]);
+    // Inicializa o componente e params baseado na URL ATUAL (não no initialComponentPath)
+    const [CurrentPageComponent, setCurrentPageComponent] = (0, react_1.useState)(() => {
+        // Pega a rota atual da URL
+        const currentPath = window.location.pathname;
+        const match = findRouteForPath(currentPath);
+        if (match) {
+            return componentMap[match.componentPath];
+        }
+        // Se não encontrou rota, retorna null para mostrar 404
+        return null;
+    });
+    const [params, setParams] = (0, react_1.useState)(() => {
+        // Pega os params da URL atual
+        const currentPath = window.location.pathname;
+        const match = findRouteForPath(currentPath);
+        return match ? match.params : {};
+    });
+    // HMR: Escuta eventos de hot reload
+    (0, react_1.useEffect)(() => {
+        // Ativa o sistema de HMR
+        window.__HWEB_HMR__ = true;
+        const handleHMRUpdate = async (event) => {
+            const { file, timestamp } = event.detail;
+            const fileName = file ? file.split('/').pop()?.split('\\').pop() : 'unknown';
+            console.log('🔥 HMR: Hot reloading...', fileName);
+            try {
+                // Aguarda um pouco para o esbuild terminar de recompilar
+                await new Promise(resolve => setTimeout(resolve, 300));
+                // Re-importa o módulo principal com cache busting
+                const mainScript = document.querySelector('script[src*="main.js"]');
+                if (mainScript) {
+                    const mainSrc = mainScript.src.split('?')[0];
+                    const cacheBustedSrc = `${mainSrc}?t=${timestamp}`;
+                    // Cria novo script
+                    const newScript = document.createElement('script');
+                    newScript.type = 'module';
+                    newScript.src = cacheBustedSrc;
+                    // Quando o novo script carregar, força re-render
+                    newScript.onload = () => {
+                        console.log('✅ HMR: Modules reloaded');
+                        // Força re-render do componente
+                        setHmrTimestamp(timestamp);
+                        // Marca sucesso
+                        window.__HMR_SUCCESS__ = true;
+                        setTimeout(() => {
+                            window.__HMR_SUCCESS__ = false;
+                        }, 3000);
+                    };
+                    newScript.onerror = () => {
+                        console.error('❌ HMR: Failed to reload modules');
+                        window.__HMR_SUCCESS__ = false;
+                    };
+                    // Remove o script antigo e adiciona o novo
+                    // (não remove para não quebrar o app)
+                    document.head.appendChild(newScript);
+                }
+                else {
+                    // Se não encontrou o script, apenas força re-render
+                    console.log('⚡ HMR: Forcing re-render');
+                    setHmrTimestamp(timestamp);
+                    window.__HMR_SUCCESS__ = true;
+                }
+            }
+            catch (error) {
+                console.error('❌ HMR Error:', error);
+                window.__HMR_SUCCESS__ = false;
+            }
+        };
+        window.addEventListener('hmr:component-update', handleHMRUpdate);
+        return () => {
+            window.removeEventListener('hmr:component-update', handleHMRUpdate);
+        };
+    }, []);
     const updateRoute = (0, react_1.useCallback)(() => {
         const currentPath = clientRouter_1.router.pathname;
         const match = findRouteForPath(currentPath);
@@ -138,7 +205,8 @@ function App({ componentMap, routes, initialComponentPath, initialParams, layout
         }
     }
     // Renderiza o componente atual (sem Context, usa o router diretamente)
-    const PageContent = (0, jsx_runtime_1.jsx)(CurrentPageComponent, { params: params });
+    // Usa key com timestamp para forçar re-mount durante HMR
+    const PageContent = (0, jsx_runtime_1.jsx)(CurrentPageComponent, { params: params }, `page-${hmrTimestamp}`);
     // SEMPRE usa o layout - se não existir, cria um wrapper padrão
     const content = layoutComponent
         ? react_1.default.createElement(layoutComponent, { children: PageContent })

package/dist/global/global.d.ts

@@ -0,0 +1,117 @@
+/**
+ * Type declarations for asset imports
+ * This allows TypeScript to understand imports of various file types
+ */
+declare module "*.md" {
+    const content: string;
+    export default content;
+}
+declare module "*.png" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpg" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpeg" {
+    const src: string;
+    export default src;
+}
+declare module "*.gif" {
+    const src: string;
+    export default src;
+}
+declare module "*.webp" {
+    const src: string;
+    export default src;
+}
+declare module "*.avif" {
+    const src: string;
+    export default src;
+}
+declare module "*.ico" {
+    const src: string;
+    export default src;
+}
+declare module "*.bmp" {
+    const src: string;
+    export default src;
+}
+declare module "*.tif" {
+    const src: string;
+    export default src;
+}
+declare module "*.tiff" {
+    const src: string;
+    export default src;
+}
+declare module "*.svg" {
+    const src: string;
+    export const svgContent: string;
+    export default src;
+}
+declare module "*.json" {
+    const value: any;
+    export default value;
+}
+declare module "*.txt" {
+    const content: string;
+    export default content;
+}
+declare module "*.woff" {
+    const src: string;
+    export default src;
+}
+declare module "*.woff2" {
+    const src: string;
+    export default src;
+}
+declare module "*.ttf" {
+    const src: string;
+    export default src;
+}
+declare module "*.otf" {
+    const src: string;
+    export default src;
+}
+declare module "*.eot" {
+    const src: string;
+    export default src;
+}
+declare module "*.mp3" {
+    const src: string;
+    export default src;
+}
+declare module "*.wav" {
+    const src: string;
+    export default src;
+}
+declare module "*.ogg" {
+    const src: string;
+    export default src;
+}
+declare module "*.m4a" {
+    const src: string;
+    export default src;
+}
+declare module "*.aac" {
+    const src: string;
+    export default src;
+}
+declare module "*.flac" {
+    const src: string;
+    export default src;
+}
+declare module "*.mp4" {
+    const src: string;
+    export default src;
+}
+declare module "*.webm" {
+    const src: string;
+    export default src;
+}
+declare module "*.ogv" {
+    const src: string;
+    export default src;
+}

package/dist/{auth/types.js → global/global.js}

@@ -15,4 +15,3 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/helpers.js

@@ -64,6 +64,9 @@ const index_1 = __importStar(require("./index")); // Importando o tipo
 const console_1 = __importStar(require("./api/console"));
 const https_1 = __importDefault(require("https")); // <-- ADICIONAR
 const fs_1 = __importDefault(require("fs")); // <-- ADICIONAR
+// Registra loaders customizados para importar arquivos não-JS
+const { registerLoaders } = require('./loaders');
+registerLoaders();
 // --- Helpers ---
 /**
  * Encontra o IP externo local (rede)
@@ -164,9 +167,74 @@ async function loadHightConfig(projectDir, phase) {
     }
 }
 /**
- * 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.
+ * Aplica headers CORS na resposta baseado na configuração.
+ * @param req Requisição HTTP
+ * @param res Resposta HTTP
+ * @param corsConfig Configuração de CORS
+ * @returns true se a requisição foi finalizada (OPTIONS), false caso contrário
  */
+function applyCors(req, res, corsConfig) {
+    if (!corsConfig || !corsConfig.enabled) {
+        return false;
+    }
+    const origin = req.headers.origin || req.headers.referer;
+    // Verifica se a origem é permitida
+    let allowOrigin = false;
+    if (corsConfig.origin === '*') {
+        res.setHeader('Access-Control-Allow-Origin', '*');
+        allowOrigin = true;
+    }
+    else if (typeof corsConfig.origin === 'string' && origin === corsConfig.origin) {
+        res.setHeader('Access-Control-Allow-Origin', corsConfig.origin);
+        allowOrigin = true;
+    }
+    else if (Array.isArray(corsConfig.origin) && origin && corsConfig.origin.includes(origin)) {
+        res.setHeader('Access-Control-Allow-Origin', origin);
+        allowOrigin = true;
+    }
+    else if (typeof corsConfig.origin === 'function' && origin) {
+        try {
+            if (corsConfig.origin(origin)) {
+                res.setHeader('Access-Control-Allow-Origin', origin);
+                allowOrigin = true;
+            }
+        }
+        catch (error) {
+            console_1.default.warn(`${console_1.Colors.FgYellow}[CORS]${console_1.Colors.Reset} Error validating origin: ${error instanceof Error ? error.message : 'Unknown error'}`);
+        }
+    }
+    // Se a origem não for permitida e não for wildcard, não aplica outros headers
+    if (!allowOrigin && corsConfig.origin !== '*') {
+        return false;
+    }
+    // Credenciais (não pode ser usado com origin: '*')
+    if (corsConfig.credentials && corsConfig.origin !== '*') {
+        res.setHeader('Access-Control-Allow-Credentials', 'true');
+    }
+    // Métodos permitidos
+    const methods = corsConfig.methods || ['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'OPTIONS'];
+    res.setHeader('Access-Control-Allow-Methods', methods.join(', '));
+    // Headers permitidos
+    const allowedHeaders = corsConfig.allowedHeaders || ['Content-Type', 'Authorization'];
+    res.setHeader('Access-Control-Allow-Headers', allowedHeaders.join(', '));
+    // Headers expostos
+    if (corsConfig.exposedHeaders && corsConfig.exposedHeaders.length > 0) {
+        res.setHeader('Access-Control-Expose-Headers', corsConfig.exposedHeaders.join(', '));
+    }
+    // Max age para cache de preflight
+    const maxAge = corsConfig.maxAge !== undefined ? corsConfig.maxAge : 86400;
+    res.setHeader('Access-Control-Max-Age', maxAge.toString());
+    // Responde requisições OPTIONS (preflight)
+    if (req.method === 'OPTIONS') {
+        res.statusCode = 204; // No Content
+        res.end();
+        return true;
+    }
+    return false;
+}
+/**
+ * Middleware para parsing do body com proteções de segurança (versão melhorada).
+*/
 const parseBody = (req) => {
     // Constantes para limites de segurança
     const MAX_BODY_SIZE = 10 * 1024 * 1024; // 10MB limite total
@@ -254,6 +322,16 @@ async function initNativeServer(hwebApp, options, port, hostname) {
         const requestStartTime = Date.now();
         const method = req.method || 'GET';
         const url = req.url || '/';
+        // Aplica CORS se configurado
+        const corsHandled = applyCors(req, res, hightConfig.cors);
+        if (corsHandled) {
+            // Requisição OPTIONS foi respondida pelo CORS
+            if (hightConfig.accessLogging) {
+                const duration = Date.now() - requestStartTime;
+                console_1.default.logCustomLevel('OPTIONS', true, console_1.Colors.BgMagenta, `${url} ${console_1.Colors.FgGreen}204${console_1.Colors.Reset} ${console_1.Colors.FgGray}${duration}ms${console_1.Colors.Reset} ${console_1.Colors.FgCyan}[CORS]${console_1.Colors.Reset}`);
+            }
+            return;
+        }
         // Configurações de segurança básicas
         res.setHeader('X-Content-Type-Options', 'nosniff');
         res.setHeader('X-Frame-Options', 'DENY');

package/dist/hotReload.js

@@ -195,8 +195,7 @@ class HotReloadManager {
             filePath.includes('not-found.tsx') ||
             filePath.endsWith('.tsx') ||
             filePath.endsWith('.jsx');
-        const isBackendFile = filePath.includes(path.join('src', 'web', 'backend')) ||
-            (filePath.includes(path.join('src', 'web')) && !isFrontendFile);
+        const isBackendFile = filePath.includes(path.join('src', 'backend')) && !isFrontendFile;
         // Limpa o cache do arquivo alterado
         (0, router_1.clearFileCache)(filePath);
         this.clearBackendCache(filePath);
@@ -214,6 +213,7 @@ class HotReloadManager {
                 setTimeout(() => reject(new Error('Build timeout')), 30000);
             });
             try {
+                this.frontendChangeCallback?.();
                 await Promise.race([buildPromise, timeoutPromise]);
                 console_1.default.logWithout(console_1.Levels.INFO, console_1.Colors.BgRed, `✅ Build complete, reloading frontend...`);
                 this.frontendChangeCallback?.();
@@ -342,10 +342,11 @@ class HotReloadManager {
                                 
                                 switch(message.type) {
                                     case 'frontend-reload':
-                                        window.location.reload();
+                                        handleFrontendReload(message.data);
                                         break;
                                     case 'backend-api-reload':
-                                        // Recarrega apenas se necessário
+                                        // Backend sempre precisa recarregar
+                                        console.log('🔄 Backend changed, reloading...');
                                         window.location.reload();
                                         break;
                                     case 'server-restart':
@@ -357,12 +358,91 @@ class HotReloadManager {
                                     case 'frontend-error':
                                         console.error('❌ Frontend error:', message.data);
                                         break;
+                                    case 'hmr-update':
+                                        handleHMRUpdate(message.data);
+                                        break;
                                 }
                             } catch (e) {
                                 console.error('Erro ao processar mensagem do hot-reload:', e);
                             }
                         };
                         
+                        function handleFrontendReload(data) {
+                            if (!data || !data.file) {
+                                window.location.reload();
+                                return;
+                            }
+                            
+                            const file = data.file.toLowerCase();
+                            
+                            // Mudanças que exigem reload completo
+                            const needsFullReload = 
+                                file.includes('layout.tsx') ||
+                                file.includes('layout.jsx') ||
+                                file.includes('not-found.tsx') ||
+                                file.includes('not-found.jsx') ||
+                                file.endsWith('.css');
+                            
+                            if (needsFullReload) {
+                                console.log('⚡ Layout/CSS changed, full reload...');
+                                window.location.reload();
+                                return;
+                            }
+                            
+                            // Mudanças em rotas: tenta HMR
+                            if (file.includes('/routes/') || file.includes('\\\\routes\\\\')) {
+                                console.log('⚡ Route component changed, hot reloading...');
+                                
+                                // Dispara evento para forçar re-render
+                                const event = new CustomEvent('hmr:component-update', { 
+                                    detail: { file: data.file, timestamp: Date.now() } 
+                                });
+                                window.dispatchEvent(event);
+                                
+                                // Aguarda 500ms para ver se o HMR foi bem-sucedido
+                                setTimeout(() => {
+                                    const hmrSuccess = window.__HMR_SUCCESS__;
+                                    if (!hmrSuccess) {
+                                        console.log('⚠️ HMR failed, falling back to full reload');
+                                        window.location.reload();
+                                    } else {
+                                        console.log('✅ HMR successful!');
+                                    }
+                                }, 500);
+                            } else {
+                                // Outros arquivos: reload completo por segurança
+                                window.location.reload();
+                            }
+                        }
+                        
+                        function handleHMRUpdate(data) {
+                            console.log('🔥 HMR Update:', data);
+                            
+                            // Dispara evento customizado para o React capturar
+                            const event = new CustomEvent('hmr:update', { 
+                                detail: data 
+                            });
+                            window.dispatchEvent(event);
+                        }
+                        
+                        function attemptHMR(changedFile) {
+                            // Tenta fazer Hot Module Replacement
+                            // Dispara evento para o React App capturar
+                            const event = new CustomEvent('hmr:component-update', { 
+                                detail: { file: changedFile, timestamp: Date.now() } 
+                            });
+                            window.dispatchEvent(event);
+                            
+                            // Fallback: se após 2s não houve sucesso, reload
+                            setTimeout(() => {
+                                const hmrSuccess = window.__HMR_SUCCESS__;
+                                if (!hmrSuccess) {
+                                    console.log('⚠️ HMR failed, falling back to full reload');
+                                    window.location.reload();
+                                }
+                            }, 2000);
+                        }
+                        
                         ws.onclose = function(event) {
                             isConnected = false;