@modern-js/runtime 1.3.5 → 1.4.2

package/dist/js/modern/ssr/serverRender/template.js

@@ -0,0 +1,90 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import fs from 'fs';
+
+const readFile = filepath => {
+  if (fs.existsSync(filepath)) {
+    return fs.readFileSync(filepath, 'utf-8');
+  } else {
+    return null;
+  }
+};
+
+const VARIABLE_REG_EXP = /<!--<\?([-=+])\s*(.*?)\s*\?>-->/;
+const VARIABLE_SPLITTER = /(<!--<\?.*?\?>-->)/;
+const ENCODE_HTML_RULES = {
+  '&': '&amp;',
+  '<': '&lt;',
+  '>': '&gt;',
+  '"': '&#34;',
+  "'": '&#39;'
+};
+const MATCH_HTML = /[&<>'"]/g;
+
+function encodeChar(c) {
+  return ENCODE_HTML_RULES[c] || c;
+}
+
+function escape(str) {
+  return str.replace(MATCH_HTML, encodeChar);
+}
+
+export class Fragment {
+  constructor(template) {
+    _defineProperty(this, "isVariable", void 0);
+
+    _defineProperty(this, "content", void 0);
+
+    _defineProperty(this, "filters", void 0);
+
+    _defineProperty(this, "path", void 0);
+
+    const match = VARIABLE_REG_EXP.exec(template);
+
+    if (match) {
+      const [, filterFlag, content] = match;
+      this.isVariable = true;
+      this.content = content;
+      this.filters = [Fragment.filterMap[filterFlag]];
+      this.path = content.replace(/\[['"](.*?)['"]\]/g, '.$1').split('.');
+    } else {
+      this.isVariable = false;
+      this.content = template;
+      this.filters = [];
+      this.path = [];
+    }
+  }
+
+  getValue(data) {
+    if (this.isVariable) {
+      const value = this.path.reduce((p, n) => p != null ? p[n] : p, data);
+      return this.filters.reduce((p, n) => n(p), value != null ? value : '');
+    }
+
+    return this.content;
+  }
+
+}
+
+_defineProperty(Fragment, "filterMap", {
+  '=': escape,
+  '-': v => v
+});
+
+const fragmentListMap = {};
+export function toFragments(filename) {
+  if (fragmentListMap[filename]) {
+    return fragmentListMap[filename];
+  } // 未开启现代构建的项目无 -es6.html
+
+
+  const template = readFile(filename);
+
+  if (!template) {
+    throw new Error(`Could not find template file: ${filename}`);
+  }
+
+  const fragmentList = template.split(VARIABLE_SPLITTER).filter(v => Boolean(v)).map(v => new Fragment(v));
+  fragmentListMap[filename] = fragmentList;
+  return fragmentList;
+}

package/dist/js/modern/ssr/serverRender/type.js

@@ -0,0 +1,8 @@
+// import { IncomingHttpHeaders } from 'http';
+export let RenderLevel;
+
+(function (RenderLevel) {
+  RenderLevel[RenderLevel["CLIENT_RENDER"] = 0] = "CLIENT_RENDER";
+  RenderLevel[RenderLevel["SERVER_PREFETCH"] = 1] = "SERVER_PREFETCH";
+  RenderLevel[RenderLevel["SERVER_RENDER"] = 2] = "SERVER_RENDER";
+})(RenderLevel || (RenderLevel = {}));

package/dist/js/modern/ssr/utils.js

@@ -0,0 +1,51 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+export const formatServer = request => {
+  const {
+    cookie = '',
+    'user-agent': userAgent = '',
+    referer
+  } = request.headers || {};
+  return _objectSpread({
+    cookie,
+    userAgent,
+    referer
+  }, request);
+};
+
+const getQuery = () => window.location.search.substring(1).split('&').reduce((res, item) => {
+  const [key, value] = item.split('=');
+  res[key] = value;
+  return res;
+}, {});
+
+export const formatClient = request => {
+  return {
+    params: request.params || {},
+    host: request.host || location.host,
+    pathname: request.pathname || location.pathname,
+    headers: request.headers || {},
+    cookieMap: request.cookieMap || {},
+    cookie: request.headers.cookie || document.cookie,
+    userAgent: request.headers['user-agent'] || navigator.userAgent,
+    referer: request.referer || document.referrer,
+    query: request.query || getQuery(),
+    url: location.href
+  };
+};
+export const mockResponse = () => {
+  return {
+    setHeader() {
+      console.info('setHeader can only be used in the server side');
+    },
+
+    status() {
+      console.info('status can only be used in the server side');
+    }
+
+  };
+};

package/dist/js/modern/state/cli/index.js

@@ -0,0 +1,110 @@
+import path from 'path';
+import { getEntryOptions, createRuntimeExportsUtils, PLUGIN_SCHEMAS } from '@modern-js/utils';
+import "../types";
+const PLUGIN_IDENTIFIER = 'state';
+export default (() => ({
+  name: '@modern-js/plugin-state',
+  required: ['@modern-js/runtime'],
+  setup: api => {
+    const stateConfigMap = new Map();
+    let pluginsExportsUtils;
+    const stateModulePath = path.resolve(__dirname, '../');
+    return {
+      config() {
+        const appContext = api.useAppContext();
+        pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, 'plugins');
+        return {
+          source: {
+            alias: {
+              '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+            }
+          }
+        };
+      },
+
+      modifyEntryImports({
+        entrypoint,
+        imports
+      }) {
+        var _getEntryOptions;
+
+        const {
+          entryName
+        } = entrypoint;
+        const userConfig = api.useResolvedConfigContext();
+        const {
+          packageName
+        } = api.useAppContext();
+        const stateConfig = (_getEntryOptions = getEntryOptions(entryName, userConfig.runtime, userConfig.runtimeByEntries, packageName)) === null || _getEntryOptions === void 0 ? void 0 : _getEntryOptions.state;
+        stateConfigMap.set(entryName, stateConfig);
+
+        const getEnabledPlugins = () => {
+          const internalPlugins = ['immer', 'effects', 'autoActions', 'devtools'];
+          return internalPlugins.filter(name => stateConfig[name] !== false);
+        };
+
+        if (stateConfig) {
+          imports.push({
+            value: '@modern-js/runtime/plugins',
+            specifiers: [{
+              imported: PLUGIN_IDENTIFIER
+            }]
+          });
+          imports.push({
+            value: '@modern-js/runtime/model',
+            specifiers: getEnabledPlugins().map(imported => ({
+              imported
+            })),
+            initialize: `
+                const createStatePlugins = (config) => {
+                  const plugins = [];
+
+                  ${getEnabledPlugins().map(name => `
+                      plugins.push(${name}(config['${name}']));
+                      `).join('\n')}
+
+                  return plugins;
+                }
+              `
+          });
+        }
+
+        return {
+          entrypoint,
+          imports
+        };
+      },
+
+      modifyEntryRuntimePlugins({
+        entrypoint,
+        plugins
+      }) {
+        const stateOptions = stateConfigMap.get(entrypoint.entryName);
+
+        if (stateOptions) {
+          const isBoolean = typeof stateOptions === 'boolean';
+          let options = isBoolean ? '{}' : JSON.stringify(stateOptions);
+          options = `${options.substr(0, options.length - 1)}${isBoolean ? '' : ','}plugins: createStatePlugins(${JSON.stringify(stateConfigMap.get(entrypoint.entryName))})}`;
+          plugins.push({
+            name: PLUGIN_IDENTIFIER,
+            options
+          });
+        }
+
+        return {
+          entrypoint,
+          plugins
+        };
+      },
+
+      validateSchema() {
+        return PLUGIN_SCHEMAS['@modern-js/plugin-state'];
+      },
+
+      addRuntimeExports() {
+        pluginsExportsUtils.addExport(`export { default as state } from '${stateModulePath}'`);
+      }
+
+    };
+  }
+}));

package/dist/js/modern/state/index.js

@@ -0,0 +1,2 @@
+export { default } from "./runtime";
+export * from "./runtime";

package/dist/js/modern/state/plugins.js

@@ -0,0 +1,7 @@
+import { plugin as effectsPlugin } from '@modern-js-reduck/plugin-effects';
+import autoActionsPlugin from '@modern-js-reduck/plugin-auto-actions';
+import immerPlugin from '@modern-js-reduck/plugin-immutable';
+export { default as devtools } from '@modern-js-reduck/plugin-devtools';
+export const effects = () => effectsPlugin;
+export const immer = () => immerPlugin;
+export const autoActions = () => autoActionsPlugin;

package/dist/js/modern/state/runtime/index.js

@@ -0,0 +1,4 @@
+export * from '@modern-js-reduck/react';
+export { model, createStore } from '@modern-js-reduck/store';
+export { default } from "./plugin";
+export * from "./plugin";

package/dist/js/modern/state/runtime/plugin.js

@@ -0,0 +1,71 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { useContext } from 'react';
+import { RuntimeReactContext } from '@modern-js/runtime-core';
+import { createStore } from '@modern-js-reduck/store';
+import { Provider } from '@modern-js-reduck/react';
+import hoistNonReactStatics from 'hoist-non-react-statics';
+import { isBrowser } from "../../common";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const state = config => ({
+  name: '@modern-js/plugin-state',
+  setup: () => {
+    return {
+      hoc({
+        App
+      }, next) {
+        const getStateApp = props => {
+          // eslint-disable-next-line react-hooks/rules-of-hooks
+          const context = useContext(RuntimeReactContext);
+          return /*#__PURE__*/_jsx(Provider, {
+            store: context.store,
+            config: config,
+            children: /*#__PURE__*/_jsx(App, _objectSpread({}, props))
+          });
+        };
+
+        return next({
+          App: hoistNonReactStatics(getStateApp, App)
+        });
+      },
+
+      init({
+        context
+      }, next) {
+        const storeConfig = config || {};
+
+        if (isBrowser()) {
+          var _window, _window$_SSR_DATA, _window$_SSR_DATA$dat;
+
+          storeConfig.initialState = storeConfig.initialState || ((_window = window) === null || _window === void 0 ? void 0 : (_window$_SSR_DATA = _window._SSR_DATA) === null || _window$_SSR_DATA === void 0 ? void 0 : (_window$_SSR_DATA$dat = _window$_SSR_DATA.data) === null || _window$_SSR_DATA$dat === void 0 ? void 0 : _window$_SSR_DATA$dat.storeState) || {};
+        }
+
+        context.store = createStore(storeConfig);
+        next({
+          context
+        });
+      },
+
+      pickContext({
+        context,
+        pickedContext
+      }, next) {
+        return next({
+          context,
+          pickedContext: _objectSpread(_objectSpread({}, pickedContext), {}, {
+            store: context.store
+          })
+        });
+      }
+
+    };
+  }
+});
+
+export default state;
+export * from "../plugins";

package/dist/js/modern/state/types.js

@@ -0,0 +1 @@
+export {};

package/dist/js/node/cli/index.js

@@ -9,18 +9,18 @@ var _path = _interopRequireDefault(require("path"));
 
 var _utils = require("@modern-js/utils");
 
-var _cli = _interopRequireDefault(require("@modern-js/plugin-state/cli"));
+var _cli = _interopRequireDefault(require("../state/cli"));
 
-var _cli2 = _interopRequireDefault(require("@modern-js/plugin-router/cli"));
+var _cli2 = _interopRequireDefault(require("../ssr/cli"));
 
-var _cli3 = _interopRequireDefault(require("@modern-js/plugin-ssr/cli"));
+var _cli3 = _interopRequireDefault(require("../router/cli"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var _default = () => ({
   name: '@modern-js/runtime',
   post: ['@modern-js/plugin-router', '@modern-js/plugin-ssr', '@modern-js/plugin-state', '@modern-js/plugin-design-token'],
-  usePlugins: [(0, _cli.default)(), (0, _cli2.default)(), (0, _cli3.default)()],
+  usePlugins: [(0, _cli.default)(), (0, _cli3.default)(), (0, _cli2.default)()],
   setup: api => {
     let runtimeExportsUtils = {};
     return {
@@ -58,7 +58,7 @@ var _default = () => ({
       },
 
       async beforeRestart() {
-        (0, _utils.cleanRequireCache)([require.resolve('@modern-js/plugin-state/cli'), require.resolve('@modern-js/plugin-router/cli'), require.resolve('@modern-js/plugin-ssr/cli')]);
+        (0, _utils.cleanRequireCache)([require.resolve("../state/cli"), require.resolve("../router/cli"), require.resolve("../ssr/cli")]);
       }
 
     };

package/dist/js/node/common.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isBrowser = void 0;
+
+const isBrowser = () => typeof window !== 'undefined' && window.name !== 'nodejs';
+
+exports.isBrowser = isBrowser;

package/dist/js/node/exports/model.js

@@ -3,16 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  state: true
+};
+Object.defineProperty(exports, "state", {
+  enumerable: true,
+  get: function () {
+    return _state.default;
+  }
+});
 
-var _pluginState = require("@modern-js/plugin-state");
+var _state = _interopRequireWildcard(require("../state"));
 
-Object.keys(_pluginState).forEach(function (key) {
+Object.keys(_state).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _pluginState[key]) return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _state[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _pluginState[key];
+      return _state[key];
     }
   });
-});
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/js/node/exports/router.js

@@ -3,16 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  router: true
+};
+Object.defineProperty(exports, "router", {
+  enumerable: true,
+  get: function () {
+    return _router.default;
+  }
+});
 
-var _pluginRouter = require("@modern-js/plugin-router");
+var _router = _interopRequireWildcard(require("../router"));
 
-Object.keys(_pluginRouter).forEach(function (key) {
+Object.keys(_router).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _pluginRouter[key]) return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _router[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _pluginRouter[key];
+      return _router[key];
     }
   });
-});
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/js/node/exports/server.js

@@ -3,25 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  hook: true
-};
 exports.hook = void 0;
 
-var _bffRuntime = require("@modern-js/bff-runtime");
-
-Object.keys(_bffRuntime).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _bffRuntime[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _bffRuntime[key];
-    }
-  });
-});
-
 const hook = attacher => attacher;
 
 exports.hook = hook;

package/dist/js/node/exports/ssr.js

@@ -3,16 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  ssr: true
+};
+Object.defineProperty(exports, "ssr", {
+  enumerable: true,
+  get: function () {
+    return _ssr.default;
+  }
+});
 
-var _pluginSsr = require("@modern-js/plugin-ssr");
+var _ssr = _interopRequireWildcard(require("../ssr"));
 
-Object.keys(_pluginSsr).forEach(function (key) {
+Object.keys(_ssr).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _pluginSsr[key]) return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ssr[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _pluginSsr[key];
+      return _ssr[key];
     }
   });
-});
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/js/node/router/cli/index.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _utils = require("@modern-js/utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const PLUGIN_IDENTIFIER = 'router';
+const ROUTES_IDENTIFIER = 'routes';
+
+var _default = () => ({
+  name: '@modern-js/plugin-router',
+  required: ['@modern-js/runtime'],
+  setup: api => {
+    const runtimeConfigMap = new Map();
+    let pluginsExportsUtils;
+
+    const runtimeModulePath = _path.default.resolve(__dirname, '../');
+
+    return {
+      config() {
+        const appContext = api.useAppContext();
+        pluginsExportsUtils = (0, _utils.createRuntimeExportsUtils)(appContext.internalDirectory, 'plugins');
+        return {
+          source: {
+            alias: {
+              '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+            }
+          }
+        };
+      },
+
+      validateSchema() {
+        return _utils.PLUGIN_SCHEMAS['@modern-js/plugin-router'];
+      },
+
+      modifyEntryImports({
+        entrypoint,
+        imports
+      }) {
+        const {
+          entryName,
+          fileSystemRoutes
+        } = entrypoint;
+        const userConfig = api.useResolvedConfigContext();
+        const {
+          packageName
+        } = api.useAppContext();
+        const runtimeConfig = (0, _utils.getEntryOptions)(entryName, userConfig.runtime, userConfig.runtimeByEntries, packageName);
+        runtimeConfigMap.set(entryName, runtimeConfig);
+
+        if (runtimeConfig !== null && runtimeConfig !== void 0 && runtimeConfig.router) {
+          imports.push({
+            value: '@modern-js/runtime/plugins',
+            specifiers: [{
+              imported: PLUGIN_IDENTIFIER
+            }]
+          });
+        } else if (fileSystemRoutes) {
+          throw new Error(`should enable runtime.router for entry ${entryName}`);
+        }
+
+        return {
+          entrypoint,
+          imports
+        };
+      },
+
+      modifyEntryRuntimePlugins({
+        entrypoint,
+        plugins
+      }) {
+        const {
+          entryName,
+          fileSystemRoutes
+        } = entrypoint;
+        const {
+          serverRoutes
+        } = api.useAppContext();
+        const runtimeConfig = runtimeConfigMap.get(entryName);
+
+        if (runtimeConfig.router) {
+          // Todo: plugin-router best to only handle manage client route.
+          // here support base server route usage, part for compatibility
+          const serverBase = serverRoutes.filter(route => route.entryName === entryName).map(route => route.urlPath).sort((a, b) => a.length - b.length > 0 ? -1 : 1);
+          plugins.push({
+            name: PLUGIN_IDENTIFIER,
+            options: JSON.stringify(_objectSpread(_objectSpread({
+              serverBase
+            }, runtimeConfig.router), {}, {
+              routesConfig: fileSystemRoutes ? `{ ${ROUTES_IDENTIFIER}, globalApp: App }` : undefined
+            })).replace(/"routesConfig"\s*:\s*"((\S|\s)+)"/g, '"routesConfig": $1,')
+          });
+        }
+
+        return {
+          entrypoint,
+          plugins
+        };
+      },
+
+      addRuntimeExports() {
+        pluginsExportsUtils.addExport(`export { default as router } from '${runtimeModulePath}'`);
+      }
+
+    };
+  }
+});
+
+exports.default = _default;