ssr-plugin-react 6.2.84 → 7.0.1-beta.0

package/src/entry/react17-client-entry.tsx

@@ -0,0 +1,73 @@
+import type { LayoutProps } from 'ssr-types'
+import ReactDOM from 'react-dom'
+import { createElement } from 'react'
+import { BrowserRouter, Route, Switch } from 'react-router-dom'
+import { preloadComponent, isMicro, setStoreContext, setStore } from 'ssr-common-utils'
+import { wrapComponent } from 'ssr-hoc-react'
+import { ssrCreateContext, Routes, createStore } from './create'
+import { AppContext } from './context'
+
+const { FeRoutes, layoutFetch, App } = Routes
+
+const clientRender = async (): Promise<void> => {
+	const IApp =
+		App ??
+		function (props: LayoutProps) {
+			return props.children!
+		}
+	const context = ssrCreateContext() as any
+	setStoreContext(context)
+	const store = createStore(window.__VALTIO_DATA__)
+	setStore(store ?? {})
+	const baseName = isMicro() ? window.clientPrefix : window.prefix
+	const routes = await preloadComponent(FeRoutes, baseName)
+	const container = document.querySelector(window.ssrDevInfo.rootId ?? '#app')!
+	const ele = createElement(
+		//@ts-ignore
+		BrowserRouter,
+		{
+			basename: baseName
+		},
+		createElement(AppContext, {
+			context,
+			children: createElement(
+				Switch,
+				null,
+				createElement(
+					IApp as any,
+					null,
+					createElement(
+						Switch,
+						null,
+						routes.map((item) => {
+							const { fetch, component, path } = item
+							component.fetch = fetch
+							component.layoutFetch = layoutFetch
+							const WrappedComponent = wrapComponent(component)
+							return createElement(Route, {
+								exact: true,
+								key: path,
+								path: path,
+								render: (props) =>
+									createElement(WrappedComponent, {
+										...props,
+										key: props.history.location.key
+									})
+							})
+						})
+					)
+				)
+			)
+		})
+	)
+
+	ReactDOM[window.__USE_SSR__ ? 'hydrate' : 'render'](ele, container)
+
+	if (!window.__USE_VITE__) {
+		;(module as any)?.hot?.accept?.()
+	}
+}
+
+clientRender()
+
+export { clientRender }

package/src/entry/react18-client-entry.tsx

@@ -0,0 +1,80 @@
+import type { hydrateRoot as HydrateRoot, createRoot as CreateRoot } from 'react-dom18/client'
+import type { LayoutProps } from 'ssr-types'
+
+//@ts-ignore
+import { hydrateRoot, createRoot } from 'react-dom/client'
+import { createElement } from 'react'
+import { BrowserRouter, Route, Switch } from 'react-router-dom'
+import { preloadComponent, isMicro, setStoreContext, setStore } from 'ssr-common-utils'
+import { wrapComponent } from 'ssr-hoc-react'
+import { ssrCreateContext, Routes, createStore } from './create'
+import { AppContext } from './context'
+
+const { FeRoutes, layoutFetch, App } = Routes
+
+const clientRender = async (): Promise<void> => {
+	const IApp =
+		App ??
+		function (props: LayoutProps) {
+			return props.children!
+		}
+	const context = ssrCreateContext() as any
+	setStoreContext(context)
+	const store = createStore(window.__VALTIO_DATA__)
+	setStore(store ?? {})
+	const baseName = isMicro() ? window.clientPrefix : window.prefix
+	const routes = await preloadComponent(FeRoutes, baseName)
+	const container = document.querySelector(window.ssrDevInfo.rootId ?? '#app')!
+	const ele = createElement(
+		//@ts-ignore
+		BrowserRouter,
+		{
+			basename: baseName
+		},
+		createElement(AppContext, {
+			context,
+			children: createElement(
+				Switch,
+				null,
+				createElement(
+					IApp as any,
+					null,
+					createElement(
+						Switch,
+						null,
+						routes.map((item) => {
+							const { fetch, component, path } = item
+							component.fetch = fetch
+							component.layoutFetch = layoutFetch
+							const WrappedComponent = wrapComponent(component)
+							return createElement(Route, {
+								exact: true,
+								key: path,
+								path: path,
+								render: (props) =>
+									createElement(WrappedComponent, {
+										...props,
+										key: props.history.location.key
+									})
+							})
+						})
+					)
+				)
+			)
+		})
+	)
+	if (window.__USE_SSR__) {
+		;(hydrateRoot as typeof HydrateRoot)(container, ele)
+	} else {
+		const root = (createRoot as typeof CreateRoot)(container)
+		root.render(ele)
+	}
+
+	if (!window.__USE_VITE__) {
+		;(module as any)?.hot?.accept?.()
+	}
+}
+
+clientRender()
+
+export { clientRender }

package/src/entry/server-entry.tsx

@@ -1,9 +1,10 @@
+import type { renderToPipeableStream } from 'react-dom18/server'
 import { PassThrough } from 'stream'
 import * as React from 'react'
 import { createElement } from 'react'
+import * as ReactDOMServer from 'react-dom/server'
 import { StaticRouter } from 'react-router-dom'
-import { renderToString, renderToNodeStream } from 'react-dom/server'
-import { findRoute, getManifest, logGreen, normalizePath, getAsyncCssChunk, getAsyncJsChunk, splitPageInfo, reactRefreshFragment, localStorageWrapper, checkRoute, useStore } from 'ssr-common-utils'
+import { findRoute, getManifest, logGreen, normalizePath, getAsyncCssChunk, getAsyncJsChunk, splitPageInfo, reactRefreshFragment, localStorageWrapper, checkRoute, useStore, isReact18, getClientEntry } from 'ssr-common-utils'
 import { ISSRContext, IConfig, ReactESMPreloadFeRouteItem, DynamicFC, StaticFC } from 'ssr-types'
 import { serialize } from 'ssr-serialize-javascript'
 import { AppContext } from './context'
@@ -11,97 +12,144 @@ import { Routes, ssrCreateContext, createStore } from './create'
 
 const { FeRoutes, layoutFetch, state, Layout } = Routes
 
+type ReactDOMServerType = typeof ReactDOMServer & {
+	renderToPipeableStream: typeof renderToPipeableStream
+}
 const serverRender = async (ctx: ISSRContext, config: IConfig) => {
-  const context = ssrCreateContext()
-  const { mode, parallelFetch, prefix, isVite, isDev, clientPrefix, stream, rootId, hashRouter, streamHighWaterMark } = config
-  const rawPath = ctx.request.path ?? ctx.request.url
-  const path = normalizePath(rawPath, prefix)
-  const routeItem = findRoute<ReactESMPreloadFeRouteItem>(FeRoutes, path)
-  checkRoute({ routeItem, path })
-  const { fetch, webpackChunkName, component } = routeItem
+	const context = ssrCreateContext()
+	const { mode, parallelFetch, prefix, isVite, isDev, clientPrefix, onReady, onError, stream, rootId, hashRouter, streamHighWaterMark } = config
+	const rawPath = ctx.request.path ?? ctx.request.url
+	const path = normalizePath(rawPath, prefix)
+	const routeItem = findRoute<ReactESMPreloadFeRouteItem>(FeRoutes, path)
+	checkRoute({ routeItem, path })
+	const { fetch, webpackChunkName, component } = routeItem
 
-  const fn = async () => {
-    const dynamicCssOrder = await getAsyncCssChunk(ctx, webpackChunkName, config)
-    const dynamicJsOrder = await getAsyncJsChunk(ctx, webpackChunkName, config)
-    const manifest = await getManifest(config)
+	const fn = async () => {
+		const dynamicCssOrder = await getAsyncCssChunk(ctx, webpackChunkName, config)
+		const dynamicJsOrder = await getAsyncJsChunk(ctx, webpackChunkName, config)
+		const manifest = await getManifest(config)
 
-    const injectCss = ((isVite && isDev) ? [
-      <script src="/@vite/client" type="module" key="vite-client" />,
-      <script key="vite-react-refresh" type="module" dangerouslySetInnerHTML={{
-        __html: reactRefreshFragment
-      }} />
-    ] : dynamicCssOrder.map(css => manifest[css]).filter(Boolean).map(css => <link rel='stylesheet' key={css} href={css} />))
-      .concat((isVite && isDev) ? [] : dynamicJsOrder.map(js => manifest[js]).filter(Boolean).map(js =>
-        <link href={js} as="script" rel={isVite ? 'modulepreload' : 'preload'} key={js} />
-      ))
+		const injectCss = (
+			isVite && isDev
+				? [
+						<script src="/@vite/client" type="module" key="vite-client" />,
+						<script
+							key="vite-react-refresh"
+							type="module"
+							dangerouslySetInnerHTML={{
+								__html: reactRefreshFragment
+							}}
+						/>
+					]
+				: dynamicCssOrder
+						.map((css) => manifest[css])
+						.filter(Boolean)
+						.map((css) => <link rel="stylesheet" key={css} href={css} />)
+		).concat(
+			isVite && isDev
+				? []
+				: dynamicJsOrder
+						.map((js) => manifest[js])
+						.filter(Boolean)
+						.map((js) => <link href={js} as="script" rel={isVite ? 'modulepreload' : 'preload'} key={js} />)
+		)
 
-    const injectScript = [
-      ...(isVite ? [<script key="viteWindowInit" dangerouslySetInnerHTML={{
-        __html: 'window.__USE_VITE__=true'
-      }} />] : []),
-      ...((isVite && isDev) ? [<script type="module" src='/node_modules/ssr-plugin-react/esm/entry/client-entry.js' key="vite-react-entry" />] : []),
-      ...dynamicJsOrder.map(js => manifest[js]).filter(Boolean).map(item => <script key={item} src={item} type={isVite ? 'module' : 'text/javascript'} />)
-    ]
-    const staticList = {
-      injectCss,
-      injectScript
-    }
+		const injectScript = [
+			...(isVite
+				? [
+						<script
+							key="viteWindowInit"
+							dangerouslySetInnerHTML={{
+								__html: 'window.__USE_VITE__=true'
+							}}
+						/>
+					]
+				: []),
+			...(isVite && isDev ? [<script type="module" src={`/node_modules/ssr-plugin-react/esm/entry/${getClientEntry()}.js`} key="vite-react-entry" />] : []),
+			...dynamicJsOrder
+				.map((js) => manifest[js])
+				.filter(Boolean)
+				.map((item) => <script key={item} src={item} type={isVite ? 'module' : 'text/javascript'} />)
+		]
+		const staticList = {
+			injectCss,
+			injectScript
+		}
 
-    const isCsr = !!(mode === 'csr' || ctx.request.query?.csr)
-    const Component = isCsr ? React.Fragment : (component.name === 'dynamicComponent' ? (await (component as DynamicFC)()).default : component as StaticFC)
+		const isCsr = !!(mode === 'csr' || ctx.request.query?.csr)
+		const Component = isCsr ? React.Fragment : component.name === 'dynamicComponent' ? (await (component as DynamicFC)()).default : (component as StaticFC)
 
-    if (isCsr) {
-      logGreen(`Current path ${path} use csr render mode`)
-    }
+		if (isCsr) {
+			logGreen(`Current path ${path} use csr render mode`)
+		}
 
-    let [layoutFetchData, fetchData] = [{}, {}]
+		let [layoutFetchData, fetchData] = [{}, {}]
 
-    if (!isCsr) {
-      const currentFetch = fetch ? (await fetch()).default : null
-      const lF = layoutFetch ? layoutFetch({ ctx }) : Promise.resolve({})
-      const CF = currentFetch ? currentFetch({ ctx }) : Promise.resolve({});
-      [layoutFetchData, fetchData] = parallelFetch ? await Promise.all([lF, CF]) : [await lF, await CF]
-    }
+		if (!isCsr) {
+			const currentFetch = fetch ? (await fetch()).default : null
+			const lF = layoutFetch ? layoutFetch({ ctx }) : Promise.resolve({})
+			const CF = currentFetch ? currentFetch({ ctx }) : Promise.resolve({})
+			;[layoutFetchData, fetchData] = parallelFetch ? await Promise.all([lF, CF]) : [await lF, await CF]
+		}
 
-    const combineData = isCsr ? null : Object.assign({}, state ?? {}, layoutFetchData ?? {}, fetchData ?? {})
-    const ssrDevInfo = { manifest: isDev ? manifest : '', rootId }
-    const innerHTML = splitPageInfo({
-      'window.__USE_SSR__': !isCsr,
-      'window.__INITIAL_DATA__': isCsr ? {} : serialize(combineData),
-      'window.__USE_VITE__': isVite,
-      'window.prefix': `"${prefix}"`,
-      'window.clientPrefix': `"${clientPrefix ?? ''}"`,
-      'window.ssrDevInfo': JSON.stringify(ssrDevInfo),
-      'window.hashRouter': Boolean(hashRouter),
-      'window.__VALTIO_DATA__': isCsr ? {} : serialize(useStore())
-    })
-    const injectState = <script dangerouslySetInnerHTML={{ __html: innerHTML }} />
-    // with jsx type error, use createElement here
-    const ele = createElement(StaticRouter, {
-      location: ctx.request.url,
-      basename: prefix === '/' ? undefined : prefix
-    }, createElement(AppContext, {
-      context: context as any,
-      initialState: combineData,
-      children: createElement(Layout, {
-        ctx: ctx,
-        config: config,
-        staticList: staticList,
-        injectState: injectState
-      }, createElement(Component, null))
-    }))
-    // for ctx.body will loose asynclocalstorage context, consume stream in advance like vue2/3
-    return stream ? renderToNodeStream(ele).pipe(new PassThrough({ highWaterMark: streamHighWaterMark })) : renderToString(ele)
-  }
+		const combineData = isCsr ? null : Object.assign({}, state ?? {}, layoutFetchData ?? {}, fetchData ?? {})
+		const ssrDevInfo = { manifest: isDev ? manifest : '', rootId }
+		const innerHTML = splitPageInfo({
+			'window.__USE_SSR__': !isCsr,
+			'window.__INITIAL_DATA__': isCsr ? {} : serialize(combineData),
+			'window.__USE_VITE__': isVite,
+			'window.prefix': `"${prefix}"`,
+			'window.clientPrefix': `"${clientPrefix ?? ''}"`,
+			'window.ssrDevInfo': JSON.stringify(ssrDevInfo),
+			'window.hashRouter': Boolean(hashRouter),
+			'window.__VALTIO_DATA__': isCsr ? {} : serialize(useStore())
+		})
+		const injectState = <script dangerouslySetInnerHTML={{ __html: innerHTML }} />
+		// with jsx type error, use createElement here
+		const ele = createElement(
+			StaticRouter,
+			{
+				location: ctx.request.url,
+				basename: prefix === '/' ? undefined : prefix
+			},
+			createElement(AppContext, {
+				context: context as any,
+				initialState: combineData,
+				children: createElement(
+					Layout,
+					{
+						ctx: ctx,
+						config: config,
+						staticList: staticList,
+						injectState: injectState
+					},
+					createElement(Component, null)
+				)
+			})
+		)
+		// for ctx.body will loose asynclocalstorage context, consume stream in advance like vue2/3
+		if (isReact18()) {
+			return stream
+				? (ReactDOMServer as ReactDOMServerType)
+						.renderToPipeableStream(ele, {
+							onAllReady: onReady,
+							onError: onError as any
+						})
+						.pipe(new PassThrough({ highWaterMark: streamHighWaterMark }))
+				: ReactDOMServer.renderToString(ele)
+		} else {
+			return stream ? ReactDOMServer.renderToNodeStream(ele).pipe(new PassThrough({ highWaterMark: streamHighWaterMark })) : ReactDOMServer.renderToString(ele)
+		}
+	}
 
-  return await localStorageWrapper.run({
-    context: context as any,
-    ctx,
-    store: createStore()
-  }, fn)
+	return await localStorageWrapper.run(
+		{
+			context: context as any,
+			ctx,
+			store: createStore()
+		},
+		fn
+	)
 }
 
-export {
-  serverRender,
-  Routes
-}
+export { serverRender, Routes }

package/src/index.ts

@@ -1,49 +1,45 @@
-import { loadConfig } from 'ssr-common-utils'
+import { resolve } from 'path'
+import { loadConfig, getCwd } from 'ssr-common-utils'
 
 const { isVite, optimize } = loadConfig()
 const spinner = require('ora')('Building')
 
-export function clientPlugin () {
-  return {
-    name: 'plugin-react',
-    start: async () => {
-      if (isVite) {
-        const { viteStart } = await import('./tools/vite')
-        await viteStart()
-      } else {
-        if (optimize) {
-          spinner.start()
-          const { viteBuildClient } = await import('./tools/vite')
-          await viteBuildClient()
-          process.env.NODE_ENV = 'development'
-          spinner.stop()
-          const { webpackStart } = await import('./tools/webpack')
-          await webpackStart()
-        } else {
-          const { webpackStart } = await import('./tools/webpack')
-          await webpackStart()
-        }
-      }
-    },
-    build: async () => {
-      if (isVite) {
-        const { viteBuild } = await import('./tools/vite')
-        await viteBuild()
-      } else {
-        if (optimize) {
-          spinner.start()
-          const { viteBuildClient } = await import('./tools/vite')
-          await viteBuildClient()
-          spinner.stop()
-          const { webpackBuild } = await import('./tools/webpack')
-          await webpackBuild()
-        } else {
-          const { webpackBuild } = await import('./tools/webpack')
-          await webpackBuild()
-        }
-      }
-    }
-  }
+export function clientPlugin() {
+	const cwd = getCwd()
+	const webpackPath = resolve(cwd, './node_modules/ssr-webpack')
+	const vitePath = resolve(cwd, './node_modules/ssr-vite')
+	return {
+		name: 'plugin-react',
+		start: async () => {
+			if (isVite) {
+				const { start } = await import(vitePath)
+				await start()
+			} else {
+				if (optimize) {
+					spinner.start()
+					const { viteBuildClient } = await import(vitePath)
+					await viteBuildClient()
+					process.env.NODE_ENV = 'development'
+					spinner.stop()
+				}
+				const { start } = await import(webpackPath)
+				await start()
+			}
+		},
+		build: async () => {
+			if (isVite) {
+				const { build } = await import(vitePath)
+				await build()
+			} else {
+				if (optimize) {
+					spinner.start()
+					const { build } = await import(vitePath)
+					await build()
+					spinner.stop()
+				}
+				const { build } = await import(webpackPath)
+				await build()
+			}
+		}
+	}
 }
-
-export * from './tools/vite'

package/.turbo/turbo-build.log

@@ -1,7 +0,0 @@
-ssr-plugin-react:build: cache hit, replaying output 8059836ede6aedca
-ssr-plugin-react:build: 
-ssr-plugin-react:build: > ssr-plugin-react@6.2.84 build /home/runner/work/ssr/ssr/packages/plugin-react
-ssr-plugin-react:build: > concurrently "tsc -p ./tsconfig.cjs.json " " tsc -p ./tsconfig.esm.json"
-ssr-plugin-react:build: 
-ssr-plugin-react:build: [0] tsc -p ./tsconfig.cjs.json  exited with code 0
-ssr-plugin-react:build: [1]  tsc -p ./tsconfig.esm.json exited with code 0

package/cjs/config/base.d.ts

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

package/cjs/config/base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/config/base.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,YAAY,MAAM,eAAe,CAAA;AAM7C,QAAA,MAAM,aAAa,UAAW,YAAY,YAAY,OAAO,gCAkD5D,CAAA;AAED,OAAO,EACL,aAAa,EACd,CAAA"}

package/cjs/config/base.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBaseConfig = void 0;
-const path_1 = require("path");
-const ssr_common_utils_1 = require("ssr-common-utils");
-const webpack = require("ssr-webpack4");
-const MiniCssExtractPlugin = require((0, ssr_common_utils_1.loadModuleFromFramework)('ssr-mini-css-extract-plugin'));
-const WebpackBar = require('webpackbar');
-const getBaseConfig = (chain, isServer) => {
-    const config = (0, ssr_common_utils_1.loadConfig)();
-    const { moduleFileExtensions, chainBaseConfig, alias, define } = config;
-    const mode = process.env.NODE_ENV;
-    chain.mode(mode);
-    chain.module.strictExportPresence(true);
-    chain
-        .resolve
-        .modules
-        .add('node_modules')
-        .add((0, path_1.join)((0, ssr_common_utils_1.getCwd)(), './node_modules'))
-        .end()
-        .extensions.merge(moduleFileExtensions)
-        .end()
-        .alias
-        .end();
-    alias && Object.keys(alias).forEach(item => {
-        chain.resolve.alias
-            .set(item, alias[item]);
-    });
-    (0, ssr_common_utils_1.addCommonChain)(chain, isServer);
-    (0, ssr_common_utils_1.setStyle)(chain, /\.css$/, {
-        rule: 'css',
-        isServer,
-        importLoaders: 1
-    });
-    (0, ssr_common_utils_1.setStyle)(chain, /\.less$/, {
-        rule: 'less',
-        loader: 'less-loader',
-        isServer,
-        importLoaders: 2
-    });
-    chain.plugin('minify-css').use(MiniCssExtractPlugin, (0, ssr_common_utils_1.getBuildConfig)().cssBuildConfig);
-    chain.plugin('webpackBar').use(new WebpackBar({
-        name: isServer ? 'server' : 'client',
-        color: isServer ? '#f173ac' : '#45b97c'
-    }));
-    chain.plugin('ssrDefine').use(webpack.DefinePlugin, [{
-            ...process.env,
-            __isBrowser__: !isServer,
-            ...(isServer ? define === null || define === void 0 ? void 0 : define.server : define === null || define === void 0 ? void 0 : define.client),
-            ...define === null || define === void 0 ? void 0 : define.base
-        }]);
-    chainBaseConfig(chain, isServer);
-    return config;
-};
-exports.getBaseConfig = getBaseConfig;
-//# sourceMappingURL=base.js.map

package/cjs/config/base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sourceRoot":"","sources":["../../src/config/base.ts"],"names":[],"mappings":";;;AACA,+BAA2B;AAE3B,uDAAwH;AAExH,wCAAuC;AAEvC,MAAM,oBAAoB,GAAG,OAAO,CAAC,IAAA,0CAAuB,EAAC,6BAA6B,CAAC,CAAC,CAAA;AAC5F,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;AAExC,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,QAAiB,EAAE,EAAE;IAC/D,MAAM,MAAM,GAAG,IAAA,6BAAU,GAAE,CAAA;IAC3B,MAAM,EAAE,oBAAoB,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IACvE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,QAAgB,CAAA;IAEzC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAChB,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAA;IACvC,KAAK;SACF,OAAO;SACP,OAAO;SACP,GAAG,CAAC,cAAc,CAAC;SACnB,GAAG,CAAC,IAAA,WAAI,EAAC,IAAA,yBAAM,GAAE,EAAE,gBAAgB,CAAC,CAAC;SACrC,GAAG,EAAE;SACL,UAAU,CAAC,KAAK,CAAC,oBAAoB,CAAC;SACtC,GAAG,EAAE;SACL,KAAK;SACL,GAAG,EAAE,CAAA;IAER,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACzC,KAAK,CAAC,OAAO,CAAC,KAAK;aAChB,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAC3B,CAAC,CAAC,CAAA;IACF,IAAA,iCAAc,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAC/B,IAAA,2BAAQ,EAAC,KAAK,EAAE,QAAQ,EAAE;QACxB,IAAI,EAAE,KAAK;QACX,QAAQ;QACR,aAAa,EAAE,CAAC;KACjB,CAAC,CAAA;IAEF,IAAA,2BAAQ,EAAC,KAAK,EAAE,SAAS,EAAE;QACzB,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,aAAa;QACrB,QAAQ;QACR,aAAa,EAAE,CAAC;KACjB,CAAC,CAAA;IAEF,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAA,iCAAc,GAAE,CAAC,cAAc,CAAC,CAAA;IAErF,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,IAAI,UAAU,CAAC;QAC5C,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;QACpC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;KACxC,CAAC,CAAC,CAAA;IACH,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC;YACnD,GAAG,OAAO,CAAC,GAAG;YACd,aAAa,EAAE,CAAC,QAAQ;YACxB,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC;YAC/C,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI;SAChB,CAAC,CAAC,CAAA;IACH,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAChC,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAGC,sCAAa"}

package/cjs/config/client.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="webpack" />
-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.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/config/client.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,YAAY,MAAM,eAAe,CAAA;AAQ7C,QAAA,MAAM,gBAAgB,UAAW,YAAY,oCAmD5C,CAAA;AAED,OAAO,EACL,gBAAgB,EACjB,CAAA"}

package/cjs/config/client.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getClientWebpack = void 0;
-const ssr_common_utils_1 = require("ssr-common-utils");
-const base_1 = require("./base");
-const ModuleNotFoundPlugin = require('react-dev-utils/ModuleNotFoundPlugin');
-const safePostCssParser = require('postcss-safe-parser');
-const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
-const loadModule = ssr_common_utils_1.loadModuleFromFramework;
-const getClientWebpack = (chain) => {
-    const { isDev, chunkName, getOutput, cwd, chainClientConfig, host, fePort } = (0, ssr_common_utils_1.loadConfig)();
-    const buildConfig = (0, ssr_common_utils_1.getBuildConfig)();
-    const shouldUseSourceMap = isDev || Boolean(process.env.GENERATE_SOURCEMAP);
-    const publicPath = (0, ssr_common_utils_1.getOutputPublicPath)();
-    (0, base_1.getBaseConfig)(chain, false);
-    chain.entry(chunkName)
-        .add(require.resolve('../entry/client-entry'))
-        .end()
-        .output
-        .path(getOutput().clientOutPut)
-        .filename(buildConfig.jsBuldConfig.fileName)
-        .chunkFilename(buildConfig.jsBuldConfig.chunkFileName)
-        .publicPath(publicPath)
-        .end();
-    chain.optimization
-        .runtimeChunk(true)
-        .splitChunks((0, ssr_common_utils_1.getSplitChunksOptions)(ssr_common_utils_1.asyncChunkMap))
-        .when(!isDev, optimization => {
-        optimization.minimizer('terser')
-            .use(loadModule('terser-webpack-plugin'), [(0, ssr_common_utils_1.terserConfig)(false)]);
-        optimization.minimizer('optimize-css').use(loadModule('optimize-css-assets-webpack-plugin'), [{
-                cssProcessorOptions: {
-                    parser: safePostCssParser,
-                    map: shouldUseSourceMap ? {
-                        inline: false,
-                        annotation: true
-                    } : false
-                }
-            }]);
-    });
-    chain.plugin('moduleNotFound').use(ModuleNotFoundPlugin, [cwd]);
-    chain.plugin('manifest').use(loadModule('webpack-manifest-plugin'), [{
-            fileName: 'asset-manifest.json'
-        }]);
-    chain.when(isDev, chain => {
-        chain.plugin('fast-refresh').use(new ReactRefreshWebpackPlugin({
-            overlay: {
-                sockHost: host,
-                sockPort: fePort
-            }
-        }));
-    });
-    chainClientConfig(chain); // 合并用户自定义配置
-    return chain.toConfig();
-};
-exports.getClientWebpack = getClientWebpack;
-//# sourceMappingURL=client.js.map

package/cjs/config/client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.js","sourceRoot":"","sources":["../../src/config/client.ts"],"names":[],"mappings":";;;AAAA,uDAA+J;AAE/J,iCAAsC;AAEtC,MAAM,oBAAoB,GAAG,OAAO,CAAC,sCAAsC,CAAC,CAAA;AAC5E,MAAM,iBAAiB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAA;AACxD,MAAM,yBAAyB,GAAG,OAAO,CAAC,sCAAsC,CAAC,CAAA;AACjF,MAAM,UAAU,GAAG,0CAAuB,CAAA;AAE1C,MAAM,gBAAgB,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC/C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAA,6BAAU,GAAE,CAAA;IAC1F,MAAM,WAAW,GAAG,IAAA,iCAAc,GAAE,CAAA;IAEpC,MAAM,kBAAkB,GAAG,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,IAAA,sCAAmB,GAAE,CAAA;IACxC,IAAA,oBAAa,EAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IAC3B,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC;SACnB,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;SAC7C,GAAG,EAAE;SACL,MAAM;SACN,IAAI,CAAC,SAAS,EAAE,CAAC,YAAY,CAAC;SAC9B,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,QAAQ,CAAC;SAC3C,aAAa,CAAC,WAAW,CAAC,YAAY,CAAC,aAAa,CAAC;SACrD,UAAU,CAAC,UAAU,CAAC;SACtB,GAAG,EAAE,CAAA;IACR,KAAK,CAAC,YAAY;SACf,YAAY,CAAC,IAAI,CAAC;SAClB,WAAW,CAAC,IAAA,wCAAqB,EAAC,gCAAa,CAAC,CAAC;SACjD,IAAI,CAAC,CAAC,KAAK,EAAE,YAAY,CAAC,EAAE;QAC3B,YAAY,CAAC,SAAS,CAAC,QAAQ,CAAC;aAC7B,GAAG,CAAC,UAAU,CAAC,uBAAuB,CAAC,EAAE,CAAC,IAAA,+BAAY,EAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAClE,YAAY,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,oCAAoC,CAAC,EAAE,CAAC;gBAC5F,mBAAmB,EAAE;oBACnB,MAAM,EAAE,iBAAiB;oBACzB,GAAG,EAAE,kBAAkB,CAAC,CAAC,CAAC;wBACxB,MAAM,EAAE,KAAK;wBACb,UAAU,EAAE,IAAI;qBACjB,CAAC,CAAC,CAAC,KAAK;iBACV;aACF,CAAC,CAAC,CAAA;IACL,CAAC,CAAC,CAAA;IAEJ,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,oBAAoB,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAE/D,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,yBAAyB,CAAC,EAAE,CAAC;YACnE,QAAQ,EAAE,qBAAqB;SAChC,CAAC,CAAC,CAAA;IAEH,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE;QACxB,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,IAAI,yBAAyB,CAAC;YAC7D,OAAO,EAAE;gBACP,QAAQ,EAAE,IAAI;gBACd,QAAQ,EAAE,MAAM;aACjB;SACF,CAAC,CAAC,CAAA;IACL,CAAC,CAAC,CAAA;IAEF,iBAAiB,CAAC,KAAK,CAAC,CAAA,CAAC,YAAY;IAErC,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAA;AACzB,CAAC,CAAA;AAGC,4CAAgB"}

package/cjs/config/index.d.ts

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

package/cjs/config/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA"}