@shuvi/platform-web 0.0.1-rc.32 → 1.0.0-rc.0

package/lib/node/features/on-demand-compile-page/onDemandRouteManager.js

@@ -0,0 +1,104 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const router_1 = require("@shuvi/router");
+const constants_1 = require("@shuvi/shared/lib/constants");
+const resources_1 = require("@shuvi/service/lib/resources");
+const module_replace_plugin_1 = __importDefault(require("@shuvi/toolpack/lib/webpack/plugins/module-replace-plugin"));
+const index_1 = require("../filesystem-routes/index");
+function acceptsHtml(header, { htmlAcceptHeaders = ['text/html', '*/*'] } = {}) {
+    for (var i = 0; i < htmlAcceptHeaders.length; i++) {
+        if (header.indexOf(htmlAcceptHeaders[i]) !== -1) {
+            return true;
+        }
+    }
+    return false;
+}
+class OnDemandRouteManager {
+    constructor(serverPluginContext) {
+        this.devMiddleware = null;
+        this._serverPluginContext = serverPluginContext;
+    }
+    getServerMiddleware() {
+        return (req, res, next) => __awaiter(this, void 0, void 0, function* () {
+            const pathname = req.pathname;
+            if (!pathname.startsWith(this._serverPluginContext.assetPublicPath)) {
+                return next();
+            }
+            if (!this.devMiddleware) {
+                return next();
+            }
+            const chunkName = pathname.replace(this._serverPluginContext.assetPublicPath, '');
+            const chunkInitiatorModule = resources_1.clientManifest.chunkRequest[chunkName];
+            if (!chunkInitiatorModule) {
+                return next();
+            }
+            const task = module_replace_plugin_1.default.restoreModule(chunkInitiatorModule);
+            if (task) {
+                yield this.devMiddleware.invalidate();
+                yield task;
+            }
+            next();
+        });
+    }
+    ensureRoutesMiddleware() {
+        return (req, _res, next) => __awaiter(this, void 0, void 0, function* () {
+            const accept = req.headers['accept'];
+            if (req.method !== 'GET') {
+                return next();
+            }
+            else if (!accept) {
+                return next();
+            }
+            else if (accept.indexOf('application/json') === 0) {
+                return next();
+            }
+            else if (!acceptsHtml(accept, { htmlAcceptHeaders: ['text/html'] })) {
+                return next();
+            }
+            let err = null;
+            try {
+                yield this.ensureRoutes(req.pathname || '/');
+            }
+            catch (error) {
+                err = error;
+            }
+            next(err);
+        });
+    }
+    ensureRoutes(pathname) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const matchedRoutes = (0, router_1.matchRoutes)((0, index_1.getRoutes)(), pathname) || [];
+            const modulesToActivate = matchedRoutes
+                .map(({ route: { component } }) => component ? `${component}?${constants_1.ROUTE_RESOURCE_QUERYSTRING}` : '')
+                .filter(Boolean);
+            return this._activateModules(modulesToActivate);
+        });
+    }
+    _activateModules(modules) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.devMiddleware) {
+                return;
+            }
+            const tasks = modules
+                .map(m => module_replace_plugin_1.default.restoreModule(m))
+                .filter(Boolean);
+            if (tasks.length) {
+                this.devMiddleware.invalidate();
+                yield Promise.all(tasks);
+            }
+        });
+    }
+}
+exports.default = OnDemandRouteManager;

package/lib/node/index.d.ts

@@ -0,0 +1,4 @@
+import { IPlatform } from '@shuvi/service';
+import './shuvi-node-extensions';
+declare const platform: IPlatform;
+export default platform;

package/lib/node/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const node_1 = require("@shuvi/platform-shared/node");
+const features_1 = require("./features");
+require("./shuvi-node-extensions");
+const paths_1 = require("./paths");
+const platform = ({ framework = 'react' } = {}, platformContext) => __awaiter(void 0, void 0, void 0, function* () {
+    const mainPlugin = (0, features_1.getMainPlugin)(platformContext);
+    const platformFramework = require(`./targets/${framework}`).default;
+    const platformFrameworkContent = yield platformFramework();
+    const platformModule = platformFrameworkContent.platformModule;
+    const polyfills = platformFrameworkContent.polyfills;
+    const getPresetRuntimeFiles = (0, node_1.getPresetRuntimeFilesCreator)(platformModule, polyfills);
+    return {
+        types: [
+            (0, paths_1.resolvePkgFile)('shuvi-env.d.ts'),
+            (0, paths_1.resolvePkgFile)('shuvi-image.d.ts')
+        ],
+        plugins: [
+            ...node_1.SharedPlugins,
+            mainPlugin,
+            ...features_1.featurePlugins,
+            ...platformFrameworkContent.plugins
+        ],
+        getPresetRuntimeFiles,
+        getMiddlewares: features_1.getMiddlewares,
+        getMiddlewaresBeforeDevMiddlewares: features_1.getMiddlewaresBeforeDevMiddlewares
+    };
+});
+exports.default = platform;

package/lib/{paths.d.ts → node/paths.d.ts}

@@ -1,4 +1,3 @@
-export declare const PACKAGE_DIR: string;
-export declare const resolveAppFile: (...paths: string[]) => string;
 export declare const resolveDep: (module: string) => string;
 export declare const resolveLib: (module: string) => string;
+export declare const resolvePkgFile: (...paths: string[]) => string;

package/lib/node/paths.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolvePkgFile = exports.resolveLib = exports.resolveDep = void 0;
+const path_1 = __importDefault(require("path"));
+const PACKAGE_DIR = path_1.default.resolve(__dirname, '..', '..');
+// export const resolveToModulePath = (...paths: string[]) =>
+//   `@shuvi/platform-web/${paths.join('/')}`;
+const resolveDep = (module) => require.resolve(module);
+exports.resolveDep = resolveDep;
+const resolveLib = (module) => path_1.default.dirname((0, exports.resolveDep)(path_1.default.join(module, 'package.json')));
+exports.resolveLib = resolveLib;
+const resolvePkgFile = (...paths) => path_1.default.join(PACKAGE_DIR, ...paths);
+exports.resolvePkgFile = resolvePkgFile;

package/lib/node/shuvi-node-extensions.d.ts

@@ -0,0 +1,17 @@
+import { CreateAppServer, IServerModule, IApiRoutes, IMiddlewareRoutes } from '../shared';
+import { IManifest } from '@shuvi/toolpack/lib/webpack/types';
+import { IViewServer } from './features/html-render';
+declare module '@shuvi/service/lib/resources' {
+    const server: {
+        server: IServerModule;
+        apiRoutes: IApiRoutes;
+        middlewareRoutes: IMiddlewareRoutes;
+        application: {
+            createApp: CreateAppServer;
+        };
+        view: IViewServer;
+    };
+    const documentPath: string;
+    const clientManifest: IManifest;
+    const serverManifest: IManifest;
+}

package/lib/node/shuvi-node-extensions.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/node/targets/react/bundler/index.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    core: import("@shuvi/hook").IPluginInstance<{
+        afterInit: import("@shuvi/hook").AsyncParallelHook<void, void, void>;
+        afterBuild: import("@shuvi/hook").AsyncParallelHook<void, void, void>;
+        afterDestroy: import("@shuvi/hook").AsyncParallelHook<void, void, void>;
+        afterBundlerDone: import("@shuvi/hook").AsyncParallelHook<import("@shuvi/service/lib/core/lifecycleTypes").BundlerDoneExtra, void, void>;
+        afterBundlerTargetDone: import("@shuvi/hook").AsyncParallelHook<import("@shuvi/service/lib/core/lifecycleTypes").BundlerTargetDoneExtra, void, void>;
+        configWebpack: import("@shuvi/hook").AsyncSeriesWaterfallHook<import("@shuvi/service/lib/core/lifecycleTypes").WebpackChainType, import("@shuvi/service/lib/core/lifecycleTypes").ConfigWebpackAssistant>;
+        addExtraTarget: import("@shuvi/hook").AsyncParallelHook<import("@shuvi/service/lib/core/lifecycleTypes").ExtraTargetAssistant, void, import("@shuvi/service/lib/core/lifecycleTypes").TargetChain>;
+        addResource: import("@shuvi/hook").AsyncParallelHook<void, void, import("@shuvi/service/lib/core/lifecycleTypes").Resources | import("@shuvi/service/lib/core/lifecycleTypes").Resources[]>;
+        addRuntimeFile: import("@shuvi/hook").AsyncParallelHook<void, import("@shuvi/service/lib/core/lifecycleTypes").AddRuntimeFileUtils, import("@shuvi/service/lib/project/index").FileOptions<any, any> | import("@shuvi/service/lib/project/index").FileOptions<any, any>[]>;
+        addRuntimeService: import("@shuvi/hook").AsyncParallelHook<void, void, import("@shuvi/service/lib/core/lifecycleTypes").RuntimeService | import("@shuvi/service/lib/core/lifecycleTypes").RuntimeService[]>;
+    } & import("@shuvi/runtime").CustomCorePluginHooks, import("@shuvi/service").IPluginContext>;
+};
+export default _default;

package/lib/node/targets/react/bundler/index.js

@@ -0,0 +1,102 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path = __importStar(require("path"));
+const service_1 = require("@shuvi/service");
+const ReactRefreshWebpackPlugin_1 = __importDefault(require("@next/react-refresh-utils/ReactRefreshWebpackPlugin"));
+const constants_1 = require("@shuvi/shared/lib/constants");
+const webpack_1 = require("webpack");
+const configWebpack = (config, { name, webpack }, context) => {
+    const resolveLocal = (m, sub) => {
+        const pck = path.dirname(require.resolve(`${m}/package.json`));
+        return sub ? `${pck}/${sub}` : pck;
+    };
+    const resolveUser = (m) => path.join(context.paths.rootDir, 'node_modules', m);
+    const isReactVersionAfter18 = () => {
+        let version = '';
+        try {
+            version = require(resolveUser('react-dom')).version;
+        }
+        catch (e) {
+            version = require(resolveLocal('react-dom')).version;
+        }
+        finally {
+        }
+        const majorVersion = parseInt(version.split('.')[0] || '', 10);
+        return majorVersion >= 18;
+    };
+    config.resolve.alias.set('@shuvi/service', resolveLocal('@shuvi/service'));
+    config.resolve.alias.set('@shuvi/router$', resolveLocal('@shuvi/router'));
+    config.resolve.alias.set('@shuvi/router-react$', resolveLocal('@shuvi/router-react'));
+    // @ts-ignore
+    config.resolve.alias.set('react$', [
+        resolveUser('react'),
+        resolveLocal('react')
+    ]);
+    // @ts-ignore
+    config.resolve.alias.set('react/jsx-runtime$', [
+        resolveUser('react/jsx-runtime'),
+        resolveLocal('react', 'jsx-runtime')
+    ]);
+    // @ts-ignore
+    config.resolve.alias.set('react-dom$', [
+        resolveUser('react-dom'),
+        resolveLocal('react-dom')
+    ]);
+    if (name === constants_1.BUNDLER_DEFAULT_TARGET && context.mode === 'development') {
+        config.module
+            .rule('main')
+            .oneOf('js')
+            .use('react-refresh-loader')
+            .loader(require.resolve('@next/react-refresh-utils/loader'))
+            .before('shuvi-swc-loader');
+        config
+            .plugin('react-refresh-plugin')
+            .use(ReactRefreshWebpackPlugin_1.default, [webpack]);
+        config.plugin('version-env-plugin').use(webpack_1.DefinePlugin, [
+            {
+                'process.env.__SHUVI__AFTER__REACT__18__': JSON.stringify(isReactVersionAfter18())
+            }
+        ]);
+    }
+    return config;
+};
+exports.default = {
+    core: (0, service_1.createPlugin)({
+        configWebpack,
+        addEntryCode(context) {
+            if (context.mode === 'development') {
+                const fastRefreshRuntime = require.resolve(`@next/react-refresh-utils/runtime`);
+                return `import "${fastRefreshRuntime}"`;
+            }
+            else {
+                return '';
+            }
+        }
+    })
+};

package/lib/node/targets/react/index.d.ts

@@ -0,0 +1,30 @@
+declare const platformWebReact: () => {
+    plugins: (import("@shuvi/hook").IPluginInstance<{
+        afterInit: import("@shuvi/hook").AsyncParallelHook<void, void, void>;
+        afterBuild: import("@shuvi/hook").AsyncParallelHook<void, void, void>;
+        afterDestroy: import("@shuvi/hook").AsyncParallelHook<void, void, void>;
+        afterBundlerDone: import("@shuvi/hook").AsyncParallelHook<import("@shuvi/service/lib/core/lifecycleTypes").BundlerDoneExtra, void, void>;
+        afterBundlerTargetDone: import("@shuvi/hook").AsyncParallelHook<import("@shuvi/service/lib/core/lifecycleTypes").BundlerTargetDoneExtra, void, void>;
+        configWebpack: import("@shuvi/hook").AsyncSeriesWaterfallHook<import("@shuvi/service/lib/core/lifecycleTypes").WebpackChainType, import("@shuvi/service/lib/core/lifecycleTypes").ConfigWebpackAssistant>;
+        addExtraTarget: import("@shuvi/hook").AsyncParallelHook<import("@shuvi/service/lib/core/lifecycleTypes").ExtraTargetAssistant, void, import("@shuvi/service/lib/core/lifecycleTypes").TargetChain>;
+        addResource: import("@shuvi/hook").AsyncParallelHook<void, void, import("@shuvi/service/lib/core/lifecycleTypes").Resources | import("@shuvi/service/lib/core/lifecycleTypes").Resources[]>;
+        addRuntimeFile: import("@shuvi/hook").AsyncParallelHook<void, import("@shuvi/service/lib/core/lifecycleTypes").AddRuntimeFileUtils, import("@shuvi/service/lib/project/index").FileOptions<any, any> | import("@shuvi/service/lib/project/index").FileOptions<any, any>[]>;
+        addRuntimeService: import("@shuvi/hook").AsyncParallelHook<void, void, import("@shuvi/service/lib/core/lifecycleTypes").RuntimeService | import("@shuvi/service/lib/core/lifecycleTypes").RuntimeService[]>;
+    } & import("@shuvi/runtime").CustomCorePluginHooks, import("@shuvi/service").IPluginContext> | {
+        core: import("@shuvi/hook").IPluginInstance<{
+            afterInit: import("@shuvi/hook").AsyncParallelHook<void, void, void>;
+            afterBuild: import("@shuvi/hook").AsyncParallelHook<void, void, void>;
+            afterDestroy: import("@shuvi/hook").AsyncParallelHook<void, void, void>;
+            afterBundlerDone: import("@shuvi/hook").AsyncParallelHook<import("@shuvi/service/lib/core/lifecycleTypes").BundlerDoneExtra, void, void>;
+            afterBundlerTargetDone: import("@shuvi/hook").AsyncParallelHook<import("@shuvi/service/lib/core/lifecycleTypes").BundlerTargetDoneExtra, void, void>;
+            configWebpack: import("@shuvi/hook").AsyncSeriesWaterfallHook<import("@shuvi/service/lib/core/lifecycleTypes").WebpackChainType, import("@shuvi/service/lib/core/lifecycleTypes").ConfigWebpackAssistant>;
+            addExtraTarget: import("@shuvi/hook").AsyncParallelHook<import("@shuvi/service/lib/core/lifecycleTypes").ExtraTargetAssistant, void, import("@shuvi/service/lib/core/lifecycleTypes").TargetChain>;
+            addResource: import("@shuvi/hook").AsyncParallelHook<void, void, import("@shuvi/service/lib/core/lifecycleTypes").Resources | import("@shuvi/service/lib/core/lifecycleTypes").Resources[]>;
+            addRuntimeFile: import("@shuvi/hook").AsyncParallelHook<void, import("@shuvi/service/lib/core/lifecycleTypes").AddRuntimeFileUtils, import("@shuvi/service/lib/project/index").FileOptions<any, any> | import("@shuvi/service/lib/project/index").FileOptions<any, any>[]>;
+            addRuntimeService: import("@shuvi/hook").AsyncParallelHook<void, void, import("@shuvi/service/lib/core/lifecycleTypes").RuntimeService | import("@shuvi/service/lib/core/lifecycleTypes").RuntimeService[]>;
+        } & import("@shuvi/runtime").CustomCorePluginHooks, import("@shuvi/service").IPluginContext>;
+    })[];
+    platformModule: string;
+    polyfills: string[];
+};
+export default platformWebReact;

package/lib/node/targets/react/index.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const service_1 = require("@shuvi/service");
+const bundler_1 = __importDefault(require("./bundler"));
+const redox_react_1 = require("./redox-react");
+const paths_1 = require("../../paths");
+const webReactMainPlugin = (0, service_1.createPlugin)({
+    addRuntimeService: () => [
+        {
+            source: (0, paths_1.resolvePkgFile)('esm/shuvi-app/react/shuvi-runtime-api'),
+            exported: '*'
+        }
+    ]
+});
+const platformWebReact = () => {
+    return {
+        plugins: [webReactMainPlugin, bundler_1.default, redox_react_1.RedoxReactPlugin],
+        platformModule: (0, paths_1.resolvePkgFile)('esm/shuvi-app/react/index'),
+        polyfills: [
+            (0, paths_1.resolveDep)('react-app-polyfill/ie11'),
+            (0, paths_1.resolveDep)('react-app-polyfill/stable')
+        ]
+    };
+};
+exports.default = platformWebReact;

package/lib/node/targets/react/redox-react/RedoxWrapper.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { IStoreManager } from '@shuvi/redox';
+export declare const RedoxWrapper: (App: any, appContext: {
+    storeManager: IStoreManager;
+}) => {
+    (appProps: any): JSX.Element;
+    displayName: string;
+};

package/lib/node/targets/react/redox-react/RedoxWrapper.js

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RedoxWrapper = void 0;
+const React = __importStar(require("react"));
+const redox_react_1 = require("@shuvi/redox-react");
+const RedoxWrapper = (App, appContext) => {
+    function RedoxAppWrapper(appProps) {
+        return (React.createElement(redox_react_1.RedoxRoot, { storeManager: appContext.storeManager },
+            React.createElement(App, Object.assign({}, appProps))));
+    }
+    RedoxAppWrapper.displayName = 'RedoxAppWrapper';
+    return RedoxAppWrapper;
+};
+exports.RedoxWrapper = RedoxWrapper;

package/lib/node/targets/react/redox-react/index.d.ts

@@ -0,0 +1,17 @@
+export declare const RedoxReactPlugin: {
+    core: import("@shuvi/hook").IPluginInstance<{
+        afterInit: import("@shuvi/hook").AsyncParallelHook<void, void, void>;
+        afterBuild: import("@shuvi/hook").AsyncParallelHook<void, void, void>;
+        afterDestroy: import("@shuvi/hook").AsyncParallelHook<void, void, void>;
+        afterBundlerDone: import("@shuvi/hook").AsyncParallelHook<import("@shuvi/service/lib/core/lifecycleTypes").BundlerDoneExtra, void, void>;
+        afterBundlerTargetDone: import("@shuvi/hook").AsyncParallelHook<import("@shuvi/service/lib/core/lifecycleTypes").BundlerTargetDoneExtra, void, void>;
+        configWebpack: import("@shuvi/hook").AsyncSeriesWaterfallHook<import("@shuvi/service/lib/core/lifecycleTypes").WebpackChainType, import("@shuvi/service/lib/core/lifecycleTypes").ConfigWebpackAssistant>;
+        addExtraTarget: import("@shuvi/hook").AsyncParallelHook<import("@shuvi/service/lib/core/lifecycleTypes").ExtraTargetAssistant, void, import("@shuvi/service/lib/core/lifecycleTypes").TargetChain>;
+        addResource: import("@shuvi/hook").AsyncParallelHook<void, void, import("@shuvi/service/lib/core/lifecycleTypes").Resources | import("@shuvi/service/lib/core/lifecycleTypes").Resources[]>;
+        addRuntimeFile: import("@shuvi/hook").AsyncParallelHook<void, import("@shuvi/service/lib/core/lifecycleTypes").AddRuntimeFileUtils, import("@shuvi/service/lib/project/index").FileOptions<any, any> | import("@shuvi/service/lib/project/index").FileOptions<any, any>[]>;
+        addRuntimeService: import("@shuvi/hook").AsyncParallelHook<void, void, import("@shuvi/service/lib/core/lifecycleTypes").RuntimeService | import("@shuvi/service/lib/core/lifecycleTypes").RuntimeService[]>;
+    } & import("@shuvi/runtime").CustomCorePluginHooks, import("@shuvi/service").IPluginContext>;
+    runtime: {
+        plugin: string;
+    };
+};

package/lib/node/targets/react/redox-react/index.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RedoxReactPlugin = void 0;
+const path = __importStar(require("path"));
+const service_1 = require("@shuvi/service");
+const paths_1 = require("../../../paths");
+// todo: optimize this
+const runtimePath = require.resolve(path.join(__dirname, '../../../../../lib/node/targets/react/redox-react/runtime'));
+const core = (0, service_1.createPlugin)({
+    addRuntimeService: () => [
+        {
+            source: path.dirname(require.resolve('@shuvi/redox-react/package.json')),
+            exported: '*',
+            filepath: 'model.ts'
+        }
+    ],
+    configWebpack: config => {
+        config.resolve.alias.set('@shuvi/redox', (0, paths_1.resolveLib)('@shuvi/redox'));
+        return config;
+    }
+});
+exports.RedoxReactPlugin = {
+    core,
+    runtime: {
+        plugin: runtimePath
+    }
+};

package/lib/node/targets/react/redox-react/runtime.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@shuvi/platform-shared/shared").IPluginInstance<import("@shuvi/platform-shared/shared").BuiltInRuntimePluginHooks & import("@shuvi/runtime").CustomRuntimePluginHooks, void>;
+export default _default;

package/lib/node/targets/react/redox-react/runtime.js

@@ -0,0 +1,18 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const shared_1 = require("@shuvi/platform-shared/shared");
+const RedoxWrapper_1 = require("./RedoxWrapper");
+exports.default = (0, shared_1.createRuntimePlugin)({
+    appComponent: (App, appContext) => __awaiter(void 0, void 0, void 0, function* () {
+        return (0, RedoxWrapper_1.RedoxWrapper)(App, appContext);
+    })
+});

package/lib/shared/appTypes.d.ts

@@ -0,0 +1,15 @@
+import { IRequest, IRawPageRouteRecord, IAppData, IAppState } from '@shuvi/platform-shared/shared';
+import { Application } from '@shuvi/platform-shared/shuvi-app/application';
+export interface CreateAppServer {
+    (options: {
+        req: IRequest;
+        ssr: boolean;
+    }): Application;
+}
+export interface CreateAppClient {
+    (options: {
+        routes: IRawPageRouteRecord[];
+        appComponent: any;
+        appData: IAppData<any, IAppState>;
+    }): Application;
+}

package/lib/shared/appTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/shared/index.d.ts

@@ -0,0 +1,4 @@
+export * from './appTypes';
+export * from './renderTypes';
+export * from './routeTypes';
+export * from './serverTypes';

package/lib/shared/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./appTypes"), exports);
+__exportStar(require("./renderTypes"), exports);
+__exportStar(require("./routeTypes"), exports);
+__exportStar(require("./serverTypes"), exports);

package/lib/shared/renderTypes.d.ts

@@ -0,0 +1,44 @@
+import { IManifest } from '@shuvi/toolpack/lib/webpack/types';
+import { Response, IApplication, IRequest, IAppData } from '@shuvi/platform-shared/shared';
+export declare type IRenderDocumentOptions = {
+    app: IApplication;
+    req?: IRequest;
+};
+export interface IRenderOptions extends IRenderDocumentOptions {
+}
+export interface IView<RenderOption extends IRenderOptions = any, RenderResult = void> {
+    renderApp(options: RenderOption): RenderResult;
+}
+export declare type IHtmlAttrs = {
+    textContent?: string;
+} & {
+    [x: string]: string | number | undefined | boolean;
+};
+export interface IHtmlTag<TagNames = string> {
+    tagName: TagNames;
+    attrs: IHtmlAttrs;
+    innerHTML?: string;
+}
+export declare type IRenderAppServerResult<ExtraAppData = {}> = {
+    htmlAttrs?: IHtmlAttrs;
+    headBeginTags?: IHtmlTag[];
+    headEndTags?: IHtmlTag[];
+    mainBeginTags?: IHtmlTag[];
+    mainEndTags?: IHtmlTag[];
+    scriptBeginTags?: IHtmlTag[];
+    scriptEndTags?: IHtmlTag[];
+    appData?: ExtraAppData;
+    content?: string;
+};
+export interface IClientRendererOptions<ExtraAppData = {}> extends IRenderOptions {
+    appContainer: HTMLElement;
+    appData: IAppData<ExtraAppData>;
+}
+export interface IServerRendererOptions extends IRenderOptions {
+    manifest: IManifest;
+    getAssetPublicUrl(path: string): string;
+}
+export interface IViewClient<ExtraAppData = {}> extends IView<IClientRendererOptions<ExtraAppData>> {
+}
+export interface IViewServer<ExtraAppData = {}> extends IView<IServerRendererOptions, Promise<IRenderAppServerResult<ExtraAppData> | Response>> {
+}

package/lib/shared/renderTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });