ssr-plugin-react 5.6.27 → 5.6.28

package/README.md

@@ -256,7 +256,7 @@ $ npm run start:vite # 以 vite 模式启动，等价于 npx ssr start --vite
 
 <div style="display:flex">
 <img src="https://res.wx.qq.com/op_res/7F1t4Z8yCHWilehbcFGjAj0yVn0URMiWBGVJa-TVu_eqw5IwUXA2kPYBnfX6YRHy0FVBB-yC6l0IEL02QTJkLg" width="300">
-<img src="https://res.wx.qq.com/op_res/iV7F10umsjENeklg1vaIZOXZ0Ye__gpnK8Js6sz5R2TlbvaeikeHIj6peLPN0-Z5nHEvjcGd5kE0Ii5Q1Iy0fw" width="300">
+<img src="https://res.wx.qq.com/op_res/e7Z2b52xu-o9gaw-FgTmM8w-ohj_vFoDwC9JFl7N3o4c5oThkJ1plMT4D2GrC0rheo5mu5pkgHSw6s-Z8UZhvg" width="300">
 </div>
 
 ## 前端开发手册

package/cjs/entry/client-entry.js

@@ -9,15 +9,16 @@ const ssr_hoc_react_1 = require("ssr-hoc-react");
 // @ts-expect-error
 const Routes = require("_build/ssr-temporary-routes");
 const context_1 = require("./context");
-const { FeRoutes, layoutFetch, App, BASE_NAME } = Routes;
+const { FeRoutes, layoutFetch, App, PrefixRouterBase } = Routes;
 const clientRender = async () => {
-    var _a, _b;
+    var _a, _b, _c;
     const IApp = App !== null && App !== void 0 ? App : function (props) {
         return props.children;
     };
     // 客户端渲染||hydrate
-    const routes = await (0, ssr_client_utils_1.preloadComponent)(FeRoutes, BASE_NAME);
-    ReactDOM[window.__USE_SSR__ ? 'hydrate' : 'render'](React.createElement(react_router_dom_1.BrowserRouter, { basename: BASE_NAME },
+    const baseName = (_a = window.prefix) !== null && _a !== void 0 ? _a : PrefixRouterBase;
+    const routes = await (0, ssr_client_utils_1.preloadComponent)(FeRoutes, baseName);
+    ReactDOM[window.__USE_SSR__ ? 'hydrate' : 'render'](React.createElement(react_router_dom_1.BrowserRouter, { basename: baseName },
         React.createElement(context_1.AppContext, null,
             React.createElement(react_router_dom_1.Switch, null,
                 React.createElement(IApp, null,
@@ -31,7 +32,7 @@ const clientRender = async () => {
                         return (React.createElement(react_router_dom_1.Route, { exact: true, key: path, path: path, render: () => React.createElement(WrappedComponent, { key: location.pathname }) }));
                     })))))), document.getElementById('app'));
     if (!window.__USE_VITE__) {
-        (_b = (_a = module === null || module === void 0 ? void 0 : module.hot) === null || _a === void 0 ? void 0 : _a.accept) === null || _b === void 0 ? void 0 : _b.call(_a); // webpack 场景下的 hmr
+        (_c = (_b = module === null || module === void 0 ? void 0 : module.hot) === null || _b === void 0 ? void 0 : _b.accept) === null || _c === void 0 ? void 0 : _c.call(_b); // webpack 场景下的 hmr
     }
 };
 exports.clientRender = clientRender;

package/cjs/entry/server-entry.js

@@ -10,14 +10,15 @@ const Routes = require("_build/ssr-temporary-routes");
 const create_context_1 = require("./create-context");
 // @ts-expect-error
 const index_tsx_1 = require("@/components/layout/index.tsx");
-const { FeRoutes, layoutFetch, BASE_NAME, state } = Routes;
+const { FeRoutes, layoutFetch, PrefixRouterBase, state } = Routes;
 const serverRender = async (ctx, config) => {
     var _a, _b;
-    const { cssOrder, jsOrder, dynamic, mode, chunkName, parallelFetch, disableClientRender } = config;
+    const { cssOrder, jsOrder, dynamic, mode, chunkName, parallelFetch, disableClientRender, prefix } = config;
     global.window = (_a = global.window) !== null && _a !== void 0 ? _a : {}; // 防止覆盖上层应用自己定义的 window 对象
     let path = ctx.request.path; // 这里取 pathname 不能够包含 queryString
-    if (BASE_NAME) {
-        path = (0, ssr_server_utils_1.normalizePath)(path);
+    const base = prefix !== null && prefix !== void 0 ? prefix : PrefixRouterBase; // 以开发者实际传入的为最高优先级
+    if (base) {
+        path = (0, ssr_server_utils_1.normalizePath)(path, base);
     }
     const { window } = global;
     const routeItem = (0, ssr_server_utils_1.findRoute)(FeRoutes, path);

package/esm/entry/client-entry.js

@@ -6,15 +6,16 @@ import { wrapComponent } from 'ssr-hoc-react';
 // @ts-expect-error
 import * as Routes from '_build/ssr-temporary-routes';
 import { AppContext } from './context';
-const { FeRoutes, layoutFetch, App, BASE_NAME } = Routes;
+const { FeRoutes, layoutFetch, App, PrefixRouterBase } = Routes;
 const clientRender = async () => {
-    var _a, _b;
+    var _a, _b, _c;
     const IApp = App !== null && App !== void 0 ? App : function (props) {
         return props.children;
     };
     // 客户端渲染||hydrate
-    const routes = await preloadComponent(FeRoutes, BASE_NAME);
-    ReactDOM[window.__USE_SSR__ ? 'hydrate' : 'render'](React.createElement(BrowserRouter, { basename: BASE_NAME },
+    const baseName = (_a = window.prefix) !== null && _a !== void 0 ? _a : PrefixRouterBase;
+    const routes = await preloadComponent(FeRoutes, baseName);
+    ReactDOM[window.__USE_SSR__ ? 'hydrate' : 'render'](React.createElement(BrowserRouter, { basename: baseName },
         React.createElement(AppContext, null,
             React.createElement(Switch, null,
                 React.createElement(IApp, null,
@@ -28,7 +29,7 @@ const clientRender = async () => {
                         return (React.createElement(Route, { exact: true, key: path, path: path, render: () => React.createElement(WrappedComponent, { key: location.pathname }) }));
                     })))))), document.getElementById('app'));
     if (!window.__USE_VITE__) {
-        (_b = (_a = module === null || module === void 0 ? void 0 : module.hot) === null || _a === void 0 ? void 0 : _a.accept) === null || _b === void 0 ? void 0 : _b.call(_a); // webpack 场景下的 hmr
+        (_c = (_b = module === null || module === void 0 ? void 0 : module.hot) === null || _b === void 0 ? void 0 : _b.accept) === null || _c === void 0 ? void 0 : _c.call(_b); // webpack 场景下的 hmr
     }
 };
 if (!window.__disableClientRender__) {

package/esm/entry/server-entry.js

@@ -7,14 +7,15 @@ import * as Routes from '_build/ssr-temporary-routes';
 import { serverContext } from './create-context';
 // @ts-expect-error
 import Layout from '@/components/layout/index.tsx';
-const { FeRoutes, layoutFetch, BASE_NAME, state } = Routes;
+const { FeRoutes, layoutFetch, PrefixRouterBase, state } = Routes;
 const serverRender = async (ctx, config) => {
     var _a, _b;
-    const { cssOrder, jsOrder, dynamic, mode, chunkName, parallelFetch, disableClientRender } = config;
+    const { cssOrder, jsOrder, dynamic, mode, chunkName, parallelFetch, disableClientRender, prefix } = config;
     global.window = (_a = global.window) !== null && _a !== void 0 ? _a : {}; // 防止覆盖上层应用自己定义的 window 对象
     let path = ctx.request.path; // 这里取 pathname 不能够包含 queryString
-    if (BASE_NAME) {
-        path = normalizePath(path);
+    const base = prefix !== null && prefix !== void 0 ? prefix : PrefixRouterBase; // 以开发者实际传入的为最高优先级
+    if (base) {
+        path = normalizePath(path, base);
     }
     const { window } = global;
     const routeItem = findRoute(FeRoutes, path);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ssr-plugin-react",
-  "version": "5.6.27",
+  "version": "5.6.28",
   "description": "plugin-react for ssr",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -53,10 +53,10 @@
     "postcss-safe-parser": "4.0.1",
     "react-dev-utils": "^11.0.4",
     "serialize-javascript": "^3.0.0",
-    "ssr-client-utils": "^5.6.26",
-    "ssr-hoc-react": "^5.6.24",
-    "ssr-server-utils": "^5.6.26",
-    "ssr-webpack": "^5.6.26",
+    "ssr-client-utils": "^5.6.28",
+    "ssr-hoc-react": "^5.6.28",
+    "ssr-server-utils": "^5.6.28",
+    "ssr-webpack": "^5.6.28",
     "terser-webpack-plugin": "^2.3.5",
     "url-loader": "1.1.1",
     "webpack-bundle-analyzer": "^3.6.1",
@@ -70,7 +70,7 @@
     "@types/react-router-dom": "^5.1.3",
     "@types/serialize-javascript": "^1.5.0",
     "@types/webpack": "^4.41.10",
-    "ssr-types-react": "^5.6.24"
+    "ssr-types-react": "^5.6.28"
   },
-  "gitHead": "754f1fbbb13e80102dd8a67be6689435f346b99f"
+  "gitHead": "dbbee89416cebaeb74aab767a185e5826bd082c4"
 }

package/src/entry/client-entry.tsx

@@ -8,7 +8,7 @@ import { IWindow, LayoutProps, ReactClientESMFeRouteItem, ReactClientRoutesType
 import * as Routes from '_build/ssr-temporary-routes'
 import { AppContext } from './context'
 
-const { FeRoutes, layoutFetch, App, BASE_NAME } = Routes as ReactClientRoutesType
+const { FeRoutes, layoutFetch, App, PrefixRouterBase } = Routes as ReactClientRoutesType
 
 declare const module: any
 declare const window: IWindow
@@ -18,9 +18,10 @@ const clientRender = async (): Promise<void> => {
     return props.children!
   }
   // 客户端渲染||hydrate
-  const routes = await preloadComponent(FeRoutes, BASE_NAME)
+  const baseName = window.prefix ?? PrefixRouterBase
+  const routes = await preloadComponent(FeRoutes, baseName)
   ReactDOM[window.__USE_SSR__ ? 'hydrate' : 'render'](
-    <BrowserRouter basename={BASE_NAME}>
+    <BrowserRouter basename={baseName}>
       <AppContext>
         <Switch>
           <IApp>

package/src/entry/server-entry.tsx

@@ -9,16 +9,17 @@ import { serverContext } from './create-context'
 // @ts-expect-error
 import Layout from '@/components/layout/index.tsx'
 
-const { FeRoutes, layoutFetch, BASE_NAME, state } = Routes as ReactRoutesType
+const { FeRoutes, layoutFetch, PrefixRouterBase, state } = Routes as ReactRoutesType
 
 declare const global: IGlobal
 
 const serverRender = async (ctx: ISSRContext, config: IConfig): Promise<React.ReactElement> => {
-  const { cssOrder, jsOrder, dynamic, mode, chunkName, parallelFetch, disableClientRender } = config
+  const { cssOrder, jsOrder, dynamic, mode, chunkName, parallelFetch, disableClientRender, prefix } = config
   global.window = global.window ?? {} // 防止覆盖上层应用自己定义的 window 对象
   let path = ctx.request.path // 这里取 pathname 不能够包含 queryString
-  if (BASE_NAME) {
-    path = normalizePath(path)
+  const base = prefix ?? PrefixRouterBase // 以开发者实际传入的为最高优先级
+  if (base) {
+    path = normalizePath(path, base)
   }
   const { window } = global
   const routeItem = findRoute<ReactServerESMFeRouteItem>(FeRoutes, path)