wu-framework 1.1.12 → 1.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wu-framework",
-  "version": "1.1.12",
+  "version": "1.1.13",
   "description": "Universal Microfrontends Framework - 8 frameworks, zero config, Shadow DOM isolation",
   "main": "dist/wu-framework.cjs.js",
   "module": "src/index.js",

package/src/adapters/react/index.js

@@ -167,6 +167,25 @@ async function register(appName, Component, options = {}) {
 
   const { React, createRoot } = adapterState;
 
+  // Timer para diferir el unmount — permite que StrictMode remount lo cancele
+  let unmountTimer = null;
+
+  // Unmount real (sin defer)
+  const doUnmount = (container) => {
+    const instance = adapterState.roots.get(appName);
+    if (instance) {
+      try {
+        if (onUnmount) onUnmount(instance.container);
+        instance.root.unmount();
+        adapterState.roots.delete(appName);
+      } catch (error) {
+        console.error(`[WuReact] Unmount error for ${appName}:`, error);
+      }
+    }
+    const target = container || instance?.container;
+    if (target) target.innerHTML = '';
+  };
+
   // Función de mount interna
   const mountApp = (container) => {
     if (!container) {
@@ -174,26 +193,29 @@ async function register(appName, Component, options = {}) {
       return;
     }
 
-    // Si ya está montado en el MISMO container, ignorar (StrictMode double-mount)
+    // Cancelar cualquier unmount diferido (patrón StrictMode: mount → unmount → remount)
+    if (unmountTimer) {
+      clearTimeout(unmountTimer);
+      unmountTimer = null;
+    }
+
+    // Si ya está montado en el MISMO container, ignorar
     const existing = adapterState.roots.get(appName);
     if (existing) {
       if (existing.container === container) {
         return; // Ya montado aquí, nada que hacer
       }
-      // Diferente container → desmontar primero
-      unmountApp();
+      // Diferente container → desmontar inmediatamente (no diferido)
+      doUnmount();
     }
 
     try {
-      // Limpiar el DOM del container antes de crear un nuevo root.
-      // En React 18+, root.unmount() es async — si se llama createRoot()
-      // en el mismo container antes de que termine, falla silenciosamente.
-      // Limpiar innerHTML fuerza un DOM limpio para el nuevo root.
+      // Limpiar el DOM antes de crear un nuevo root.
+      // root.unmount() de React 18+ es async — innerHTML = '' fuerza DOM limpio.
       container.innerHTML = '';
 
       const root = createRoot(container);
 
-      // Crear elemento con o sin StrictMode
       let element = React.createElement(Component, props);
       if (strictMode && React.StrictMode) {
         element = React.createElement(React.StrictMode, null, element);
@@ -211,28 +233,16 @@ async function register(appName, Component, options = {}) {
     }
   };
 
-  // Función de unmount interna
+  // Función de unmount diferida — espera 60ms antes de desmontar.
+  // Si mountApp se llama antes de que expire el timer, el unmount se cancela.
+  // Esto resuelve el ciclo StrictMode: effect(mount) → cleanup(unmount) → effect(mount)
+  // donde el cleanup ocurre ENTRE los dos mounts async.
   const unmountApp = (container) => {
-    const instance = adapterState.roots.get(appName);
-
-    if (instance) {
-      try {
-        if (onUnmount) {
-          onUnmount(instance.container);
-        }
-
-        instance.root.unmount();
-        adapterState.roots.delete(appName);
-      } catch (error) {
-        console.error(`[WuReact] Unmount error for ${appName}:`, error);
-      }
-    }
-
-    // Limpiar container
-    const target = container || instance?.container;
-    if (target) {
-      target.innerHTML = '';
-    }
+    if (unmountTimer) clearTimeout(unmountTimer);
+    unmountTimer = setTimeout(() => {
+      unmountTimer = null;
+      doUnmount(container);
+    }, 60);
   };
 
   // Intentar registrar con Wu Framework