ssr-plugin-react 6.1.59 → 6.1.65

package/CHANGELOG.md

@@ -3,6 +3,52 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.1.65](https://github.com/zhangyuang/ssr/compare/v6.1.62...v6.1.65) (2022-02-17)
+
+
+### Features
+
+* support combine declareRouter with manualRouter ([c2b5482](https://github.com/zhangyuang/ssr/commit/c2b548284f8683c266e6e858d6a9eb91cb72bc50))
+
+
+
+
+
+## [6.1.64](https://github.com/zhangyuang/ssr/compare/v6.1.63...v6.1.64) (2022-02-15)
+
+**Note:** Version bump only for package ssr-plugin-react
+
+
+
+
+
+## [6.1.63](https://github.com/zhangyuang/ssr/compare/v6.1.62...v6.1.63) (2022-02-15)
+
+**Note:** Version bump only for package ssr-plugin-react
+
+
+
+
+
+## [6.1.62](https://github.com/zhangyuang/ssr/compare/v6.1.61...v6.1.62) (2022-02-15)
+
+**Note:** Version bump only for package ssr-plugin-react
+
+
+
+
+
+## [6.1.60](https://github.com/zhangyuang/ssr/compare/v6.1.59...v6.1.60) (2022-02-09)
+
+
+### Bug Fixes
+
+* vite production inputOptions ([573b219](https://github.com/zhangyuang/ssr/commit/573b2193b2aef17a814abf8c0d8f53d6f7ba7719))
+
+
+
+
+
 ## [6.1.59](https://github.com/zhangyuang/ssr/compare/v6.1.58...v6.1.59) (2022-02-08)
 
 **Note:** Version bump only for package ssr-plugin-react

package/README.md

@@ -16,7 +16,6 @@
 <a href="https://github.com/zhangyuang/ssr/actions" target="_blank"><img src="https://github.com/zhangyuang/ssr/workflows/CI/badge.svg" alt="githubActions" />
 <a href="https://www.cypress.io/" target="_blank"><img src="https://img.shields.io/badge/cypress-dashboard-brightgreen.svg" alt="cypress" />
 <a href="https://npmcharts.com/compare/ssr" target="_blank"><img src="https://img.shields.io/npm/dm/ssr" alt="download" />
-<a href="https://github.com/zhangyuang/ssr" target="_blank"><img src="https://img.shields.io/tokei/lines/github/zhangyuang/ssr-lines?color=4dc71f" alt="Node" />
 <a href="https://github.com/zhangyuang/ssr" target="_blank"><img src="https://img.shields.io/badge/node-%3E=12-green.svg?color=4dc71f" alt="Node" ></a>
 <a href="https://github.com/zhangyuang/ssr" target="_blank"><img src="https://img.shields.io/github/stars/zhangyuang/ssr.svg?color=4dc71f" alt="Node" ></a>
 </div>
@@ -41,7 +40,6 @@
 - 可能会改动技术栈，如从 `Vue2` 升级为 `Vue3`，从 `Vue3` 降级为 `Vue2` 或 `React/Vue` 互相切换
 - 需要在服务端渲染场景下开箱即用使用 `antd` `vant` 等流行 `ui` 库
 - 需要能够同时支持 `Webpack`, `Vite` 两种开发工具，以便同时得到快速的启动速度 `HMR` 速度以及稳定的生产环境代码
-
 ## 哪些应用在使用
 
 正在使用这个项目的公司(应用), 如果您正在使用但名单中没有列出来的话请提 [issue](https://github.com/zhangyuang/ssr/issues)，欢迎推广分享，我们将随时提供技术支持
@@ -127,7 +125,7 @@
 - 🧲　插件驱动：基于插件架构，用户更加专注于业务逻辑；
 - 💯　Serverless优先：一键发布到各种Serverless平台，也支持传统Web Server，比如Egg、Midway、Nest等。
 - 🛡　高可用场景，可无缝从SSR降级到CSR，最佳容灾方案。
-- 😄　功能丰富，构建工具支持 Webpack/Vite
+- 😄　功能丰富，构建工具支持 Webpack/Vite，全新的 `Vue3 Script Setup` 支持
 
 ## 已实现的功能
 
@@ -273,7 +271,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/UQMlAGgJt38dZ0iX_udYYLvwceEOo5w6OAcZ5XodX_aMSZ_cpvCtpbfQaLGkPnDMoK0Rnbhgr7FjpQ8YUjaX-Q" width="300">
+<img src="https://res.wx.qq.com/op_res/yEMBkta89JhlC9RlNrTqXHshV4a6Wa-tBIBMZe9PjLoOJgtnLYjHQ4TQttfqJ4iYbqhSTEA4YI6TBWkO76-chA" width="300">
 </div>
 
 ## 前端开发手册

package/cjs/entry/client-entry.js

@@ -6,10 +6,9 @@ const ReactDOM = require("react-dom");
 const react_router_dom_1 = require("react-router-dom");
 const ssr_client_utils_1 = require("ssr-client-utils");
 const ssr_hoc_react_1 = require("ssr-hoc-react");
-// @ts-expect-error
-const Routes = require("_build/ssr-temporary-routes");
+const create_router_1 = require("./create-router");
 const context_1 = require("./context");
-const { FeRoutes, layoutFetch, App, PrefixRouterBase } = Routes;
+const { FeRoutes, layoutFetch, App, PrefixRouterBase } = create_router_1.Routes;
 const clientRender = async () => {
     var _a, _b, _c;
     const IApp = App !== null && App !== void 0 ? App : function (props) {

package/cjs/entry/context.js

@@ -5,9 +5,8 @@ const React = require("react");
 const react_1 = require("react");
 // @ts-expect-error
 const create_context_1 = require("_build/create-context");
-// @ts-expect-error
-const Routes = require("_build/ssr-temporary-routes");
-const { reducer, state } = Routes;
+const create_router_1 = require("./create-router");
+const { reducer, state } = create_router_1.Routes;
 const userState = state !== null && state !== void 0 ? state : {};
 const userReducer = reducer !== null && reducer !== void 0 ? reducer : function () { };
 const isDev = process.env.NODE_ENV !== 'production';

package/cjs/entry/create-router.d.ts

@@ -0,0 +1,3 @@
+import { ReactRoutesType } from 'ssr-types-react';
+declare const Routes: ReactRoutesType;
+export { Routes };

package/cjs/entry/create-router.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Routes = void 0;
+// @ts-expect-error
+const declareRoutes = require("_build/ssr-temporary-routes");
+// @ts-expect-error
+const ManualRoutes = require("_build/ssr-manual-routes");
+const declareRoutesWithType = declareRoutes;
+const ManualRoutesWithType = ManualRoutes;
+const Routes = {
+    ...declareRoutes,
+    ...ManualRoutesWithType
+};
+exports.Routes = Routes;
+if (ManualRoutesWithType.FeRoutes) {
+    // 如果存在相同 path，取声明式路由为最高优先级
+    const combineRoutes = declareRoutesWithType.FeRoutes.map(route => {
+        const found = ManualRoutesWithType.FeRoutes.find(e => e.path === route.path);
+        return found !== null && found !== void 0 ? found : route;
+    });
+    declareRoutesWithType.FeRoutes.forEach(route => {
+        // 补充声明式路由新增的配置
+        const found = combineRoutes.find(e => e.path === route.path);
+        if (!found) {
+            combineRoutes.push(route);
+        }
+    });
+    Routes.FeRoutes = combineRoutes;
+}

package/cjs/entry/server-entry.js

@@ -7,12 +7,11 @@ const ssr_server_utils_1 = require("ssr-server-utils");
 // @ts-expect-error
 const serializeWrap = require("serialize-javascript");
 // @ts-expect-error
-const Routes = require("_build/ssr-temporary-routes");
-// @ts-expect-error
 const create_context_1 = require("_build/create-context");
 // @ts-expect-error
 const index_tsx_1 = require("@/components/layout/index.tsx");
-const { FeRoutes, layoutFetch, PrefixRouterBase, state } = Routes;
+const create_router_1 = require("./create-router");
+const { FeRoutes, layoutFetch, PrefixRouterBase, state } = create_router_1.Routes;
 const serialize = serializeWrap.default || serializeWrap;
 const serverRender = async (ctx, config) => {
     var _a;

package/cjs/tools/vite.js

@@ -42,12 +42,12 @@ const serverConfig = {
     build: {
         ssr: reactServerEntry,
         outDir: serverOutPut,
-        rollupOptions: {
-            input: isDev ? reactClientEntry : '',
+        rollupOptions: Object.assign(isDev ? { input: reactClientEntry } : {}, // setting prebundle list by client-entry in dev
+        {
             output: {
                 entryFileNames: 'Page.server.js'
             }
-        }
+        })
     },
     define: {
         __isBrowser__: false,

package/esm/entry/client-entry.js

@@ -3,8 +3,7 @@ import * as ReactDOM from 'react-dom';
 import { BrowserRouter, Route, Switch } from 'react-router-dom';
 import { preloadComponent } from 'ssr-client-utils';
 import { wrapComponent } from 'ssr-hoc-react';
-// @ts-expect-error
-import * as Routes from '_build/ssr-temporary-routes';
+import { Routes } from './create-router';
 import { AppContext } from './context';
 const { FeRoutes, layoutFetch, App, PrefixRouterBase } = Routes;
 const clientRender = async () => {

package/esm/entry/context.js

@@ -2,8 +2,7 @@ import * as React from 'react';
 import { useReducer } from 'react';
 // @ts-expect-error
 import { STORE_CONTEXT } from '_build/create-context';
-// @ts-expect-error
-import * as Routes from '_build/ssr-temporary-routes';
+import { Routes } from './create-router';
 const { reducer, state } = Routes;
 const userState = state !== null && state !== void 0 ? state : {};
 const userReducer = reducer !== null && reducer !== void 0 ? reducer : function () { };

package/esm/entry/create-router.d.ts

@@ -0,0 +1,3 @@
+import { ReactRoutesType } from 'ssr-types-react';
+declare const Routes: ReactRoutesType;
+export { Routes };

package/esm/entry/create-router.js

@@ -0,0 +1,26 @@
+// @ts-expect-error
+import * as declareRoutes from '_build/ssr-temporary-routes';
+// @ts-expect-error
+import * as ManualRoutes from '_build/ssr-manual-routes';
+const declareRoutesWithType = declareRoutes;
+const ManualRoutesWithType = ManualRoutes;
+const Routes = {
+    ...declareRoutes,
+    ...ManualRoutesWithType
+};
+if (ManualRoutesWithType.FeRoutes) {
+    // 如果存在相同 path，取声明式路由为最高优先级
+    const combineRoutes = declareRoutesWithType.FeRoutes.map(route => {
+        const found = ManualRoutesWithType.FeRoutes.find(e => e.path === route.path);
+        return found !== null && found !== void 0 ? found : route;
+    });
+    declareRoutesWithType.FeRoutes.forEach(route => {
+        // 补充声明式路由新增的配置
+        const found = combineRoutes.find(e => e.path === route.path);
+        if (!found) {
+            combineRoutes.push(route);
+        }
+    });
+    Routes.FeRoutes = combineRoutes;
+}
+export { Routes };

package/esm/entry/server-entry.js

@@ -4,11 +4,10 @@ import { findRoute, getManifest, logGreen, normalizePath, addAsyncChunk } from '
 // @ts-expect-error
 import * as serializeWrap from 'serialize-javascript';
 // @ts-expect-error
-import * as Routes from '_build/ssr-temporary-routes';
-// @ts-expect-error
 import { STORE_CONTEXT as Context } from '_build/create-context';
 // @ts-expect-error
 import Layout from '@/components/layout/index.tsx';
+import { Routes } from './create-router';
 const { FeRoutes, layoutFetch, PrefixRouterBase, state } = Routes;
 const serialize = serializeWrap.default || serializeWrap;
 const serverRender = async (ctx, config) => {

package/esm/tools/vite.js

@@ -39,12 +39,12 @@ const serverConfig = {
     build: {
         ssr: reactServerEntry,
         outDir: serverOutPut,
-        rollupOptions: {
-            input: isDev ? reactClientEntry : '',
+        rollupOptions: Object.assign(isDev ? { input: reactClientEntry } : {}, // setting prebundle list by client-entry in dev
+        {
             output: {
                 entryFileNames: 'Page.server.js'
             }
-        }
+        })
     },
     define: {
         __isBrowser__: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ssr-plugin-react",
-  "version": "6.1.59",
+  "version": "6.1.65",
   "description": "plugin-react for ssr",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -55,10 +55,10 @@
     "postcss-safe-parser": "4.0.1",
     "react-dev-utils": "^11.0.4",
     "serialize-javascript": "^6.0.0",
-    "ssr-client-utils": "^6.1.58",
-    "ssr-hoc-react": "^6.1.58",
-    "ssr-server-utils": "^6.1.59",
-    "ssr-webpack": "^6.1.59",
+    "ssr-client-utils": "^6.1.62",
+    "ssr-hoc-react": "^6.1.65",
+    "ssr-server-utils": "^6.1.65",
+    "ssr-webpack": "^6.1.65",
     "terser-webpack-plugin": "^2.3.5",
     "url-loader": "^4.1.1",
     "vite": "^2.7.0",
@@ -74,7 +74,7 @@
     "@types/react-router-dom": "^5.1.3",
     "@types/webpack": "^4.41.10",
     "concurrently": "^5.1.0",
-    "ssr-types-react": "^6.1.58"
+    "ssr-types-react": "^6.1.62"
   },
-  "gitHead": "0522f203047ff136e651958834684251d5fe36e5"
+  "gitHead": "21a0f367b85a4aaab35fc35465ee62facaf2ff16"
 }

package/src/entry/client-entry.tsx

@@ -4,8 +4,7 @@ import { BrowserRouter, Route, Switch } from 'react-router-dom'
 import { preloadComponent } from 'ssr-client-utils'
 import { wrapComponent } from 'ssr-hoc-react'
 import { IWindow, LayoutProps, ReactESMFeRouteItem, ReactRoutesType } from 'ssr-types-react'
-// @ts-expect-error
-import * as Routes from '_build/ssr-temporary-routes'
+import { Routes } from './create-router'
 import { AppContext } from './context'
 
 const { FeRoutes, layoutFetch, App, PrefixRouterBase } = Routes as ReactRoutesType

package/src/entry/context.tsx

@@ -4,8 +4,7 @@ import { IProps, Action, IWindow, ReactRoutesType } from 'ssr-types-react'
 
 // @ts-expect-error
 import { STORE_CONTEXT } from '_build/create-context'
-// @ts-expect-error
-import * as Routes from '_build/ssr-temporary-routes'
+import { Routes } from './create-router'
 
 const { reducer, state } = Routes as ReactRoutesType
 

package/src/entry/create-router.ts

@@ -0,0 +1,31 @@
+// @ts-expect-error
+import * as declareRoutes from '_build/ssr-temporary-routes'
+// @ts-expect-error
+import * as ManualRoutes from '_build/ssr-manual-routes'
+import { ReactRoutesType } from 'ssr-types-react'
+
+const declareRoutesWithType = declareRoutes as ReactRoutesType
+const ManualRoutesWithType = ManualRoutes as ReactRoutesType
+
+const Routes: ReactRoutesType = {
+  ...declareRoutes,
+  ...ManualRoutesWithType
+}
+if (ManualRoutesWithType.FeRoutes) {
+  // 如果存在相同 path，取声明式路由为最高优先级
+  const combineRoutes = declareRoutesWithType.FeRoutes.map(route => {
+    const found = ManualRoutesWithType.FeRoutes.find(e => e.path === route.path)
+    return found ?? route
+  })
+  declareRoutesWithType.FeRoutes.forEach(route => {
+    // 补充声明式路由新增的配置
+    const found = combineRoutes.find(e => e.path === route.path)
+    if (!found) {
+      combineRoutes.push(route)
+    }
+  })
+  Routes.FeRoutes = combineRoutes
+}
+export {
+  Routes
+}

package/src/entry/server-entry.tsx

@@ -5,11 +5,10 @@ import { ISSRContext, IConfig, ReactRoutesType, ReactESMFeRouteItem } from 'ssr-
 // @ts-expect-error
 import * as serializeWrap from 'serialize-javascript'
 // @ts-expect-error
-import * as Routes from '_build/ssr-temporary-routes'
-// @ts-expect-error
 import { STORE_CONTEXT as Context } from '_build/create-context'
 // @ts-expect-error
 import Layout from '@/components/layout/index.tsx'
+import { Routes } from './create-router'
 
 const { FeRoutes, layoutFetch, PrefixRouterBase, state } = Routes as ReactRoutesType
 const serialize = serializeWrap.default || serializeWrap

package/src/tools/vite.ts

@@ -40,12 +40,14 @@ const serverConfig: UserConfig = {
   build: {
     ssr: reactServerEntry,
     outDir: serverOutPut,
-    rollupOptions: {
-      input: isDev ? reactClientEntry : '',
-      output: {
-        entryFileNames: 'Page.server.js'
+    rollupOptions: Object.assign(
+      isDev ? { input: reactClientEntry } : {}, // setting prebundle list by client-entry in dev
+      {
+        output: {
+          entryFileNames: 'Page.server.js'
+        }
       }
-    }
+    )
   },
   define: {
     __isBrowser__: false,