versacompiler 2.4.1 → 2.6.0

package/dist/compiler/typescript-worker.js

@@ -1,3 +1,15 @@
+/* VersaCompiler HMR shim [dev] */
+if (typeof window !== 'undefined' && window.__versaHMR) {
+  (() => {
+    const _id = new URL(import.meta.url).pathname;
+    import.meta.hot = {
+      accept(cb) { window.__versaHMR.accept(_id, typeof cb === 'function' ? cb : () => {}); },
+      invalidate() { window.__versaHMR._invalidate?.(_id); },
+      dispose(cb) { window.__versaHMR._onDispose?.(_id, cb); },
+      get data() { return window.__versaHMR._getHotData?.(_id) ?? {}; },
+    };
+  })();
+}
 /**
  * TypeScript Worker Manager - Gestiona workers dedicados para type checking asíncrono
  * Implementa el patrón Singleton para reutilizar workers entre compilaciones

package/dist/compiler/vuejs.js

@@ -1,3 +1,15 @@
+/* VersaCompiler HMR shim [dev] */
+if (typeof window !== 'undefined' && window.__versaHMR) {
+  (() => {
+    const _id = new URL(import.meta.url).pathname;
+    import.meta.hot = {
+      accept(cb) { window.__versaHMR.accept(_id, typeof cb === 'function' ? cb : () => {}); },
+      invalidate() { window.__versaHMR._invalidate?.(_id); },
+      dispose(cb) { window.__versaHMR._onDispose?.(_id, cb); },
+      get data() { return window.__versaHMR._getHotData?.(_id) ?? {}; },
+    };
+  })();
+}
 import { createHash } from 'node:crypto';
 import path from 'node:path';
 import * as vCompiler from 'vue/compiler-sfc';
@@ -49,9 +61,9 @@ class VueHMRInjectionCache {
         const hasRefImport = vueImportPattern.test(originalData);
         // ✨ FIX: Construir el import dinámicamente para evitar que el compilador lo transforme
         const vueRefImport = ['import', '{ ref }', 'from', '"vue"'].join(' ') + ';';
-        const varContent = `
-            ${hasRefImport ? '' : vueRefImport}
-            const versaComponentKey = ref(0);
+        const varContent = `
+            ${hasRefImport ? '' : vueRefImport}
+            const versaComponentKey = ref(0);
             `;
         let injectedData;
         const ifExistScript = originalData.includes('<script');
@@ -63,19 +75,30 @@ class VueHMRInjectionCache {
         else {
             injectedData = originalData.replace(/(<script.*?>)/, `$1${varContent}`);
         }
-        // Inyectar :key en el template
-        injectedData = injectedData.replace(/(<template[^>]*>[\s\S]*?)(<(\w+)([^>]*?))(\/?>)/, (match, p1, p2, p3, p4, p5) => {
-            if (p4.includes(':key=') || p4.includes('key=')) {
-                return match;
-            }
-            const isSelfClosing = p5 === '/>';
-            if (isSelfClosing) {
-                return `${p1}<${p3}${p4} :key="versaComponentKey" />`;
-            }
-            else {
-                return `${p1}<${p3}${p4} :key="versaComponentKey">`;
+        // Inyectar :key en el primer elemento hijo del template.
+        // Dos pasos para evitar backtracking catastrófico (ReDoS) que ocurría con
+        // el pattern combinado /(<template[^>]*>[\s\S]*?)(<(\w+)([^>]*?))(\/?>)/
+        const templateTagMatch = /(<template[^>]*>)/.exec(injectedData);
+        if (templateTagMatch) {
+            const templateEnd = templateTagMatch.index + templateTagMatch[0].length;
+            const afterTemplate = injectedData.slice(templateEnd);
+            // Buscar el primer tag de elemento (ignora espacios/comentarios) justo después del <template>
+            const firstChildMatch = /^(\s*)(<(\w+)([^>]*?)(\/?>))/.exec(afterTemplate);
+            if (firstChildMatch) {
+                const [, whitespace = '', fullTag = '', tagName, attrs = '', closing,] = firstChildMatch;
+                if (!attrs.includes(':key=') && !attrs.includes('key=')) {
+                    const isSelfClosing = closing === '/>';
+                    const newTag = isSelfClosing
+                        ? `<${tagName}${attrs} :key="versaComponentKey" />`
+                        : `<${tagName}${attrs} :key="versaComponentKey">`;
+                    injectedData =
+                        injectedData.slice(0, templateEnd) +
+                            whitespace +
+                            newTag +
+                            afterTemplate.slice(whitespace.length + fullTag.length);
+                }
             }
-        });
+        }
         // Cachear resultado
         this.cache.set(cacheKey, {
             contentHash,
@@ -167,8 +190,6 @@ export const preCompileVue = async (data, source, isProd = false) => {
                 scriptInfo: undefined,
             };
         }
-        // Guardar el código original antes de inyectar HMR
-        const originalData = data;
         if (!isProd) {
             const { injectedData } = hmrInjectionCache.getOrGenerateHMRInjection(data, fileName);
             data = injectedData;
@@ -312,18 +333,22 @@ export const preCompileVue = async (data, source, isProd = false) => {
                 filename: `${fileName}.vue`,
             });
         });
+        // data-versa-hmr-component permite a VueHRM.js eliminar style tags
+        // de ciclos HMR anteriores para evitar acumulación de estilos duplicados.
+        const sanitizedForAttr = fileName.replace(/[^a-zA-Z0-9_-]/g, '');
         const insertStyles = compiledStyles.length
-            ? `(function(){
-                    let styleTag = document.createElement('style');
-                    styleTag.setAttribute('data-v-${id}', '');
-                    styleTag.innerHTML = \`${compiledStyles.map((s) => s.code).join('\n')}\`;
-                    document.head.appendChild(styleTag);
+            ? `(function(){
+                    let styleTag = document.createElement('style');
+                    styleTag.setAttribute('data-v-${id}', '');
+                    styleTag.setAttribute('data-versa-hmr-component', '${sanitizedForAttr}');
+                    styleTag.innerHTML = \`${compiledStyles.map((s) => s.code).join('\n')}\`;
+                    document.head.appendChild(styleTag);
                 })();`
             : '';
-        let output = `
-            ${insertStyles}
-            ${finalCompiledScript.content}
-            ${finalCompiledTemplate.code}
+        let output = `
+            ${insertStyles}
+            ${finalCompiledScript.content}
+            ${finalCompiledTemplate.code}
         `; // Sanitizar el nombre del archivo para crear un nombre de variable JavaScript válido
         const sanitizedFileName = fileName.replace(/[^a-zA-Z0-9_$]/g, '').replace(/^[0-9]/, '_$&') ||
             'component';
@@ -331,35 +356,35 @@ export const preCompileVue = async (data, source, isProd = false) => {
         const hasNameProperty = /name\s*:\s*['"`]/.test(output);
         // Verificar si ya existe una propiedad 'components' en el output
         const hasComponentsProperty = /components\s*:\s*\{/.test(output);
-        const exportComponent = `
-                __file: '${source}',
-                __name: '${fileName}',
-                ${hasNameProperty ? '' : `name: '${fileName}',`}
+        const exportComponent = `
+                __file: '${source}',
+                __name: '${fileName}',
+                ${hasNameProperty ? '' : `name: '${fileName}',`}
                 ${hasComponentsProperty
             ? ''
-            : `components: {
-                    ${components.map(comp => `${comp}`).join(',\n                    ')}
-                },`}
+            : `components: {
+                    ${components.map(comp => `${comp}`).join(',\n                    ')}
+                },`}
             `;
         // MEJORAR: Manejo más robusto de export default
         if (output.includes('export default {')) {
-            output = output.replace('export default {', `const ${componentName} = {
-                \n${exportComponent}
+            output = output.replace('export default {', `const ${componentName} = {
+                \n${exportComponent}
                 `);
         }
         else if (output.includes('export default defineComponent({')) {
-            output = output.replace('export default defineComponent({', `const ${componentName} = defineComponent({
-                \n${exportComponent}
+            output = output.replace('export default defineComponent({', `const ${componentName} = defineComponent({
+                \n${exportComponent}
                 `);
         }
         else if (output.includes('const default = /*@__PURE__*/_defineComponent({')) {
-            output = output.replace('const default = /*@__PURE__*/_defineComponent({', `const ${componentName} = /*@__PURE__*/_defineComponent({
-                \n${exportComponent}
+            output = output.replace('const default = /*@__PURE__*/_defineComponent({', `const ${componentName} = /*@__PURE__*/_defineComponent({
+                \n${exportComponent}
                 `);
         }
         else if (output.includes('export default /*@__PURE__*/_defineComponent({')) {
-            output = output.replace('export default /*@__PURE__*/_defineComponent({', `const ${componentName} = /*@__PURE__*/_defineComponent({
-                \n${exportComponent}
+            output = output.replace('export default /*@__PURE__*/_defineComponent({', `const ${componentName} = /*@__PURE__*/_defineComponent({
+                \n${exportComponent}
                 `);
         }
         // MEJORAR: Manejo más robusto de render function
@@ -372,14 +397,16 @@ export const preCompileVue = async (data, source, isProd = false) => {
         if (!hasRenderFunction && descriptor.template) {
             logger.warn('Warning: No render function found in compiled output');
         }
-        const finishComponent = `
-            ${hasRenderFunction ? `${componentName}.render = render_${componentName};` : ''}
-            ${scopeId ? `${componentName}.__scopeId = '${scopeId}';` : ''}
-            ${customBlocks}
-
+        const finishComponent = `
+            ${hasRenderFunction ? `${componentName}.render = render_${componentName};` : ''}
+            ${scopeId ? `${componentName}.__scopeId = '${scopeId}';` : ''}
+            ${customBlocks}
+
             export default ${componentName};        `;
         output = `${output}\n${finishComponent}`;
         // 🚀 OPTIMIZACIÓN CRÍTICA: Evitar crear scriptInfo si no hay script
+        // originalData NO se incluye en scriptInfo para evitar retener la cadena completa
+        // del .vue en memoria. Se pasa por separado como sourceCode en parseTypeScriptErrors.
         const result = {
             lang: finalCompiledScript.lang,
             error: null,
@@ -391,7 +418,6 @@ export const preCompileVue = async (data, source, isProd = false) => {
                 startLine: (descriptor.script || descriptor.scriptSetup).loc?.start
                     .line || 1,
                 content: (descriptor.script || descriptor.scriptSetup).content,
-                originalData: originalData, // String directa, no closure
             };
         }
         return result;

package/dist/config.js

@@ -0,0 +1,14 @@
+/* VersaCompiler HMR shim [dev] */
+if (typeof window !== 'undefined' && window.__versaHMR) {
+  (() => {
+    const _id = new URL(import.meta.url).pathname;
+    import.meta.hot = {
+      accept(cb) { window.__versaHMR.accept(_id, typeof cb === 'function' ? cb : () => {}); },
+      invalidate() { window.__versaHMR._invalidate?.(_id); },
+      dispose(cb) { window.__versaHMR._onDispose?.(_id, cb); },
+      get data() { return window.__versaHMR._getHotData?.(_id) ?? {}; },
+    };
+  })();
+}
+export { defineConfig, } from './servicios/versacompile.config.types';
+//# sourceMappingURL=config.js.map