ssr-plugin-react 6.1.60 → 6.1.66

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.66](https://github.com/zhangyuang/ssr/compare/v6.1.65...v6.1.66) (2022-02-18)
+
+
+### Bug Fixes
+
+* create-router ([ee9c3fa](https://github.com/zhangyuang/ssr/commit/ee9c3fa5fe14f8e324edcf5da64bf1dd8e041891))
+
+
+
+
+
+## [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)
 
 

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,26 @@
+"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 => { var _a; return (_a = ManualRoutesWithType.FeRoutes.find(e => e.path === route.path)) !== null && _a !== void 0 ? _a : route; });
+    ManualRoutesWithType.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/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,23 @@
+// @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 => { var _a; return (_a = ManualRoutesWithType.FeRoutes.find(e => e.path === route.path)) !== null && _a !== void 0 ? _a : route; });
+    ManualRoutesWithType.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ssr-plugin-react",
-  "version": "6.1.60",
+  "version": "6.1.66",
   "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": "c035481f835c349bc87cecc350e8a16bde13c3b0"
+  "gitHead": "820d4b06b19190d48dc0bf29b11a40732f6ba40b"
 }

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,28 @@
+// @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 => ManualRoutesWithType.FeRoutes.find(e => e.path === route.path) ?? route)
+  ManualRoutesWithType.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