hightjs 0.3.5 → 0.5.0

package/dist/index.js

@@ -1,4 +1,20 @@
 "use strict";
+/*
+ * This file is part of the HightJS Project.
+ * Copyright (c) 2025 itsmuzin
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -38,22 +54,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.app = exports.FrameworkAdapterFactory = exports.FastifyAdapter = exports.ExpressAdapter = exports.HightJSResponse = exports.HightJSRequest = void 0;
 exports.default = hweb;
-/*
- * This file is part of the HightJS Project.
- * Copyright (c) 2025 itsmuzin
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
 const path_1 = __importDefault(require("path"));
 const fs_1 = __importDefault(require("fs"));
 const express_1 = require("./adapters/express");
@@ -110,48 +110,49 @@ function isLargeProject(projectDir) {
 }
 // Função para gerar o arquivo de entrada para o esbuild
 function createEntryFile(projectDir, routes) {
-    const tempDir = path_1.default.join(projectDir, '.hweb');
-    fs_1.default.mkdirSync(tempDir, { recursive: true });
-    const entryFilePath = path_1.default.join(tempDir, 'entry.client.js');
-    // Verifica se há layout
-    const layout = (0, router_1.getLayout)();
-    // Verifica se há notFound personalizado
-    const notFound = (0, router_1.getNotFound)();
-    // Gera imports dinâmicos para cada componente
-    const imports = routes
-        .map((route, index) => {
-        const relativePath = path_1.default.relative(tempDir, route.componentPath).replace(/\\/g, '/');
-        return `import route${index} from '${relativePath}';`;
-    })
-        .join('\n');
-    // Import do layout se existir
-    const layoutImport = layout
-        ? `import LayoutComponent from '${path_1.default.relative(tempDir, layout.componentPath).replace(/\\/g, '/')}';`
-        : '';
-    // Import do notFound se existir
-    const notFoundImport = notFound
-        ? `import NotFoundComponent from '${path_1.default.relative(tempDir, notFound.componentPath).replace(/\\/g, '/')}';`
-        : '';
-    // Registra os componentes no window para o cliente acessar
-    const componentRegistration = routes
-        .map((route, index) => `  '${route.componentPath}': route${index}.component || route${index}.default?.component,`)
-        .join('\n');
-    // Registra o layout se existir
-    const layoutRegistration = layout
-        ? `window.__HWEB_LAYOUT__ = LayoutComponent.default || LayoutComponent;`
-        : `window.__HWEB_LAYOUT__ = null;`;
-    // Registra o notFound se existir
-    const notFoundRegistration = notFound
-        ? `window.__HWEB_NOT_FOUND__ = NotFoundComponent.default || NotFoundComponent;`
-        : `window.__HWEB_NOT_FOUND__ = null;`;
-    // Caminho correto para o entry.client.tsx
-    const sdkDir = path_1.default.dirname(__dirname); // Vai para a pasta pai de src (onde está o hweb-sdk)
-    const entryClientPath = path_1.default.join(sdkDir, 'src', 'client', 'entry.client.tsx');
-    const relativeEntryPath = path_1.default.relative(tempDir, entryClientPath).replace(/\\/g, '/');
-    // Import do DefaultNotFound do SDK
-    const defaultNotFoundPath = path_1.default.join(sdkDir, 'src', 'client', 'DefaultNotFound.tsx');
-    const relativeDefaultNotFoundPath = path_1.default.relative(tempDir, defaultNotFoundPath).replace(/\\/g, '/');
-    const entryContent = `// Arquivo gerado automaticamente pelo hweb
+    try {
+        const tempDir = path_1.default.join(projectDir, '.hight', 'temp');
+        fs_1.default.mkdirSync(tempDir, { recursive: true });
+        const entryFilePath = path_1.default.join(tempDir, 'entry.client.js');
+        // Verifica se há layout
+        const layout = (0, router_1.getLayout)();
+        // Verifica se há notFound personalizado
+        const notFound = (0, router_1.getNotFound)();
+        // Gera imports dinâmicos para cada componente
+        const imports = routes
+            .map((route, index) => {
+            const relativePath = path_1.default.relative(tempDir, route.componentPath).replace(/\\/g, '/');
+            return `import route${index} from '${relativePath}';`;
+        })
+            .join('\n');
+        // Import do layout se existir
+        const layoutImport = layout
+            ? `import LayoutComponent from '${path_1.default.relative(tempDir, layout.componentPath).replace(/\\/g, '/')}';`
+            : '';
+        // Import do notFound se existir
+        const notFoundImport = notFound
+            ? `import NotFoundComponent from '${path_1.default.relative(tempDir, notFound.componentPath).replace(/\\/g, '/')}';`
+            : '';
+        // Registra os componentes no window para o cliente acessar
+        const componentRegistration = routes
+            .map((route, index) => `  '${route.componentPath}': route${index}.component || route${index}.default?.component,`)
+            .join('\n');
+        // Registra o layout se existir
+        const layoutRegistration = layout
+            ? `window.__HWEB_LAYOUT__ = LayoutComponent.default || LayoutComponent;`
+            : `window.__HWEB_LAYOUT__ = null;`;
+        // Registra o notFound se existir
+        const notFoundRegistration = notFound
+            ? `window.__HWEB_NOT_FOUND__ = NotFoundComponent.default || NotFoundComponent;`
+            : `window.__HWEB_NOT_FOUND__ = null;`;
+        // Caminho correto para o entry.client.tsx
+        const sdkDir = path_1.default.dirname(__dirname); // Vai para a pasta pai de src (onde está o hweb-sdk)
+        const entryClientPath = path_1.default.join(sdkDir, 'src', 'client', 'entry.client.tsx');
+        const relativeEntryPath = path_1.default.relative(tempDir, entryClientPath).replace(/\\/g, '/');
+        // Import do DefaultNotFound do SDK
+        const defaultNotFoundPath = path_1.default.join(sdkDir, 'src', 'client', 'DefaultNotFound.tsx');
+        const relativeDefaultNotFoundPath = path_1.default.relative(tempDir, defaultNotFoundPath).replace(/\\/g, '/');
+        const entryContent = `// Arquivo gerado automaticamente pelo hweb
 ${imports}
 ${layoutImport}
 ${notFoundImport}
@@ -174,8 +175,18 @@ window.__HWEB_DEFAULT_NOT_FOUND__ = DefaultNotFound;
 // Importa e executa o entry.client.tsx
 import '${relativeEntryPath}';
 `;
-    fs_1.default.writeFileSync(entryFilePath, entryContent);
-    return entryFilePath;
+        try {
+            fs_1.default.writeFileSync(entryFilePath, entryContent);
+        }
+        catch (e) {
+            console.error("sdfijnsdfnijfsdijnfsdnijsdfnijfsdnijfsdnijfsdn", e);
+        }
+        return entryFilePath;
+    }
+    catch (e) {
+        console_1.default.error("Error creating entry file:", e);
+        throw e;
+    }
 }
 function hweb(options) {
     const { dev = true, dir = process.cwd(), port = 3000 } = options;
@@ -183,7 +194,7 @@ function hweb(options) {
     process.hight = options;
     const userWebDir = path_1.default.join(dir, 'src', 'web');
     const userWebRoutesDir = path_1.default.join(userWebDir, 'routes');
-    const userBackendRoutesDir = path_1.default.join(userWebDir, 'backend', 'routes');
+    const userBackendRoutesDir = path_1.default.join(dir, 'src', 'backend', 'routes');
     /**
      * Executa middlewares sequencialmente e depois o handler final
      * @param middlewares Array de middlewares para executar

package/dist/loaders.d.ts

@@ -0,0 +1 @@
+export = filename;

package/dist/loaders.js

@@ -0,0 +1,46 @@
+"use strict";
+/*
+ * This file is part of the HightJS Project.
+ * Copyright (c) 2025 itsmuzin
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const fs = require('fs');
+/**
+ * Registra loaders customizados para Node.js
+ * Permite importar arquivos não-JS diretamente no servidor
+ */
+function registerLoaders() {
+    // Loader para arquivos Markdown (.md)
+    require.extensions['.md'] = function (module, filename) {
+        const content = fs.readFileSync(filename, 'utf8');
+        module.exports = content;
+    };
+    // Loader para arquivos de texto (.txt)
+    require.extensions['.txt'] = function (module, filename) {
+        const content = fs.readFileSync(filename, 'utf8');
+        module.exports = content;
+    };
+    // Loader para arquivos JSON (já existe nativamente, mas garantimos consistência)
+    // require.extensions['.json'] já existe
+    // Loader para imagens - retorna o caminho do arquivo
+    const imageExtensions = ['.png', '.jpg', '.jpeg', '.gif', '.webp', '.avif', '.ico', '.bmp', '.svg'];
+    imageExtensions.forEach(ext => {
+        require.extensions[ext] = function (module, filename) {
+            // No servidor, retornamos o caminho do arquivo
+            // O frontend usará o plugin do esbuild para converter em base64
+            module.exports = filename;
+        };
+    });
+}
+module.exports = { registerLoaders };

package/dist/renderer.js

@@ -178,6 +178,11 @@ ${hotReloadScript}
 function getJavaScriptFiles(req) {
     const projectDir = process.cwd();
     const distDir = path_1.default.join(projectDir, '.hight');
+    // Verifica se o diretório de build existe
+    if (!fs_1.default.existsSync(distDir)) {
+        // Diretório não existe - build ainda não foi executado
+        return getBuildingHTML();
+    }
     try {
         // Verifica se existe um manifesto de chunks (gerado pelo ESBuild com splitting)
         const manifestPath = path_1.default.join(distDir, 'manifest.json');
@@ -188,6 +193,10 @@ function getJavaScriptFiles(req) {
                 .filter((file) => file.endsWith('.js'))
                 .map((file) => `<script src="/_hight/${file}"></script>`)
                 .join('');
+            // Se não há arquivos JS no manifesto, build em andamento
+            if (!scripts) {
+                return getBuildingHTML();
+            }
             return scripts;
         }
         else {
@@ -214,13 +223,158 @@ function getJavaScriptFiles(req) {
                     .join('');
             }
             else {
-                // Modo tradicional - único arquivo
-                return '<script src="/_hight/main.js"></script>';
+                // Nenhum arquivo JS encontrado - build em andamento ou erro
+                return getBuildingHTML();
             }
         }
     }
     catch (error) {
-        // Fallback para o modo tradicional
-        return '<script src="/_hight/main.js"></script>';
+        // Erro ao ler diretório - build em andamento ou erro
+        return getBuildingHTML();
     }
 }
+// Função para retornar HTML de "Build em andamento" com auto-refresh
+function getBuildingHTML() {
+    return `
+    <style>
+        /*
+         * Estilo combinado:
+         * - Tema (light/dark) adaptativo como o Next.js
+         * - Ícone personalizado
+         * - Efeito Glassmorphism para o card
+         */
+        
+        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;
+        }
+
+        *, *:before, *:after {
+            box-sizing: inherit;
+        }
+
+        /* Tema Claro (Default) */
+        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;
+        }
+
+        /* Contêiner com Glassmorphism */
+        .building-container {
+            width: 100%;
+            max-width: 500px;
+            padding: 40px 50px;
+            
+            /* Efeito de vidro */
+            background: rgba(255, 255, 255, 0.15); /* Mais transparente no modo claro */
+            backdrop-filter: blur(12px); /* Um pouco mais de blur */
+            -webkit-backdrop-filter: blur(12px);
+            
+            border-radius: 16px;
+            border: 1px solid rgba(255, 255, 255, 0.3); /* Borda mais visível no claro */
+            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* Sombra mais leve no claro */
+        }
+
+        /* Ícone */
+        .building-icon {
+            width: 70px; /* Tamanho do ícone */
+            height: 70px;
+            margin-bottom: 20px; /* Espaço abaixo do ícone */
+            vertical-align: middle;
+            filter: drop-shadow(0 0 5px rgba(0,0,0,0.1)); /* Leve sombra para destacar */
+        }
+
+        /* Título */
+        .building-title {
+            font-size: 2.8rem;
+            font-weight: 700;
+            margin-top: 0; /* Ajusta a margem superior após o ícone */
+            margin-bottom: 20px;
+            text-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* Sombra de texto sutil */
+            color: inherit; /* Garante que a cor se adapta ao tema */
+        }
+
+        /* Texto de apoio */
+        .building-text {
+            font-size: 1.15rem;
+            margin-bottom: 35px;
+            font-weight: 400;
+            opacity: 0.9;
+            color: inherit; /* Garante que a cor se adapta ao tema */
+        }
+
+        /* Spinner adaptado para light/dark */
+        .spinner {
+            width: 50px;
+            height: 50px;
+            margin: 0 auto;
+            border-radius: 50%;
+            
+            /* Estilo para Modo Claro */
+            border: 5px solid rgba(0, 0, 0, 0.1);
+            border-top-color: #000;
+            
+            animation: spin 1s linear infinite;
+        }
+
+        /* Animação de rotação */
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+
+        /* Tema Escuro (via @media query) */
+        @media (prefers-color-scheme: dark) {
+            body {
+                color: #fff;
+                background: linear-gradient(to bottom, #222, #000);
+            }
+
+            .building-container {
+                background: rgba(255, 255, 255, 0.05); /* Mais opaco no modo escuro */
+                border: 1px solid rgba(255, 255, 255, 0.1); /* Borda mais sutil no escuro */
+                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); /* Sombra mais forte no escuro */
+            }
+
+            .building-title {
+                 text-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
+            }
+            
+            .building-icon {
+                 filter: drop-shadow(0 0 5px rgba(255,255,255,0.1));
+            }
+
+            .spinner {
+                border: 5px solid rgba(255, 255, 255, 0.1);
+                border-top-color: #fff;
+            }
+        }
+    </style>
+    <div class="building-container">
+        <!-- Ícone da imagem --><img src="https://repository-images.githubusercontent.com/1069175740/e5c59d3a-e1fd-446c-a89f-785ed08f6a16" alt="HightJS Logo" class="building-icon">
+        
+        <div class="building-title">HightJS</div>
+        <div class="building-text">Build in progress...</div>
+        <div class="spinner"></div>
+    </div>
+<script>
+    // Auto-refresh a cada 2 segundos para verificar se o build terminou
+    setTimeout(() => {
+        window.location.reload();
+    }, 2000);
+</script>`;
+}

package/dist/types.d.ts

@@ -67,6 +67,50 @@ export interface HightConfig {
      * Padrão: false
      */
     accessLogging?: boolean;
+    /**
+     * Configurações de CORS (Cross-Origin Resource Sharing).
+     * Define quais origens podem acessar seus recursos.
+     */
+    cors?: {
+        /**
+         * Origens permitidas. Pode ser:
+         * - Uma string específica: 'https://exemplo.com'
+         * - Um array de strings: ['https://exemplo.com', 'https://outro.com']
+         * - Um wildcard: '*' (permite todas as origens - não recomendado em produção)
+         * - Uma função que retorna boolean: (origin) => origin.endsWith('.exemplo.com')
+         */
+        origin?: string | string[] | ((origin: string) => boolean);
+        /**
+         * Métodos HTTP permitidos.
+         * Padrão: ['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'OPTIONS']
+         */
+        methods?: string[];
+        /**
+         * Headers permitidos nas requisições.
+         * Padrão: ['Content-Type', 'Authorization']
+         */
+        allowedHeaders?: string[];
+        /**
+         * Headers que serão expostos ao cliente.
+         * Padrão: []
+         */
+        exposedHeaders?: string[];
+        /**
+         * Permite o envio de credenciais (cookies, headers de autenticação).
+         * Padrão: false
+         */
+        credentials?: boolean;
+        /**
+         * Tempo em segundos que o navegador deve cachear a resposta preflight.
+         * Padrão: 86400 (24 horas)
+         */
+        maxAge?: number;
+        /**
+         * Habilita ou desabilita completamente o CORS.
+         * Padrão: false
+         */
+        enabled?: boolean;
+    };
 }
 /**
  * Tipo da função de configuração que pode ser exportada no hightjs.config.js

package/package.json

@@ -1,14 +1,23 @@
 {
   "name": "hightjs",
-  "version": "0.3.5",
+  "version": "0.5.0",
   "description": "HightJS is a high-level framework for building web applications with ease and speed. It provides a robust set of tools and features to streamline development and enhance productivity.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "author": "itsmuzin",
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "tsc"
-  },
+  "keywords": [
+    "hightjs",
+    "framework",
+    "web",
+    "typescript",
+    "react"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "dist/global/global.d.ts"
+  ],
   "bin": {
     "hight": "./dist/bin/hightjs.js"
   },
@@ -18,25 +27,18 @@
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     },
-    "./client": {
-      "types": "./dist/client.d.ts",
-      "import": "./dist/client.js",
-      "require": "./dist/client.js"
+    "./react": {
+      "types": "./dist/client/client.d.ts",
+      "import": "./dist/client/client.js",
+      "require": "./dist/client/client.js"
     },
     "./helpers": {
       "types": "./dist/helpers.d.ts",
       "import": "./dist/helpers.js",
       "require": "./dist/helpers.js"
     },
-    "./auth": {
-      "types": "./dist/auth/index.d.ts",
-      "import": "./dist/auth/index.js",
-      "require": "./dist/auth/index.js"
-    },
-    "./auth/react": {
-      "types": "./dist/auth/react/index.d.ts",
-      "import": "./dist/auth/react/index.js",
-      "require": "./dist/auth/react/index.js"
+    "./global": {
+      "types": "./dist/global/global.d.ts"
     },
     "./eslint": {
       "types": "./dist/eslint/index.d.ts",
@@ -44,15 +46,9 @@
       "require": "./dist/eslint/index.js"
     }
   },
-  "devDependencies": {
-    "@types/express": "^4.17.21",
-    "@types/node": "^20.11.24",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "@types/ws": "^8.18.1",
-    "ts-loader": "^9.5.4",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.9.3"
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   },
   "dependencies": {
     "@fastify/cookie": "^11.0.2",
@@ -65,10 +61,21 @@
     "express": "^4.0.0",
     "fastify": "^5.6.1",
     "framer-motion": "^12.23.22",
+    "fs-extra": "^11.3.2",
     "ws": "^8.18.1"
   },
-  "peerDependency": {
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+  "devDependencies": {
+    "@types/express": "^4.17.21",
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^20.11.24",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@types/ws": "^8.18.1",
+    "ts-loader": "^9.5.4",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.9.3"
+  },
+  "scripts": {
+    "build": "tsc"
   }
-}
+}

package/.idea/HightJS.iml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="JAVA_MODULE" version="4">
-  <component name="NewModuleRootManager" inherit-compiler-output="true">
-    <exclude-output />
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/copilot.data.migration.agent.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="AgentMigrationStateService">
-    <option name="migrationStatus" value="COMPLETED" />
-  </component>
-</project>

package/.idea/copilot.data.migration.ask.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="AskMigrationStateService">
-    <option name="migrationStatus" value="COMPLETED" />
-  </component>
-</project>

package/.idea/copilot.data.migration.ask2agent.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="Ask2AgentMigrationStateService">
-    <option name="migrationStatus" value="COMPLETED" />
-  </component>
-</project>

package/.idea/copilot.data.migration.edit.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="EditMigrationStateService">
-    <option name="migrationStatus" value="COMPLETED" />
-  </component>
-</project>