@module-federation/bridge-react 0.0.0-next-20240716034052 → 0.0.0-next-20240716093738

package/CHANGELOG.md

@@ -1,11 +1,10 @@
 # @module-federation/bridge-react
 
-## 0.0.0-next-20240716034052
+## 0.0.0-next-20240716093738
 
 ### Patch Changes
 
-- chore: bump next
-  - @module-federation/bridge-shared@0.0.0-next-20240716034052
+- @module-federation/bridge-shared@0.0.0-next-20240716093738
 
 ## 0.2.6
 

package/dist/index.d.ts

@@ -19,8 +19,8 @@ export declare function createRemoteComponent<T, E extends keyof T>(info: {
     fallback: ErrorBoundaryPropsWithComponent['FallbackComponent'];
     export?: E;
 }): (props: {
-    basename?: ProviderParams["basename"];
-    memoryRoute?: ProviderParams["memoryRoute"];
+    basename?: ProviderParams['basename'];
+    memoryRoute?: ProviderParams['memoryRoute'];
 } & ("__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;
 
 declare type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/bridge-react",
-  "version": "0.0.0-next-20240716034052",
+  "version": "0.0.0-next-20240716093738",
   "publishConfig": {
     "access": "public"
   },
@@ -20,22 +20,12 @@
       "import": "./dist/router.es.js",
       "require": "./dist/router.cjs.js"
     },
-    "./router-v5": {
-      "types": "./dist/router-v5.d.ts",
-      "import": "./dist/router-v5.es.js",
-      "require": "./dist/router-v5.cjs.js"
-    },
-    "./router-v6": {
-      "types": "./dist/router-v6.d.ts",
-      "import": "./dist/router-v6.es.js",
-      "require": "./dist/router-v6.cjs.js"
-    },
     "./*": "./*"
   },
   "dependencies": {
     "@loadable/component": "^5.16.4",
     "react-error-boundary": "^4.0.13",
-    "@module-federation/bridge-shared": "0.0.0-next-20240716034052"
+    "@module-federation/bridge-shared": "0.0.0-next-20240716093738"
   },
   "peerDependencies": {
     "react": ">=16.9.0",

package/src/router.tsx

@@ -1,7 +1,6 @@
 import React, { useContext } from 'react';
 // The upper alias react-router-dom$ into this file avoids the loop
 import * as ReactRouterDom from 'react-router-dom/';
-
 import { RouterContext } from './context';
 import { LoggerInstance } from './utils';
 

package/vite.config.ts

@@ -22,8 +22,6 @@ export default defineConfig({
       entry: {
         index: path.resolve(__dirname, 'src/index.ts'),
         router: path.resolve(__dirname, 'src/router.tsx'),
-        'router-v5': path.resolve(__dirname, 'src/router-v5.tsx'),
-        'router-v6': path.resolve(__dirname, 'src/router-v6.tsx'),
       },
       formats: ['cjs', 'es'],
       fileName: (format, entryName) => `${entryName}.${format}.js`,
@@ -34,8 +32,6 @@ export default defineConfig({
         '@remix-run/router',
         'react-router',
         'react-router-dom/',
-        'react-router-dom/index.js',
-        'react-router-dom/dist/index.js',
       ],
     },
     minify: false,

package/dist/router-v5.cjs.js

@@ -1,80 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const ReactRouterDom = require("react-router-dom/index.js");
-const context = require("./context--mtFt3tp.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const ReactRouterDom__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactRouterDom);
-function WraperRouter(props) {
-  const { basename, ...propsRes } = props;
-  const routerContextProps = React.useContext(context.RouterContext) || {};
-  context.LoggerInstance.log(`WraperRouter info >>>`, {
-    ...routerContextProps,
-    routerContextProps,
-    WraperRouterProps: props
-  });
-  if (!routerContextProps)
-    return /* @__PURE__ */ React.createElement(ReactRouterDom__namespace.BrowserRouter, { ...props });
-  if (routerContextProps == null ? void 0 : routerContextProps.memoryRoute) {
-    return /* @__PURE__ */ React.createElement(
-      ReactRouterDom__namespace.MemoryRouter,
-      {
-        ...props,
-        initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
-      }
-    );
-  }
-  return /* @__PURE__ */ React.createElement(
-    ReactRouterDom__namespace.BrowserRouter,
-    {
-      ...propsRes,
-      basename: (routerContextProps == null ? void 0 : routerContextProps.basename) || basename
-    }
-  );
-}
-function WraperRouterProvider(props) {
-  const { router, ...propsRes } = props;
-  const routerContextProps = React.useContext(context.RouterContext) || {};
-  const routers = router.routes;
-  context.LoggerInstance.log(`WraperRouterProvider info >>>`, {
-    ...routerContextProps,
-    routerContextProps,
-    WraperRouterProviderProps: props,
-    router
-  });
-  const RouterProvider = ReactRouterDom__namespace["RouterProvider"];
-  const createMemoryRouter = ReactRouterDom__namespace["createMemoryRouter"];
-  const createBrowserRouter = ReactRouterDom__namespace["createBrowserRouter"];
-  if (!routerContextProps)
-    return /* @__PURE__ */ React.createElement(RouterProvider, { ...props });
-  if (routerContextProps.memoryRoute) {
-    const MemeoryRouterInstance = createMemoryRouter(routers, {
-      initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
-    });
-    return /* @__PURE__ */ React.createElement(RouterProvider, { router: MemeoryRouterInstance });
-  } else {
-    const BrowserRouterInstance = createBrowserRouter(routers, {
-      basename: routerContextProps.basename,
-      future: router.future,
-      window: router.window
-    });
-    return /* @__PURE__ */ React.createElement(RouterProvider, { ...propsRes, router: BrowserRouterInstance });
-  }
-}
-exports.BrowserRouter = WraperRouter;
-exports.RouterProvider = WraperRouterProvider;

package/dist/router-v5.d.ts

@@ -1,8 +0,0 @@
-import { default as default_2 } from 'react';
-import * as ReactRouterDom from 'react-router-dom/index.js';
-
-export declare function BrowserRouter(props: Parameters<typeof ReactRouterDom.BrowserRouter>[0] | Parameters<typeof ReactRouterDom.MemoryRouter>[0]): default_2.JSX.Element;
-
-export declare function RouterProvider(props: Parameters<typeof ReactRouterDom.RouterProvider>[0]): default_2.JSX.Element;
-
-export { }

package/dist/router-v5.es.js

@@ -1,63 +0,0 @@
-import React__default, { useContext } from "react";
-import * as ReactRouterDom from "react-router-dom/index.js";
-import { R as RouterContext, L as LoggerInstance } from "./context-Bw2PEwa6.js";
-function WraperRouter(props) {
-  const { basename, ...propsRes } = props;
-  const routerContextProps = useContext(RouterContext) || {};
-  LoggerInstance.log(`WraperRouter info >>>`, {
-    ...routerContextProps,
-    routerContextProps,
-    WraperRouterProps: props
-  });
-  if (!routerContextProps)
-    return /* @__PURE__ */ React__default.createElement(ReactRouterDom.BrowserRouter, { ...props });
-  if (routerContextProps == null ? void 0 : routerContextProps.memoryRoute) {
-    return /* @__PURE__ */ React__default.createElement(
-      ReactRouterDom.MemoryRouter,
-      {
-        ...props,
-        initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
-      }
-    );
-  }
-  return /* @__PURE__ */ React__default.createElement(
-    ReactRouterDom.BrowserRouter,
-    {
-      ...propsRes,
-      basename: (routerContextProps == null ? void 0 : routerContextProps.basename) || basename
-    }
-  );
-}
-function WraperRouterProvider(props) {
-  const { router, ...propsRes } = props;
-  const routerContextProps = useContext(RouterContext) || {};
-  const routers = router.routes;
-  LoggerInstance.log(`WraperRouterProvider info >>>`, {
-    ...routerContextProps,
-    routerContextProps,
-    WraperRouterProviderProps: props,
-    router
-  });
-  const RouterProvider = ReactRouterDom["RouterProvider"];
-  const createMemoryRouter = ReactRouterDom["createMemoryRouter"];
-  const createBrowserRouter = ReactRouterDom["createBrowserRouter"];
-  if (!routerContextProps)
-    return /* @__PURE__ */ React__default.createElement(RouterProvider, { ...props });
-  if (routerContextProps.memoryRoute) {
-    const MemeoryRouterInstance = createMemoryRouter(routers, {
-      initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
-    });
-    return /* @__PURE__ */ React__default.createElement(RouterProvider, { router: MemeoryRouterInstance });
-  } else {
-    const BrowserRouterInstance = createBrowserRouter(routers, {
-      basename: routerContextProps.basename,
-      future: router.future,
-      window: router.window
-    });
-    return /* @__PURE__ */ React__default.createElement(RouterProvider, { ...propsRes, router: BrowserRouterInstance });
-  }
-}
-export {
-  WraperRouter as BrowserRouter,
-  WraperRouterProvider as RouterProvider
-};

package/dist/router-v6.cjs.js

@@ -1,87 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const ReactRouterDom = require("react-router-dom/dist/index.js");
-const context = require("./context--mtFt3tp.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const ReactRouterDom__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactRouterDom);
-function WraperRouter(props) {
-  const { basename, ...propsRes } = props;
-  const routerContextProps = React.useContext(context.RouterContext) || {};
-  context.LoggerInstance.log(`WraperRouter info >>>`, {
-    ...routerContextProps,
-    routerContextProps,
-    WraperRouterProps: props
-  });
-  if (!routerContextProps)
-    return /* @__PURE__ */ React.createElement(ReactRouterDom__namespace.BrowserRouter, { ...props });
-  if (routerContextProps == null ? void 0 : routerContextProps.memoryRoute) {
-    return /* @__PURE__ */ React.createElement(
-      ReactRouterDom__namespace.MemoryRouter,
-      {
-        ...props,
-        initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
-      }
-    );
-  }
-  return /* @__PURE__ */ React.createElement(
-    ReactRouterDom__namespace.BrowserRouter,
-    {
-      ...propsRes,
-      basename: (routerContextProps == null ? void 0 : routerContextProps.basename) || basename
-    }
-  );
-}
-function WraperRouterProvider(props) {
-  const { router, ...propsRes } = props;
-  const routerContextProps = React.useContext(context.RouterContext) || {};
-  const routers = router.routes;
-  context.LoggerInstance.log(`WraperRouterProvider info >>>`, {
-    ...routerContextProps,
-    routerContextProps,
-    WraperRouterProviderProps: props,
-    router
-  });
-  const RouterProvider = ReactRouterDom__namespace["RouterProvider"];
-  const createMemoryRouter = ReactRouterDom__namespace["createMemoryRouter"];
-  const createBrowserRouter = ReactRouterDom__namespace["createBrowserRouter"];
-  if (!routerContextProps)
-    return /* @__PURE__ */ React.createElement(RouterProvider, { ...props });
-  if (routerContextProps.memoryRoute) {
-    const MemeoryRouterInstance = createMemoryRouter(routers, {
-      initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
-    });
-    return /* @__PURE__ */ React.createElement(RouterProvider, { router: MemeoryRouterInstance });
-  } else {
-    const BrowserRouterInstance = createBrowserRouter(routers, {
-      basename: routerContextProps.basename,
-      future: router.future,
-      window: router.window
-    });
-    return /* @__PURE__ */ React.createElement(RouterProvider, { ...propsRes, router: BrowserRouterInstance });
-  }
-}
-exports.BrowserRouter = WraperRouter;
-exports.RouterProvider = WraperRouterProvider;
-Object.keys(ReactRouterDom).forEach((k) => {
-  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
-    Object.defineProperty(exports, k, {
-      enumerable: true,
-      get: () => ReactRouterDom[k]
-    });
-});

package/dist/router-v6.d.ts

@@ -1,11 +0,0 @@
-import { default as default_2 } from 'react';
-import * as ReactRouterDom from 'react-router-dom/dist/index.js';
-
-export declare function BrowserRouter(props: Parameters<typeof ReactRouterDom.BrowserRouter>[0] | Parameters<typeof ReactRouterDom.MemoryRouter>[0]): default_2.JSX.Element;
-
-export declare function RouterProvider(props: Parameters<typeof ReactRouterDom.RouterProvider>[0]): default_2.JSX.Element;
-
-
-export * from "react-router-dom/dist/index.js";
-
-export { }

package/dist/router-v6.es.js

@@ -1,64 +0,0 @@
-import React__default, { useContext } from "react";
-import * as ReactRouterDom from "react-router-dom/dist/index.js";
-export * from "react-router-dom/dist/index.js";
-import { R as RouterContext, L as LoggerInstance } from "./context-Bw2PEwa6.js";
-function WraperRouter(props) {
-  const { basename, ...propsRes } = props;
-  const routerContextProps = useContext(RouterContext) || {};
-  LoggerInstance.log(`WraperRouter info >>>`, {
-    ...routerContextProps,
-    routerContextProps,
-    WraperRouterProps: props
-  });
-  if (!routerContextProps)
-    return /* @__PURE__ */ React__default.createElement(ReactRouterDom.BrowserRouter, { ...props });
-  if (routerContextProps == null ? void 0 : routerContextProps.memoryRoute) {
-    return /* @__PURE__ */ React__default.createElement(
-      ReactRouterDom.MemoryRouter,
-      {
-        ...props,
-        initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
-      }
-    );
-  }
-  return /* @__PURE__ */ React__default.createElement(
-    ReactRouterDom.BrowserRouter,
-    {
-      ...propsRes,
-      basename: (routerContextProps == null ? void 0 : routerContextProps.basename) || basename
-    }
-  );
-}
-function WraperRouterProvider(props) {
-  const { router, ...propsRes } = props;
-  const routerContextProps = useContext(RouterContext) || {};
-  const routers = router.routes;
-  LoggerInstance.log(`WraperRouterProvider info >>>`, {
-    ...routerContextProps,
-    routerContextProps,
-    WraperRouterProviderProps: props,
-    router
-  });
-  const RouterProvider = ReactRouterDom["RouterProvider"];
-  const createMemoryRouter = ReactRouterDom["createMemoryRouter"];
-  const createBrowserRouter = ReactRouterDom["createBrowserRouter"];
-  if (!routerContextProps)
-    return /* @__PURE__ */ React__default.createElement(RouterProvider, { ...props });
-  if (routerContextProps.memoryRoute) {
-    const MemeoryRouterInstance = createMemoryRouter(routers, {
-      initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
-    });
-    return /* @__PURE__ */ React__default.createElement(RouterProvider, { router: MemeoryRouterInstance });
-  } else {
-    const BrowserRouterInstance = createBrowserRouter(routers, {
-      basename: routerContextProps.basename,
-      future: router.future,
-      window: router.window
-    });
-    return /* @__PURE__ */ React__default.createElement(RouterProvider, { ...propsRes, router: BrowserRouterInstance });
-  }
-}
-export {
-  WraperRouter as BrowserRouter,
-  WraperRouterProvider as RouterProvider
-};

package/src/router-v5.tsx

@@ -1,78 +0,0 @@
-import React, { useContext } from 'react';
-// The upper alias react-router-dom$ into this file avoids the loop
-// @ts-ignore
-import * as ReactRouterDom from 'react-router-dom/index.js';
-
-import { RouterContext } from './context';
-import { LoggerInstance } from './utils';
-
-function WraperRouter(
-  props:
-    | Parameters<typeof ReactRouterDom.BrowserRouter>[0]
-    | Parameters<typeof ReactRouterDom.MemoryRouter>[0],
-) {
-  const { basename, ...propsRes } = props;
-  const routerContextProps = useContext(RouterContext) || {};
-
-  LoggerInstance.log(`WraperRouter info >>>`, {
-    ...routerContextProps,
-    routerContextProps,
-    WraperRouterProps: props,
-  });
-  if (!routerContextProps) return <ReactRouterDom.BrowserRouter {...props} />;
-
-  if (routerContextProps?.memoryRoute) {
-    return (
-      <ReactRouterDom.MemoryRouter
-        {...props}
-        initialEntries={[routerContextProps?.memoryRoute.entryPath]}
-      />
-    );
-  }
-  return (
-    <ReactRouterDom.BrowserRouter
-      {...propsRes}
-      basename={routerContextProps?.basename || basename}
-    />
-  );
-}
-
-function WraperRouterProvider(
-  props: Parameters<typeof ReactRouterDom.RouterProvider>[0],
-) {
-  const { router, ...propsRes } = props;
-  const routerContextProps = useContext(RouterContext) || {};
-  const routers = router.routes;
-  LoggerInstance.log(`WraperRouterProvider info >>>`, {
-    ...routerContextProps,
-    routerContextProps,
-    WraperRouterProviderProps: props,
-    router,
-  });
-  const RouterProvider = (ReactRouterDom as any)['Router' + 'Provider'];
-  const createMemoryRouter = (ReactRouterDom as any)['create' + 'MemoryRouter'];
-  const createBrowserRouter = (ReactRouterDom as any)[
-    'create' + 'BrowserRouter'
-  ];
-  if (!routerContextProps) return <RouterProvider {...props} />;
-
-  if (routerContextProps.memoryRoute) {
-    const MemeoryRouterInstance = createMemoryRouter(routers, {
-      initialEntries: [routerContextProps?.memoryRoute.entryPath],
-    });
-    return <RouterProvider router={MemeoryRouterInstance} />;
-  } else {
-    const BrowserRouterInstance = createBrowserRouter(routers, {
-      basename: routerContextProps.basename,
-      future: router.future,
-      window: router.window,
-    });
-    return <RouterProvider {...propsRes} router={BrowserRouterInstance} />;
-  }
-}
-
-// @ts-ignore
-// export * from 'react-router-dom/index.js';
-
-export { WraperRouter as BrowserRouter };
-export { WraperRouterProvider as RouterProvider };

package/src/router-v6.tsx

@@ -1,76 +0,0 @@
-import React, { useContext } from 'react';
-// The upper alias react-router-dom$ into this file avoids the loop
-import * as ReactRouterDom from 'react-router-dom/dist/index.js';
-
-import { RouterContext } from './context';
-import { LoggerInstance } from './utils';
-
-function WraperRouter(
-  props:
-    | Parameters<typeof ReactRouterDom.BrowserRouter>[0]
-    | Parameters<typeof ReactRouterDom.MemoryRouter>[0],
-) {
-  const { basename, ...propsRes } = props;
-  const routerContextProps = useContext(RouterContext) || {};
-
-  LoggerInstance.log(`WraperRouter info >>>`, {
-    ...routerContextProps,
-    routerContextProps,
-    WraperRouterProps: props,
-  });
-  if (!routerContextProps) return <ReactRouterDom.BrowserRouter {...props} />;
-
-  if (routerContextProps?.memoryRoute) {
-    return (
-      <ReactRouterDom.MemoryRouter
-        {...props}
-        initialEntries={[routerContextProps?.memoryRoute.entryPath]}
-      />
-    );
-  }
-  return (
-    <ReactRouterDom.BrowserRouter
-      {...propsRes}
-      basename={routerContextProps?.basename || basename}
-    />
-  );
-}
-
-function WraperRouterProvider(
-  props: Parameters<typeof ReactRouterDom.RouterProvider>[0],
-) {
-  const { router, ...propsRes } = props;
-  const routerContextProps = useContext(RouterContext) || {};
-  const routers = router.routes;
-  LoggerInstance.log(`WraperRouterProvider info >>>`, {
-    ...routerContextProps,
-    routerContextProps,
-    WraperRouterProviderProps: props,
-    router,
-  });
-  const RouterProvider = (ReactRouterDom as any)['Router' + 'Provider'];
-  const createMemoryRouter = (ReactRouterDom as any)['create' + 'MemoryRouter'];
-  const createBrowserRouter = (ReactRouterDom as any)[
-    'create' + 'BrowserRouter'
-  ];
-  if (!routerContextProps) return <RouterProvider {...props} />;
-
-  if (routerContextProps.memoryRoute) {
-    const MemeoryRouterInstance = createMemoryRouter(routers, {
-      initialEntries: [routerContextProps?.memoryRoute.entryPath],
-    });
-    return <RouterProvider router={MemeoryRouterInstance} />;
-  } else {
-    const BrowserRouterInstance = createBrowserRouter(routers, {
-      basename: routerContextProps.basename,
-      future: router.future,
-      window: router.window,
-    });
-    return <RouterProvider {...propsRes} router={BrowserRouterInstance} />;
-  }
-}
-
-export * from 'react-router-dom/dist/index.js';
-
-export { WraperRouter as BrowserRouter };
-export { WraperRouterProvider as RouterProvider };