Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@module-federation/bridge-react

Package Overview
Dependencies
Maintainers
0
Versions
301
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@module-federation/bridge-react - npm Package Compare versions

Comparing version 0.0.0-next-20241115035905 to 0.0.0-next-20241115100504

dist/index..js
dist/plugin-CfJaHqe4.cjs
dist/plugin-qjDRExZS.js
dist/plugin..js
dist/plugin.d.ts
dist/plugin.es.js
dist/router-v5..js
dist/router-v6..js
dist/router..js
src/plugin.ts

9

CHANGELOG.md
# @module-federation/bridge-react
## 0.0.0-next-20241115035905
## 0.0.0-next-20241115100504
### Patch Changes
- @module-federation/runtime@0.0.0-next-20241115035905
- @module-federation/sdk@0.0.0-next-20241115035905
- @module-federation/bridge-shared@0.0.0-next-20241115035905
- c7dbc4b: feat: mount bridge api to module instance
- 0309fb5: fix: wrap try catch with react-router-dom path resolve
- @module-federation/sdk@0.0.0-next-20241115100504
- @module-federation/bridge-shared@0.0.0-next-20241115100504

@@ -11,0 +12,0 @@ ## 0.7.4

20

dist/index.d.ts

@@ -5,5 +5,9 @@ import { ComponentType } from 'react';

import { ErrorInfo } from 'react';
import { FederationHost } from '@module-federation/enhanced/runtime';
import { FederationRuntimePlugin } from '@module-federation/enhanced/runtime';
import { PropsWithChildren } from 'react';
import * as React_2 from 'react';
export declare function BridgeReactPlugin(): FederationRuntimePlugin;
export declare function createBridgeComponent<T>(bridgeInfo: ProviderFnParams<T>): () => {

@@ -16,8 +20,3 @@ render(info: RenderParams): Promise<void>;

export declare function createRemoteComponent<T, E extends keyof T>(info: {
loader: () => Promise<T>;
loading: default_2.ReactNode;
fallback: ErrorBoundaryPropsWithComponent['FallbackComponent'];
export?: E;
}): default_2.ForwardRefExoticComponent<default_2.PropsWithoutRef<ProviderParams & ("__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.RefAttributes<HTMLDivElement>>;
export declare function createRemoteComponent<T, E extends keyof T>(info: LazyRemoteComponentInfo<T, E>): default_2.ForwardRefExoticComponent<default_2.PropsWithoutRef<ProviderParams & ("__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.RefAttributes<HTMLDivElement>>;

@@ -53,5 +52,14 @@ declare type DestroyParams = {

declare type LazyRemoteComponentInfo<T, E extends keyof T> = {
loader: () => Promise<T>;
loading: default_2.ReactNode;
fallback: ErrorBoundaryPropsWithComponent['FallbackComponent'];
export?: E;
instance?: FederationHost;
};
declare type ProviderFnParams<T> = {
rootComponent: React_2.ComponentType<T>;
render?: (App: React_2.ReactElement, id?: HTMLElement | string) => RootType | Promise<RootType>;
instance?: FederationHost;
};

@@ -58,0 +66,0 @@

433

dist/index.es.js

@@ -1,431 +0,6 @@

import * as React from "react";
import React__default, { createContext, Component, createElement, isValidElement, forwardRef, useRef, useEffect, useContext, useState } from "react";
import { L as LoggerInstance, g as getRootDomDefaultClassName, p as pathJoin, a as atLeastReact18, R as RouterContext } from "./context-CUbFnlO5.js";
import * as ReactRouterDOM from "react-router-dom";
import { getInstance } from "@module-federation/runtime";
import ReactDOM from "react-dom";
const ErrorBoundaryContext = createContext(null);
const initialState = {
didCatch: false,
error: null
};
class ErrorBoundary extends Component {
constructor(props) {
super(props);
this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
this.state = initialState;
}
static getDerivedStateFromError(error) {
return {
didCatch: true,
error
};
}
resetErrorBoundary() {
const {
error
} = this.state;
if (error !== null) {
var _this$props$onReset, _this$props;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
(_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {
args,
reason: "imperative-api"
});
this.setState(initialState);
}
}
componentDidCatch(error, info) {
var _this$props$onError, _this$props2;
(_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
}
componentDidUpdate(prevProps, prevState) {
const {
didCatch
} = this.state;
const {
resetKeys
} = this.props;
if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
var _this$props$onReset2, _this$props3;
(_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {
next: resetKeys,
prev: prevProps.resetKeys,
reason: "keys"
});
this.setState(initialState);
}
}
render() {
const {
children,
fallbackRender,
FallbackComponent,
fallback
} = this.props;
const {
didCatch,
error
} = this.state;
let childToRender = children;
if (didCatch) {
const props = {
error,
resetErrorBoundary: this.resetErrorBoundary
};
if (typeof fallbackRender === "function") {
childToRender = fallbackRender(props);
} else if (FallbackComponent) {
childToRender = createElement(FallbackComponent, props);
} else if (fallback === null || isValidElement(fallback)) {
childToRender = fallback;
} else {
throw error;
}
}
return createElement(ErrorBoundaryContext.Provider, {
value: {
didCatch,
error,
resetErrorBoundary: this.resetErrorBoundary
}
}, childToRender);
}
}
function hasArrayChanged() {
let a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
let b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
}
function e() {
const t = new PopStateEvent("popstate", { state: window.history.state });
window.dispatchEvent(t);
}
const RemoteAppWrapper = forwardRef(function(props, ref) {
const RemoteApp2 = () => {
LoggerInstance.log(`RemoteAppWrapper RemoteApp props >>>`, { props });
const {
moduleName,
memoryRoute,
basename,
providerInfo,
className,
style,
fallback,
...resProps
} = props;
const rootRef = ref && "current" in ref ? ref : useRef(null);
const renderDom = useRef(null);
const providerInfoRef = useRef(null);
const hostInstance = getInstance();
LoggerInstance.log(`RemoteAppWrapper hostInstance >>>`, hostInstance);
useEffect(() => {
const renderTimeout = setTimeout(() => {
var _a, _b, _c, _d, _e, _f;
const providerReturn = providerInfo();
providerInfoRef.current = providerReturn;
let renderProps = {
moduleName,
dom: rootRef.current,
basename,
memoryRoute,
fallback,
...resProps
};
renderDom.current = rootRef.current;
LoggerInstance.log(
`createRemoteComponent LazyComponent render >>>`,
renderProps
);
LoggerInstance.log(
`createRemoteComponent LazyComponent hostInstance >>>`,
hostInstance
);
const beforeBridgeRenderRes = ((_c = (_b = (_a = hostInstance == null ? void 0 : hostInstance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeRender) == null ? void 0 : _c.emit(
renderProps
)) || {};
renderProps = { ...renderProps, ...beforeBridgeRenderRes.extraProps };
providerReturn.render(renderProps);
(_f = (_e = (_d = hostInstance == null ? void 0 : hostInstance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(
renderProps
);
});
return () => {
clearTimeout(renderTimeout);
setTimeout(() => {
var _a, _b, _c, _d, _e, _f, _g, _h;
if ((_a = providerInfoRef.current) == null ? void 0 : _a.destroy) {
LoggerInstance.log(
`createRemoteComponent LazyComponent destroy >>>`,
{ moduleName, basename, dom: renderDom.current }
);
(_d = (_c = (_b = hostInstance == null ? void 0 : hostInstance.bridgeHook) == null ? void 0 : _b.lifecycle) == null ? void 0 : _c.beforeBridgeDestroy) == null ? void 0 : _d.emit({
moduleName,
dom: renderDom.current,
basename,
memoryRoute,
fallback,
...resProps
});
(_e = providerInfoRef.current) == null ? void 0 : _e.destroy({
moduleName,
dom: renderDom.current
});
(_h = (_g = (_f = hostInstance == null ? void 0 : hostInstance.bridgeHook) == null ? void 0 : _f.lifecycle) == null ? void 0 : _g.afterBridgeDestroy) == null ? void 0 : _h.emit({
moduleName,
dom: renderDom.current,
basename,
memoryRoute,
fallback,
...resProps
});
}
});
};
}, []);
const rootComponentClassName = `${getRootDomDefaultClassName(moduleName)} ${props == null ? void 0 : props.className}`;
return /* @__PURE__ */ React__default.createElement(
"div",
{
className: rootComponentClassName,
style: props == null ? void 0 : props.style,
ref: rootRef
}
);
};
RemoteApp2["__APP_VERSION__"] = "0.7.4";
return /* @__PURE__ */ React__default.createElement(RemoteApp2, null);
});
function withRouterData(WrappedComponent) {
const Component2 = forwardRef(function(props, ref) {
var _a;
let enableDispathPopstate = false;
let routerContextVal;
try {
ReactRouterDOM.useLocation();
enableDispathPopstate = true;
} catch {
enableDispathPopstate = false;
}
let basename = "/";
if (!props.basename && enableDispathPopstate) {
const ReactRouterDOMAny = ReactRouterDOM;
const useRouteMatch = ReactRouterDOMAny["useRouteMatch"];
const useHistory = ReactRouterDOMAny["useHistory"];
const useHref = ReactRouterDOMAny["useHref"];
const UNSAFE_RouteContext = ReactRouterDOMAny["UNSAFE_RouteContext"];
if (UNSAFE_RouteContext) {
if (useHref) {
basename = useHref == null ? void 0 : useHref("/");
}
routerContextVal = useContext(UNSAFE_RouteContext);
if (routerContextVal && routerContextVal.matches && routerContextVal.matches.length > 0) {
const matchIndex = routerContextVal.matches.length - 1;
const pathnameBase = routerContextVal.matches[matchIndex].pathnameBase;
basename = pathJoin(basename, pathnameBase || "/");
}
} else {
const match = useRouteMatch == null ? void 0 : useRouteMatch();
if (useHistory) {
const history = useHistory == null ? void 0 : useHistory();
basename = (_a = history == null ? void 0 : history.createHref) == null ? void 0 : _a.call(history, { pathname: "/" });
}
if (match) {
basename = pathJoin(basename, (match == null ? void 0 : match.path) || "/");
}
}
}
LoggerInstance.log(`createRemoteComponent withRouterData >>>`, {
...props,
basename,
routerContextVal,
enableDispathPopstate
});
if (enableDispathPopstate) {
const location = ReactRouterDOM.useLocation();
const [pathname, setPathname] = useState(location.pathname);
useEffect(() => {
if (pathname !== "" && pathname !== location.pathname) {
LoggerInstance.log(`createRemoteComponent dispatchPopstateEnv >>>`, {
name: props.name,
pathname: location.pathname
});
e();
}
setPathname(location.pathname);
}, [location]);
}
return /* @__PURE__ */ React__default.createElement(WrappedComponent, { ...props, basename, ref });
});
return forwardRef(function(props, ref) {
return /* @__PURE__ */ React__default.createElement(Component2, { ...props, ref });
});
}
const RemoteApp = withRouterData(RemoteAppWrapper);
function createLazyRemoteComponent(info) {
const exportName = (info == null ? void 0 : info.export) || "default";
return React__default.lazy(async () => {
LoggerInstance.log(`createRemoteComponent LazyComponent create >>>`, {
lazyComponent: info.loader,
exportName
});
try {
const m2 = await info.loader();
const moduleName = m2 && m2[Symbol.for("mf_module_id")];
LoggerInstance.log(
`createRemoteComponent LazyComponent loadRemote info >>>`,
{ name: moduleName, module: m2, exportName }
);
const exportFn = m2[exportName];
if (exportName in m2 && typeof exportFn === "function") {
const RemoteAppComponent = forwardRef((props, ref) => {
return /* @__PURE__ */ React__default.createElement(
RemoteApp,
{
moduleName,
providerInfo: exportFn,
exportName: info.export || "default",
fallback: info.fallback,
ref,
...props
}
);
});
return {
default: RemoteAppComponent
};
} else {
LoggerInstance.log(
`createRemoteComponent LazyComponent module not found >>>`,
{ name: moduleName, module: m2, exportName }
);
throw Error(
`Make sure that ${moduleName} has the correct export when export is ${String(
exportName
)}`
);
}
} catch (error) {
throw error;
}
});
}
function createRemoteComponent(info) {
return forwardRef(
(props, ref) => {
const LazyComponent = createLazyRemoteComponent(info);
return /* @__PURE__ */ React__default.createElement(ErrorBoundary, { FallbackComponent: info.fallback }, /* @__PURE__ */ React__default.createElement(React__default.Suspense, { fallback: info.loading }, /* @__PURE__ */ React__default.createElement(LazyComponent, { ...props, ref })));
}
);
}
var client = {};
var m = ReactDOM;
if (process.env.NODE_ENV === "production") {
client.createRoot = m.createRoot;
client.hydrateRoot = m.hydrateRoot;
} else {
var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
client.createRoot = function(c, o) {
i.usingClientEntryPoint = true;
try {
return m.createRoot(c, o);
} finally {
i.usingClientEntryPoint = false;
}
};
client.hydrateRoot = function(c, h, o) {
i.usingClientEntryPoint = true;
try {
return m.hydrateRoot(c, h, o);
} finally {
i.usingClientEntryPoint = false;
}
};
}
function createBridgeComponent(bridgeInfo) {
return () => {
const rootMap = /* @__PURE__ */ new Map();
const instance = getInstance();
LoggerInstance.log(`createBridgeComponent remote instance`, instance);
const RawComponent = (info) => {
const { appInfo, propsInfo, ...restProps } = info;
const { moduleName, memoryRoute, basename = "/" } = appInfo;
return /* @__PURE__ */ React.createElement(RouterContext.Provider, { value: { moduleName, basename, memoryRoute } }, /* @__PURE__ */ React.createElement(
bridgeInfo.rootComponent,
{
...propsInfo,
basename,
...restProps
}
));
};
return {
async render(info) {
var _a, _b, _c, _d, _e, _f;
LoggerInstance.log(`createBridgeComponent render Info`, info);
const {
moduleName,
dom,
basename,
memoryRoute,
fallback,
...propsInfo
} = info;
const beforeBridgeRenderRes = ((_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeRender) == null ? void 0 : _c.emit(info)) || {};
const rootComponentWithErrorBoundary = (
// set ErrorBoundary for RawComponent rendering error, usually caused by user app rendering error
/* @__PURE__ */ React.createElement(ErrorBoundary, { FallbackComponent: fallback }, /* @__PURE__ */ React.createElement(
RawComponent,
{
appInfo: {
moduleName,
basename,
memoryRoute
},
propsInfo: { ...propsInfo, ...beforeBridgeRenderRes == null ? void 0 : beforeBridgeRenderRes.extraProps }
}
))
);
if (atLeastReact18(React)) {
if (bridgeInfo == null ? void 0 : bridgeInfo.render) {
Promise.resolve(
bridgeInfo == null ? void 0 : bridgeInfo.render(rootComponentWithErrorBoundary, dom)
).then((root) => rootMap.set(info.dom, root));
} else {
const root = client.createRoot(info.dom);
root.render(rootComponentWithErrorBoundary);
rootMap.set(info.dom, root);
}
} else {
const renderFn = (bridgeInfo == null ? void 0 : bridgeInfo.render) || ReactDOM.render;
renderFn == null ? void 0 : renderFn(rootComponentWithErrorBoundary, info.dom);
}
((_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(info)) || {};
},
async destroy(info) {
var _a, _b, _c, _d, _e, _f;
LoggerInstance.log(`createBridgeComponent destroy Info`, {
dom: info.dom
});
(_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeDestroy) == null ? void 0 : _c.emit(info);
if (atLeastReact18(React)) {
const root = rootMap.get(info.dom);
root == null ? void 0 : root.unmount();
rootMap.delete(info.dom);
} else {
ReactDOM.unmountComponentAtNode(info.dom);
}
(_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeDestroy) == null ? void 0 : _f.emit(info);
},
rawComponent: bridgeInfo.rootComponent,
__BRIDGE_FN__: (_args) => {
}
};
};
}
import { B, a, c } from "./plugin-qjDRExZS.js";
export {
createBridgeComponent,
createRemoteComponent
B as BridgeReactPlugin,
a as createBridgeComponent,
c as createRemoteComponent
};

2

dist/router-v6.d.ts

@@ -9,4 +9,4 @@ import { default as default_2 } from 'react';

export * from "react-router-dom/dist/index.js";
export * from "react-router-dom/";
export { }

14

dist/router-v6.es.js
import React__default, { useContext } from "react";
import * as ReactRouterDom from "react-router-dom/dist/index.js";
import * as ReactRouterDom$1 from "react-router-dom/dist/index.js";
import { R as RouterContext, L as LoggerInstance } from "./context-CUbFnlO5.js";
export * from "react-router-dom/dist/index.js";
import { R as RouterContext, L as LoggerInstance } from "./context-CUbFnlO5.js";
function WraperRouter(props) {

@@ -15,3 +15,3 @@ const { basename, ...propsRes } = props;

return /* @__PURE__ */ React__default.createElement(
ReactRouterDom.MemoryRouter,
ReactRouterDom$1.MemoryRouter,
{

@@ -24,3 +24,3 @@ ...props,

return /* @__PURE__ */ React__default.createElement(
ReactRouterDom.BrowserRouter,
ReactRouterDom$1.BrowserRouter,
{

@@ -42,5 +42,5 @@ ...propsRes,

});
const RouterProvider = ReactRouterDom["RouterProvider"];
const createMemoryRouter = ReactRouterDom["createMemoryRouter"];
const createBrowserRouter = ReactRouterDom["createBrowserRouter"];
const RouterProvider = ReactRouterDom$1["RouterProvider"];
const createMemoryRouter = ReactRouterDom$1["createMemoryRouter"];
const createBrowserRouter = ReactRouterDom$1["createBrowserRouter"];
if (routerContextProps.memoryRoute) {

@@ -47,0 +47,0 @@ const MemeoryRouterInstance = createMemoryRouter(routers, {

25

package.json
{
"name": "@module-federation/bridge-react",
"version": "0.0.0-next-20241115035905",
"version": "0.0.0-next-20241115100504",
"publishConfig": {

@@ -15,3 +15,3 @@ "access": "public"

"type": "module",
"main": "./dist/index.cjs.js",
"main": "./dist/index.js",
"module": "./dist/index.es.js",

@@ -23,8 +23,13 @@ "types": "./dist/index.d.ts",

"import": "./dist/index.es.js",
"require": "./dist/index.cjs.js"
"require": "./dist/index.js"
},
"./plugin": {
"types": "./dist/plugin.d.ts",
"import": "./dist/plugin.es.js",
"require": "./dist/plugin.js"
},
"./router": {
"types": "./dist/router.d.ts",
"import": "./dist/router.es.js",
"require": "./dist/router.cjs.js"
"require": "./dist/router.js"
},

@@ -34,3 +39,3 @@ "./router-v5": {

"import": "./dist/router-v5.es.js",
"require": "./dist/router-v5.cjs.js"
"require": "./dist/router-v5.js"
},

@@ -40,3 +45,3 @@ "./router-v6": {

"import": "./dist/router-v6.es.js",
"require": "./dist/router-v6.cjs.js"
"require": "./dist/router-v6.js"
},

@@ -48,5 +53,4 @@ "./*": "./*"

"react-error-boundary": "^4.0.13",
"@module-federation/bridge-shared": "0.0.0-next-20241115035905",
"@module-federation/sdk": "0.0.0-next-20241115035905",
"@module-federation/runtime": "0.0.0-next-20241115035905"
"@module-federation/bridge-shared": "0.0.0-next-20241115100504",
"@module-federation/sdk": "0.0.0-next-20241115100504"
},

@@ -71,3 +75,4 @@ "peerDependencies": {

"vite": "^5.2.14",
"vite-plugin-dts": "^3.9.1"
"vite-plugin-dts": "^3.9.1",
"@module-federation/enhanced": "0.0.0-next-20241115100504"
},

@@ -74,0 +79,0 @@ "scripts": {

2

src/index.ts
export { createRemoteComponent } from './create';
export { createBridgeComponent } from './provider';
export { default as BridgeReactPlugin } from './plugin';
export type {

@@ -4,0 +6,0 @@ ProviderParams,

1

src/utils.ts
import React from 'react';
import { FederationHost } from '@module-federation/runtime';
import { createLogger } from '@module-federation/sdk';

@@ -4,0 +3,0 @@

23

vite.config.ts
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
// import vue from '@vitejs/plugin-vue';
import path from 'path';
import dts from 'vite-plugin-dts';
import react from '@vitejs/plugin-react';
// import react from '@vitejs/plugin-react';
import packageJson from './package.json';

@@ -24,2 +24,3 @@

index: path.resolve(__dirname, 'src/index.ts'),
plugin: path.resolve(__dirname, 'src/plugin.ts'),
router: path.resolve(__dirname, 'src/router.tsx'),

@@ -30,3 +31,4 @@ 'router-v5': path.resolve(__dirname, 'src/router-v5.tsx'),

formats: ['cjs', 'es'],
fileName: (format, entryName) => `${entryName}.${format}.js`,
fileName: (format, entryName) =>
`${entryName}.${format.replace('cjs', '')}.js`,
},

@@ -41,3 +43,2 @@ rollupOptions: {

'react-router-dom/dist/index.js',
'@module-federation/runtime',
],

@@ -50,9 +51,9 @@ plugins: [

const chunk = bundle[fileName];
// if (fileName.includes('router-v6') && chunk.type === 'chunk') {
// chunk.code = chunk.code.replace(
// // Match 'react-router-dom/' followed by single quotes, double quotes, or backticks, replacing only 'react-router-dom/' to react-router-v6 dist file structure
// /react-router-dom\/(?=[\'\"\`])/g,
// 'react-router-dom/dist/index.js',
// );
// }
if (fileName.includes('router-v6') && chunk.type === 'chunk') {
chunk.code = chunk.code.replace(
// Match 'react-router-dom/' followed by single quotes, double quotes, or backticks, replacing only 'react-router-dom/' to react-router-v6 dist file structure
/react-router-dom\/(?=[\'\"\`])/g,
'react-router-dom/dist/index.js',
);
}

@@ -59,0 +60,0 @@ if (fileName.includes('router-v5') && chunk.type === 'chunk') {

dist/index.cjs.js
dist/router-v5.cjs.js
dist/router-v6.cjs.js
dist/router.cjs.js
src/create.tsx

Sorry, the diff of this file is not supported yet

src/provider.tsx

Sorry, the diff of this file is not supported yet

src/remote/index.tsx

Sorry, the diff of this file is not supported yet

src/router-v5.tsx

Sorry, the diff of this file is not supported yet

src/router-v6.tsx

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc