wu-framework 1.1.8 → 1.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wu-framework",
-  "version": "1.1.8",
+  "version": "1.1.10",
   "description": "Universal Microfrontends Framework - 8 frameworks, zero config, Shadow DOM isolation",
   "main": "dist/wu-framework.cjs.js",
   "module": "src/index.js",
@@ -51,9 +51,15 @@
     "web-components",
     "shadow-dom",
     "universal",
-    "zero-config"
+    "zero-config",
+    "ai",
+    "llm",
+    "webmcp",
+    "mcp",
+    "tool-calling",
+    "byol"
   ],
-  "author": "Wu Framework Team",
+  "author": "Luis Garcia",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -62,7 +68,7 @@
   "bugs": {
     "url": "https://github.com/wu-framework/wu-framework/issues"
   },
-  "homepage": "https://wu-framework.dev",
+  "homepage": "https://www.wu-framework.com",
   "engines": {
     "node": ">=16.0.0"
   },

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;
 
@@ -280,65 +293,70 @@ function createWuSlot(React) {
 
     const actualAppName = appName || name;
 
-    const mountMicrofrontend = useCallback(async () => {
-      if (!containerRef.current) return;
-
-      try {
-        setLoading(true);
-        setError(null);
-
-        const wu = getWuInstance();
-        if (!wu) {
-          throw new Error('Wu Framework not initialized');
-        }
-
-        // Crear container interno
-        const containerId = `wu-slot-${actualAppName}-${Date.now()}`;
-        const innerContainer = document.createElement('div');
-        innerContainer.id = containerId;
-        innerContainer.style.width = '100%';
-        innerContainer.style.height = '100%';
-        containerRef.current.innerHTML = '';
-        containerRef.current.appendChild(innerContainer);
-
-        // Crear y montar la app
-        const app = wu.app(actualAppName, {
-          url,
-          container: `#${containerId}`,
-          autoInit: true
-        });
-
-        appInstanceRef.current = app;
-        await app.mount();
+    useEffect(() => {
+      let cancelled = false;
+      const containerId = `wu-slot-${actualAppName}-${Math.random().toString(36).slice(2, 8)}`;
+
+      // Delay de 50ms para compatibilidad con React 18/19 StrictMode.
+      // En StrictMode el primer efecto se cancela inmediatamente (cancelled = true,
+      // clearTimeout) y solo el segundo efecto monta; evita doble-mount y
+      // "[Wu] App not mounted" en primera carga.
+      const timer = setTimeout(async () => {
+        if (cancelled || !containerRef.current) return;
+
+        try {
+          setLoading(true);
+          setError(null);
+
+          const wu = getWuInstance();
+          if (!wu) {
+            throw new Error('Wu Framework not initialized');
+          }
 
-        setLoading(false);
+          // Crear container interno
+          const innerContainer = document.createElement('div');
+          innerContainer.id = containerId;
+          innerContainer.style.width = '100%';
+          innerContainer.style.height = '100%';
+          containerRef.current.innerHTML = '';
+          containerRef.current.appendChild(innerContainer);
 
-        if (onLoad) onLoad({ name: actualAppName, url });
-        if (onMount) onMount({ name: actualAppName, container: innerContainer });
+          // Montar usando wu.mount() (wu.init() ya se llamó en el shell)
+          await wu.mount(actualAppName, `#${containerId}`);
 
-      } catch (err) {
-        console.error(`[WuSlot] Error loading ${actualAppName}:`, err);
-        setError(err.message || 'Failed to load microfrontend');
-        setLoading(false);
+          if (!cancelled) {
+            appInstanceRef.current = actualAppName;
+            setLoading(false);
 
-        if (onError) onError(err);
-      }
-    }, [actualAppName, url, onLoad, onError, onMount]);
+            if (onLoad) onLoad({ name: actualAppName, url });
+            if (onMount) onMount({ name: actualAppName, container: innerContainer });
+          }
+        } catch (err) {
+          if (!cancelled) {
+            console.error(`[WuSlot] Error loading ${actualAppName}:`, err);
+            setError(err.message || 'Failed to load microfrontend');
+            setLoading(false);
 
-    useEffect(() => {
-      mountMicrofrontend();
+            if (onError) onError(err);
+          }
+        }
+      }, 50);
 
       return () => {
+        cancelled = true;
+        clearTimeout(timer);
+
         if (appInstanceRef.current) {
           if (onUnmount) onUnmount({ name: actualAppName });
 
-          appInstanceRef.current.unmount().catch(err => {
-            console.warn(`[WuSlot] Error unmounting ${actualAppName}:`, err);
-          });
+          const wu = getWuInstance();
+          if (wu) {
+            wu.unmount(actualAppName).catch(() => {});
+          }
           appInstanceRef.current = null;
         }
       };
-    }, [mountMicrofrontend, actualAppName, onUnmount]);
+    }, [actualAppName, url, onLoad, onError, onMount, onUnmount]);
 
     // Render de error
     if (error) {