@module-federation/bridge-react 0.0.0-next-20240717101902 → 0.0.0-next-20240718035334
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 +2 -3
- package/dist/index.cjs.js +17 -36
- package/dist/index.d.ts +2 -4
- package/dist/index.es.js +17 -36
- package/dist/router.cjs.js +0 -7
- package/dist/router.es.js +0 -7
- package/package.json +2 -12
- package/src/provider.tsx +15 -32
- package/src/router.tsx +0 -9
- package/vite.config.ts +0 -4
- package/dist/router-v5.cjs.js +0 -80
- package/dist/router-v5.d.ts +0 -8
- package/dist/router-v5.es.js +0 -63
- package/dist/router-v6.cjs.js +0 -87
- package/dist/router-v6.d.ts +0 -11
- package/dist/router-v6.es.js +0 -64
- package/src/router-v5.tsx +0 -78
- package/src/router-v6.tsx +0 -76
package/CHANGELOG.md
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
# @module-federation/bridge-react
|
|
2
2
|
|
|
3
|
-
## 0.0.0-next-
|
|
3
|
+
## 0.0.0-next-20240718035334
|
|
4
4
|
|
|
5
5
|
### Patch Changes
|
|
6
6
|
|
|
7
|
-
-
|
|
8
|
-
- @module-federation/bridge-shared@0.0.0-next-20240717101902
|
|
7
|
+
- @module-federation/bridge-shared@0.0.0-next-20240718035334
|
|
9
8
|
|
|
10
9
|
## 0.2.6
|
|
11
10
|
|
package/dist/index.cjs.js
CHANGED
|
@@ -307,51 +307,32 @@ function createBridgeComponent(bridgeInfo) {
|
|
|
307
307
|
return () => {
|
|
308
308
|
const rootMap = /* @__PURE__ */ new Map();
|
|
309
309
|
const RawComponent = (info) => {
|
|
310
|
-
const { appInfo, propsInfo
|
|
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
|
|
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
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
|
-
|
|
320
|
-
if (bridgeInfo == null ? void 0 : bridgeInfo.render) {
|
|
321
|
-
root = bridgeInfo == null ? void 0 : bridgeInfo.render(
|
|
322
|
-
/* @__PURE__ */ React__namespace.createElement(
|
|
323
|
-
RawComponent,
|
|
324
|
-
{
|
|
325
|
-
propsInfo,
|
|
326
|
-
appInfo: {
|
|
327
|
-
name,
|
|
328
|
-
basename,
|
|
329
|
-
memoryRoute
|
|
330
|
-
}
|
|
331
|
-
}
|
|
332
|
-
),
|
|
333
|
-
info.dom
|
|
334
|
-
);
|
|
335
|
-
} else {
|
|
336
|
-
root = client.createRoot(info.dom);
|
|
337
|
-
root.render(
|
|
338
|
-
/* @__PURE__ */ React__namespace.createElement(
|
|
339
|
-
RawComponent,
|
|
340
|
-
{
|
|
341
|
-
propsInfo,
|
|
342
|
-
appInfo: {
|
|
343
|
-
name,
|
|
344
|
-
basename,
|
|
345
|
-
memoryRoute
|
|
346
|
-
}
|
|
347
|
-
}
|
|
348
|
-
)
|
|
349
|
-
);
|
|
350
|
-
}
|
|
319
|
+
const root = client.createRoot(info.dom);
|
|
351
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
|
|
330
|
+
}
|
|
331
|
+
}
|
|
332
|
+
)
|
|
333
|
+
);
|
|
352
334
|
} else {
|
|
353
|
-
|
|
354
|
-
renderFunc(
|
|
335
|
+
ReactDOM.render(
|
|
355
336
|
/* @__PURE__ */ React__namespace.createElement(
|
|
356
337
|
RawComponent,
|
|
357
338
|
{
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
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';
|
|
@@ -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[
|
|
24
|
-
memoryRoute?: ProviderParams[
|
|
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) => default_3.Root;
|
|
54
52
|
};
|
|
55
53
|
|
|
56
54
|
export declare interface ProviderParams {
|
package/dist/index.es.js
CHANGED
|
@@ -288,51 +288,32 @@ function createBridgeComponent(bridgeInfo) {
|
|
|
288
288
|
return () => {
|
|
289
289
|
const rootMap = /* @__PURE__ */ new Map();
|
|
290
290
|
const RawComponent = (info) => {
|
|
291
|
-
const { appInfo, propsInfo
|
|
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
|
|
293
|
+
return /* @__PURE__ */ React.createElement(RouterContext.Provider, { value: { name, basename, memoryRoute } }, /* @__PURE__ */ React.createElement(bridgeInfo.rootComponent, { ...propsInfo, basename }));
|
|
294
294
|
};
|
|
295
295
|
return {
|
|
296
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
|
-
|
|
301
|
-
if (bridgeInfo == null ? void 0 : bridgeInfo.render) {
|
|
302
|
-
root = bridgeInfo == null ? void 0 : bridgeInfo.render(
|
|
303
|
-
/* @__PURE__ */ React.createElement(
|
|
304
|
-
RawComponent,
|
|
305
|
-
{
|
|
306
|
-
propsInfo,
|
|
307
|
-
appInfo: {
|
|
308
|
-
name,
|
|
309
|
-
basename,
|
|
310
|
-
memoryRoute
|
|
311
|
-
}
|
|
312
|
-
}
|
|
313
|
-
),
|
|
314
|
-
info.dom
|
|
315
|
-
);
|
|
316
|
-
} else {
|
|
317
|
-
root = client.createRoot(info.dom);
|
|
318
|
-
root.render(
|
|
319
|
-
/* @__PURE__ */ React.createElement(
|
|
320
|
-
RawComponent,
|
|
321
|
-
{
|
|
322
|
-
propsInfo,
|
|
323
|
-
appInfo: {
|
|
324
|
-
name,
|
|
325
|
-
basename,
|
|
326
|
-
memoryRoute
|
|
327
|
-
}
|
|
328
|
-
}
|
|
329
|
-
)
|
|
330
|
-
);
|
|
331
|
-
}
|
|
300
|
+
const root = client.createRoot(info.dom);
|
|
332
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
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
)
|
|
314
|
+
);
|
|
333
315
|
} else {
|
|
334
|
-
|
|
335
|
-
renderFunc(
|
|
316
|
+
ReactDOM.render(
|
|
336
317
|
/* @__PURE__ */ React.createElement(
|
|
337
318
|
RawComponent,
|
|
338
319
|
{
|
package/dist/router.cjs.js
CHANGED
|
@@ -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-
|
|
3
|
+
"version": "0.0.0-next-20240718035334",
|
|
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-
|
|
28
|
+
"@module-federation/bridge-shared": "0.0.0-next-20240718035334"
|
|
39
29
|
},
|
|
40
30
|
"peerDependencies": {
|
|
41
31
|
"react": ">=16.9.0",
|
package/src/provider.tsx
CHANGED
|
@@ -11,7 +11,6 @@ import { LoggerInstance, atLeastReact18 } from './utils';
|
|
|
11
11
|
|
|
12
12
|
type ProviderFnParams<T> = {
|
|
13
13
|
rootComponent: React.ComponentType<T>;
|
|
14
|
-
render?: (App: React.ReactElement, id?: HTMLElement | string) => ReactDOMClient.Root;
|
|
15
14
|
};
|
|
16
15
|
|
|
17
16
|
export function createBridgeComponent<T>(bridgeInfo: ProviderFnParams<T>) {
|
|
@@ -19,12 +18,12 @@ export function createBridgeComponent<T>(bridgeInfo: ProviderFnParams<T>) {
|
|
|
19
18
|
const rootMap = new Map<any, ReactDOMClient.Root>();
|
|
20
19
|
|
|
21
20
|
const RawComponent = (info: { propsInfo: T; appInfo: ProviderParams }) => {
|
|
22
|
-
const { appInfo, propsInfo
|
|
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}
|
|
26
|
+
<bridgeInfo.rootComponent {...propsInfo} basename={basename} />
|
|
28
27
|
</RouterContext.Provider>
|
|
29
28
|
);
|
|
30
29
|
};
|
|
@@ -33,38 +32,22 @@ export function createBridgeComponent<T>(bridgeInfo: ProviderFnParams<T>) {
|
|
|
33
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
|
-
|
|
38
|
-
let root = null;
|
|
39
|
-
if (bridgeInfo?.render) {
|
|
40
|
-
root = bridgeInfo?.render(
|
|
41
|
-
<RawComponent
|
|
42
|
-
propsInfo={propsInfo}
|
|
43
|
-
appInfo={{
|
|
44
|
-
name,
|
|
45
|
-
basename,
|
|
46
|
-
memoryRoute,
|
|
47
|
-
}}
|
|
48
|
-
/>,
|
|
49
|
-
info.dom
|
|
50
|
-
);
|
|
51
|
-
} else {
|
|
52
|
-
root = ReactDOMClient.createRoot(info.dom);
|
|
53
|
-
root.render(
|
|
54
|
-
<RawComponent
|
|
55
|
-
propsInfo={propsInfo}
|
|
56
|
-
appInfo={{
|
|
57
|
-
name,
|
|
58
|
-
basename,
|
|
59
|
-
memoryRoute,
|
|
60
|
-
}}
|
|
61
|
-
/>,
|
|
62
|
-
);
|
|
63
|
-
}
|
|
37
|
+
const root = ReactDOMClient.createRoot(info.dom);
|
|
64
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
|
+
);
|
|
65
49
|
} else {
|
|
66
|
-
|
|
67
|
-
renderFunc(
|
|
50
|
+
ReactDOM.render(
|
|
68
51
|
<RawComponent
|
|
69
52
|
propsInfo={propsInfo}
|
|
70
53
|
appInfo={{
|
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,
|
package/dist/router-v5.cjs.js
DELETED
|
@@ -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;
|
package/dist/router-v5.d.ts
DELETED
|
@@ -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 { }
|
package/dist/router-v5.es.js
DELETED
|
@@ -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
|
-
};
|
package/dist/router-v6.cjs.js
DELETED
|
@@ -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
|
-
});
|
package/dist/router-v6.d.ts
DELETED
|
@@ -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 { }
|
package/dist/router-v6.es.js
DELETED
|
@@ -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 };
|