@shuvi/platform-web 0.0.1-rc.34 → 1.0.0-rc.2

package/lib/node/features/model/index.js

@@ -0,0 +1,54 @@
+"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 paths_1 = require("../../paths");
+const server_1 = __importDefault(require("./server"));
+const resolveLib = (module) => path.dirname(require.resolve(path.join(module, 'package.json')));
+const core = (0, service_1.createPlugin)({
+    addRuntimeService: () => [
+        {
+            source: resolveLib('@shuvi/redox'),
+            exported: '*',
+            filepath: 'model.ts'
+        }
+    ],
+    configWebpack: config => {
+        config.resolve.alias.set('@shuvi/redox', resolveLib('@shuvi/redox'));
+        return config;
+    }
+});
+exports.default = {
+    core,
+    runtime: {
+        plugin: (0, paths_1.resolvePkgFile)('lib/node/features/model/runtime.js')
+    },
+    server: server_1.default,
+    types: (0, paths_1.resolvePkgFile)('lib/node/features/model/shuvi-app.d.ts')
+};

package/lib/node/features/model/runtime.d.ts

@@ -0,0 +1,13 @@
+import { IStoreManager } from '@shuvi/redox';
+import { IAppContext } from '@shuvi/platform-shared/shared';
+export declare type InitRedox = (params: {
+    initialState: any;
+    ctx: IAppContext;
+}) => IStoreManager;
+declare module '@shuvi/runtime' {
+    interface CustomAppContext {
+        storeManager?: IStoreManager;
+    }
+}
+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/features/model/runtime.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const redox_1 = require("@shuvi/redox");
+const shared_1 = require("@shuvi/platform-shared/shared");
+let currentStoreManager;
+const isServer = typeof window === 'undefined';
+// for client, singleton mode
+// for server, return new store
+const initStore = ({ initialState, ctx }) => {
+    const createStoreInstance = () => {
+        // return createRedox(initialState, {
+        //   ...ctx,
+        //   isServer
+        // });
+        return (0, redox_1.redox)({
+            initialState
+        });
+    };
+    // for server
+    if (isServer) {
+        return createStoreInstance();
+    }
+    // for client is singleton, just init once
+    if (currentStoreManager) {
+        return currentStoreManager;
+    }
+    currentStoreManager = createStoreInstance();
+    return currentStoreManager;
+};
+exports.default = (0, shared_1.createRuntimePlugin)({
+    appContext: ctx => {
+        if (!ctx.storeManager) {
+            let initialState = {};
+            if (!isServer) {
+                initialState = (0, shared_1.getPageData)('redox');
+            }
+            if (ctx.pageData && ctx.pageData.redox) {
+                initialState = ctx.pageData.redox;
+            }
+            ctx.storeManager = initStore({
+                ctx,
+                initialState
+            });
+        }
+        return ctx;
+    }
+});

package/lib/node/features/model/server.d.ts

@@ -0,0 +1,3 @@
+import { ServerPluginInstance } from '@shuvi/service';
+declare const _default: ServerPluginInstance;
+export default _default;

package/lib/node/features/model/server.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const service_1 = require("@shuvi/service");
+exports.default = (0, service_1.createServerPlugin)({
+    getPageData: appContext => {
+        const { storeManager } = appContext;
+        delete appContext.storeManager;
+        return {
+            redox: storeManager === null || storeManager === void 0 ? void 0 : storeManager.getState()
+        };
+    }
+});

package/lib/node/features/model/shuvi-app.d.ts

@@ -0,0 +1,6 @@
+import type { IStoreManager } from '@shuvi/redox';
+declare module '@shuvi/runtime' {
+    interface CustomAppContext {
+        storeManager?: IStoreManager;
+    }
+}

package/lib/node/features/model/shuvi-app.js

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

package/lib/node/features/on-demand-compile-page/emptyComponent.d.ts

@@ -0,0 +1 @@
+export default function (): null;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function default_1() {
+    console.warn('You should compile the module before using it.');
+    return null;
+}
+exports.default = default_1;

package/lib/node/features/on-demand-compile-page/index.d.ts

@@ -0,0 +1,15 @@
+declare const _default: import("@shuvi/hook").IPluginInstance<{
+    extendConfig: import("@shuvi/hook").SyncWaterfallHook<import("@shuvi/service").Config, void>;
+    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/service/lib/core/apiTypes").CustomCorePluginHooks, import("@shuvi/service").IPluginContext>;
+export default _default;
+export { default as OnDemandRouteManager } from './onDemandRouteManager';

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

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnDemandRouteManager = void 0;
+const service_1 = require("@shuvi/service");
+const escapeRegExp_1 = require("@shuvi/utils/lib/escapeRegExp");
+const module_replace_plugin_1 = __importDefault(require("@shuvi/toolpack/lib/webpack/plugins/module-replace-plugin"));
+const require_cache_hot_reloader_plugin_1 = __importDefault(require("@shuvi/toolpack/lib/webpack/plugins/require-cache-hot-reloader-plugin"));
+const constants_1 = require("@shuvi/shared/lib/constants");
+const dumbRouteComponent = require.resolve('./emptyComponent');
+exports.default = (0, service_1.createPlugin)({
+    configWebpack(config, _, ctx) {
+        if (ctx.mode === 'development') {
+            config.plugin('private/module-replace-plugin').use(module_replace_plugin_1.default, [
+                {
+                    modules: [
+                        {
+                            resourceQuery: RegExp((0, escapeRegExp_1.escapeRegExp)(`?${constants_1.ROUTE_RESOURCE_QUERYSTRING}`)),
+                            module: dumbRouteComponent
+                        }
+                    ]
+                }
+            ]);
+            // Even though require.cache is server only we have to clear assets from both compilations
+            // This is because the client compilation generates the build manifest that's used on the server side
+            config
+                .plugin('private/require-cache-hot-reloader')
+                .use(require_cache_hot_reloader_plugin_1.default);
+        }
+        return config;
+    }
+});
+var onDemandRouteManager_1 = require("./onDemandRouteManager");
+Object.defineProperty(exports, "OnDemandRouteManager", { enumerable: true, get: function () { return __importDefault(onDemandRouteManager_1).default; } });

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

@@ -0,0 +1,11 @@
+import { IRequestHandlerWithNext, IServerPluginContext } from '@shuvi/service';
+import { DevMiddleware } from '@shuvi/service/lib/server/middlewares/dev';
+export default class OnDemandRouteManager {
+    devMiddleware: DevMiddleware | null;
+    _serverPluginContext: IServerPluginContext;
+    constructor(serverPluginContext: IServerPluginContext);
+    getServerMiddleware(): IRequestHandlerWithNext;
+    ensureRoutesMiddleware(): IRequestHandlerWithNext;
+    ensureRoutes(pathname: string): Promise<void>;
+    private _activateModules;
+}

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,6 @@
+import { IPlatform } from '@shuvi/service';
+export { PlatformWebCustomConfig } from '../shared/configTypes';
+declare const platform: ({ framework }?: {
+    framework?: string | undefined;
+}) => IPlatform;
+export default platform;

package/lib/node/index.js

@@ -0,0 +1,38 @@
+"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");
+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,36 @@
+"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.resolvePkgFile = exports.resolveLib = exports.resolveDep = void 0;
+const path = __importStar(require("path"));
+const PACKAGE_DIR = path.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.dirname((0, exports.resolveDep)(path.join(module, 'package.json')));
+exports.resolveLib = resolveLib;
+const resolvePkgFile = (...paths) => path.join(PACKAGE_DIR, ...paths);
+exports.resolvePkgFile = resolvePkgFile;

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

@@ -0,0 +1,42 @@
+import '@shuvi/platform-shared/shuvi-type-extensions-node';
+import { IManifest } from '@shuvi/toolpack/lib/webpack/types';
+import { IMiddlewareRoutes, CreateAppServer, IApiRoutes, IServerModule, PlatformWebCustomConfig } from '../shared/index';
+import { IViewServer } from './features/html-render/index';
+import { addRoutes, addMiddlewareRoutes } from './features/filesystem-routes/hooks';
+import { extendedHooks } from './features/html-render/serverHooks';
+export {};
+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;
+}
+declare global {
+    namespace ShuviService {
+        interface CustomConfig {
+            ssr: PlatformWebCustomConfig['ssr'];
+            router: PlatformWebCustomConfig['router'];
+            routes?: PlatformWebCustomConfig['routes'];
+            middlewareRoutes?: PlatformWebCustomConfig['middlewareRoutes'];
+            apiRoutes?: PlatformWebCustomConfig['apiRoutes'];
+            conventionRoutes: PlatformWebCustomConfig['conventionRoutes'];
+        }
+        interface CustomCorePluginHooks {
+            addRoutes: typeof addRoutes;
+            addMiddlewareRoutes: typeof addMiddlewareRoutes;
+        }
+        interface CustomServerPluginHooks {
+            getPageData: typeof extendedHooks.getPageData;
+            handlePageRequest: typeof extendedHooks.handlePageRequest;
+            modifyHtml: typeof extendedHooks.modifyHtml;
+        }
+    }
+}

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@shuvi/platform-shared/shuvi-type-extensions-node");

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    core: import("@shuvi/hook").IPluginInstance<{
+        extendConfig: import("@shuvi/hook").SyncWaterfallHook<import("@shuvi/service").Config, void>;
+        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/service/lib/core/apiTypes").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,32 @@
+declare const platformWebReact: () => {
+    plugins: (import("@shuvi/hook").IPluginInstance<{
+        extendConfig: import("@shuvi/hook").SyncWaterfallHook<import("@shuvi/service").Config, void>;
+        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/service/lib/core/apiTypes").CustomCorePluginHooks, import("@shuvi/service").IPluginContext> | {
+        core: import("@shuvi/hook").IPluginInstance<{
+            extendConfig: import("@shuvi/hook").SyncWaterfallHook<import("@shuvi/service").Config, void>;
+            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/service/lib/core/apiTypes").CustomCorePluginHooks, import("@shuvi/service").IPluginContext>;
+    })[];
+    platformModule: string;
+    polyfills: string[];
+};
+export default platformWebReact;