vatts 2.0.2 → 2.1.0-canary.1

package/dist/react/server-error.js

@@ -0,0 +1,346 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ServerError;
+const react_1 = __importStar(require("react"));
+function formatUnknownError(error) {
+    if (!error)
+        return { message: 'Erro desconhecido no SSR.' };
+    if (error instanceof Error) {
+        return { message: error.message || String(error), stack: error.stack };
+    }
+    if (typeof error === 'string') {
+        return { message: error };
+    }
+    try {
+        return { message: JSON.stringify(error, null, 2) };
+    }
+    catch {
+        return { message: String(error) };
+    }
+}
+// Styles definidos como string para facilitar o uso sem arquivos CSS externos
+const styles = `
+  .ssr-error-wrapper {
+    /* PALETA: React Theme (Igual ao BuildingScreen) */
+    --react-cyan: #61DAFB;
+    --react-dark: #20232a;
+    --bg-solid: #000000;
+    --card-bg: #0a0a0a;
+    --text-main: #ffffff;
+    --text-muted: #8ea9c7; /* Azulado acinzentado */
+    --error-red: #ff5f56;  /* Mantido vermelho para indicar ERRO crítico */
+
+    font-family: 'Inter', system-ui, sans-serif;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    background-color: var(--bg-solid);
+    color: var(--text-main);
+    overflow: hidden;
+    z-index: 9999;
+    box-sizing: border-box;
+  }
+
+  .ssr-error-wrapper .container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    padding: 20px;
+    box-sizing: border-box;
+  }
+
+  .ssr-error-wrapper .card {
+    width: 100%;
+    max-width: 900px;
+    max-height: 90vh;
+    display: flex;
+    flex-direction: column;
+    background: var(--card-bg);
+    /* Borda sutil ciano */
+    box-shadow: 0 0 0 1px rgba(97, 218, 251, 0.1), 0 40px 80px -20px rgba(0, 0, 0, 0.9);
+    border-radius: 20px;
+    overflow: hidden;
+    position: relative;
+  }
+
+  .ssr-error-wrapper .neon-line {
+    height: 1px;
+    width: 100%;
+    /* Gradiente Azul/Ciano */
+    background: linear-gradient(90deg, transparent, var(--react-dark), var(--react-cyan), var(--react-dark), transparent);
+    box-shadow: 0 0 15px rgba(97, 218, 251, 0.2);
+    flex-shrink: 0;
+  }
+
+  .ssr-error-wrapper .content {
+    padding: 32px 40px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    overflow: hidden;
+  }
+
+  .ssr-error-wrapper h1 {
+    margin: 0 0 24px 0;
+    font-size: 1.8rem;
+    font-weight: 800;
+    letter-spacing: -0.03em;
+    /* Gradiente Texto: Branco para Cyan */
+    background: linear-gradient(180deg, #ffffff 0%, var(--react-cyan) 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+
+  .ssr-error-wrapper .icon {
+    -webkit-text-fill-color: initial;
+    font-size: 1.5rem;
+  }
+
+  .ssr-error-wrapper .meta-info {
+    margin-bottom: 24px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .ssr-error-wrapper .meta-row {
+    display: flex;
+    align-items: baseline;
+    gap: 10px;
+    font-size: 0.9rem;
+  }
+
+  .ssr-error-wrapper .meta-label {
+    color: var(--react-cyan); /* Label agora é Ciano */
+    font-weight: 700;
+    font-size: 0.75rem;
+    letter-spacing: 0.05em;
+    opacity: 0.8;
+  }
+
+  .ssr-error-wrapper .meta-value {
+    color: var(--text-muted);
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 0.85rem;
+    word-break: break-all;
+  }
+
+  .ssr-error-wrapper .meta-value.accent {
+    color: var(--react-cyan);
+  }
+
+  .ssr-error-wrapper .terminal-box {
+    background: rgba(10, 10, 10, 0.8);
+    /* Borda e fundo sutilmente azulados */
+    border: 1px solid rgba(97, 218, 251, 0.15);
+    border-radius: 12px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    overflow: hidden;
+    font-family: 'JetBrains Mono', monospace;
+  }
+
+  .ssr-error-wrapper .terminal-header {
+    background: rgba(97, 218, 251, 0.05);
+    padding: 12px 16px;
+    border-bottom: 1px solid rgba(97, 218, 251, 0.1);
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+
+  .ssr-error-wrapper .dots {
+    display: flex;
+    gap: 6px;
+  }
+
+  .ssr-error-wrapper .dot {
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+  }
+  .ssr-error-wrapper .dot.red { background: #ff5f56; }
+  .ssr-error-wrapper .dot.yellow { background: #ffbd2e; }
+  .ssr-error-wrapper .dot.green { background: #27c93f; }
+
+  .ssr-error-wrapper .terminal-title {
+    font-size: 0.75rem;
+    color: rgba(255,255,255,0.3);
+  }
+
+  .ssr-error-wrapper .terminal-body {
+    padding: 20px;
+    overflow-y: auto;
+    color: #e0e0e0;
+    font-size: 0.85rem;
+    line-height: 1.6;
+  }
+
+  .ssr-error-wrapper .log-entry.error {
+    color: #ff8b8b; /* Vermelho claro para erro */
+    font-weight: 600;
+    margin-bottom: 16px;
+  }
+
+  .ssr-error-wrapper .arrow {
+    color: var(--react-cyan);
+    margin-right: 8px;
+  }
+
+  .ssr-error-wrapper .separator {
+    height: 1px;
+    background: rgba(255,255,255,0.1);
+    margin: 16px 0;
+    width: 100%;
+  }
+
+  .ssr-error-wrapper .stack-trace {
+    color: rgba(142, 169, 199, 0.6); /* Azulado mudo */
+    white-space: pre-wrap;
+    font-size: 0.75rem;
+    line-height: 1.5;
+  }
+
+  .ssr-error-wrapper .custom-scroll::-webkit-scrollbar {
+    width: 8px;
+  }
+  .ssr-error-wrapper .custom-scroll::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  .ssr-error-wrapper .custom-scroll::-webkit-scrollbar-thumb {
+    background: rgba(97, 218, 251, 0.2);
+    border-radius: 4px;
+  }
+  .ssr-error-wrapper .custom-scroll::-webkit-scrollbar-thumb:hover {
+    background: rgba(97, 218, 251, 0.4);
+  }
+
+  .ssr-error-wrapper .card-footer {
+    padding: 16px 40px;
+    background: rgba(97, 218, 251, 0.02);
+    border-top: 1px solid rgba(97, 218, 251, 0.05);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 11px;
+    box-sizing: border-box;
+  }
+
+  .ssr-error-wrapper .footer-hint {
+    color: rgba(255, 255, 255, 0.3);
+  }
+
+  .ssr-error-wrapper .status-error {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    color: var(--error-red);
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+  }
+
+  .ssr-error-wrapper .status-dot {
+    width: 6px;
+    height: 6px;
+    background-color: var(--error-red);
+    border-radius: 50%;
+    box-shadow: 0 0 8px var(--error-red);
+  }
+
+  .ssr-error-wrapper .brand-link {
+    margin-top: 24px;
+    opacity: 0.4;
+  }
+
+  .ssr-error-wrapper .brand-text {
+    font-family: 'Inter', sans-serif;
+    font-size: 14px;
+    font-weight: 600;
+    color: #fff;
+  }
+
+  .ssr-error-wrapper .brand-highlight {
+    color: var(--react-cyan);
+  }
+`;
+function ServerError({ title = 'SSR Error', error, hint, requestUrl, }) {
+    const { message, stack } = (0, react_1.useMemo)(() => formatUnknownError(error), [error]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("style", null, styles),
+        react_1.default.createElement("link", { href: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap", rel: "stylesheet" }),
+        react_1.default.createElement("div", { className: "ssr-error-wrapper" },
+            react_1.default.createElement("div", { className: "container" },
+                react_1.default.createElement("div", { className: "card" },
+                    react_1.default.createElement("div", { className: "neon-line" }),
+                    react_1.default.createElement("div", { className: "content" },
+                        react_1.default.createElement("h1", null, title),
+                        (requestUrl || hint) && (react_1.default.createElement("div", { className: "meta-info" },
+                            requestUrl && (react_1.default.createElement("div", { className: "meta-row" },
+                                react_1.default.createElement("span", { className: "meta-label" }, "REQUEST URL:"),
+                                react_1.default.createElement("code", { className: "meta-value" }, requestUrl))),
+                            hint && (react_1.default.createElement("div", { className: "meta-row" },
+                                react_1.default.createElement("span", { className: "meta-label" }, "HINT:"),
+                                react_1.default.createElement("span", { className: "meta-value accent" }, hint))))),
+                        react_1.default.createElement("div", { className: "terminal-box" },
+                            react_1.default.createElement("div", { className: "terminal-header" },
+                                react_1.default.createElement("div", { className: "dots" },
+                                    react_1.default.createElement("div", { className: "dot red" }),
+                                    react_1.default.createElement("div", { className: "dot yellow" }),
+                                    react_1.default.createElement("div", { className: "dot green" })),
+                                react_1.default.createElement("span", { className: "terminal-title" }, "SSR Exception Log")),
+                            react_1.default.createElement("div", { className: "terminal-body custom-scroll" },
+                                react_1.default.createElement("div", { className: "log-entry error" },
+                                    react_1.default.createElement("span", { className: "arrow" }, '>'),
+                                    " ",
+                                    message),
+                                stack && (react_1.default.createElement(react_1.default.Fragment, null,
+                                    react_1.default.createElement("div", { className: "separator" }),
+                                    react_1.default.createElement("div", { className: "stack-trace" }, stack)))))),
+                    react_1.default.createElement("div", { className: "card-footer" },
+                        react_1.default.createElement("div", { className: "status-error" },
+                            react_1.default.createElement("div", { className: "status-dot" }),
+                            react_1.default.createElement("span", null, "Render Failed"))))))));
+}

package/dist/router.js

@@ -40,7 +40,6 @@ const url_1 = require("url");
 const console_1 = __importDefault(require("./api/console"));
 const factory_1 = require("./adapters/factory");
 const http_1 = require("./api/http");
-const helpers_1 = require("./helpers");
 // --- Estado Global ---
 let allRoutes = [];
 let allBackendRoutes = [];
@@ -252,70 +251,7 @@ function loadPathRoutes(routesDir) {
     return allRoutes.map(r => ({ ...r.config, componentPath: r.componentPath }));
 }
 function loadRoutes(routesDir) {
-    if (helpers_1.config?.pathRouter == true) {
-        return loadPathRoutes(path_1.default.join(routesDir, "../"));
-    }
-    if (!fs_1.default.existsSync(routesDir)) {
-        allRoutes = [];
-        return [];
-    }
-    const loaded = [];
-    const cwdPath = process.cwd();
-    // Função recursiva otimizada
-    const scanAndLoad = (dir) => {
-        const entries = fs_1.default.readdirSync(dir, { withFileTypes: true });
-        for (const entry of entries) {
-            const name = entry.name;
-            // Skip arquivos ocultos ou de sistema para acelerar scan
-            if (name.startsWith('.') || name.startsWith('_'))
-                continue;
-            const fullPath = path_1.default.join(dir, name);
-            if (entry.isDirectory()) {
-                if (name === 'backend')
-                    continue;
-                scanAndLoad(fullPath);
-            }
-            else if (entry.isFile() && (name.endsWith('.tsx') || name.endsWith('.ts') || name.endsWith(".jsx") || name.endsWith(".js") || name.endsWith(".vue"))) {
-                try {
-                    const absolutePath = path_1.default.resolve(fullPath);
-                    // OTIMIZAÇÃO CRÍTICA: Só limpa cache se o arquivo já foi carregado antes.
-                    // Isso evita chamadas caras de require.resolve() na inicialização do servidor.
-                    if (loadedFiles.has(absolutePath)) {
-                        safeClearCache(absolutePath);
-                    }
-                    // OTIMIZAÇÃO: Usa requireWithoutStyles também para rotas!
-                    // Isso evita que o Node tente processar imports de CSS/Assets dentro das páginas durante o roteamento.
-                    const routeModule = requireWithoutStyles(absolutePath);
-                    let defaultConfig = routeModule.default;
-                    if (name.endsWith(".vue")) {
-                        defaultConfig = {
-                            ...routeModule.config,
-                            component: routeModule.default
-                        };
-                    }
-                    if (defaultConfig?.pattern && defaultConfig?.component) {
-                        const componentPath = path_1.default.relative(cwdPath, fullPath).replace(/\\/g, '/');
-                        // OTIMIZAÇÃO: Pré-compila a regex aqui
-                        const regex = compileRoutePatternWithGroups(defaultConfig.pattern);
-                        loaded.push({
-                            config: defaultConfig,
-                            componentPath,
-                            regex,
-                            paramNames: [] // Usando named groups na regex, não precisamos mapear manual
-                        });
-                        loadedFiles.add(absolutePath);
-                    }
-                }
-                catch (error) {
-                    console_1.default.error(`Error loading route ${fullPath}:`, error);
-                }
-            }
-        }
-    };
-    scanAndLoad(routesDir);
-    // Atualiza variável global e retorna formato esperado pelo sistema (sem a regex exposta para não quebrar tipagem antiga se for estrita)
-    allRoutes = loaded;
-    return allRoutes.map(r => ({ ...r.config, componentPath: r.componentPath }));
+    return loadPathRoutes(path_1.default.join(routesDir, "../"));
 }
 function findMatchingRoute(pathname) {
     // OTIMIZAÇÃO: Loop usando regex pré-compilada. Muito mais rápido.

package/dist/types.d.ts

@@ -19,6 +19,7 @@ export interface VattsOptions {
     dir?: string;
     framework?: 'express' | 'fastify' | 'native';
     envFiles?: string[];
+    skipBuild?: boolean;
 }
 /**
  * Interface para as configurações avançadas do servidor Vatts.js.
@@ -33,11 +34,6 @@ export interface VattsConfig {
         cert: string;
         ca?: string;
     };
-    /**
-     * Prefere utilizar rotas por path, sem precisar registrar?
-     * Padrão: false
-     */
-    pathRouter?: boolean;
     /**
      * Limita o número máximo de headers HTTP permitidos por requisição.
      * Padrão: 100

package/dist/utils/utils.d.ts

@@ -0,0 +1 @@
+export declare function showTitle(): Promise<void>;

package/dist/utils/utils.js

@@ -0,0 +1,68 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showTitle = showTitle;
+const console_1 = __importStar(require("../api/console"));
+async function showTitle() {
+    const currentVersion = require('../../package.json').version;
+    async function verifyVersion() {
+        // node fetch
+        try {
+            const response = await fetch('https://registry.npmjs.org/vatts/latest');
+            const data = await response.json();
+            return data.version;
+        }
+        catch (error) {
+            console_1.default.error('Could not check for the latest Vatts.js version:', error);
+            return currentVersion; // Retorna a versão atual em caso de erro
+        }
+    }
+    const latestVersion = await verifyVersion();
+    const isUpToDate = latestVersion === currentVersion;
+    let message;
+    if (!isUpToDate) {
+        message = `${console_1.Colors.FgRed}   A new version is available (v${latestVersion})${console_1.Colors.FgMagenta}`;
+    }
+    else {
+        message = `${console_1.Colors.FgGreen}   You are on the latest version${console_1.Colors.FgMagenta}`;
+    }
+    // JS STICK LETTERS
+    console.log(`${console_1.Colors.Bright + console_1.Colors.FgCyan}
+${console_1.Colors.Bright + console_1.Colors.FgCyan}              ___ ___  __    ${console_1.Colors.FgWhite}        __  
+${console_1.Colors.Bright + console_1.Colors.FgCyan}    \\  /  /\\   |   |  /__\`${console_1.Colors.FgWhite}        | /__\`    ${console_1.Colors.Bright + console_1.Colors.FgCyan}Vatts${console_1.Colors.FgWhite}.js ${console_1.Colors.FgGray}(v${currentVersion}) - mfraz
+${console_1.Colors.Bright + console_1.Colors.FgCyan}     \\/  /~~\\  |   |  .__/ .${console_1.Colors.FgWhite}   \\__/ .__/ ${message}
+                                     
+                                     `);
+}