@module-federation/bridge-react 0.0.0-next-20240718080108 → 0.0.0-next-20240722034500
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 +19 -37
- package/dist/index.d.ts +4 -8
- package/dist/index.es.js +19 -37
- package/dist/router.cjs.js +0 -7
- package/dist/router.es.js +0 -7
- package/package.json +2 -12
- package/src/provider.tsx +23 -37
- 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-20240722034500
|
|
4
4
|
|
|
5
5
|
### Patch Changes
|
|
6
6
|
|
|
7
|
-
-
|
|
8
|
-
- @module-federation/bridge-shared@0.0.0-next-20240718080108
|
|
7
|
+
- @module-federation/bridge-shared@0.0.0-next-20240722034500
|
|
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
|
|
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
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
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
|
-
|
|
350
|
-
}
|
|
331
|
+
}
|
|
332
|
+
)
|
|
333
|
+
);
|
|
351
334
|
} else {
|
|
352
|
-
|
|
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
|
-
|
|
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):
|
|
8
|
+
render(info: RenderFnParams & any): void;
|
|
10
9
|
destroy(info: {
|
|
11
10
|
dom: HTMLElement;
|
|
12
|
-
}):
|
|
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[
|
|
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) => 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
|
|
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
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
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
|
-
|
|
331
|
-
}
|
|
312
|
+
}
|
|
313
|
+
)
|
|
314
|
+
);
|
|
332
315
|
} else {
|
|
333
|
-
|
|
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
|
-
|
|
332
|
+
destroy(info) {
|
|
351
333
|
LoggerInstance.log(`createBridgeComponent destroy Info`, {
|
|
352
334
|
dom: info.dom
|
|
353
335
|
});
|
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-20240722034500",
|
|
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-20240722034500"
|
|
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,
|
|
18
|
+
const rootMap = new Map<any, ReactDOMClient.Root>();
|
|
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
|
};
|
|
31
30
|
|
|
32
31
|
return {
|
|
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
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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,
|
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 };
|