vatts 1.2.0-test.2 → 1.2.0-test.3

package/dist/loaders.d.ts

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

package/dist/loaders.js

@@ -13,11 +13,15 @@ let esbuild;
 try {
     sfcCompiler = require('vue/compiler-sfc');
 }
-catch (e) { }
+catch (e) {
+    // Vue não instalado ou não encontrado
+}
 try {
     esbuild = require('esbuild');
 }
-catch (e) { }
+catch (e) {
+    // Esbuild não instalado
+}
 const { loadTsConfigPaths, resolveTsConfigAlias, resolveWithNodeStyleExtensions } = require('./tsconfigPaths');
 /**
  * Carrega e processa o tsconfig.json para obter os aliases
@@ -72,10 +76,12 @@ function registerLoaders(options = {}) {
     }
     // --- File Handlers ---
     require.extensions['.md'] = function (module, filename) {
-        module.exports = fs.readFileSync(filename, 'utf8');
+        const content = fs.readFileSync(filename, 'utf8');
+        module.exports = content;
     };
     require.extensions['.txt'] = function (module, filename) {
-        module.exports = fs.readFileSync(filename, 'utf8');
+        const content = fs.readFileSync(filename, 'utf8');
+        module.exports = content;
     };
     const styleExtensions = ['.css', '.scss', '.sass', '.less'];
     styleExtensions.forEach(ext => {
@@ -95,6 +101,7 @@ function registerLoaders(options = {}) {
             throw new Error('Para carregar arquivos .vue no servidor, você precisa instalar "vue" e "esbuild".');
         }
         const source = fs.readFileSync(filename, 'utf8');
+        // Variável para armazenar o código final para fins de debug
         let finalEsm = '';
         try {
             // 1. Parse do SFC
@@ -105,66 +112,75 @@ function registerLoaders(options = {}) {
             if (errors.length > 0) {
                 console.error(`Erro ao parsear ${filename}:`, errors);
             }
-            // 2. Compilação do Script
-            let scriptContent = '';
+            // 2. Compilação do Script (<script> ou <script setup>)
+            // Padrão: Se não houver script, definimos um objeto vazio
+            let scriptContent = 'const _sfc_main = {};';
             let bindings = undefined;
             if (descriptor.script || descriptor.scriptSetup) {
-                const compiledScript = sfcCompiler.compileScript(descriptor, {
-                    id: filename,
-                    isProd: false,
-                    inlineTemplate: false
-                });
-                scriptContent = compiledScript.content;
-                bindings = compiledScript.bindings;
-                const hasSfcMain = /\bconst\s+_sfc_main\b/.test(scriptContent) ||
-                    /\blet\s+_sfc_main\b/.test(scriptContent) ||
-                    /\bvar\s+_sfc_main\b/.test(scriptContent);
-                // Caso tenha "export default"
-                if (/export\s+default/.test(scriptContent)) {
-                    scriptContent = scriptContent.replace(/export\s+default/, 'const _sfc_main =');
+                try {
+                    const compiledScript = sfcCompiler.compileScript(descriptor, {
+                        id: filename,
+                        isProd: false,
+                        inlineTemplate: false
+                    });
+                    // Lógica de substituição corrigida para evitar dupla declaração
+                    if (compiledScript.content.includes('const _sfc_main =')) {
+                        // O compilador do Vue já declarou o _sfc_main (comum no script setup)
+                        scriptContent = compiledScript.content;
+                    }
+                    else if (compiledScript.content.match(/export\s+default/)) {
+                        // Substitui export default tradicional
+                        scriptContent = compiledScript.content.replace(/export\s+default/, 'const _sfc_main =');
+                    }
+                    else {
+                        // Se não achou export default e o Vue não declarou o _sfc_main, nós criamos um vazio
+                        scriptContent = compiledScript.content + '\nconst _sfc_main = {};';
+                    }
+                    bindings = compiledScript.bindings;
                 }
-                // Caso NÃO tenha export default e NÃO tenha _sfc_main
-                else if (!hasSfcMain) {
-                    scriptContent += '\nconst _sfc_main = {};';
+                catch (e) {
+                    console.error(`Erro ao compilar script Vue em ${filename}:`, e.message);
+                    throw e;
                 }
             }
-            else {
-                // Sem script nenhum
-                scriptContent = 'const _sfc_main = {};';
-            }
             // 3. Compilação do Template para SSR
             let templateContent = '';
             if (descriptor.template) {
-                const templateResult = sfcCompiler.compileTemplate({
-                    source: descriptor.template.content,
-                    filename,
-                    id: filename,
-                    ssr: true,
-                    compilerOptions: {
-                        bindingMetadata: bindings
-                    },
-                    ssrCssVars: descriptor.cssVars || []
-                });
-                templateContent = templateResult.code;
+                try {
+                    const templateResult = sfcCompiler.compileTemplate({
+                        source: descriptor.template.content,
+                        filename: filename,
+                        id: filename,
+                        ssr: true,
+                        compilerOptions: {
+                            bindingMetadata: bindings
+                        },
+                        ssrCssVars: descriptor.cssVars || []
+                    });
+                    templateContent = templateResult.code;
+                }
+                catch (e) {
+                    console.error(`Erro ao compilar template Vue em ${filename}:`, e.message);
+                }
             }
-            // 4. Montagem do Código Final
+            // 4. Montagem do Código Final (ESM Virtual)
             finalEsm = `
-${scriptContent}
-${templateContent}
-
-// Anexa render ao componente
-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 para CJS
+                ${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, {
                 loader: 'ts',
                 format: 'cjs',
@@ -180,7 +196,7 @@ export default _sfc_main;
             console.error(`Erro original: ${err.message}`);
             if (finalEsm) {
                 console.error(`\n[DEBUG] Código gerado (Snippet):`);
-                console.error(finalEsm.split('\n').slice(0, 40).join('\n') + '\n...');
+                console.error(finalEsm.split('\n').slice(0, 30).join('\n') + '\n...');
             }
             console.error(`--------------------------\n`);
             throw err;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vatts",
-  "version": "1.2.0-test.2",
+  "version": "1.2.0-test.3",
   "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": "itsmuzin",