hightjs 0.4.0 → 0.5.1

package/dist/client/entry.client.js

@@ -56,14 +56,48 @@ const clientRouter_1 = require("./clientRouter");
 function App({ componentMap, routes, initialComponentPath, initialParams, layoutComponent }) {
     // Estado que guarda o componente a ser renderizado atualmente
     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
+                // [[...param]] → opcional catch-all
+                .replace(/\[\[\.\.\.(\w+)\]\]/g, '(?<$1>.+)?')
+                // [...param] → obrigatório catch-all
+                .replace(/\[\.\.\.(\w+)\]/g, '(?<$1>.+)')
+                // /[[param]] → opcional com barra também opcional
+                .replace(/\/\[\[(\w+)\]\]/g, '(?:/(?<$1>[^/]+))?')
+                // [[param]] → segmento opcional (sem barra anterior)
+                .replace(/\[\[(\w+)\]\]/g, '(?<$1>[^/]+)?')
+                // [param] → segmento obrigatório
+                .replace(/\[(\w+)\]/g, '(?<$1>[^/]+)');
+            const regex = new RegExp(`^${regexPattern}/?$`);
+            const match = path.match(regex);
+            if (match) {
+                return {
+                    componentPath: route.componentPath,
+                    params: match.groups || {}
+                };
+            }
+        }
+        return null;
+    }, [routes]);
+    // Inicializa o componente e params baseado na URL ATUAL (não no initialComponentPath)
     const [CurrentPageComponent, setCurrentPageComponent] = (0, react_1.useState)(() => {
-        // Se for a rota especial __404__, não busca no componentMap
-        if (initialComponentPath === '__404__') {
-            return null;
+        // Pega a rota atual da URL
+        const currentPath = window.location.pathname;
+        const match = findRouteForPath(currentPath);
+        if (match) {
+            return componentMap[match.componentPath];
         }
-        return componentMap[initialComponentPath];
+        // 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 : {};
     });
-    const [params, setParams] = (0, react_1.useState)(initialParams);
     // HMR: Escuta eventos de hot reload
     (0, react_1.useEffect)(() => {
         // Ativa o sistema de HMR
@@ -120,30 +154,6 @@ function App({ componentMap, routes, initialComponentPath, initialParams, layout
             window.removeEventListener('hmr:component-update', handleHMRUpdate);
         };
     }, []);
-    const findRouteForPath = (0, react_1.useCallback)((path) => {
-        for (const route of routes) {
-            const regexPattern = route.pattern
-                // [[...param]] → opcional catch-all
-                .replace(/\[\[\.\.\.(\w+)\]\]/g, '(?<$1>.+)?')
-                // [...param] → obrigatório catch-all
-                .replace(/\[\.\.\.(\w+)\]/g, '(?<$1>.+)')
-                // /[[param]] → opcional com barra também opcional
-                .replace(/\/\[\[(\w+)\]\]/g, '(?:/(?<$1>[^/]+))?')
-                // [[param]] → segmento opcional (sem barra anterior)
-                .replace(/\[\[(\w+)\]\]/g, '(?<$1>[^/]+)?')
-                // [param] → segmento obrigatório
-                .replace(/\[(\w+)\]/g, '(?<$1>[^/]+)');
-            const regex = new RegExp(`^${regexPattern}/?$`);
-            const match = path.match(regex);
-            if (match) {
-                return {
-                    componentPath: route.componentPath,
-                    params: match.groups || {}
-                };
-            }
-        }
-        return null;
-    }, [routes]);
     const updateRoute = (0, react_1.useCallback)(() => {
         const currentPath = clientRouter_1.router.pathname;
         const match = findRouteForPath(currentPath);

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', '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?.();

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");

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