wu-framework 1.1.9 → 1.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wu-framework",
-  "version": "1.1.9",
+  "version": "1.1.11",
   "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

@@ -35,25 +35,38 @@ async function ensureReact() {
 
   try {
     // Intentar obtener de window (común en microfrontends)
-    if (typeof window !== 'undefined') {
-      if (window.React && window.ReactDOM) {
-        adapterState.React = window.React;
-        adapterState.ReactDOM = window.ReactDOM;
+    if (typeof window !== 'undefined' && window.React && window.ReactDOM) {
+      adapterState.React = window.React;
+      adapterState.ReactDOM = window.ReactDOM;
+
+      // createRoot puede estar en window.ReactDOM (si importaron de react-dom/client)
+      // o no existir (si importaron de react-dom). Intentar ambos caminos.
+      if (window.ReactDOM.createRoot) {
         adapterState.createRoot = window.ReactDOM.createRoot;
-        adapterState.initialized = true;
-        return true;
+      } else {
+        // Fallback: importar react-dom/client para obtener createRoot
+        try {
+          const clientModule = await import('react-dom/client');
+          adapterState.createRoot = (clientModule.default || clientModule).createRoot;
+        } catch {
+          console.error('[WuReact] createRoot not found. Expose window.ReactDOM from "react-dom/client", not "react-dom".');
+          return false;
+        }
       }
+
+      adapterState.initialized = true;
+      return true;
     }
 
     // Intentar import dinámico
-    const [React, ReactDOM] = await Promise.all([
+    const [React, ReactDOMClient] = await Promise.all([
       import('react'),
       import('react-dom/client')
     ]);
 
     adapterState.React = React.default || React;
-    adapterState.ReactDOM = ReactDOM;
-    adapterState.createRoot = ReactDOM.createRoot;
+    adapterState.ReactDOM = ReactDOMClient.default || ReactDOMClient;
+    adapterState.createRoot = (ReactDOMClient.default || ReactDOMClient).createRoot;
     adapterState.initialized = true;
     return true;
 
@@ -161,9 +174,13 @@ async function register(appName, Component, options = {}) {
       return;
     }
 
-    // Evitar doble mount
-    if (adapterState.roots.has(appName)) {
-      console.warn(`[WuReact] ${appName} already mounted, unmounting first`);
+    // Si ya está montado en el MISMO container, ignorar (StrictMode double-mount)
+    const existing = adapterState.roots.get(appName);
+    if (existing) {
+      if (existing.container === container) {
+        return; // Ya montado aquí, nada que hacer
+      }
+      // Diferente container → desmontar primero
       unmountApp();
     }
 
@@ -179,8 +196,6 @@ async function register(appName, Component, options = {}) {
       root.render(element);
       adapterState.roots.set(appName, { root, container });
 
-      console.log(`[WuReact] ✅ ${appName} mounted successfully`);
-
       if (onMount) {
         onMount(container);
       }

package/src/core/wu-performance.js

@@ -50,7 +50,7 @@ export class WuPerformance {
     const startTime = this.marks.get(markName);
 
     if (!startTime) {
-      console.warn(`[WuPerformance] ⚠️ No start mark found for: ${markName}`);
+      // Puede ocurrir en React StrictMode (doble mount) — no es un error
       return 0;
     }