@module-federation/bridge-react 0.0.0-next-20240718072411 → 0.0.0-next-20240722031635

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.
package/CHANGELOG.md CHANGED
@@ -1,11 +1,10 @@
1
1
  # @module-federation/bridge-react
2
2
 
3
- ## 0.0.0-next-20240718072411
3
+ ## 0.0.0-next-20240722031635
4
4
 
5
5
  ### Patch Changes
6
6
 
7
- - chore: bump next
8
- - @module-federation/bridge-shared@0.0.0-next-20240718072411
7
+ - @module-federation/bridge-shared@0.0.0-next-20240722031635
9
8
 
10
9
  ## 0.2.6
11
10
 
package/dist/index.cjs.js CHANGED
@@ -307,50 +307,32 @@ function createBridgeComponent(bridgeInfo) {
307
307
  return () => {
308
308
  const rootMap = /* @__PURE__ */ new Map();
309
309
  const RawComponent = (info) => {
310
- const { appInfo, propsInfo, ...restProps } = info;
310
+ const { appInfo, propsInfo } = info;
311
311
  const { name, memoryRoute, basename = "/" } = appInfo;
312
- return /* @__PURE__ */ React__namespace.createElement(context.RouterContext.Provider, { value: { name, basename, memoryRoute } }, /* @__PURE__ */ React__namespace.createElement(bridgeInfo.rootComponent, { ...propsInfo, basename, ...restProps }));
312
+ return /* @__PURE__ */ React__namespace.createElement(context.RouterContext.Provider, { value: { name, basename, memoryRoute } }, /* @__PURE__ */ React__namespace.createElement(bridgeInfo.rootComponent, { ...propsInfo, basename }));
313
313
  };
314
314
  return {
315
- async render(info) {
315
+ render(info) {
316
316
  context.LoggerInstance.log(`createBridgeComponent render Info`, info);
317
317
  const { name, basename, memoryRoute, ...propsInfo } = info;
318
318
  if (context.atLeastReact18(React__namespace)) {
319
- if (bridgeInfo == null ? void 0 : bridgeInfo.render) {
320
- Promise.resolve(bridgeInfo == null ? void 0 : bridgeInfo.render(
321
- /* @__PURE__ */ React__namespace.createElement(
322
- RawComponent,
323
- {
324
- propsInfo,
325
- appInfo: {
326
- name,
327
- basename,
328
- memoryRoute
329
- }
330
- }
331
- ),
332
- info.dom
333
- )).then((root) => rootMap.set(info.dom, root));
334
- } else {
335
- const root = client.createRoot(info.dom);
336
- root.render(
337
- /* @__PURE__ */ React__namespace.createElement(
338
- RawComponent,
339
- {
340
- propsInfo,
341
- appInfo: {
342
- name,
343
- basename,
344
- memoryRoute
345
- }
319
+ const root = client.createRoot(info.dom);
320
+ rootMap.set(info.dom, root);
321
+ root.render(
322
+ /* @__PURE__ */ React__namespace.createElement(
323
+ RawComponent,
324
+ {
325
+ propsInfo,
326
+ appInfo: {
327
+ name,
328
+ basename,
329
+ memoryRoute
346
330
  }
347
- )
348
- );
349
- rootMap.set(info.dom, root);
350
- }
331
+ }
332
+ )
333
+ );
351
334
  } else {
352
- const renderFunc = (bridgeInfo == null ? void 0 : bridgeInfo.render) || ReactDOM.render;
353
- renderFunc(
335
+ ReactDOM.render(
354
336
  /* @__PURE__ */ React__namespace.createElement(
355
337
  RawComponent,
356
338
  {
@@ -366,7 +348,7 @@ function createBridgeComponent(bridgeInfo) {
366
348
  );
367
349
  }
368
350
  },
369
- async destroy(info) {
351
+ destroy(info) {
370
352
  context.LoggerInstance.log(`createBridgeComponent destroy Info`, {
371
353
  dom: info.dom
372
354
  });
package/dist/index.d.ts CHANGED
@@ -1,15 +1,14 @@
1
1
  import { ComponentType } from 'react';
2
2
  import { default as default_2 } from 'react';
3
- import { default as default_3 } from 'react-dom/client';
4
3
  import { ErrorInfo } from 'react';
5
4
  import { PropsWithChildren } from 'react';
6
5
  import * as React_2 from 'react';
7
6
 
8
7
  export declare function createBridgeComponent<T>(bridgeInfo: ProviderFnParams<T>): () => {
9
- render(info: RenderFnParams & any): Promise<void>;
8
+ render(info: RenderFnParams & any): void;
10
9
  destroy(info: {
11
10
  dom: HTMLElement;
12
- }): Promise<void>;
11
+ }): void;
13
12
  rawComponent: React_2.ComponentType<T>;
14
13
  __BRIDGE_FN__: (_args: T) => void;
15
14
  };
@@ -20,8 +19,8 @@ export declare function createRemoteComponent<T, E extends keyof T>(info: {
20
19
  fallback: ErrorBoundaryPropsWithComponent['FallbackComponent'];
21
20
  export?: E;
22
21
  }): (props: {
23
- basename?: ProviderParams["basename"];
24
- memoryRoute?: ProviderParams["memoryRoute"];
22
+ basename?: ProviderParams['basename'];
23
+ memoryRoute?: ProviderParams['memoryRoute'];
25
24
  } & ("__BRIDGE_FN__" extends keyof (T[E] extends (...args: any) => any ? ReturnType<T[E]> : never) ? (T[E] extends (...args: any) => any ? ReturnType<T[E]> : never)["__BRIDGE_FN__"] extends (...args: any) => any ? Parameters<(T[E] extends (...args: any) => any ? ReturnType<T[E]> : never)["__BRIDGE_FN__"]>[0] : {} : {})) => default_2.JSX.Element;
26
25
 
27
26
  declare type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {
@@ -50,7 +49,6 @@ declare type FallbackProps = {
50
49
 
51
50
  declare type ProviderFnParams<T> = {
52
51
  rootComponent: React_2.ComponentType<T>;
53
- render?: (App: React_2.ReactElement, id?: HTMLElement | string) => RootType | Promise<RootType>;
54
52
  };
55
53
 
56
54
  export declare interface ProviderParams {
@@ -65,6 +63,4 @@ export declare interface RenderFnParams extends ProviderParams {
65
63
  dom: HTMLElement;
66
64
  }
67
65
 
68
- declare type RootType = HTMLElement | default_3.Root;
69
-
70
66
  export { }
package/dist/index.es.js CHANGED
@@ -288,50 +288,32 @@ function createBridgeComponent(bridgeInfo) {
288
288
  return () => {
289
289
  const rootMap = /* @__PURE__ */ new Map();
290
290
  const RawComponent = (info) => {
291
- const { appInfo, propsInfo, ...restProps } = info;
291
+ const { appInfo, propsInfo } = info;
292
292
  const { name, memoryRoute, basename = "/" } = appInfo;
293
- return /* @__PURE__ */ React.createElement(RouterContext.Provider, { value: { name, basename, memoryRoute } }, /* @__PURE__ */ React.createElement(bridgeInfo.rootComponent, { ...propsInfo, basename, ...restProps }));
293
+ return /* @__PURE__ */ React.createElement(RouterContext.Provider, { value: { name, basename, memoryRoute } }, /* @__PURE__ */ React.createElement(bridgeInfo.rootComponent, { ...propsInfo, basename }));
294
294
  };
295
295
  return {
296
- async render(info) {
296
+ render(info) {
297
297
  LoggerInstance.log(`createBridgeComponent render Info`, info);
298
298
  const { name, basename, memoryRoute, ...propsInfo } = info;
299
299
  if (atLeastReact18(React)) {
300
- if (bridgeInfo == null ? void 0 : bridgeInfo.render) {
301
- Promise.resolve(bridgeInfo == null ? void 0 : bridgeInfo.render(
302
- /* @__PURE__ */ React.createElement(
303
- RawComponent,
304
- {
305
- propsInfo,
306
- appInfo: {
307
- name,
308
- basename,
309
- memoryRoute
310
- }
311
- }
312
- ),
313
- info.dom
314
- )).then((root) => rootMap.set(info.dom, root));
315
- } else {
316
- const root = client.createRoot(info.dom);
317
- root.render(
318
- /* @__PURE__ */ React.createElement(
319
- RawComponent,
320
- {
321
- propsInfo,
322
- appInfo: {
323
- name,
324
- basename,
325
- memoryRoute
326
- }
300
+ const root = client.createRoot(info.dom);
301
+ rootMap.set(info.dom, root);
302
+ root.render(
303
+ /* @__PURE__ */ React.createElement(
304
+ RawComponent,
305
+ {
306
+ propsInfo,
307
+ appInfo: {
308
+ name,
309
+ basename,
310
+ memoryRoute
327
311
  }
328
- )
329
- );
330
- rootMap.set(info.dom, root);
331
- }
312
+ }
313
+ )
314
+ );
332
315
  } else {
333
- const renderFunc = (bridgeInfo == null ? void 0 : bridgeInfo.render) || ReactDOM.render;
334
- renderFunc(
316
+ ReactDOM.render(
335
317
  /* @__PURE__ */ React.createElement(
336
318
  RawComponent,
337
319
  {
@@ -347,7 +329,7 @@ function createBridgeComponent(bridgeInfo) {
347
329
  );
348
330
  }
349
331
  },
350
- async destroy(info) {
332
+ destroy(info) {
351
333
  LoggerInstance.log(`createBridgeComponent destroy Info`, {
352
334
  dom: info.dom
353
335
  });
@@ -60,21 +60,14 @@ function WraperRouterProvider(props) {
60
60
  const RouterProvider = ReactRouterDom__namespace["RouterProvider"];
61
61
  const createMemoryRouter = ReactRouterDom__namespace["createMemoryRouter"];
62
62
  const createBrowserRouter = ReactRouterDom__namespace["createBrowserRouter"];
63
- console.log("=======resolve to v5!!");
64
63
  if (!routerContextProps)
65
64
  return /* @__PURE__ */ React.createElement(RouterProvider, { ...props });
66
- console.log("=======resolve to v6!!");
67
65
  if (routerContextProps.memoryRoute) {
68
66
  const MemeoryRouterInstance = createMemoryRouter(routers, {
69
67
  initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
70
68
  });
71
69
  return /* @__PURE__ */ React.createElement(RouterProvider, { router: MemeoryRouterInstance });
72
70
  } else {
73
- console.log("=======createBrowserRouter routers", routers);
74
- console.log(
75
- "=======createBrowserRouter routerContextProps.basename",
76
- routerContextProps.basename
77
- );
78
71
  const BrowserRouterInstance = createBrowserRouter(routers, {
79
72
  basename: routerContextProps.basename,
80
73
  future: router.future,
package/dist/router.es.js CHANGED
@@ -42,21 +42,14 @@ function WraperRouterProvider(props) {
42
42
  const RouterProvider = ReactRouterDom["RouterProvider"];
43
43
  const createMemoryRouter = ReactRouterDom["createMemoryRouter"];
44
44
  const createBrowserRouter = ReactRouterDom["createBrowserRouter"];
45
- console.log("=======resolve to v5!!");
46
45
  if (!routerContextProps)
47
46
  return /* @__PURE__ */ React__default.createElement(RouterProvider, { ...props });
48
- console.log("=======resolve to v6!!");
49
47
  if (routerContextProps.memoryRoute) {
50
48
  const MemeoryRouterInstance = createMemoryRouter(routers, {
51
49
  initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
52
50
  });
53
51
  return /* @__PURE__ */ React__default.createElement(RouterProvider, { router: MemeoryRouterInstance });
54
52
  } else {
55
- console.log("=======createBrowserRouter routers", routers);
56
- console.log(
57
- "=======createBrowserRouter routerContextProps.basename",
58
- routerContextProps.basename
59
- );
60
53
  const BrowserRouterInstance = createBrowserRouter(routers, {
61
54
  basename: routerContextProps.basename,
62
55
  future: router.future,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@module-federation/bridge-react",
3
- "version": "0.0.0-next-20240718072411",
3
+ "version": "0.0.0-next-20240722031635",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -20,22 +20,12 @@
20
20
  "import": "./dist/router.es.js",
21
21
  "require": "./dist/router.cjs.js"
22
22
  },
23
- "./router-v5": {
24
- "types": "./dist/router-v5.d.ts",
25
- "import": "./dist/router-v5.es.js",
26
- "require": "./dist/router-v5.cjs.js"
27
- },
28
- "./router-v6": {
29
- "types": "./dist/router-v6.d.ts",
30
- "import": "./dist/router-v6.es.js",
31
- "require": "./dist/router-v6.cjs.js"
32
- },
33
23
  "./*": "./*"
34
24
  },
35
25
  "dependencies": {
36
26
  "@loadable/component": "^5.16.4",
37
27
  "react-error-boundary": "^4.0.13",
38
- "@module-federation/bridge-shared": "0.0.0-next-20240718072411"
28
+ "@module-federation/bridge-shared": "0.0.0-next-20240722031635"
39
29
  },
40
30
  "peerDependencies": {
41
31
  "react": ">=16.9.0",
package/src/provider.tsx CHANGED
@@ -9,61 +9,45 @@ import type {
9
9
  } from '@module-federation/bridge-shared';
10
10
  import { LoggerInstance, atLeastReact18 } from './utils';
11
11
 
12
- type RootType = HTMLElement | ReactDOMClient.Root;
13
12
  type ProviderFnParams<T> = {
14
13
  rootComponent: React.ComponentType<T>;
15
- render?: (App: React.ReactElement, id?: HTMLElement | string) => RootType | Promise<RootType>;
16
14
  };
17
15
 
18
16
  export function createBridgeComponent<T>(bridgeInfo: ProviderFnParams<T>) {
19
17
  return () => {
20
- const rootMap = new Map<any, RootType>();
18
+ const rootMap = new Map<any, ReactDOMClient.Root>();
19
+
21
20
  const RawComponent = (info: { propsInfo: T; appInfo: ProviderParams }) => {
22
- const { appInfo, propsInfo, ...restProps } = info;
21
+ const { appInfo, propsInfo } = info;
23
22
  const { name, memoryRoute, basename = '/' } = appInfo;
24
23
 
25
24
  return (
26
25
  <RouterContext.Provider value={{ name, basename, memoryRoute }}>
27
- <bridgeInfo.rootComponent {...propsInfo} basename={basename} {...restProps} />
26
+ <bridgeInfo.rootComponent {...propsInfo} basename={basename} />
28
27
  </RouterContext.Provider>
29
28
  );
30
29
  };
31
30
 
32
31
  return {
33
- async render(info: RenderFnParams & any) {
32
+ render(info: RenderFnParams & any) {
34
33
  LoggerInstance.log(`createBridgeComponent render Info`, info);
35
34
  const { name, basename, memoryRoute, ...propsInfo } = info;
35
+
36
36
  if (atLeastReact18(React)) {
37
- // render is provided by user
38
- if (bridgeInfo?.render) {
39
- Promise.resolve(bridgeInfo?.render(
40
- <RawComponent
41
- propsInfo={propsInfo}
42
- appInfo={{
43
- name,
44
- basename,
45
- memoryRoute,
46
- }}
47
- />,
48
- info.dom
49
- )).then((root: RootType) => rootMap.set(info.dom, root));
50
- } else {
51
- const root: RootType = ReactDOMClient.createRoot(info.dom);
52
- root.render(
53
- <RawComponent
54
- propsInfo={propsInfo}
55
- appInfo={{
56
- name,
57
- basename,
58
- memoryRoute,
59
- }}
60
- />,
61
- );
62
- rootMap.set(info.dom, root);
63
- }
37
+ const root = ReactDOMClient.createRoot(info.dom);
38
+ rootMap.set(info.dom, root);
39
+ root.render(
40
+ <RawComponent
41
+ propsInfo={propsInfo}
42
+ appInfo={{
43
+ name,
44
+ basename,
45
+ memoryRoute,
46
+ }}
47
+ />,
48
+ );
64
49
  } else {
65
- const renderFunc = bridgeInfo?.render || ReactDOM.render;
66
- renderFunc(
50
+ ReactDOM.render(
67
51
  <RawComponent
68
52
  propsInfo={propsInfo}
69
53
  appInfo={{
@@ -76,13 +60,13 @@ export function createBridgeComponent<T>(bridgeInfo: ProviderFnParams<T>) {
76
60
  );
77
61
  }
78
62
  },
79
- async destroy(info: { dom: HTMLElement }) {
63
+ destroy(info: { dom: HTMLElement }) {
80
64
  LoggerInstance.log(`createBridgeComponent destroy Info`, {
81
65
  dom: info.dom,
82
66
  });
83
67
  if (atLeastReact18(React)) {
84
68
  const root = rootMap.get(info.dom);
85
- (root as ReactDOMClient.Root)?.unmount();
69
+ root?.unmount();
86
70
  } else {
87
71
  ReactDOM.unmountComponentAtNode(info.dom);
88
72
  }
@@ -100,3 +84,5 @@ export function ShadowRoot(info: { children: () => JSX.Element }) {
100
84
 
101
85
  return <div ref={domRef}>{root && <info.children />}</div>;
102
86
  }
87
+
88
+ // function ShadowContent() {}
package/src/router.tsx CHANGED
@@ -1,7 +1,6 @@
1
1
  import React, { useContext } from 'react';
2
2
  // The upper alias react-router-dom$ into this file avoids the loop
3
3
  import * as ReactRouterDom from 'react-router-dom/';
4
-
5
4
  import { RouterContext } from './context';
6
5
  import { LoggerInstance } from './utils';
7
6
 
@@ -53,22 +52,14 @@ function WraperRouterProvider(
53
52
  const createBrowserRouter = (ReactRouterDom as any)[
54
53
  'create' + 'BrowserRouter'
55
54
  ];
56
- console.log('=======resolve to v5!!');
57
55
  if (!routerContextProps) return <RouterProvider {...props} />;
58
56
 
59
- console.log('=======resolve to v6!!');
60
-
61
57
  if (routerContextProps.memoryRoute) {
62
58
  const MemeoryRouterInstance = createMemoryRouter(routers, {
63
59
  initialEntries: [routerContextProps?.memoryRoute.entryPath],
64
60
  });
65
61
  return <RouterProvider router={MemeoryRouterInstance} />;
66
62
  } else {
67
- console.log('=======createBrowserRouter routers', routers);
68
- console.log(
69
- '=======createBrowserRouter routerContextProps.basename',
70
- routerContextProps.basename,
71
- );
72
63
  const BrowserRouterInstance = createBrowserRouter(routers, {
73
64
  basename: routerContextProps.basename,
74
65
  future: router.future,
package/vite.config.ts CHANGED
@@ -22,8 +22,6 @@ export default defineConfig({
22
22
  entry: {
23
23
  index: path.resolve(__dirname, 'src/index.ts'),
24
24
  router: path.resolve(__dirname, 'src/router.tsx'),
25
- 'router-v5': path.resolve(__dirname, 'src/router-v5.tsx'),
26
- 'router-v6': path.resolve(__dirname, 'src/router-v6.tsx'),
27
25
  },
28
26
  formats: ['cjs', 'es'],
29
27
  fileName: (format, entryName) => `${entryName}.${format}.js`,
@@ -34,8 +32,6 @@ export default defineConfig({
34
32
  '@remix-run/router',
35
33
  'react-router',
36
34
  'react-router-dom/',
37
- 'react-router-dom/index.js',
38
- 'react-router-dom/dist/index.js',
39
35
  ],
40
36
  },
41
37
  minify: false,
@@ -1,80 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const React = require("react");
4
- const ReactRouterDom = require("react-router-dom/index.js");
5
- const context = require("./context--mtFt3tp.cjs");
6
- function _interopNamespaceDefault(e) {
7
- const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
8
- if (e) {
9
- for (const k in e) {
10
- if (k !== "default") {
11
- const d = Object.getOwnPropertyDescriptor(e, k);
12
- Object.defineProperty(n, k, d.get ? d : {
13
- enumerable: true,
14
- get: () => e[k]
15
- });
16
- }
17
- }
18
- }
19
- n.default = e;
20
- return Object.freeze(n);
21
- }
22
- const ReactRouterDom__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactRouterDom);
23
- function WraperRouter(props) {
24
- const { basename, ...propsRes } = props;
25
- const routerContextProps = React.useContext(context.RouterContext) || {};
26
- context.LoggerInstance.log(`WraperRouter info >>>`, {
27
- ...routerContextProps,
28
- routerContextProps,
29
- WraperRouterProps: props
30
- });
31
- if (!routerContextProps)
32
- return /* @__PURE__ */ React.createElement(ReactRouterDom__namespace.BrowserRouter, { ...props });
33
- if (routerContextProps == null ? void 0 : routerContextProps.memoryRoute) {
34
- return /* @__PURE__ */ React.createElement(
35
- ReactRouterDom__namespace.MemoryRouter,
36
- {
37
- ...props,
38
- initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
39
- }
40
- );
41
- }
42
- return /* @__PURE__ */ React.createElement(
43
- ReactRouterDom__namespace.BrowserRouter,
44
- {
45
- ...propsRes,
46
- basename: (routerContextProps == null ? void 0 : routerContextProps.basename) || basename
47
- }
48
- );
49
- }
50
- function WraperRouterProvider(props) {
51
- const { router, ...propsRes } = props;
52
- const routerContextProps = React.useContext(context.RouterContext) || {};
53
- const routers = router.routes;
54
- context.LoggerInstance.log(`WraperRouterProvider info >>>`, {
55
- ...routerContextProps,
56
- routerContextProps,
57
- WraperRouterProviderProps: props,
58
- router
59
- });
60
- const RouterProvider = ReactRouterDom__namespace["RouterProvider"];
61
- const createMemoryRouter = ReactRouterDom__namespace["createMemoryRouter"];
62
- const createBrowserRouter = ReactRouterDom__namespace["createBrowserRouter"];
63
- if (!routerContextProps)
64
- return /* @__PURE__ */ React.createElement(RouterProvider, { ...props });
65
- if (routerContextProps.memoryRoute) {
66
- const MemeoryRouterInstance = createMemoryRouter(routers, {
67
- initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
68
- });
69
- return /* @__PURE__ */ React.createElement(RouterProvider, { router: MemeoryRouterInstance });
70
- } else {
71
- const BrowserRouterInstance = createBrowserRouter(routers, {
72
- basename: routerContextProps.basename,
73
- future: router.future,
74
- window: router.window
75
- });
76
- return /* @__PURE__ */ React.createElement(RouterProvider, { ...propsRes, router: BrowserRouterInstance });
77
- }
78
- }
79
- exports.BrowserRouter = WraperRouter;
80
- exports.RouterProvider = WraperRouterProvider;
@@ -1,8 +0,0 @@
1
- import { default as default_2 } from 'react';
2
- import * as ReactRouterDom from 'react-router-dom/index.js';
3
-
4
- export declare function BrowserRouter(props: Parameters<typeof ReactRouterDom.BrowserRouter>[0] | Parameters<typeof ReactRouterDom.MemoryRouter>[0]): default_2.JSX.Element;
5
-
6
- export declare function RouterProvider(props: Parameters<typeof ReactRouterDom.RouterProvider>[0]): default_2.JSX.Element;
7
-
8
- export { }
@@ -1,63 +0,0 @@
1
- import React__default, { useContext } from "react";
2
- import * as ReactRouterDom from "react-router-dom/index.js";
3
- import { R as RouterContext, L as LoggerInstance } from "./context-Bw2PEwa6.js";
4
- function WraperRouter(props) {
5
- const { basename, ...propsRes } = props;
6
- const routerContextProps = useContext(RouterContext) || {};
7
- LoggerInstance.log(`WraperRouter info >>>`, {
8
- ...routerContextProps,
9
- routerContextProps,
10
- WraperRouterProps: props
11
- });
12
- if (!routerContextProps)
13
- return /* @__PURE__ */ React__default.createElement(ReactRouterDom.BrowserRouter, { ...props });
14
- if (routerContextProps == null ? void 0 : routerContextProps.memoryRoute) {
15
- return /* @__PURE__ */ React__default.createElement(
16
- ReactRouterDom.MemoryRouter,
17
- {
18
- ...props,
19
- initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
20
- }
21
- );
22
- }
23
- return /* @__PURE__ */ React__default.createElement(
24
- ReactRouterDom.BrowserRouter,
25
- {
26
- ...propsRes,
27
- basename: (routerContextProps == null ? void 0 : routerContextProps.basename) || basename
28
- }
29
- );
30
- }
31
- function WraperRouterProvider(props) {
32
- const { router, ...propsRes } = props;
33
- const routerContextProps = useContext(RouterContext) || {};
34
- const routers = router.routes;
35
- LoggerInstance.log(`WraperRouterProvider info >>>`, {
36
- ...routerContextProps,
37
- routerContextProps,
38
- WraperRouterProviderProps: props,
39
- router
40
- });
41
- const RouterProvider = ReactRouterDom["RouterProvider"];
42
- const createMemoryRouter = ReactRouterDom["createMemoryRouter"];
43
- const createBrowserRouter = ReactRouterDom["createBrowserRouter"];
44
- if (!routerContextProps)
45
- return /* @__PURE__ */ React__default.createElement(RouterProvider, { ...props });
46
- if (routerContextProps.memoryRoute) {
47
- const MemeoryRouterInstance = createMemoryRouter(routers, {
48
- initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
49
- });
50
- return /* @__PURE__ */ React__default.createElement(RouterProvider, { router: MemeoryRouterInstance });
51
- } else {
52
- const BrowserRouterInstance = createBrowserRouter(routers, {
53
- basename: routerContextProps.basename,
54
- future: router.future,
55
- window: router.window
56
- });
57
- return /* @__PURE__ */ React__default.createElement(RouterProvider, { ...propsRes, router: BrowserRouterInstance });
58
- }
59
- }
60
- export {
61
- WraperRouter as BrowserRouter,
62
- WraperRouterProvider as RouterProvider
63
- };
@@ -1,87 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const React = require("react");
4
- const ReactRouterDom = require("react-router-dom/dist/index.js");
5
- const context = require("./context--mtFt3tp.cjs");
6
- function _interopNamespaceDefault(e) {
7
- const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
8
- if (e) {
9
- for (const k in e) {
10
- if (k !== "default") {
11
- const d = Object.getOwnPropertyDescriptor(e, k);
12
- Object.defineProperty(n, k, d.get ? d : {
13
- enumerable: true,
14
- get: () => e[k]
15
- });
16
- }
17
- }
18
- }
19
- n.default = e;
20
- return Object.freeze(n);
21
- }
22
- const ReactRouterDom__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactRouterDom);
23
- function WraperRouter(props) {
24
- const { basename, ...propsRes } = props;
25
- const routerContextProps = React.useContext(context.RouterContext) || {};
26
- context.LoggerInstance.log(`WraperRouter info >>>`, {
27
- ...routerContextProps,
28
- routerContextProps,
29
- WraperRouterProps: props
30
- });
31
- if (!routerContextProps)
32
- return /* @__PURE__ */ React.createElement(ReactRouterDom__namespace.BrowserRouter, { ...props });
33
- if (routerContextProps == null ? void 0 : routerContextProps.memoryRoute) {
34
- return /* @__PURE__ */ React.createElement(
35
- ReactRouterDom__namespace.MemoryRouter,
36
- {
37
- ...props,
38
- initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
39
- }
40
- );
41
- }
42
- return /* @__PURE__ */ React.createElement(
43
- ReactRouterDom__namespace.BrowserRouter,
44
- {
45
- ...propsRes,
46
- basename: (routerContextProps == null ? void 0 : routerContextProps.basename) || basename
47
- }
48
- );
49
- }
50
- function WraperRouterProvider(props) {
51
- const { router, ...propsRes } = props;
52
- const routerContextProps = React.useContext(context.RouterContext) || {};
53
- const routers = router.routes;
54
- context.LoggerInstance.log(`WraperRouterProvider info >>>`, {
55
- ...routerContextProps,
56
- routerContextProps,
57
- WraperRouterProviderProps: props,
58
- router
59
- });
60
- const RouterProvider = ReactRouterDom__namespace["RouterProvider"];
61
- const createMemoryRouter = ReactRouterDom__namespace["createMemoryRouter"];
62
- const createBrowserRouter = ReactRouterDom__namespace["createBrowserRouter"];
63
- if (!routerContextProps)
64
- return /* @__PURE__ */ React.createElement(RouterProvider, { ...props });
65
- if (routerContextProps.memoryRoute) {
66
- const MemeoryRouterInstance = createMemoryRouter(routers, {
67
- initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
68
- });
69
- return /* @__PURE__ */ React.createElement(RouterProvider, { router: MemeoryRouterInstance });
70
- } else {
71
- const BrowserRouterInstance = createBrowserRouter(routers, {
72
- basename: routerContextProps.basename,
73
- future: router.future,
74
- window: router.window
75
- });
76
- return /* @__PURE__ */ React.createElement(RouterProvider, { ...propsRes, router: BrowserRouterInstance });
77
- }
78
- }
79
- exports.BrowserRouter = WraperRouter;
80
- exports.RouterProvider = WraperRouterProvider;
81
- Object.keys(ReactRouterDom).forEach((k) => {
82
- if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
83
- Object.defineProperty(exports, k, {
84
- enumerable: true,
85
- get: () => ReactRouterDom[k]
86
- });
87
- });
@@ -1,11 +0,0 @@
1
- import { default as default_2 } from 'react';
2
- import * as ReactRouterDom from 'react-router-dom/dist/index.js';
3
-
4
- export declare function BrowserRouter(props: Parameters<typeof ReactRouterDom.BrowserRouter>[0] | Parameters<typeof ReactRouterDom.MemoryRouter>[0]): default_2.JSX.Element;
5
-
6
- export declare function RouterProvider(props: Parameters<typeof ReactRouterDom.RouterProvider>[0]): default_2.JSX.Element;
7
-
8
-
9
- export * from "react-router-dom/dist/index.js";
10
-
11
- export { }
@@ -1,64 +0,0 @@
1
- import React__default, { useContext } from "react";
2
- import * as ReactRouterDom from "react-router-dom/dist/index.js";
3
- export * from "react-router-dom/dist/index.js";
4
- import { R as RouterContext, L as LoggerInstance } from "./context-Bw2PEwa6.js";
5
- function WraperRouter(props) {
6
- const { basename, ...propsRes } = props;
7
- const routerContextProps = useContext(RouterContext) || {};
8
- LoggerInstance.log(`WraperRouter info >>>`, {
9
- ...routerContextProps,
10
- routerContextProps,
11
- WraperRouterProps: props
12
- });
13
- if (!routerContextProps)
14
- return /* @__PURE__ */ React__default.createElement(ReactRouterDom.BrowserRouter, { ...props });
15
- if (routerContextProps == null ? void 0 : routerContextProps.memoryRoute) {
16
- return /* @__PURE__ */ React__default.createElement(
17
- ReactRouterDom.MemoryRouter,
18
- {
19
- ...props,
20
- initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
21
- }
22
- );
23
- }
24
- return /* @__PURE__ */ React__default.createElement(
25
- ReactRouterDom.BrowserRouter,
26
- {
27
- ...propsRes,
28
- basename: (routerContextProps == null ? void 0 : routerContextProps.basename) || basename
29
- }
30
- );
31
- }
32
- function WraperRouterProvider(props) {
33
- const { router, ...propsRes } = props;
34
- const routerContextProps = useContext(RouterContext) || {};
35
- const routers = router.routes;
36
- LoggerInstance.log(`WraperRouterProvider info >>>`, {
37
- ...routerContextProps,
38
- routerContextProps,
39
- WraperRouterProviderProps: props,
40
- router
41
- });
42
- const RouterProvider = ReactRouterDom["RouterProvider"];
43
- const createMemoryRouter = ReactRouterDom["createMemoryRouter"];
44
- const createBrowserRouter = ReactRouterDom["createBrowserRouter"];
45
- if (!routerContextProps)
46
- return /* @__PURE__ */ React__default.createElement(RouterProvider, { ...props });
47
- if (routerContextProps.memoryRoute) {
48
- const MemeoryRouterInstance = createMemoryRouter(routers, {
49
- initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
50
- });
51
- return /* @__PURE__ */ React__default.createElement(RouterProvider, { router: MemeoryRouterInstance });
52
- } else {
53
- const BrowserRouterInstance = createBrowserRouter(routers, {
54
- basename: routerContextProps.basename,
55
- future: router.future,
56
- window: router.window
57
- });
58
- return /* @__PURE__ */ React__default.createElement(RouterProvider, { ...propsRes, router: BrowserRouterInstance });
59
- }
60
- }
61
- export {
62
- WraperRouter as BrowserRouter,
63
- WraperRouterProvider as RouterProvider
64
- };
package/src/router-v5.tsx DELETED
@@ -1,78 +0,0 @@
1
- import React, { useContext } from 'react';
2
- // The upper alias react-router-dom$ into this file avoids the loop
3
- // @ts-ignore
4
- import * as ReactRouterDom from 'react-router-dom/index.js';
5
-
6
- import { RouterContext } from './context';
7
- import { LoggerInstance } from './utils';
8
-
9
- function WraperRouter(
10
- props:
11
- | Parameters<typeof ReactRouterDom.BrowserRouter>[0]
12
- | Parameters<typeof ReactRouterDom.MemoryRouter>[0],
13
- ) {
14
- const { basename, ...propsRes } = props;
15
- const routerContextProps = useContext(RouterContext) || {};
16
-
17
- LoggerInstance.log(`WraperRouter info >>>`, {
18
- ...routerContextProps,
19
- routerContextProps,
20
- WraperRouterProps: props,
21
- });
22
- if (!routerContextProps) return <ReactRouterDom.BrowserRouter {...props} />;
23
-
24
- if (routerContextProps?.memoryRoute) {
25
- return (
26
- <ReactRouterDom.MemoryRouter
27
- {...props}
28
- initialEntries={[routerContextProps?.memoryRoute.entryPath]}
29
- />
30
- );
31
- }
32
- return (
33
- <ReactRouterDom.BrowserRouter
34
- {...propsRes}
35
- basename={routerContextProps?.basename || basename}
36
- />
37
- );
38
- }
39
-
40
- function WraperRouterProvider(
41
- props: Parameters<typeof ReactRouterDom.RouterProvider>[0],
42
- ) {
43
- const { router, ...propsRes } = props;
44
- const routerContextProps = useContext(RouterContext) || {};
45
- const routers = router.routes;
46
- LoggerInstance.log(`WraperRouterProvider info >>>`, {
47
- ...routerContextProps,
48
- routerContextProps,
49
- WraperRouterProviderProps: props,
50
- router,
51
- });
52
- const RouterProvider = (ReactRouterDom as any)['Router' + 'Provider'];
53
- const createMemoryRouter = (ReactRouterDom as any)['create' + 'MemoryRouter'];
54
- const createBrowserRouter = (ReactRouterDom as any)[
55
- 'create' + 'BrowserRouter'
56
- ];
57
- if (!routerContextProps) return <RouterProvider {...props} />;
58
-
59
- if (routerContextProps.memoryRoute) {
60
- const MemeoryRouterInstance = createMemoryRouter(routers, {
61
- initialEntries: [routerContextProps?.memoryRoute.entryPath],
62
- });
63
- return <RouterProvider router={MemeoryRouterInstance} />;
64
- } else {
65
- const BrowserRouterInstance = createBrowserRouter(routers, {
66
- basename: routerContextProps.basename,
67
- future: router.future,
68
- window: router.window,
69
- });
70
- return <RouterProvider {...propsRes} router={BrowserRouterInstance} />;
71
- }
72
- }
73
-
74
- // @ts-ignore
75
- // export * from 'react-router-dom/index.js';
76
-
77
- export { WraperRouter as BrowserRouter };
78
- export { WraperRouterProvider as RouterProvider };
package/src/router-v6.tsx DELETED
@@ -1,76 +0,0 @@
1
- import React, { useContext } from 'react';
2
- // The upper alias react-router-dom$ into this file avoids the loop
3
- import * as ReactRouterDom from 'react-router-dom/dist/index.js';
4
-
5
- import { RouterContext } from './context';
6
- import { LoggerInstance } from './utils';
7
-
8
- function WraperRouter(
9
- props:
10
- | Parameters<typeof ReactRouterDom.BrowserRouter>[0]
11
- | Parameters<typeof ReactRouterDom.MemoryRouter>[0],
12
- ) {
13
- const { basename, ...propsRes } = props;
14
- const routerContextProps = useContext(RouterContext) || {};
15
-
16
- LoggerInstance.log(`WraperRouter info >>>`, {
17
- ...routerContextProps,
18
- routerContextProps,
19
- WraperRouterProps: props,
20
- });
21
- if (!routerContextProps) return <ReactRouterDom.BrowserRouter {...props} />;
22
-
23
- if (routerContextProps?.memoryRoute) {
24
- return (
25
- <ReactRouterDom.MemoryRouter
26
- {...props}
27
- initialEntries={[routerContextProps?.memoryRoute.entryPath]}
28
- />
29
- );
30
- }
31
- return (
32
- <ReactRouterDom.BrowserRouter
33
- {...propsRes}
34
- basename={routerContextProps?.basename || basename}
35
- />
36
- );
37
- }
38
-
39
- function WraperRouterProvider(
40
- props: Parameters<typeof ReactRouterDom.RouterProvider>[0],
41
- ) {
42
- const { router, ...propsRes } = props;
43
- const routerContextProps = useContext(RouterContext) || {};
44
- const routers = router.routes;
45
- LoggerInstance.log(`WraperRouterProvider info >>>`, {
46
- ...routerContextProps,
47
- routerContextProps,
48
- WraperRouterProviderProps: props,
49
- router,
50
- });
51
- const RouterProvider = (ReactRouterDom as any)['Router' + 'Provider'];
52
- const createMemoryRouter = (ReactRouterDom as any)['create' + 'MemoryRouter'];
53
- const createBrowserRouter = (ReactRouterDom as any)[
54
- 'create' + 'BrowserRouter'
55
- ];
56
- if (!routerContextProps) return <RouterProvider {...props} />;
57
-
58
- if (routerContextProps.memoryRoute) {
59
- const MemeoryRouterInstance = createMemoryRouter(routers, {
60
- initialEntries: [routerContextProps?.memoryRoute.entryPath],
61
- });
62
- return <RouterProvider router={MemeoryRouterInstance} />;
63
- } else {
64
- const BrowserRouterInstance = createBrowserRouter(routers, {
65
- basename: routerContextProps.basename,
66
- future: router.future,
67
- window: router.window,
68
- });
69
- return <RouterProvider {...propsRes} router={BrowserRouterInstance} />;
70
- }
71
- }
72
-
73
- export * from 'react-router-dom/dist/index.js';
74
-
75
- export { WraperRouter as BrowserRouter };
76
- export { WraperRouterProvider as RouterProvider };