versacompiler 2.5.0 → 2.6.1

package/dist/compiler/transformTStoJS.js

@@ -1,16 +1,49 @@
+/* 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 { transform } from '/node_modules/oxc-transform/browser.js';
-export async function traspileTStoJS(filePath, sourceCode) {
+export async function transpileTStoJS(filePath, sourceCode) {
     try {
         const { code: outputText, declaration, errors: diagnostics, } = await transform(filePath, sourceCode);
+        // Si oxc-transform devuelve código vacío ante una entrada no vacía,
+        // usar el fuente original como fallback para no corromper el pipeline.
+        if (!outputText && sourceCode.trim()) {
+            return {
+                outputText: sourceCode,
+                declaration: declaration || '',
+                diagnostics: [
+                    `Warning: oxc-transform produjo salida vacía para ${filePath}, usando fuente original`,
+                    ...(diagnostics ?? []).map(d => typeof d === 'string' ? d : JSON.stringify(d)),
+                ],
+            };
+        }
         return {
-            outputText: outputText,
+            outputText: outputText ?? sourceCode,
             declaration: declaration || '',
-            diagnostics: diagnostics || [],
+            diagnostics: (diagnostics ?? []).map(d => typeof d === 'string' ? d : JSON.stringify(d)),
         };
     }
     catch (error) {
-        console.error(`Error transpiling ${filePath}:`, error);
-        return { outputText: '', declaration: '', diagnostics: [error] };
+        const errorMsg = error instanceof Error ? error.message : String(error);
+        // Fallback al fuente original para que el pipeline no reciba código vacío
+        return {
+            outputText: sourceCode,
+            declaration: '',
+            diagnostics: [
+                `Error durante transpilación de ${filePath}: ${errorMsg}. Usando fuente original.`,
+            ],
+        };
     }
 }
+/** @deprecated Usar transpileTStoJS (corrección de typo histórico) */
+export const traspileTStoJS = transpileTStoJS;
 //# sourceMappingURL=transformTStoJS.js.map

package/dist/compiler/transforms.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 path from 'node:path';
 import { env } from 'node:process';
 import { logger } from '../servicios/logger.js';

package/dist/compiler/typescript-compiler.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 fs from 'node:fs';
 import path from 'node:path';
 import * as process from 'node:process';

package/dist/compiler/typescript-error-parser.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 { readFileSync } from 'node:fs';
 import * as typescript from 'typescript';
 /**

package/dist/compiler/typescript-manager.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 fs from 'node:fs';
 import path from 'node:path';
 import * as process from 'node:process';

package/dist/compiler/typescript-sync-validator.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 Sync Validator - Validación síncrona de tipos como fallback
  * Contiene la lógica extraída del módulo principal para cuando el worker no está disponible

package/dist/compiler/typescript-worker-pool.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 Pool - Pool de workers para compilación paralela
  * Reemplaza el worker único con múltiples workers para aprovecha la concurrencia real

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';
@@ -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,10 +333,14 @@ 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.setAttribute('data-versa-hmr-component', '${sanitizedForAttr}');
                     styleTag.innerHTML = \`${compiledStyles.map((s) => s.code).join('\n')}\`;
                     document.head.appendChild(styleTag);
                 })();`
@@ -380,6 +405,8 @@ export const preCompileVue = async (data, source, isProd = false) => {
             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

@@ -1,2 +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

package/dist/hrm/VueHRM.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) ?? {}; },
+    };
+  })();
+}
 /**
  * @typedef {Object} TreeNode
  * @property {string} name - Nombre del componente
@@ -222,7 +234,80 @@ function tryForceUpdate(instance) {
 }
 
 /**
- * Intenta actualizar un componente en el camino del árbol
+ * Limpia los caches internos de Vue para una definición de componente.
+ * Necesario para que Vue detecte el cambio de props/emits/options.
+ * @param {Object} appContext - Contexto de la app Vue (instance.appContext)
+ * @param {Object} componentDef - Definición del componente
+ */
+function clearVueCaches(appContext, componentDef) {
+    if (!appContext || !componentDef) return;
+    try {
+        appContext.propsCache?.delete(componentDef);
+        appContext.emitsCache?.delete(componentDef);
+        appContext.optionsCache?.delete(componentDef);
+    } catch {
+        // Los caches pueden no existir en todas las versiones de Vue
+    }
+}
+
+/**
+ * Actualiza una instancia de componente Vue en-place con la nueva definición.
+ * Muta el objeto `instance.type` directamente para que TODAS las referencias
+ * a la definición (incluidas las capturadas en closures de render functions
+ * de componentes padre que hacen import estático) vean la nueva versión.
+ *
+ * @param {Object} instance - Instancia Vue del componente a actualizar
+ * @param {Object} newComponentDef - Nueva definición del componente
+ * @returns {boolean} true si la actualización fue exitosa
+ */
+function updateInstanceInPlace(instance, newComponentDef) {
+    if (!instance || !newComponentDef) return false;
+
+    const oldDef = instance.type;
+    if (!oldDef || typeof oldDef !== 'object') return false;
+
+    // 1. Mutar la definición existente en-place.
+    //    Object.assign copia propiedades enumerables; copiamos render/setup
+    //    explícitamente porque pueden no ser enumerables en algunos builds.
+    Object.assign(oldDef, newComponentDef);
+    if (newComponentDef.render) oldDef.render = newComponentDef.render;
+    if (newComponentDef.setup) oldDef.setup = newComponentDef.setup;
+    if (newComponentDef.ssrRender) oldDef.ssrRender = newComponentDef.ssrRender;
+
+    // 2. Actualizar instance.render directamente.
+    //    Vue almacena la referencia a la render function en instance.render durante
+    //    el mount (handleSetupResult), y es ESA la que llama en cada patch.
+    //    Cambiar solo instance.type.render NO es suficiente — hay que actualizar
+    //    también instance.render para que el próximo update use la nueva template.
+    if (newComponentDef.render && typeof instance.render !== 'undefined') {
+        instance.render = newComponentDef.render;
+    }
+
+    // 3. Limpiar caches internos de Vue para que re-evalúe props/emits/options.
+    clearVueCaches(instance.appContext, oldDef);
+
+    // 4. Forzar actualización de ESTA instancia directamente (no solo del padre).
+    //    Incrementar versaComponentKey para triggear el :key del template.
+    if (instance.ctx?._.setupState?.versaComponentKey !== undefined) {
+        instance.ctx._.setupState.versaComponentKey++;
+    }
+    if (typeof instance.update === 'function') {
+        instance.update();
+        return true;
+    }
+    if (instance.proxy && typeof instance.proxy.$forceUpdate === 'function') {
+        instance.proxy.$forceUpdate();
+        return true;
+    }
+
+    return false;
+}
+
+/**
+ * Intenta actualizar un componente en el camino del árbol.
+ * Ahora usa mutación in-place de la definición + limpieza de caches Vue,
+ * en lugar de reemplazar la referencia en el mapa de components del padre.
+ *
  * @param {TreeNode[]} path - Camino de nodos desde el componente hasta la raíz
  * @param {Object} newComponent - Nuevo componente a usar
  * @param {string} componentName - Nombre del componente
@@ -235,7 +320,25 @@ function tryUpdateComponentPath(path, newComponent, componentName, App) {
         return false;
     }
 
-    // Recorrer el path desde el padre hacia la raíz (saltando el primer elemento que es el propio componente)
+    // path[0] es el nodo del propio componente a actualizar.
+    // Intentar actualización directa en la instancia del componente.
+    const targetNode = path[0];
+    if (targetNode?.instancia) {
+        const updated = updateInstanceInPlace(
+            targetNode.instancia,
+            newComponent,
+        );
+        if (updated) {
+            // También forzar actualización del padre para que el vdom se reconcilie.
+            const parentNode = path[1];
+            if (parentNode?.instancia && !parentNode.isRoot) {
+                tryForceUpdate(parentNode.instancia);
+            }
+            return true;
+        }
+    }
+
+    // Fallback: recorrer hacia el padre si el nodo propio no es accesible.
     for (let i = 1; i < path.length; i++) {
         const parent = path[i];
 
@@ -244,19 +347,29 @@ function tryUpdateComponentPath(path, newComponent, componentName, App) {
             return true;
         }
 
-        if (!parent || !parent.instancia) {
+        if (!parent?.instancia) {
             console.error('❌ Nodo padre no válido en el camino:', parent);
-            continue; // Continúa con el siguiente padre en lugar de fallar
+            continue;
         }
 
-        // Actualizar la instancia del componente
         const componentsDefinition =
             parent.instancia?.type?.components || parent.instancia?.components;
 
         if (componentsDefinition && componentsDefinition[componentName]) {
-            componentsDefinition[componentName] = newComponent;
+            // Mutar la definición existente en el mapa del padre también,
+            // para que nuevas instancias del componente creadas después se usen
+            // con la definición actualizada.
+            const existingDef = componentsDefinition[componentName];
+            if (existingDef && typeof existingDef === 'object') {
+                Object.assign(existingDef, newComponent);
+                if (newComponent.render)
+                    existingDef.render = newComponent.render;
+                if (newComponent.setup) existingDef.setup = newComponent.setup;
+                clearVueCaches(parent.instancia.appContext, existingDef);
+            } else {
+                componentsDefinition[componentName] = newComponent;
+            }
 
-            // Forzar actualización de la instancia padre
             return (
                 tryForceUpdate(parent.instancia) ||
                 tryForceUpdate(parent.instancia.proxy)
@@ -297,6 +410,18 @@ export async function reloadComponent(App, Component) {
         const timestamp = Date.now();
         const moduleUrl = `${urlOrigin}?t=${timestamp}`;
 
+        // Eliminar style tags del ciclo HMR anterior para este componente
+        // para evitar acumulación de estilos duplicados en el documento.
+        const componentName_clean = componentName.replace(
+            /[^a-zA-Z0-9_-]/g,
+            '',
+        );
+        document
+            .querySelectorAll(
+                `[data-versa-hmr-component="${componentName_clean}"]`,
+            )
+            .forEach(el => el.remove());
+
         const module = await import(moduleUrl);
 
         if (!module.default) {

package/dist/hrm/errorScreen.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) ?? {}; },
+    };
+  })();
+}
 /**
  * Variable global que mantiene la referencia al overlay de error actual
  * @type {HTMLElement|null}

package/dist/hrm/getInstanciaVue.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) ?? {}; },
+    };
+  })();
+}
 /**
  * Script para obtener la instancia de Vue usando solo JavaScript
  * Compatible con Vue 2 y Vue 3