ssr-plugin-react 6.2.14 → 6.2.15

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [6.2.15](https://github.com/zhangyuang/ssr/compare/plugin-react@6.2.14...plugin-react@6.2.15) (2022-04-27)
+
+
+### Bug Fixes
+
+* ci ([57e713f](https://github.com/zhangyuang/ssr/commit/57e713f1f96b4ceb893837c15c6032b23a0b1a4c))
+* whitList concat userconfig ([fdd971a](https://github.com/zhangyuang/ssr/commit/fdd971ab11aebc0f348d789e758183b877e791af))
+* whitList concat userconfig ([e2328f8](https://github.com/zhangyuang/ssr/commit/e2328f87f5cfc18c9a30867e4f6e18d0df5c1ba3))
+
+
+### Features
+
+* add ssr-serialize-javascript code optimize ([41bb14d](https://github.com/zhangyuang/ssr/commit/41bb14d31efd89d4a85d5220544d2f7a3883e1a3))
+* support props.ssrApp in vue3 ([8985037](https://github.com/zhangyuang/ssr/commit/898503753cbe69187d27f91c70dff3f4cd4a0b2a))
+
+
+
 ## [6.2.14](https://github.com/zhangyuang/ssr/compare/plugin-react@6.2.13...plugin-react@6.2.14) (2022-04-20)
 
 

package/cjs/config/base.d.ts

@@ -1,3 +1,4 @@
 import * as WebpackChain from 'webpack-chain';
-declare const getBaseConfig: (chain: WebpackChain, isServer: boolean) => IConfig;
+declare const getBaseConfig: (chain: WebpackChain, isServer: boolean) => import("ssr-types-react").IConfig;
 export { getBaseConfig };
+//# sourceMappingURL=base.d.ts.map

package/cjs/config/base.js

@@ -138,3 +138,4 @@ const getBaseConfig = (chain, isServer) => {
     return config;
 };
 exports.getBaseConfig = getBaseConfig;
+//# sourceMappingURL=base.js.map

package/cjs/config/client.d.ts

@@ -2,3 +2,4 @@
 import * as WebpackChain from 'webpack-chain';
 declare const getClientWebpack: (chain: WebpackChain) => import("webpack").Configuration;
 export { getClientWebpack };
+//# sourceMappingURL=client.d.ts.map

package/cjs/config/client.js

@@ -114,3 +114,4 @@ const getClientWebpack = (chain) => {
     return chain.toConfig();
 };
 exports.getClientWebpack = getClientWebpack;
+//# sourceMappingURL=client.js.map

package/cjs/config/index.d.ts

@@ -1,2 +1,3 @@
 export * from './client';
 export * from './server';
+//# sourceMappingURL=index.d.ts.map

package/cjs/config/index.js

@@ -16,3 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./client"), exports);
 __exportStar(require("./server"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/config/server.d.ts

@@ -2,3 +2,4 @@ import * as WebpackChain from 'webpack-chain';
 import * as webpack from 'webpack';
 declare const getServerWebpack: (chain: WebpackChain) => webpack.Configuration;
 export { getServerWebpack };
+//# sourceMappingURL=server.d.ts.map

package/cjs/config/server.js

@@ -35,3 +35,4 @@ const getServerWebpack = (chain) => {
     return chain.toConfig();
 };
 exports.getServerWebpack = getServerWebpack;
+//# sourceMappingURL=server.js.map

package/cjs/entry/client-entry.d.ts

@@ -1,2 +1,3 @@
 declare const clientRender: () => Promise<void>;
 export { clientRender };
+//# sourceMappingURL=client-entry.d.ts.map

package/cjs/entry/client-entry.js

@@ -37,3 +37,4 @@ if (!window.__disableClientRender__) {
     // 可用于微前端场景下自定义什么时候进行组件渲染的逻辑调用
     clientRender();
 }
+//# sourceMappingURL=client-entry.js.map

package/cjs/entry/context.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import { IProps } from 'ssr-types-react';
 export declare function AppContext(props: IProps): JSX.Element;
+//# sourceMappingURL=context.d.ts.map

package/cjs/entry/context.js

@@ -29,3 +29,4 @@ function AppContext(props) {
     return (React.createElement(create_context_1.STORE_CONTEXT.Provider, { value: { state, dispatch } }, props.children));
 }
 exports.AppContext = AppContext;
+//# sourceMappingURL=context.js.map

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

@@ -2,3 +2,4 @@ import { Context } from 'react';
 import { IContext } from 'ssr-types-react';
 declare let STORE_CONTEXT: Context<IContext>;
 export { STORE_CONTEXT };
+//# sourceMappingURL=create-context.d.ts.map

package/cjs/entry/create-context.js

@@ -17,3 +17,4 @@ else {
         state: {}
     });
 }
+//# sourceMappingURL=create-context.js.map

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

@@ -1,3 +1,4 @@
 import { ReactRoutesType } from 'ssr-types-react';
 declare const Routes: ReactRoutesType;
 export { Routes };
+//# sourceMappingURL=create-router.d.ts.map

package/cjs/entry/create-router.js

@@ -24,3 +24,4 @@ if (ManualRoutesWithType.FeRoutes) {
     });
     Routes.FeRoutes = combineRoutes;
 }
+//# sourceMappingURL=create-router.js.map

package/cjs/entry/server-entry.d.ts

@@ -2,3 +2,4 @@ import * as React from 'react';
 import { ISSRContext, IConfig } from 'ssr-types-react';
 declare const serverRender: (ctx: ISSRContext, config: IConfig) => Promise<React.ReactElement>;
 export { serverRender };
+//# sourceMappingURL=server-entry.d.ts.map

package/cjs/entry/server-entry.js

@@ -4,15 +4,13 @@ exports.serverRender = void 0;
 const React = require("react");
 const react_router_dom_1 = require("react-router-dom");
 const ssr_server_utils_1 = require("ssr-server-utils");
-// @ts-expect-error
-const serializeWrap = require("serialize-javascript");
+const ssr_serialize_javascript_1 = require("ssr-serialize-javascript");
 // @ts-expect-error
 const create_context_1 = require("_build/create-context");
 // @ts-expect-error
 const index_tsx_1 = require("@/components/layout/index.tsx");
 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;
     const { mode, parallelFetch, disableClientRender, prefix, isVite, isDev, clientPrefix } = config;
@@ -36,11 +34,7 @@ const serverRender = async (ctx, config) => {
     if (isVite && isDev) {
         injectCss.push(React.createElement("script", { src: "/@vite/client", type: "module", key: "vite-client" }));
         injectCss.push(React.createElement("script", { key: "vite-react-refresh", type: "module", dangerouslySetInnerHTML: {
-                __html: ` import RefreshRuntime from "/@react-refresh"
-      RefreshRuntime.injectIntoGlobalHook(window)
-      window.$RefreshReg$ = () => {}
-      window.$RefreshSig$ = () => (type) => type
-      window.__vite_plugin_react_preamble_installed__ = true`
+                __html: ssr_server_utils_1.reactRefreshFragment
             } }));
     }
     else {
@@ -90,7 +84,7 @@ const serverRender = async (ctx, config) => {
     }
     const combineData = isCsr ? null : Object.assign(state !== null && state !== void 0 ? state : {}, layoutFetchData !== null && layoutFetchData !== void 0 ? layoutFetchData : {}, fetchData !== null && fetchData !== void 0 ? fetchData : {});
     const injectState = isCsr ? null : React.createElement("script", { dangerouslySetInnerHTML: {
-            __html: `window.__USE_SSR__=true; window.__INITIAL_DATA__ =${serialize(combineData)}; ${base && `window.prefix="${base}"`};${clientPrefix && `window.clientPrefix="${clientPrefix}"`}`
+            __html: `window.__USE_SSR__=true; window.__INITIAL_DATA__ =${(0, ssr_serialize_javascript_1.serialize)(combineData)}; ${base && `window.prefix="${base}"`};${clientPrefix && `window.clientPrefix="${clientPrefix}"`}`
         } });
     return (React.createElement(react_router_dom_1.StaticRouter, { location: ctx.request.url },
         React.createElement(create_context_1.STORE_CONTEXT.Provider, { value: { state: combineData } },
@@ -98,3 +92,4 @@ const serverRender = async (ctx, config) => {
                 React.createElement(Component, null)))));
 };
 exports.serverRender = serverRender;
+//# sourceMappingURL=server-entry.js.map

package/cjs/index.d.ts

@@ -4,3 +4,4 @@ export declare function clientPlugin(): {
     build: () => Promise<void>;
 };
 export * from './tools/vite';
+//# sourceMappingURL=index.d.ts.map

package/cjs/index.js

@@ -44,3 +44,4 @@ function clientPlugin() {
 }
 exports.clientPlugin = clientPlugin;
 __exportStar(require("./tools/vite"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/tools/vite.d.ts

@@ -4,3 +4,4 @@ declare const clientConfig: UserConfig;
 declare const viteStart: () => Promise<void>;
 declare const viteBuild: () => Promise<void>;
 export { viteBuild, viteStart, serverConfig, clientConfig };
+//# sourceMappingURL=vite.d.ts.map

package/cjs/tools/vite.js

@@ -97,3 +97,4 @@ const viteBuild = async () => {
     await (0, vite_1.build)({ ...serverConfig, mode: 'production' });
 };
 exports.viteBuild = viteBuild;
+//# sourceMappingURL=vite.js.map

package/cjs/tools/webpack.d.ts

@@ -1,2 +1,3 @@
 export declare const webpackStart: () => Promise<void>;
 export declare const webpackBuild: () => Promise<void>;
+//# sourceMappingURL=webpack.d.ts.map

package/cjs/tools/webpack.js

@@ -20,3 +20,4 @@ const webpackBuild = async () => {
     await Promise.all([startServerBuild(getServerWebpack(serverConfigChain)), startClientBuild(getClientWebpack(clientConfigChain))]);
 };
 exports.webpackBuild = webpackBuild;
+//# sourceMappingURL=webpack.js.map

package/esm/config/base.d.ts

@@ -1,3 +1,4 @@
 import * as WebpackChain from 'webpack-chain';
-declare const getBaseConfig: (chain: WebpackChain, isServer: boolean) => IConfig;
+declare const getBaseConfig: (chain: WebpackChain, isServer: boolean) => import("ssr-types-react").IConfig;
 export { getBaseConfig };
+//# sourceMappingURL=base.d.ts.map

package/esm/config/base.js

@@ -135,3 +135,4 @@ const getBaseConfig = (chain, isServer) => {
     return config;
 };
 export { getBaseConfig };
+//# sourceMappingURL=base.js.map

package/esm/config/client.d.ts

@@ -2,3 +2,4 @@
 import * as WebpackChain from 'webpack-chain';
 declare const getClientWebpack: (chain: WebpackChain) => import("webpack").Configuration;
 export { getClientWebpack };
+//# sourceMappingURL=client.d.ts.map

package/esm/config/client.js

@@ -111,3 +111,4 @@ const getClientWebpack = (chain) => {
     return chain.toConfig();
 };
 export { getClientWebpack };
+//# sourceMappingURL=client.js.map

package/esm/config/index.d.ts

@@ -1,2 +1,3 @@
 export * from './client';
 export * from './server';
+//# sourceMappingURL=index.d.ts.map

package/esm/config/index.js

@@ -1,2 +1,3 @@
 export * from './client';
 export * from './server';
+//# sourceMappingURL=index.js.map

package/esm/config/server.d.ts

@@ -2,3 +2,4 @@ import * as WebpackChain from 'webpack-chain';
 import * as webpack from 'webpack';
 declare const getServerWebpack: (chain: WebpackChain) => webpack.Configuration;
 export { getServerWebpack };
+//# sourceMappingURL=server.d.ts.map

package/esm/config/server.js

@@ -32,3 +32,4 @@ const getServerWebpack = (chain) => {
     return chain.toConfig();
 };
 export { getServerWebpack };
+//# sourceMappingURL=server.js.map

package/esm/entry/client-entry.d.ts

@@ -1,2 +1,3 @@
 declare const clientRender: () => Promise<void>;
 export { clientRender };
+//# sourceMappingURL=client-entry.d.ts.map

package/esm/entry/client-entry.js

@@ -34,3 +34,4 @@ if (!window.__disableClientRender__) {
     clientRender();
 }
 export { clientRender };
+//# sourceMappingURL=client-entry.js.map

package/esm/entry/context.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import { IProps } from 'ssr-types-react';
 export declare function AppContext(props: IProps): JSX.Element;
+//# sourceMappingURL=context.d.ts.map

package/esm/entry/context.js

@@ -25,3 +25,4 @@ export function AppContext(props) {
     const [state, dispatch] = useReducer(combineReducer, initialState);
     return (React.createElement(STORE_CONTEXT.Provider, { value: { state, dispatch } }, props.children));
 }
+//# sourceMappingURL=context.js.map

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

@@ -2,3 +2,4 @@ import { Context } from 'react';
 import { IContext } from 'ssr-types-react';
 declare let STORE_CONTEXT: Context<IContext>;
 export { STORE_CONTEXT };
+//# sourceMappingURL=create-context.d.ts.map

package/esm/entry/create-context.js

@@ -14,3 +14,4 @@ else {
     });
 }
 export { STORE_CONTEXT };
+//# sourceMappingURL=create-context.js.map

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

@@ -1,3 +1,4 @@
 import { ReactRoutesType } from 'ssr-types-react';
 declare const Routes: ReactRoutesType;
 export { Routes };
+//# sourceMappingURL=create-router.d.ts.map

package/esm/entry/create-router.js

@@ -21,3 +21,4 @@ if (ManualRoutesWithType.FeRoutes) {
     Routes.FeRoutes = combineRoutes;
 }
 export { Routes };
+//# sourceMappingURL=create-router.js.map

package/esm/entry/server-entry.d.ts

@@ -2,3 +2,4 @@ import * as React from 'react';
 import { ISSRContext, IConfig } from 'ssr-types-react';
 declare const serverRender: (ctx: ISSRContext, config: IConfig) => Promise<React.ReactElement>;
 export { serverRender };
+//# sourceMappingURL=server-entry.d.ts.map

package/esm/entry/server-entry.js

@@ -1,15 +1,13 @@
 import * as React from 'react';
 import { StaticRouter } from 'react-router-dom';
-import { findRoute, getManifest, logGreen, normalizePath, getAsyncCssChunk, getAsyncJsChunk } from 'ssr-server-utils';
-// @ts-expect-error
-import * as serializeWrap from 'serialize-javascript';
+import { findRoute, getManifest, logGreen, normalizePath, getAsyncCssChunk, getAsyncJsChunk, reactRefreshFragment } from 'ssr-server-utils';
+import { serialize } from 'ssr-serialize-javascript';
 // @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) => {
     var _a;
     const { mode, parallelFetch, disableClientRender, prefix, isVite, isDev, clientPrefix } = config;
@@ -33,11 +31,7 @@ const serverRender = async (ctx, config) => {
     if (isVite && isDev) {
         injectCss.push(React.createElement("script", { src: "/@vite/client", type: "module", key: "vite-client" }));
         injectCss.push(React.createElement("script", { key: "vite-react-refresh", type: "module", dangerouslySetInnerHTML: {
-                __html: ` import RefreshRuntime from "/@react-refresh"
-      RefreshRuntime.injectIntoGlobalHook(window)
-      window.$RefreshReg$ = () => {}
-      window.$RefreshSig$ = () => (type) => type
-      window.__vite_plugin_react_preamble_installed__ = true`
+                __html: reactRefreshFragment
             } }));
     }
     else {
@@ -95,3 +89,4 @@ const serverRender = async (ctx, config) => {
                 React.createElement(Component, null)))));
 };
 export { serverRender };
+//# sourceMappingURL=server-entry.js.map

package/esm/index.d.ts

@@ -4,3 +4,4 @@ export declare function clientPlugin(): {
     build: () => Promise<void>;
 };
 export * from './tools/vite';
+//# sourceMappingURL=index.d.ts.map

package/esm/index.js

@@ -26,3 +26,4 @@ export function clientPlugin() {
     };
 }
 export * from './tools/vite';
+//# sourceMappingURL=index.js.map

package/esm/tools/vite.d.ts

@@ -4,3 +4,4 @@ declare const clientConfig: UserConfig;
 declare const viteStart: () => Promise<void>;
 declare const viteBuild: () => Promise<void>;
 export { viteBuild, viteStart, serverConfig, clientConfig };
+//# sourceMappingURL=vite.d.ts.map

package/esm/tools/vite.js

@@ -91,3 +91,4 @@ const viteBuild = async () => {
     await build({ ...serverConfig, mode: 'production' });
 };
 export { viteBuild, viteStart, serverConfig, clientConfig };
+//# sourceMappingURL=vite.js.map

package/esm/tools/webpack.d.ts

@@ -1,2 +1,3 @@
 export declare const webpackStart: () => Promise<void>;
 export declare const webpackBuild: () => Promise<void>;
+//# sourceMappingURL=webpack.d.ts.map

package/esm/tools/webpack.js

@@ -15,3 +15,4 @@ export const webpackBuild = async () => {
     const clientConfigChain = new WebpackChain();
     await Promise.all([startServerBuild(getServerWebpack(serverConfigChain)), startClientBuild(getClientWebpack(clientConfigChain))]);
 };
+//# sourceMappingURL=webpack.js.map

package/package.json

@@ -1,15 +1,13 @@
 {
   "name": "ssr-plugin-react",
-  "version": "6.2.14",
+  "version": "6.2.15",
   "description": "plugin-react for ssr",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "sideEffects": false,
   "scripts": {
-    "build": "concurrently \"tsc -p ./tsconfig.cjs.json --inlineSourceMap false\" \" tsc -p ./tsconfig.esm.json --inlineSourceMap false\"",
-    "build:only": "concurrently \"tsc-transpile-only --skipLibCheck -p ./tsconfig.cjs.json --inlineSourceMap false\" \" tsc-transpile-only --skipLibCheck -p ./tsconfig.esm.json --inlineSourceMap false\"",
-    "watch": "concurrently \"tsc -w -p ./tsconfig.cjs.json \" \"tsc -w -p ./tsconfig.esm.json \"",
-    "watch:cjs": "tsc -w -p ./tsconfig.cjs.json"
+    "build": "concurrently \"tsc -p ./tsconfig.cjs.json \" \" tsc -p ./tsconfig.esm.json\"",
+    "watch": "concurrently \"tsc -w -p ./tsconfig.cjs.json \" \"tsc -w -p ./tsconfig.esm.json \""
   },
   "repository": {
     "type": "git",
@@ -60,7 +58,7 @@
     "react-refresh": "^0.12.0",
     "react-router": "^5.2.1",
     "react-router-dom": "^5.1.2",
-    "serialize-javascript": "^6.0.0",
+    "ssr-serialize-javascript": "^6.0.0",
     "ssr-client-utils": "^6.2.7",
     "ssr-hoc-react": "^6.2.7",
     "ssr-server-utils": "^6.2.10",
@@ -81,7 +79,6 @@
     "@types/react-router-dom": "^5.1.3",
     "@types/webpack": "^4.41.10",
     "concurrently": "^5.1.0",
-    "ssr-types": "^6.2.3",
     "ssr-types-react": "^6.2.7"
   }
 }

package/src/config/base.ts

@@ -1,6 +1,6 @@
 
 import { join } from 'path'
-import { Mode } from 'ssr-types'
+import { Mode } from 'ssr-types-react'
 import { getCwd, loadConfig, getLocalNodeModules, setStyle, addImageChain, loadModuleFromFramework } from 'ssr-server-utils'
 import * as WebpackChain from 'webpack-chain'
 import * as webpack from 'webpack'

package/src/entry/server-entry.tsx

@@ -1,9 +1,8 @@
 import * as React from 'react'
 import { StaticRouter } from 'react-router-dom'
-import { findRoute, getManifest, logGreen, normalizePath, getAsyncCssChunk, getAsyncJsChunk } from 'ssr-server-utils'
+import { findRoute, getManifest, logGreen, normalizePath, getAsyncCssChunk, getAsyncJsChunk, reactRefreshFragment } from 'ssr-server-utils'
 import { ISSRContext, IConfig, ReactRoutesType, ReactESMFeRouteItem } from 'ssr-types-react'
-// @ts-expect-error
-import * as serializeWrap from 'serialize-javascript'
+import { serialize } from 'ssr-serialize-javascript'
 // @ts-expect-error
 import { STORE_CONTEXT as Context } from '_build/create-context'
 // @ts-expect-error
@@ -11,7 +10,6 @@ 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
 
 const serverRender = async (ctx: ISSRContext, config: IConfig): Promise<React.ReactElement> => {
   const { mode, parallelFetch, disableClientRender, prefix, isVite, isDev, clientPrefix } = config
@@ -39,11 +37,7 @@ const serverRender = async (ctx: ISSRContext, config: IConfig): Promise<React.Re
   if (isVite && isDev) {
     injectCss.push(<script src="/@vite/client" type="module" key="vite-client"/>)
     injectCss.push(<script key="vite-react-refresh" type="module" dangerouslySetInnerHTML={{
-      __html: ` import RefreshRuntime from "/@react-refresh"
-      RefreshRuntime.injectIntoGlobalHook(window)
-      window.$RefreshReg$ = () => {}
-      window.$RefreshSig$ = () => (type) => type
-      window.__vite_plugin_react_preamble_installed__ = true`
+      __html: reactRefreshFragment
     }} />)
   } else {
     dynamicCssOrder.forEach(css => {