vatts 2.1.2 → 2.1.3-canary.1.0.0

package/dist/react/renderer-react.js

@@ -23,125 +23,10 @@ exports.render = render;
 const react_1 = __importDefault(require("react"));
 const server_1 = require("react-dom/server");
 const router_1 = require("../router");
-const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
+const common_1 = require("../renderers/common");
 const BuildingPage_1 = __importDefault(require("../react/BuildingPage"));
 const server_error_1 = __importDefault(require("../react/server-error"));
-function stripScriptTags(html) {
-    if (!html)
-        return '';
-    return html.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, '');
-}
-function getRequestUrl(req) {
-    return req?.originalUrl || req?.url;
-}
-function toError(err) {
-    if (err instanceof Error)
-        return err;
-    if (typeof err === 'string')
-        return new Error(err);
-    try {
-        return new Error(JSON.stringify(err));
-    }
-    catch {
-        return new Error(String(err));
-    }
-}
-// --- Polyfill para Browser Env no Server ---
-// Cria objetos globais falsos para evitar que bibliotecas client-side quebrem no SSR
-function polyfillBrowserEnv() {
-    if (typeof window === 'undefined') {
-        const win = {
-            document: {
-                createElement: () => ({ style: {}, setAttribute: () => { }, classList: { add: () => { }, remove: () => { } } }),
-                getElementById: () => null,
-                getElementsByTagName: () => [],
-                querySelector: () => null,
-                querySelectorAll: () => [],
-                head: {},
-                body: { style: {} },
-                addEventListener: () => { },
-                removeEventListener: () => { },
-                cookie: '',
-                location: { href: '', origin: '' }
-            },
-            navigator: {
-                userAgent: 'Node.js/VattsSSR',
-            },
-            location: {
-                href: 'http://localhost',
-                origin: 'http://localhost',
-                pathname: '/',
-                search: '',
-                hash: '',
-                assign: () => { },
-                replace: () => { },
-                reload: () => { },
-            },
-            history: {
-                pushState: () => { },
-                replaceState: () => { },
-            },
-            screen: { width: 1920, height: 1080 },
-            addEventListener: () => { },
-            removeEventListener: () => { },
-            matchMedia: () => ({ matches: false, addListener: () => { }, removeListener: () => { } }),
-            requestAnimationFrame: (cb) => setTimeout(cb, 0),
-            cancelAnimationFrame: (id) => clearTimeout(id),
-            setTimeout: setTimeout,
-            clearTimeout: clearTimeout,
-            setInterval: setInterval,
-            clearInterval: clearInterval,
-            localStorage: {
-                getItem: () => null,
-                setItem: () => { },
-                removeItem: () => { },
-                clear: () => { },
-            },
-            sessionStorage: {
-                getItem: () => null,
-                setItem: () => { },
-                removeItem: () => { },
-                clear: () => { },
-            },
-            // MOCK SILENCIOSO: Substitui o console original por funções vazias no ambiente window fake
-            // para evitar que logs do client-side poluam o terminal do servidor durante o SSR.
-            console: {
-                log: () => { },
-                warn: () => { },
-                error: () => { },
-                info: () => { },
-                debug: () => { },
-                trace: () => { },
-                dir: () => { },
-            },
-            Image: class {
-                constructor() { }
-            },
-        };
-        const globalAny = global;
-        // Helper para definir globais de forma segura
-        // Node 21+ tem globais 'navigator', 'performance' etc que são getter-only e quebram se tentar sobrescrever
-        const setGlobal = (key, value) => {
-            try {
-                if (typeof globalAny[key] === 'undefined') {
-                    globalAny[key] = value;
-                }
-            }
-            catch (e) {
-                // Se falhar (propriedade read-only), ignoramos silenciosamente
-            }
-        };
-        setGlobal('window', win);
-        setGlobal('document', win.document);
-        setGlobal('navigator', win.navigator);
-        setGlobal('location', win.location);
-        setGlobal('localStorage', win.localStorage);
-        setGlobal('sessionStorage', win.sessionStorage);
-        setGlobal('requestAnimationFrame', win.requestAnimationFrame);
-        setGlobal('cancelAnimationFrame', win.cancelAnimationFrame);
-    }
-}
 function buildShellHtml(options) {
     const { lang, title, metaTagsHtml, stylesHtml, hotReloadScript, obfuscatedData, scriptsHtml } = options;
     return `<!DOCTYPE html>
@@ -166,7 +51,7 @@ async function sendReactSsrFallback(options) {
         .map((src) => `<script type="module" src="${src}"></script>`)
         .join('\n');
     // No DEV a gente remove scripts do head pra garantir que só aparece a página de erro.
-    const safeMetaTagsHtmlForDev = stripScriptTags(metaTagsHtml);
+    const safeMetaTagsHtmlForDev = (0, common_1.stripScriptTags)(metaTagsHtml);
     if (res.headersSent) {
         try {
             res.end();
@@ -190,10 +75,10 @@ async function sendReactSsrFallback(options) {
         }));
         return;
     }
-    const err = toError(error);
+    const err = (0, common_1.toError)(error);
     return new Promise((resolve) => {
         const { pipe } = (0, server_1.renderToPipeableStream)(react_1.default.createElement(ServerRoot, { lang: lang, title: title, metaTagsHtml: safeMetaTagsHtmlForDev, stylesHtml: stylesHtml, initialDataScript: `/* Data Injection */`, hotReloadScript: '', dataScript: react_1.default.createElement("script", { id: "__vatts_data__", type: "text/plain", "data-h": obfuscatedData }) },
-            react_1.default.createElement(server_error_1.default, { error: err, requestUrl: getRequestUrl(req), hint: "SSR failed to render this route. See the error below." })), {
+            react_1.default.createElement(server_error_1.default, { error: err, requestUrl: (0, common_1.getRequestUrl)(req), hint: "SSR failed to render this route. See the error below." })), {
             onAllReady() {
                 pipe(res);
                 resolve();
@@ -209,200 +94,6 @@ async function sendReactSsrFallback(options) {
         });
     });
 }
-// --- Helpers de Servidor ---
-// Função auxiliar para importar módulos ignorando CSS (mesma lógica do router.ts)
-function requireWithoutStyles(modulePath) {
-    const extensions = ['.css', '.scss', '.sass', '.less', '.png', '.jpg', '.jpeg', '.gif', '.svg'];
-    const originalHandlers = {};
-    extensions.forEach(ext => {
-        originalHandlers[ext] = require.extensions[ext];
-        require.extensions[ext] = (m, filename) => {
-            m.exports = {};
-        };
-    });
-    try {
-        const resolved = require.resolve(modulePath);
-        if (require.cache[resolved])
-            delete require.cache[resolved];
-        return require(modulePath);
-    }
-    catch (e) {
-        return require(modulePath);
-    }
-    finally {
-        extensions.forEach(ext => {
-            if (originalHandlers[ext]) {
-                require.extensions[ext] = originalHandlers[ext];
-            }
-            else {
-                delete require.extensions[ext];
-            }
-        });
-    }
-}
-// --- Funções de Metadata e Scripts ---
-function generateMetaTags(metadata) {
-    const tags = [];
-    tags.push(`<meta charset="${metadata.charset || 'UTF-8'}">`);
-    tags.push(`<meta name="viewport" content="${metadata.viewport || 'width=device-width, initial-scale=1.0'}">`);
-    if (metadata.description)
-        tags.push(`<meta name="description" content="${metadata.description}">`);
-    if (metadata.keywords) {
-        const keywordsStr = Array.isArray(metadata.keywords) ? metadata.keywords.join(', ') : metadata.keywords;
-        tags.push(`<meta name="keywords" content="${keywordsStr}">`);
-    }
-    if (metadata.author)
-        tags.push(`<meta name="author" content="${metadata.author}">`);
-    if (metadata.themeColor)
-        tags.push(`<meta name="theme-color" content="${metadata.themeColor}">`);
-    if (metadata.robots)
-        tags.push(`<meta name="robots" content="${metadata.robots}">`);
-    if (metadata.canonical)
-        tags.push(`<link rel="canonical" href="${metadata.canonical}">`);
-    if (metadata.favicon)
-        tags.push(`<link rel="icon" href="${metadata.favicon}">`);
-    // Apple & Manifest
-    if (metadata.appleTouchIcon)
-        tags.push(`<link rel="apple-touch-icon" href="${metadata.appleTouchIcon}">`);
-    if (metadata.manifest)
-        tags.push(`<link rel="manifest" href="${metadata.manifest}">`);
-    // Open Graph
-    if (metadata.openGraph) {
-        const og = metadata.openGraph;
-        if (og.title)
-            tags.push(`<meta property="og:title" content="${og.title}">`);
-        if (og.description)
-            tags.push(`<meta property="og:description" content="${og.description}">`);
-        if (og.type)
-            tags.push(`<meta property="og:type" content="${og.type}">`);
-        if (og.url)
-            tags.push(`<meta property="og:url" content="${og.url}">`);
-        if (og.siteName)
-            tags.push(`<meta property="og:site_name" content="${og.siteName}">`);
-        if (og.locale)
-            tags.push(`<meta property="og:locale" content="${og.locale}">`);
-        if (og.image) {
-            const imgUrl = typeof og.image === 'string' ? og.image : og.image.url;
-            tags.push(`<meta property="og:image" content="${imgUrl}">`);
-            if (typeof og.image !== 'string') {
-                if (og.image.width)
-                    tags.push(`<meta property="og:image:width" content="${og.image.width}">`);
-                if (og.image.height)
-                    tags.push(`<meta property="og:image:height" content="${og.image.height}">`);
-                if (og.image.alt)
-                    tags.push(`<meta property="og:image:alt" content="${og.image.alt}">`);
-            }
-        }
-    }
-    // Twitter Card
-    if (metadata.twitter) {
-        const tw = metadata.twitter;
-        if (tw.card)
-            tags.push(`<meta name="twitter:card" content="${tw.card}">`);
-        if (tw.site)
-            tags.push(`<meta name="twitter:site" content="${tw.site}">`);
-        if (tw.creator)
-            tags.push(`<meta name="twitter:creator" content="${tw.creator}">`);
-        if (tw.title)
-            tags.push(`<meta name="twitter:title" content="${tw.title}">`);
-        if (tw.description)
-            tags.push(`<meta name="twitter:description" content="${tw.description}">`);
-        if (tw.image)
-            tags.push(`<meta name="twitter:image" content="${tw.image}">`);
-        if (tw.imageAlt)
-            tags.push(`<meta name="twitter:image:alt" content="${tw.imageAlt}">`);
-    }
-    // Custom Meta Tags
-    if (metadata.other) {
-        for (const [key, value] of Object.entries(metadata.other)) {
-            tags.push(`<meta name="${key}" content="${value}">`);
-        }
-    }
-    if (metadata.scripts) {
-        for (const [key, value] of Object.entries(metadata.scripts)) {
-            const rest = Object.entries(value).map((r) => {
-                return '' + r[0] + '="' + r[1] + '"';
-            });
-            tags.push(`<script src="${key}" ${rest.join(" ")}></script>`);
-        }
-    }
-    return tags.join('\n');
-}
-function obfuscateData(data) {
-    const jsonStr = JSON.stringify(data);
-    const base64 = Buffer.from(jsonStr).toString('base64');
-    const hash = Buffer.from(Date.now().toString()).toString('base64').substring(0, 8);
-    return `${hash}.${base64}`;
-}
-function getBuildAssets(req) {
-    const projectDir = process.cwd();
-    const distDir = path_1.default.join(projectDir, '.vatts');
-    const assetsDir = path_1.default.join(distDir, 'assets');
-    const chunksDir = path_1.default.join(distDir, 'chunks');
-    if (!fs_1.default.existsSync(distDir))
-        return null;
-    let scripts = [];
-    let styles = [];
-    // Helper para processar arquivos de um diretório
-    const processDirectory = (directory, urlPrefix) => {
-        if (!fs_1.default.existsSync(directory))
-            return;
-        const files = fs_1.default.readdirSync(directory);
-        files.forEach(file => {
-            if (file.endsWith('.map'))
-                return; // Ignora sourcemaps
-            const fullPath = path_1.default.join(directory, file);
-            const stat = fs_1.default.statSync(fullPath);
-            if (stat.isFile()) {
-                // MODIFICADO: Aceita .js OU .js.bra
-                if (file.endsWith('.js') || file.endsWith('.js.br') || file.endsWith('.js.gz')) {
-                    scripts.push(`${urlPrefix}/${file.replace(".br", '').replace(".gz", '')}`);
-                }
-                else if (file.endsWith('.css')) {
-                    styles.push(`${urlPrefix}/${file}`);
-                }
-            }
-        });
-    };
-    try {
-        // 1. Verificar Manifesto (se existir)
-        const manifestPath = path_1.default.join(distDir, 'manifest.json');
-        if (fs_1.default.existsSync(manifestPath)) {
-            const manifest = JSON.parse(fs_1.default.readFileSync(manifestPath, 'utf8'));
-            const manifestFiles = Object.values(manifest);
-            scripts = manifestFiles
-                // MODIFICADO: Filtra .js E .js.br no manifesto
-                .filter((f) => f.endsWith('.js') || f.endsWith('.js.br') || f.endsWith('.js.gz'))
-                .map((f) => `/_vatts/${f.replace(".br", "").replace(".gz", "")}`);
-            styles = manifestFiles
-                .filter((f) => f.endsWith('.css'))
-                .map((f) => `/_vatts/${f}`);
-        }
-        else {
-            // 2. Fallback: Scan manual de diretórios
-            // Scan na raiz .vatts/ (Geralmente entry points)
-            processDirectory(distDir, '/_vatts');
-            // Scan em .vatts/assets/ (Assets estáticos, chunks, CSS extraído)
-            processDirectory(assetsDir, '/_vatts/assets');
-            processDirectory(chunksDir, '/_vatts/chunks');
-            // Ordenação básica para garantir que o main carregue
-            scripts.sort((a, b) => {
-                if (a.includes('main'))
-                    return -1;
-                if (b.includes('main'))
-                    return 1;
-                return a.localeCompare(b);
-            });
-        }
-        if (scripts.length === 0)
-            return null;
-        return { scripts, styles };
-    }
-    catch (e) {
-        console.error("Error loading assets:", e);
-        return null;
-    }
-}
 function ServerRoot({ lang, title, metaTagsHtml, stylesHtml, initialDataScript, hotReloadScript, dataScript, children }) {
     // Concatena tudo que vai no head em uma única string
     const headContent = `
@@ -422,7 +113,7 @@ function ServerRoot({ lang, title, metaTagsHtml, stylesHtml, initialDataScript,
 async function render({ req, res, route, params, allRoutes }) {
     // ATENÇÃO: Polyfill executado aqui para garantir que window/document existam
     // antes de qualquer lógica de componente ser executada.
-    polyfillBrowserEnv();
+    (0, common_1.polyfillBrowserEnv)();
     const { generateMetadata } = route;
     const isProduction = !req.hwebDev;
     const hotReloadManager = req.hotReloadManager;
@@ -432,7 +123,7 @@ async function render({ req, res, route, params, allRoutes }) {
     let layoutInfo = null;
     try {
         // 1. Verificar Build - Se não tiver scripts, retorna tela de Loading
-        assets = getBuildAssets(req);
+        assets = (0, common_1.getBuildAssets)();
         if (!assets || assets.scripts.length === 0) {
             const { pipe } = (0, server_1.renderToPipeableStream)(react_1.default.createElement(BuildingPage_1.default, null), {
                 onShellReady() {
@@ -448,7 +139,7 @@ async function render({ req, res, route, params, allRoutes }) {
         if (layoutInfo) {
             try {
                 // Recarrega o componente de layout para ter acesso à função (o router só guarda metadata)
-                const layoutModule = requireWithoutStyles(path_1.default.resolve(process.cwd(), layoutInfo.componentPath));
+                const layoutModule = (0, common_1.requireWithoutStyles)(path_1.default.resolve(process.cwd(), layoutInfo.componentPath));
                 LayoutComponent = layoutModule.default;
             }
             catch (e) {
@@ -484,9 +175,9 @@ async function render({ req, res, route, params, allRoutes }) {
             initialParams: params,
         };
         // Scripts e Estilos
-        const obfuscatedData = obfuscateData(initialData);
+        const obfuscatedData = (0, common_1.obfuscateData)(initialData);
         const hotReloadScript = !isProduction && hotReloadManager ? hotReloadManager.getClientScript() : '';
-        const metaTagsHtml = generateMetaTags(metadata);
+        const metaTagsHtml = (0, common_1.generateMetaTags)(metadata);
         const htmlLang = metadata.language || 'pt-BR';
         // Gera tags de estilo para o head
         const stylesHtml = assets.styles.map(styleUrl => `<link rel="stylesheet" href="${styleUrl}">`).join('\n');
@@ -559,7 +250,7 @@ async function render({ req, res, route, params, allRoutes }) {
             title: metadata.title || 'Vatts.js',
             metaTagsHtml: (() => {
                 try {
-                    return generateMetaTags(metadata);
+                    return (0, common_1.generateMetaTags)(metadata);
                 }
                 catch {
                     return '';
@@ -569,7 +260,7 @@ async function render({ req, res, route, params, allRoutes }) {
             hotReloadScript: !isProduction && hotReloadManager ? hotReloadManager.getClientScript() : '',
             obfuscatedData: (() => {
                 try {
-                    return obfuscateData({
+                    return (0, common_1.obfuscateData)({
                         routes: [],
                         initialComponentPath: route.componentPath,
                         initialParams: params,

package/dist/renderers/common.d.ts

@@ -0,0 +1,57 @@
+import type { GenericRequest } from '../types/framework';
+import { Metadata } from '../types';
+/**
+ * Common utility functions shared between React and Vue renderers
+ */
+/**
+ * Removes all script tags from HTML string
+ */
+export declare function stripScriptTags(html: string): string;
+/**
+ * Extracts the request URL from generic request object
+ */
+export declare function getRequestUrl(req: GenericRequest): string | undefined;
+/**
+ * Converts an unknown error to an Error instance
+ */
+export declare function toError(err: unknown): Error;
+/**
+ * Creates a fake browser environment for server-side rendering
+ * This prevents client-side libraries from breaking when used in Node.js
+ */
+export declare function createBrowserEnvironmentPolyfill(): any;
+/**
+ * Sets up the global browser environment polyfill for SSR
+ * Safely handles Node.js read-only properties
+ */
+export declare function polyfillBrowserEnv(): void;
+/**
+ * Imports a module while ignoring CSS and other style imports
+ * Prevents style processing errors during SSR
+ */
+export declare function requireWithoutStyles<T>(modulePath: string): T;
+/**
+ * Obfuscates data for client-side hydration
+ * Uses base64 encoding with a timestamp hash
+ */
+export declare function obfuscateData(data: any): string;
+/**
+ * Generates HTML meta tags from metadata object
+ */
+export declare function generateMetaTags(metadata: Metadata): string;
+/**
+ * Interface for build assets (scripts and styles)
+ */
+export interface BuildAssets {
+    scripts: string[];
+    styles: string[];
+}
+/**
+ * Retrieves compiled assets from .vatts build directory
+ */
+export declare function getBuildAssets(): BuildAssets | null;
+/**
+ * Analyzes component source code to extract static asset imports
+ * and generate preload links for injection into the head
+ */
+export declare function extractComponentPreloads(componentPath: string): string[];

package/dist/renderers/common.js

@@ -0,0 +1,411 @@
+"use strict";
+/*
+ * 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.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stripScriptTags = stripScriptTags;
+exports.getRequestUrl = getRequestUrl;
+exports.toError = toError;
+exports.createBrowserEnvironmentPolyfill = createBrowserEnvironmentPolyfill;
+exports.polyfillBrowserEnv = polyfillBrowserEnv;
+exports.requireWithoutStyles = requireWithoutStyles;
+exports.obfuscateData = obfuscateData;
+exports.generateMetaTags = generateMetaTags;
+exports.getBuildAssets = getBuildAssets;
+exports.extractComponentPreloads = extractComponentPreloads;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+/**
+ * Common utility functions shared between React and Vue renderers
+ */
+// --- String/HTML Utilities ---
+/**
+ * Removes all script tags from HTML string
+ */
+function stripScriptTags(html) {
+    if (!html)
+        return '';
+    return html.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, '');
+}
+/**
+ * Extracts the request URL from generic request object
+ */
+function getRequestUrl(req) {
+    return req?.originalUrl || req?.url;
+}
+/**
+ * Converts an unknown error to an Error instance
+ */
+function toError(err) {
+    if (err instanceof Error)
+        return err;
+    if (typeof err === 'string')
+        return new Error(err);
+    try {
+        return new Error(JSON.stringify(err));
+    }
+    catch {
+        return new Error(String(err));
+    }
+}
+// --- Browser Environment Polyfills ---
+/**
+ * Creates a fake browser environment for server-side rendering
+ * This prevents client-side libraries from breaking when used in Node.js
+ */
+function createBrowserEnvironmentPolyfill() {
+    return {
+        document: {
+            createElement: () => ({ style: {}, setAttribute: () => { }, classList: { add: () => { }, remove: () => { } } }),
+            getElementById: () => null,
+            getElementsByTagName: () => [],
+            querySelector: () => null,
+            querySelectorAll: () => [],
+            head: {},
+            body: { style: {} },
+            addEventListener: () => { },
+            removeEventListener: () => { },
+            cookie: '',
+            location: { href: '', origin: '' },
+            scrollTo: () => { },
+        },
+        navigator: {
+            userAgent: 'Node.js/VattsSSR',
+        },
+        location: {
+            href: 'http://localhost',
+            origin: 'http://localhost',
+            pathname: '/',
+            search: '',
+            hash: '',
+            assign: () => { },
+            replace: () => { },
+            reload: () => { },
+        },
+        history: {
+            pushState: () => { },
+            replaceState: () => { },
+        },
+        screen: { width: 1920, height: 1080 },
+        addEventListener: () => { },
+        removeEventListener: () => { },
+        matchMedia: () => ({ matches: false, addListener: () => { }, removeListener: () => { } }),
+        requestAnimationFrame: (cb) => setTimeout(cb, 0),
+        cancelAnimationFrame: (id) => clearTimeout(id),
+        setTimeout: setTimeout,
+        clearTimeout: clearTimeout,
+        setInterval: setInterval,
+        clearInterval: clearInterval,
+        localStorage: {
+            getItem: () => null,
+            setItem: () => { },
+            removeItem: () => { },
+            clear: () => { },
+        },
+        sessionStorage: {
+            getItem: () => null,
+            setItem: () => { },
+            removeItem: () => { },
+            clear: () => { },
+        },
+        console: {
+            log: () => { },
+            warn: () => { },
+            error: () => { },
+            info: () => { },
+            debug: () => { },
+            trace: () => { },
+            dir: () => { },
+        },
+        Image: class {
+            constructor() { }
+        },
+    };
+}
+/**
+ * Sets up the global browser environment polyfill for SSR
+ * Safely handles Node.js read-only properties
+ */
+function polyfillBrowserEnv() {
+    if (typeof window === 'undefined') {
+        const win = createBrowserEnvironmentPolyfill();
+        const globalAny = global;
+        // Helper to safely set globals
+        // Node 21+ has read-only globals like 'navigator', 'performance' etc
+        const setGlobal = (key, value) => {
+            try {
+                if (typeof globalAny[key] === 'undefined') {
+                    globalAny[key] = value;
+                }
+            }
+            catch (e) {
+                // If it fails (read-only property), silently ignore
+            }
+        };
+        setGlobal('window', win);
+        setGlobal('document', win.document);
+        setGlobal('navigator', win.navigator);
+        setGlobal('location', win.location);
+        setGlobal('localStorage', win.localStorage);
+        setGlobal('sessionStorage', win.sessionStorage);
+        setGlobal('requestAnimationFrame', win.requestAnimationFrame);
+        setGlobal('cancelAnimationFrame', win.cancelAnimationFrame);
+    }
+}
+// --- Module Loading Utilities ---
+/**
+ * Imports a module while ignoring CSS and other style imports
+ * Prevents style processing errors during SSR
+ */
+function requireWithoutStyles(modulePath) {
+    const extensions = ['.css', '.scss', '.sass', '.less', '.png', '.jpg', '.jpeg', '.gif', '.svg'];
+    const originalHandlers = {};
+    extensions.forEach(ext => {
+        originalHandlers[ext] = require.extensions[ext];
+        require.extensions[ext] = (m, filename) => {
+            m.exports = {};
+        };
+    });
+    try {
+        const resolved = require.resolve(modulePath);
+        if (require.cache[resolved])
+            delete require.cache[resolved];
+        return require(modulePath);
+    }
+    catch (e) {
+        return require(modulePath);
+    }
+    finally {
+        extensions.forEach(ext => {
+            if (originalHandlers[ext]) {
+                require.extensions[ext] = originalHandlers[ext];
+            }
+            else {
+                delete require.extensions[ext];
+            }
+        });
+    }
+}
+// --- Data Obfuscation ---
+/**
+ * Obfuscates data for client-side hydration
+ * Uses base64 encoding with a timestamp hash
+ */
+function obfuscateData(data) {
+    const jsonStr = JSON.stringify(data);
+    const base64 = Buffer.from(jsonStr).toString('base64');
+    const hash = Buffer.from(Date.now().toString()).toString('base64').substring(0, 8);
+    return `${hash}.${base64}`;
+}
+// --- Metadata Generation ---
+/**
+ * Generates HTML meta tags from metadata object
+ */
+function generateMetaTags(metadata) {
+    const tags = [];
+    tags.push(`<meta charset="${metadata.charset || 'UTF-8'}">`);
+    tags.push(`<meta name="viewport" content="${metadata.viewport || 'width=device-width, initial-scale=1.0'}">`);
+    if (metadata.description)
+        tags.push(`<meta name="description" content="${metadata.description}">`);
+    if (metadata.keywords) {
+        const keywordsStr = Array.isArray(metadata.keywords) ? metadata.keywords.join(', ') : metadata.keywords;
+        tags.push(`<meta name="keywords" content="${keywordsStr}">`);
+    }
+    if (metadata.author)
+        tags.push(`<meta name="author" content="${metadata.author}">`);
+    if (metadata.themeColor)
+        tags.push(`<meta name="theme-color" content="${metadata.themeColor}">`);
+    if (metadata.robots)
+        tags.push(`<meta name="robots" content="${metadata.robots}">`);
+    if (metadata.canonical)
+        tags.push(`<link rel="canonical" href="${metadata.canonical}">`);
+    if (metadata.favicon)
+        tags.push(`<link rel="icon" href="${metadata.favicon}">`);
+    // Apple & Manifest
+    if (metadata.appleTouchIcon)
+        tags.push(`<link rel="apple-touch-icon" href="${metadata.appleTouchIcon}">`);
+    if (metadata.manifest)
+        tags.push(`<link rel="manifest" href="${metadata.manifest}">`);
+    // Open Graph
+    if (metadata.openGraph) {
+        const og = metadata.openGraph;
+        if (og.title)
+            tags.push(`<meta property="og:title" content="${og.title}">`);
+        if (og.description)
+            tags.push(`<meta property="og:description" content="${og.description}">`);
+        if (og.type)
+            tags.push(`<meta property="og:type" content="${og.type}">`);
+        if (og.url)
+            tags.push(`<meta property="og:url" content="${og.url}">`);
+        if (og.siteName)
+            tags.push(`<meta property="og:site_name" content="${og.siteName}">`);
+        if (og.locale)
+            tags.push(`<meta property="og:locale" content="${og.locale}">`);
+        if (og.image) {
+            const imgUrl = typeof og.image === 'string' ? og.image : og.image.url;
+            tags.push(`<meta property="og:image" content="${imgUrl}">`);
+            if (typeof og.image !== 'string') {
+                if (og.image.width)
+                    tags.push(`<meta property="og:image:width" content="${og.image.width}">`);
+                if (og.image.height)
+                    tags.push(`<meta property="og:image:height" content="${og.image.height}">`);
+                if (og.image.alt)
+                    tags.push(`<meta property="og:image:alt" content="${og.image.alt}">`);
+            }
+        }
+    }
+    // Twitter Card
+    if (metadata.twitter) {
+        const tw = metadata.twitter;
+        if (tw.card)
+            tags.push(`<meta name="twitter:card" content="${tw.card}">`);
+        if (tw.site)
+            tags.push(`<meta name="twitter:site" content="${tw.site}">`);
+        if (tw.creator)
+            tags.push(`<meta name="twitter:creator" content="${tw.creator}">`);
+        if (tw.title)
+            tags.push(`<meta name="twitter:title" content="${tw.title}">`);
+        if (tw.description)
+            tags.push(`<meta name="twitter:description" content="${tw.description}">`);
+        if (tw.image)
+            tags.push(`<meta name="twitter:image" content="${tw.image}">`);
+        if (tw.imageAlt)
+            tags.push(`<meta name="twitter:image:alt" content="${tw.imageAlt}">`);
+    }
+    // Custom Meta Tags
+    if (metadata.other) {
+        for (const [key, value] of Object.entries(metadata.other)) {
+            tags.push(`<meta name="${key}" content="${value}">`);
+        }
+    }
+    if (metadata.scripts) {
+        for (const [key, value] of Object.entries(metadata.scripts)) {
+            const rest = Object.entries(value).map((r) => {
+                return '' + r[0] + '="' + r[1] + '"';
+            });
+            tags.push(`<script src="${key}" ${rest.join(" ")}></script>`);
+        }
+    }
+    return tags.join('\n');
+}
+/**
+ * Retrieves compiled assets from .vatts build directory
+ */
+function getBuildAssets() {
+    const projectDir = process.cwd();
+    const distDir = path_1.default.join(projectDir, '.vatts');
+    const assetsDir = path_1.default.join(distDir, 'assets');
+    const chunksDir = path_1.default.join(distDir, 'chunks');
+    if (!fs_1.default.existsSync(distDir))
+        return null;
+    const scripts = [];
+    const styles = [];
+    // Helper to process directories
+    const processDirectory = (directory, urlPrefix) => {
+        if (!fs_1.default.existsSync(directory))
+            return;
+        const files = fs_1.default.readdirSync(directory);
+        files.forEach(file => {
+            if (file.endsWith('.map'))
+                return; // Skip sourcemaps
+            const url = `${urlPrefix}/${file.replace(".br", '').replace(".gz", '')}`;
+            // Support .js, .js.br, .js.gz
+            if (file.endsWith('.js') || file.endsWith('.js.br') || file.endsWith('.js.gz')) {
+                scripts.push(url);
+            }
+            else if (file.endsWith('.css')) {
+                styles.push(url);
+            }
+        });
+    };
+    // Read assets from .vatts/
+    processDirectory(distDir, '/_vatts');
+    // Read assets from .vatts/assets
+    processDirectory(assetsDir, '/_vatts/assets');
+    // Read chunks from .vatts/chunks
+    processDirectory(chunksDir, '/_vatts/chunks');
+    return { scripts, styles };
+}
+/**
+ * Analyzes component source code to extract static asset imports
+ * and generate preload links for injection into the head
+ */
+function extractComponentPreloads(componentPath) {
+    if (!componentPath || !fs_1.default.existsSync(componentPath))
+        return [];
+    const assetsDir = path_1.default.join(process.cwd(), '.vatts', 'assets');
+    let availableAssets = [];
+    try {
+        if (fs_1.default.existsSync(assetsDir)) {
+            availableAssets = fs_1.default.readdirSync(assetsDir);
+        }
+    }
+    catch (e) {
+        // Silently fail if assets dir not found
+    }
+    const findHashedAsset = (filename) => {
+        if (availableAssets.includes(filename))
+            return filename;
+        const ext = path_1.default.extname(filename);
+        const base = path_1.default.basename(filename, ext);
+        const match = availableAssets.find(asset => asset.endsWith(ext) && asset.includes(base));
+        return match || null;
+    };
+    try {
+        const content = fs_1.default.readFileSync(componentPath, 'utf8');
+        const tags = new Set();
+        const processPath = (fullPath) => {
+            const filename = path_1.default.basename(fullPath);
+            const realFilename = findHashedAsset(filename);
+            if (!realFilename) {
+                return;
+            }
+            const ext = path_1.default.extname(realFilename).toLowerCase();
+            const publicUrl = `/_vatts/assets/${realFilename}`;
+            if (['.mp4', '.webm'].includes(ext)) {
+                tags.add(`<link rel="preload" as="video" href="${publicUrl}">`);
+            }
+            else if (['.css'].includes(ext)) {
+                tags.add(`<link rel="preload" as="style" href="${publicUrl}">`);
+                tags.add(`<link rel="stylesheet" href="${publicUrl}">`);
+            }
+            else if (['.js', '.js.br', '.js.gz'].includes(ext)) {
+                tags.add(`<link rel="preload" as="script" href="${publicUrl.replace(".br", '').replace(".gz", '')}">`);
+            }
+            else if (['.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.avif'].includes(ext)) {
+                tags.add(`<link rel="preload" as="image" href="${publicUrl}">`);
+            }
+        };
+        const importRegex = /(?:import(?:\s+[^;'"]+\s+from)?\s+|require\(\s*)['"]([^'"]+\.(png|jpg|jpeg|gif|svg|webp|avif|mp4|webm|css|js))['"]/g;
+        let match;
+        while ((match = importRegex.exec(content)) !== null) {
+            processPath(match[1]);
+        }
+        const imgTagRegex = /<img\s+[^>]*src=['"]([^'"]+\.(png|jpg|jpeg|gif|svg|webp|avif))['"]/g;
+        while ((match = imgTagRegex.exec(content)) !== null) {
+            const src = match[1];
+            processPath(src);
+        }
+        return Array.from(tags);
+    }
+    catch (e) {
+        console.warn(`Failed to extract preloads for ${componentPath}:`, e);
+        return [];
+    }
+}

package/dist/vue/renderer.vue.js

@@ -40,99 +40,11 @@ exports.renderVue = renderVue;
 const router_1 = require("../router");
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
+const common_1 = require("../renderers/common");
 const vue = __importStar(require("vue"));
 const vueServerRenderer = __importStar(require("@vue/server-renderer"));
 const BuildingPage_vue_1 = __importDefault(require("./BuildingPage.vue"));
 const server_error_vue_1 = __importDefault(require("./server-error.vue"));
-function getRequestUrl(req) {
-    return req?.originalUrl || req?.url;
-}
-// --- Polyfill para Browser Env no Server ---
-// Cria objetos globais falsos para evitar que bibliotecas client-side quebrem no SSR
-// CORREÇÃO: Usa setGlobal para evitar erros em propriedades read-only do Node (ex: navigator)
-function polyfillBrowserEnv() {
-    if (typeof window === 'undefined') {
-        const win = {
-            document: {
-                createElement: () => ({ style: {}, setAttribute: () => { }, classList: { add: () => { }, remove: () => { } } }),
-                getElementById: () => null,
-                getElementsByTagName: () => [],
-                querySelector: () => null,
-                querySelectorAll: () => [],
-                head: {},
-                body: { style: {} },
-                addEventListener: () => { },
-                removeEventListener: () => { },
-                cookie: '',
-                location: { href: '', origin: '' }
-            },
-            navigator: {
-                userAgent: 'Node.js/VattsSSR',
-            },
-            location: {
-                href: 'http://localhost',
-                origin: 'http://localhost',
-                pathname: '/',
-                search: '',
-                hash: '',
-                assign: () => { },
-                replace: () => { },
-                reload: () => { },
-            },
-            history: {
-                pushState: () => { },
-                replaceState: () => { },
-            },
-            screen: { width: 1920, height: 1080 },
-            addEventListener: () => { },
-            removeEventListener: () => { },
-            matchMedia: () => ({ matches: false, addListener: () => { }, removeListener: () => { } }),
-            requestAnimationFrame: (cb) => setTimeout(cb, 0),
-            cancelAnimationFrame: (id) => clearTimeout(id),
-            setTimeout: setTimeout,
-            clearTimeout: clearTimeout,
-            setInterval: setInterval,
-            clearInterval: clearInterval,
-            localStorage: {
-                getItem: () => null,
-                setItem: () => { },
-                removeItem: () => { },
-                clear: () => { },
-            },
-            sessionStorage: {
-                getItem: () => null,
-                setItem: () => { },
-                removeItem: () => { },
-                clear: () => { },
-            },
-            console: console,
-            Image: class {
-                constructor() { }
-            },
-        };
-        const globalAny = global;
-        // Helper para definir globais de forma segura
-        // Node 21+ tem globais 'navigator', 'performance' etc que são getter-only e quebram se tentar sobrescrever
-        const setGlobal = (key, value) => {
-            try {
-                if (typeof globalAny[key] === 'undefined') {
-                    globalAny[key] = value;
-                }
-            }
-            catch (e) {
-                // Se falhar (propriedade read-only), ignoramos silenciosamente
-            }
-        };
-        setGlobal('window', win);
-        setGlobal('document', win.document);
-        setGlobal('navigator', win.navigator);
-        setGlobal('location', win.location);
-        setGlobal('localStorage', win.localStorage);
-        setGlobal('sessionStorage', win.sessionStorage);
-        setGlobal('requestAnimationFrame', win.requestAnimationFrame);
-        setGlobal('cancelAnimationFrame', win.cancelAnimationFrame);
-    }
-}
 function buildVueShellDocument(options) {
     const { lang, title, metaTagsHtml, scriptPreloadsHtml, componentPreloadsHtml, stylesHtml, obfuscatedData, scriptsHtml, hotReloadScript, bodyInnerHtml, } = options;
     return `<!DOCTYPE html>
@@ -153,135 +65,6 @@ function buildVueShellDocument(options) {
 </body>
 </html>`;
 }
-function stripScriptTags(html) {
-    if (!html)
-        return '';
-    return html.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, '');
-}
-// --- Helpers de Servidor (Duplicados para manter isolamento) ---
-function requireWithoutStyles(modulePath) {
-    const extensions = ['.css', '.scss', '.sass', '.less', '.png', '.jpg', '.jpeg', '.gif', '.svg'];
-    const originalHandlers = {};
-    extensions.forEach(ext => {
-        originalHandlers[ext] = require.extensions[ext];
-        require.extensions[ext] = (m, filename) => {
-            m.exports = {};
-        };
-    });
-    try {
-        const resolved = require.resolve(modulePath);
-        if (require.cache[resolved])
-            delete require.cache[resolved];
-        return require(modulePath);
-    }
-    catch (e) {
-        return require(modulePath);
-    }
-    finally {
-        extensions.forEach(ext => {
-            if (originalHandlers[ext]) {
-                require.extensions[ext] = originalHandlers[ext];
-            }
-            else {
-                delete require.extensions[ext];
-            }
-        });
-    }
-}
-function obfuscateData(data) {
-    const jsonStr = JSON.stringify(data);
-    const base64 = Buffer.from(jsonStr).toString('base64');
-    const hash = Buffer.from(Date.now().toString()).toString('base64').substring(0, 8);
-    return `${hash}.${base64}`;
-}
-/**
- * Analisa o código fonte do componente para encontrar imports estáticos de assets
- * e gerar links de preload para injetar no head.
- * * ATUALIZADO: Verifica se o arquivo existe em .vatts/assets (com hash) antes de gerar o link.
- */
-function extractComponentPreloads(componentPath) {
-    if (!componentPath || !fs_1.default.existsSync(componentPath))
-        return [];
-    // Localização dos assets compilados para verificação de hash
-    const assetsDir = path_1.default.join(process.cwd(), '.vatts', 'assets');
-    let availableAssets = [];
-    try {
-        if (fs_1.default.existsSync(assetsDir)) {
-            availableAssets = fs_1.default.readdirSync(assetsDir);
-        }
-    }
-    catch (e) {
-        // Silently fail if assets dir not found
-    }
-    // Função auxiliar para encontrar o arquivo real com hash
-    const findHashedAsset = (filename) => {
-        // 1. Se o arquivo existe exatamente como pedido
-        if (availableAssets.includes(filename))
-            return filename;
-        // 2. Procura por versão com hash (ex: style.css -> style.CjdCylXW.css ou da8dfae3-style.CjdCylXW.css)
-        const ext = path_1.default.extname(filename);
-        const base = path_1.default.basename(filename, ext); // "style"
-        // Filtra arquivos que terminam com a extensão correta e contêm o nome base
-        // Isso garante que pegamos o arquivo hasheado gerado pelo build
-        const match = availableAssets.find(asset => asset.endsWith(ext) && asset.includes(base));
-        return match || null;
-    };
-    try {
-        const content = fs_1.default.readFileSync(componentPath, 'utf8');
-        const tags = new Set();
-        const processPath = (fullPath) => {
-            const filename = path_1.default.basename(fullPath);
-            // VERIFICAÇÃO DE HASH:
-            // Tenta encontrar o nome real do arquivo na pasta de assets.
-            // Se não encontrar (retornar null), ignoramos o arquivo para não gerar link quebrado (404).
-            const realFilename = findHashedAsset(filename);
-            if (!realFilename) {
-                return; // Bloqueia a entrada se não tiver correspondente hash/físico
-            }
-            const ext = path_1.default.extname(realFilename).toLowerCase();
-            // Usa o nome real encontrado (com hash)
-            const publicUrl = `/_vatts/assets/${realFilename}`;
-            if (['.mp4', '.webm'].includes(ext)) {
-                tags.add(`<link rel="preload" as="video" href="${publicUrl}">`);
-            }
-            else if (['.css'].includes(ext)) {
-                tags.add(`<link rel="preload" as="style" href="${publicUrl}">`);
-                tags.add(`<link rel="stylesheet" href="${publicUrl}">`);
-            }
-            else if (['.js', '.js.br', '.js.gz'].includes(ext)) {
-                // Adicionado suporte para JS
-                tags.add(`<link rel="preload" as="script" href="${publicUrl.replace(".br", '').replace(".gz", '')}">`);
-            }
-            else if (['.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.avif'].includes(ext)) {
-                tags.add(`<link rel="preload" as="image" href="${publicUrl}">`);
-            }
-        };
-        // 1. Imports (ESM) & Requires (CJS)
-        // Captura:
-        // - import foo from './foo.png' (Named import)
-        // - import './style.css' (Side-effect import)
-        // - require('./image.jpg') (CommonJS)
-        // Adicionado |js na lista de extensões
-        const importRegex = /(?:import(?:\s+[^;'"]+\s+from)?\s+|require\(\s*)['"]([^'"]+\.(png|jpg|jpeg|gif|svg|webp|avif|mp4|webm|css|js))['"]/g;
-        let match;
-        while ((match = importRegex.exec(content)) !== null) {
-            processPath(match[1]);
-        }
-        // 2. Imagens no Template (src="...")
-        // Captura caminhos relativos ou absolutos de imagens hardcoded no HTML do Vue
-        const imgTagRegex = /<img\s+[^>]*src=['"]([^'"]+\.(png|jpg|jpeg|gif|svg|webp|avif))['"]/g;
-        while ((match = imgTagRegex.exec(content)) !== null) {
-            const src = match[1];
-            // Para tags img src, também processamos para tentar achar a versão hash
-            processPath(src);
-        }
-        return Array.from(tags);
-    }
-    catch (e) {
-        console.warn(`Failed to extract preloads for ${componentPath}:`, e);
-        return [];
-    }
-}
 /**
  * Garante que o componente Vue esteja carregado e compilado corretamente.
  * Se o loader falhar em trazer o template (render function), compilamos manualmente aqui.
@@ -291,7 +74,7 @@ function ensureVueComponent(existingComponent, componentPath) {
     // 1. Se não temos o componente objeto, tentamos carregar do disco
     if (!component && componentPath) {
         try {
-            const module = requireWithoutStyles(componentPath);
+            const module = (0, common_1.requireWithoutStyles)(componentPath);
             component = module.default || module;
         }
         catch (e) {
@@ -374,150 +157,10 @@ function ensureVueComponent(existingComponent, componentPath) {
     }
     return component;
 }
-// --- Funções de Metadata ---
-function generateMetaTags(metadata) {
-    const tags = [];
-    tags.push(`<meta charset="${metadata.charset || 'UTF-8'}">`);
-    tags.push(`<meta name="viewport" content="${metadata.viewport || 'width=device-width, initial-scale=1.0'}">`);
-    if (metadata.description)
-        tags.push(`<meta name="description" content="${metadata.description}">`);
-    if (metadata.keywords) {
-        const keywordsStr = Array.isArray(metadata.keywords) ? metadata.keywords.join(', ') : metadata.keywords;
-        tags.push(`<meta name="keywords" content="${keywordsStr}">`);
-    }
-    if (metadata.author)
-        tags.push(`<meta name="author" content="${metadata.author}">`);
-    if (metadata.themeColor)
-        tags.push(`<meta name="theme-color" content="${metadata.themeColor}">`);
-    if (metadata.robots)
-        tags.push(`<meta name="robots" content="${metadata.robots}">`);
-    if (metadata.canonical)
-        tags.push(`<link rel="canonical" href="${metadata.canonical}">`);
-    if (metadata.favicon)
-        tags.push(`<link rel="icon" href="${metadata.favicon}">`);
-    // Apple & Manifest
-    if (metadata.appleTouchIcon)
-        tags.push(`<link rel="apple-touch-icon" href="${metadata.appleTouchIcon}">`);
-    if (metadata.manifest)
-        tags.push(`<link rel="manifest" href="${metadata.manifest}">`);
-    // Open Graph
-    if (metadata.openGraph) {
-        const og = metadata.openGraph;
-        if (og.title)
-            tags.push(`<meta property="og:title" content="${og.title}">`);
-        if (og.description)
-            tags.push(`<meta property="og:description" content="${og.description}">`);
-        if (og.type)
-            tags.push(`<meta property="og:type" content="${og.type}">`);
-        if (og.url)
-            tags.push(`<meta property="og:url" content="${og.url}">`);
-        if (og.siteName)
-            tags.push(`<meta property="og:site_name" content="${og.siteName}">`);
-        if (og.locale)
-            tags.push(`<meta property="og:locale" content="${og.locale}">`);
-        if (og.image) {
-            const imgUrl = typeof og.image === 'string' ? og.image : og.image.url;
-            tags.push(`<meta property="og:image" content="${imgUrl}">`);
-            if (typeof og.image !== 'string') {
-                if (og.image.width)
-                    tags.push(`<meta property="og:image:width" content="${og.image.width}">`);
-                if (og.image.height)
-                    tags.push(`<meta property="og:image:height" content="${og.image.height}">`);
-                if (og.image.alt)
-                    tags.push(`<meta property="og:image:alt" content="${og.image.alt}">`);
-            }
-        }
-    }
-    // Twitter Card
-    if (metadata.twitter) {
-        const tw = metadata.twitter;
-        if (tw.card)
-            tags.push(`<meta name="twitter:card" content="${tw.card}">`);
-        if (tw.site)
-            tags.push(`<meta name="twitter:site" content="${tw.site}">`);
-        if (tw.creator)
-            tags.push(`<meta name="twitter:creator" content="${tw.creator}">`);
-        if (tw.title)
-            tags.push(`<meta name="twitter:title" content="${tw.title}">`);
-        if (tw.description)
-            tags.push(`<meta name="twitter:description" content="${tw.description}">`);
-        if (tw.image)
-            tags.push(`<meta name="twitter:image" content="${tw.image}">`);
-        if (tw.imageAlt)
-            tags.push(`<meta name="twitter:image:alt" content="${tw.imageAlt}">`);
-    }
-    // Custom Meta Tags
-    if (metadata.other) {
-        for (const [key, value] of Object.entries(metadata.other)) {
-            tags.push(`<meta name="${key}" content="${value}">`);
-        }
-    }
-    if (metadata.scripts) {
-        for (const [key, value] of Object.entries(metadata.scripts)) {
-            const rest = Object.entries(value).map((r) => {
-                return '' + r[0] + '="' + r[1] + '"';
-            });
-            tags.push(`<script src="${key}" ${rest.join(" ")}></script>`);
-        }
-    }
-    return tags.join('\n');
-}
-function getBuildAssets(req) {
-    const projectDir = process.cwd();
-    const distDir = path_1.default.join(projectDir, '.vatts');
-    const assetsDir = path_1.default.join(distDir, 'assets');
-    if (!fs_1.default.existsSync(distDir))
-        return null;
-    let scripts = [];
-    let styles = [];
-    const processDirectory = (directory, urlPrefix) => {
-        if (!fs_1.default.existsSync(directory))
-            return;
-        const files = fs_1.default.readdirSync(directory);
-        files.forEach(file => {
-            if (file.endsWith('.map'))
-                return;
-            const fullPath = path_1.default.join(directory, file);
-            if (fs_1.default.statSync(fullPath).isFile()) {
-                if (file.endsWith('.js') || file.endsWith(".js.br") || file.endsWith(".js.gz"))
-                    scripts.push(`${urlPrefix}/${file.replace(".br", '').replace(".gz", '')}`);
-                else if (file.endsWith('.css'))
-                    styles.push(`${urlPrefix}/${file}`);
-            }
-        });
-    };
-    try {
-        const manifestPath = path_1.default.join(distDir, 'manifest.json');
-        if (fs_1.default.existsSync(manifestPath)) {
-            const manifest = JSON.parse(fs_1.default.readFileSync(manifestPath, 'utf8'));
-            const manifestFiles = Object.values(manifest);
-            scripts = manifestFiles.filter((f) => f.endsWith('.js') || f.endsWith(".js.br")).map((f) => `/_vatts/${f.replace('.br', '')}`);
-            styles = manifestFiles.filter((f) => f.endsWith('.css')).map((f) => `/_vatts/${f}`);
-        }
-        else {
-            processDirectory(distDir, '/_vatts');
-            processDirectory(assetsDir, '/_vatts/assets');
-            scripts.sort((a, b) => {
-                if (a.includes('main'))
-                    return -1;
-                if (b.includes('main'))
-                    return 1;
-                return a.localeCompare(b);
-            });
-        }
-        if (scripts.length === 0)
-            return null;
-        return { scripts, styles };
-    }
-    catch (e) {
-        console.error("Error loading assets:", e);
-        return null;
-    }
-}
 async function renderVue({ req, res, route, params, allRoutes }) {
     // ATENÇÃO: Polyfill executado aqui para garantir que window/document existam
     // antes de qualquer lógica de componente ser executada.
-    polyfillBrowserEnv();
+    (0, common_1.polyfillBrowserEnv)();
     if (!vue) {
         res.statusCode = 500;
         res.end('Vue dependencies not installed.');
@@ -549,14 +192,14 @@ async function renderVue({ req, res, route, params, allRoutes }) {
         const hotReloadScript = includeScripts && !isProduction && hotReloadManager ? hotReloadManager.getClientScript() : '';
         let metaTagsHtml = (() => {
             try {
-                return generateMetaTags(metadata);
+                return (0, common_1.generateMetaTags)(metadata);
             }
             catch {
                 return '';
             }
         })();
         if (!includeScripts) {
-            metaTagsHtml = stripScriptTags(metaTagsHtml);
+            metaTagsHtml = (0, common_1.stripScriptTags)(metaTagsHtml);
         }
         const htmlLang = metadata.language || 'pt-BR';
         const title = metadata.title || 'Vatts.js';
@@ -566,7 +209,7 @@ async function renderVue({ req, res, route, params, allRoutes }) {
         const componentPreloadsHtml = includeScripts
             ? (() => {
                 try {
-                    const componentPreloads = extractComponentPreloads(route.componentPath ? path_1.default.resolve(process.cwd(), route.componentPath) : '');
+                    const componentPreloads = (0, common_1.extractComponentPreloads)(route.componentPath ? path_1.default.resolve(process.cwd(), route.componentPath) : '');
                     return componentPreloads.join('\n');
                 }
                 catch {
@@ -580,7 +223,7 @@ async function renderVue({ req, res, route, params, allRoutes }) {
             : '';
         const obfuscatedData = (() => {
             try {
-                return obfuscateData({
+                return (0, common_1.obfuscateData)({
                     routes: [],
                     initialComponentPath: route.componentPath,
                     initialParams: params,
@@ -615,7 +258,7 @@ async function renderVue({ req, res, route, params, allRoutes }) {
                 setup() {
                     return () => h(server_error_vue_1.default, {
                         error,
-                        requestUrl: getRequestUrl(req),
+                        requestUrl: (0, common_1.getRequestUrl)(req),
                         hint: 'SSR failed to render this route. See the error below.',
                     });
                 },
@@ -629,7 +272,7 @@ async function renderVue({ req, res, route, params, allRoutes }) {
         }
     };
     try {
-        assets = getBuildAssets(req);
+        assets = (0, common_1.getBuildAssets)();
         if (!assets || assets.scripts.length === 0) {
             const RootComponent = {
                 setup() {
@@ -683,14 +326,14 @@ async function renderVue({ req, res, route, params, allRoutes }) {
             initialComponentPath: route.componentPath,
             initialParams: params,
         };
-        const obfuscatedData = obfuscateData(initialData);
+        const obfuscatedData = (0, common_1.obfuscateData)(initialData);
         const hotReloadScript = !isProduction && hotReloadManager ? hotReloadManager.getClientScript() : '';
-        const metaTagsHtml = generateMetaTags(metadata);
+        const metaTagsHtml = (0, common_1.generateMetaTags)(metadata);
         const htmlLang = metadata.language || 'pt-BR';
         // Otimização: Adiciona modulepreload para scripts principais do bundle
         const scriptPreloadsHtml = assets.scripts.map(src => `<link rel="modulepreload" href="${src}">`).join('\n');
         // Otimização: Intercepta assets do componente atual para preload
-        const componentPreloads = extractComponentPreloads(route.componentPath ? path_1.default.resolve(process.cwd(), route.componentPath) : '');
+        const componentPreloads = (0, common_1.extractComponentPreloads)(route.componentPath ? path_1.default.resolve(process.cwd(), route.componentPath) : '');
         const componentPreloadsHtml = componentPreloads.join('\n');
         const stylesHtml = assets.styles.map(styleUrl => `<link rel="stylesheet" href="${styleUrl}">`).join('\n');
         const scriptsHtml = assets.scripts.map(src => `<script type="module" src="${src}"></script>`).join('\n');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vatts",
-  "version": "2.1.2",
+  "version": "2.1.3-canary.1.0.0",
   "description": "Vatts.js 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.",
   "types": "dist/index.d.ts",
   "author": "mfraz",