wu-framework 1.1.9 → 1.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/adapters/react/index.js +22 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wu-framework",
3
- "version": "1.1.9",
3
+ "version": "1.1.10",
4
4
  "description": "Universal Microfrontends Framework - 8 frameworks, zero config, Shadow DOM isolation",
5
5
  "main": "dist/wu-framework.cjs.js",
6
6
  "module": "src/index.js",
package/src/adapters/react/index.js CHANGED
@@ -35,25 +35,38 @@ async function ensureReact() {
35
35
 
36
36
  try {
37
37
  // Intentar obtener de window (común en microfrontends)
38
- if (typeof window !== 'undefined') {
39
- if (window.React && window.ReactDOM) {
40
- adapterState.React = window.React;
41
- adapterState.ReactDOM = window.ReactDOM;
38
+ if (typeof window !== 'undefined' && window.React && window.ReactDOM) {
39
+ adapterState.React = window.React;
40
+ adapterState.ReactDOM = window.ReactDOM;
41
+
42
+ // createRoot puede estar en window.ReactDOM (si importaron de react-dom/client)
43
+ // o no existir (si importaron de react-dom). Intentar ambos caminos.
44
+ if (window.ReactDOM.createRoot) {
42
45
  adapterState.createRoot = window.ReactDOM.createRoot;
43
- adapterState.initialized = true;
44
- return true;
46
+ } else {
47
+ // Fallback: importar react-dom/client para obtener createRoot
48
+ try {
49
+ const clientModule = await import('react-dom/client');
50
+ adapterState.createRoot = (clientModule.default || clientModule).createRoot;
51
+ } catch {
52
+ console.error('[WuReact] createRoot not found. Expose window.ReactDOM from "react-dom/client", not "react-dom".');
53
+ return false;
54
+ }
45
55
  }
56
+
57
+ adapterState.initialized = true;
58
+ return true;
46
59
  }
47
60
 
48
61
  // Intentar import dinámico
49
- const [React, ReactDOM] = await Promise.all([
62
+ const [React, ReactDOMClient] = await Promise.all([
50
63
  import('react'),
51
64
  import('react-dom/client')
52
65
  ]);
53
66
 
54
67
  adapterState.React = React.default || React;
55
- adapterState.ReactDOM = ReactDOM;
56
- adapterState.createRoot = ReactDOM.createRoot;
68
+ adapterState.ReactDOM = ReactDOMClient.default || ReactDOMClient;
69
+ adapterState.createRoot = (ReactDOMClient.default || ReactDOMClient).createRoot;
57
70
  adapterState.initialized = true;
58
71
  return true;
59
72