vatts 2.2.6 → 2.3.0-canary.1

package/dist/global/global.d.ts

@@ -1,180 +1,179 @@
-/*
- * This file is part of the Vatts.js Project.
- * Copyright (c) 2026 mfraz
- *
- * 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.
- */
-
-/**
- * Type declarations for asset imports
- * This allows TypeScript to understand imports of various file types
- */
-
-// Markdown files
-declare module "*.md" {
-    const content: string;
-    export default content;
-}
-
-// Images
-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;
-}
-
-// SVG (with additional export for raw content)
-declare module "*.svg" {
-    const src: string;
-    export const svgContent: string;
-    export default src;
-}
-
-// JSON files
-declare module "*.json" {
-    const value: any;
-    export default value;
-}
-
-// Text files
-declare module "*.txt" {
-    const content: string;
-    export default content;
-}
-
-// Fonts
-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;
-}
-
-// Audio files
-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;
-}
-
-// Video files
-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;
-}
-
-/* eslint-disable */
-declare module '*.vue' {
-    // Usamos import('vue') para não transformar o arquivo em um módulo
-    const component: import('vue').DefineComponent<{}, {}, any>
-    export default component
-}
-declare module '*.css';
-declare module '*.scss';
-declare module '*.sass';
+/*
+ * This file is part of the Vatts.js Project.
+ * Copyright (c) 2026 mfraz
+ *
+ * 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.
+ */
+/**
+ * Type declarations for asset imports
+ * This allows TypeScript to understand imports of various file types
+ */
+
+// Markdown files
+declare module "*.md" {
+    const content: string;
+    export default content;
+}
+
+// Images
+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;
+}
+
+// SVG (with additional export for raw content)
+declare module "*.svg" {
+    const src: string;
+    export const svgContent: string;
+    export default src;
+}
+
+// JSON files
+declare module "*.json" {
+    const value: any;
+    export default value;
+}
+
+// Text files
+declare module "*.txt" {
+    const content: string;
+    export default content;
+}
+
+// Fonts
+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;
+}
+
+// Audio files
+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;
+}
+
+// Video files
+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;
+}
+
+/* eslint-disable */
+declare module '*.vue' {
+    // Usamos import('vue') para não transformar o arquivo em um módulo
+    const component: import('vue').DefineComponent<{}, {}, any>
+    export default component
+}
+declare module '*.css';
+declare module '*.scss';
+declare module '*.sass';

package/dist/hotReload.js

@@ -439,83 +439,83 @@ class HotReloadManager {
         deadClients.forEach(ws => this.cleanupClient(ws));
     }
     getClientScript() {
-        return `
-        <script>
-        (function() {
-            if (typeof window !== 'undefined') {
-                let ws;
-                let reconnectAttempts = 0;
-                let isConnected = false;
-
-                function dispatch(name, detail) {
-                    try { window.dispatchEvent(new CustomEvent(name, { detail: detail || {} })); } catch(e) {}
-                }
-
-                function connect() {
-                    const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
-                    const port = protocol === "wss:" ? "${helpers_1.config?.ssl?.http3Port}" : "${helpers_1.config?.port}"
-                    const wsUrl = protocol + '//' + window.location.hostname + ':' + port + '/hweb-hotreload/';
-                    
-                    if (ws && (ws.readyState === WebSocket.CONNECTING || ws.readyState === WebSocket.OPEN)) return;
-
-                    try {
-                        ws = new WebSocket(wsUrl);
-                        ws.onopen = function() {
-                            console.log('\\u001b[32m[vatts]\\u001b[0m Hot-reload connected');
-                            isConnected = true;
-                            reconnectAttempts = 0;
-                            ws.send(JSON.stringify({ type: 'status-request', ts: Date.now() }));
-                        };
-                        
-                        ws.onmessage = function(event) {
-                            try {
-                                const message = JSON.parse(event.data);
-                                switch(message.type) {
-                                    case 'build-start':
-                                        window.__VATTS_HOT_RELOAD__ = { state: 'reloading', payload: message.data, ts: Date.now() };
-                                        dispatch('vatts:hotreload', window.__VATTS_HOT_RELOAD__);
-                                        break;
-                                    case 'frontend-reload':
-                                    case 'backend-api-reload':
-                                    case 'server-ready':
-                                        console.log('[vatts] Changes applied, reloading page...');
-                                        dispatch('vatts:hmr-ready', { files: message.data?.files });
-                                        
-                                        window.__VATTS_HOT_RELOAD__ = { state: 'idle', payload: { success: true }, ts: Date.now() };
-                                        dispatch('vatts:hotreload', window.__VATTS_HOT_RELOAD__);
-                                        
-                                        setTimeout(() => window.location.reload(), 150);
-                                        break;
-                                    case 'build-error':
-                                        window.__VATTS_HOT_RELOAD__ = { state: 'build-error', payload: message.data, ts: Date.now() };
-                                        dispatch('vatts:hotreload', window.__VATTS_HOT_RELOAD__);
-                                        dispatch('vatts:build-error', message.data);
-                                        console.error('[vatts] Build Error:', message.data);
-                                        break;
-                                    case 'build-complete':
-                                        window.__VATTS_HOT_RELOAD__ = { state: 'idle', payload: { build: 'ok' }, ts: Date.now() };
-                                        dispatch('vatts:hotreload', window.__VATTS_HOT_RELOAD__);
-                                        dispatch('vatts:build-ok', { ts: Date.now() });
-                                        break;
-                                }
-                            } catch (e) {
-                                console.error('[vatts] Error processing msg:', e);
-                            }
-                        };
-                        
-                        ws.onclose = function(event) {
-                            isConnected = false;
-                            if (event.code === 1000) return;
-                            setTimeout(connect, Math.min(1000 * Math.pow(1.5, reconnectAttempts++), 30000));
-                        };
-                    } catch (error) { setTimeout(connect, 1000); }
-                }
-                
-                document.addEventListener('visibilitychange', function() { if (!document.hidden && !isConnected) { reconnectAttempts = 0; connect(); } });
-                connect();
-            }
-        })();
-        </script>
+        return `
+        <script>
+        (function() {
+            if (typeof window !== 'undefined') {
+                let ws;
+                let reconnectAttempts = 0;
+                let isConnected = false;
+
+                function dispatch(name, detail) {
+                    try { window.dispatchEvent(new CustomEvent(name, { detail: detail || {} })); } catch(e) {}
+                }
+
+                function connect() {
+                    const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+                    const port = protocol === "wss:" ? "${helpers_1.config?.ssl?.http3Port}" : "${helpers_1.config?.port}"
+                    const wsUrl = protocol + '//' + window.location.hostname + ':' + port + '/hweb-hotreload/';
+                    
+                    if (ws && (ws.readyState === WebSocket.CONNECTING || ws.readyState === WebSocket.OPEN)) return;
+
+                    try {
+                        ws = new WebSocket(wsUrl);
+                        ws.onopen = function() {
+                            console.log('\\u001b[32m[vatts]\\u001b[0m Hot-reload connected');
+                            isConnected = true;
+                            reconnectAttempts = 0;
+                            ws.send(JSON.stringify({ type: 'status-request', ts: Date.now() }));
+                        };
+                        
+                        ws.onmessage = function(event) {
+                            try {
+                                const message = JSON.parse(event.data);
+                                switch(message.type) {
+                                    case 'build-start':
+                                        window.__VATTS_HOT_RELOAD__ = { state: 'reloading', payload: message.data, ts: Date.now() };
+                                        dispatch('vatts:hotreload', window.__VATTS_HOT_RELOAD__);
+                                        break;
+                                    case 'frontend-reload':
+                                    case 'backend-api-reload':
+                                    case 'server-ready':
+                                        console.log('[vatts] Changes applied, reloading page...');
+                                        dispatch('vatts:hmr-ready', { files: message.data?.files });
+                                        
+                                        window.__VATTS_HOT_RELOAD__ = { state: 'idle', payload: { success: true }, ts: Date.now() };
+                                        dispatch('vatts:hotreload', window.__VATTS_HOT_RELOAD__);
+                                        
+                                        setTimeout(() => window.location.reload(), 150);
+                                        break;
+                                    case 'build-error':
+                                        window.__VATTS_HOT_RELOAD__ = { state: 'build-error', payload: message.data, ts: Date.now() };
+                                        dispatch('vatts:hotreload', window.__VATTS_HOT_RELOAD__);
+                                        dispatch('vatts:build-error', message.data);
+                                        console.error('[vatts] Build Error:', message.data);
+                                        break;
+                                    case 'build-complete':
+                                        window.__VATTS_HOT_RELOAD__ = { state: 'idle', payload: { build: 'ok' }, ts: Date.now() };
+                                        dispatch('vatts:hotreload', window.__VATTS_HOT_RELOAD__);
+                                        dispatch('vatts:build-ok', { ts: Date.now() });
+                                        break;
+                                }
+                            } catch (e) {
+                                console.error('[vatts] Error processing msg:', e);
+                            }
+                        };
+                        
+                        ws.onclose = function(event) {
+                            isConnected = false;
+                            if (event.code === 1000) return;
+                            setTimeout(connect, Math.min(1000 * Math.pow(1.5, reconnectAttempts++), 30000));
+                        };
+                    } catch (error) { setTimeout(connect, 1000); }
+                }
+                
+                document.addEventListener('visibilitychange', function() { if (!document.hidden && !isConnected) { reconnectAttempts = 0; connect(); } });
+                connect();
+            }
+        })();
+        </script>
         `;
     }
     clearBackendCache(filePath) {

package/dist/index.js

@@ -723,7 +723,18 @@ function vatts(options) {
                     // Se o stream já começou, não dá pra enviar erro 500 limpo.
                     // O renderAsStream tenta lidar com isso no onError.
                     if (!rawRes.headersSent) {
-                        genericRes.status(500).text('Internal server error');
+                        const { getServerErrorHtml } = require("./frameworks/themes/ServerError");
+                        // Gera o HTML bonitão passando o erro real
+                        const errorHtml = getServerErrorHtml({
+                            title: 'Critical SSR Error',
+                            error: error,
+                            requestUrl: pathname,
+                            hint: 'The page crashed before or during the rendering process on the server.'
+                        });
+                        // Configura a resposta como HTML e envia a tela de erro
+                        rawRes.statusCode = 500;
+                        rawRes.setHeader('Content-Type', 'text/html; charset=utf-8');
+                        rawRes.end(errorHtml);
                     }
                 }
             };

package/dist/loaders.js

@@ -211,21 +211,21 @@ function registerLoaders(options = {}) {
                 }
             }
             // 4. Montagem do Código Final (ESM Virtual)
-            finalEsm = `
-                ${scriptContent}
-                ${templateContent}
-                
-                // Anexa a função de renderização SSR ao componente principal
-                if (typeof _sfc_main !== 'undefined') {
-                    if (typeof ssrRender !== 'undefined') {
-                        _sfc_main.ssrRender = ssrRender;
-                    }
-                    if (typeof render !== 'undefined') {
-                        _sfc_main.render = render;
-                    }
-                }
-                
-                export default _sfc_main;
+            finalEsm = `
+                ${scriptContent}
+                ${templateContent}
+                
+                // Anexa a função de renderização SSR ao componente principal
+                if (typeof _sfc_main !== 'undefined') {
+                    if (typeof ssrRender !== 'undefined') {
+                        _sfc_main.ssrRender = ssrRender;
+                    }
+                    if (typeof render !== 'undefined') {
+                        _sfc_main.render = render;
+                    }
+                }
+                
+                export default _sfc_main;
             `;
             // 5. Transformação final para CommonJS (Node.js) via Esbuild
             const result = esbuild.transformSync(finalEsm, {

package/dist/renderer.js

@@ -9,11 +9,11 @@ const framework_1 = require("./api/framework");
 async function renderAsStream(params) {
     if (framework_1.cachedFramework === 'react') {
         // Import dinâmico garante que o código do React só seja avaliado se necessário
-        const { render } = await import("./react/renderer-react.js");
+        const { render } = await import("./frameworks/renderers/renderer-react.js");
         return await render(params);
     }
     else {
-        const { renderVue } = await import("./vue/renderer.vue.js");
+        const { renderVue } = await import("./frameworks/renderers/renderer.vue.js");
         return await renderVue(params);
     }
 }

package/dist/renderers/common.js

@@ -236,9 +236,9 @@ function generateMetaTags(metadata) {
     if (metadata.canonical)
         tags.push(`<link rel="canonical" href="${metadata.canonical}">`);
     if (metadata.faviconDark) {
-        tags.push(`
-        <link rel="icon" href="${metadata.favicon}" media="(prefers-color-scheme: light)">
-        <link rel="icon" href="${metadata.faviconDark}" media="(prefers-color-scheme: dark)">
+        tags.push(`
+        <link rel="icon" href="${metadata.favicon}" media="(prefers-color-scheme: light)">
+        <link rel="icon" href="${metadata.faviconDark}" media="(prefers-color-scheme: dark)">
     `);
     }
     else if (metadata.favicon) {

package/dist/utils/core-go.js

@@ -16,8 +16,8 @@ class CoreGoManager {
     versionFilePath;
     constructor(currentVattsVersion, customBinDir) {
         this.currentVattsVersion = currentVattsVersion;
-        this.registryUrl = "https://s31.gama.int.mfraz.ovh/vatts/registry.json";
-        this.s3BaseUrl = "https://s31.gama.int.mfraz.ovh/vatts/";
+        this.registryUrl = "https://s3-server.br-1.mfraz.ovh/vatts-go/registry.json";
+        this.s3BaseUrl = "https://s3-server.br-1.mfraz.ovh/vatts-go/";
         // Pasta onde o binário será salvo (padrão: mesma pasta desse script, mas pode ser node_modules)
         this.binDir = customBinDir || node_path_1.default.join(__dirname, '..', '..', 'core-go-bin');
         this.versionFilePath = node_path_1.default.join(this.binDir, "core-go.version.json");

package/dist/utils/utils.js

@@ -59,10 +59,10 @@ async function showTitle() {
         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}
-                                     
+    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}
+                                     
                                      `);
 }