@modern-js/runtime 1.3.5 → 1.4.0

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

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+
+var _react = require("react");
+
+var _runtimeCore = require("@modern-js/runtime-core");
+
+var _store = require("@modern-js-reduck/store");
+
+var _react2 = require("@modern-js-reduck/react");
+
+var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
+
+var _common = require("../../common");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _plugins = require("../plugins");
+
+Object.keys(_plugins).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _plugins[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _plugins[key];
+    }
+  });
+});
+
+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 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 = (0, _react.useContext)(_runtimeCore.RuntimeReactContext);
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Provider, {
+            store: context.store,
+            config: config,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, _objectSpread({}, props))
+          });
+        };
+
+        return next({
+          App: (0, _hoistNonReactStatics.default)(getStateApp, App)
+        });
+      },
+
+      init({
+        context
+      }, next) {
+        const storeConfig = config || {};
+
+        if ((0, _common.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 = (0, _store.createStore)(storeConfig);
+        next({
+          context
+        });
+      },
+
+      pickContext({
+        context,
+        pickedContext
+      }, next) {
+        return next({
+          context,
+          pickedContext: _objectSpread(_objectSpread({}, pickedContext), {}, {
+            store: context.store
+          })
+        });
+      }
+
+    };
+  }
+});
+
+var _default = state;
+exports.default = _default;

package/dist/js/node/state/types.js

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

package/dist/js/treeshaking/cli/index.js

@@ -2,9 +2,9 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import path from 'path';
 import { PLUGIN_SCHEMAS, createRuntimeExportsUtils, cleanRequireCache } from '@modern-js/utils';
-import PluginState from '@modern-js/plugin-state/cli';
-import PluginRouter from '@modern-js/plugin-router/cli';
-import PluginSSR from '@modern-js/plugin-ssr/cli';
+import PluginState from "../state/cli";
+import PluginSSR from "../ssr/cli";
+import PluginRouter from "../router/cli";
 export default (function () {
   return {
     name: '@modern-js/runtime',
@@ -48,7 +48,7 @@ export default (function () {
               while (1) {
                 switch (_context.prev = _context.next) {
                   case 0:
-                    cleanRequireCache([require.resolve('@modern-js/plugin-state/cli'), require.resolve('@modern-js/plugin-router/cli'), require.resolve('@modern-js/plugin-ssr/cli')]);
+                    cleanRequireCache([require.resolve("../state/cli"), require.resolve("../router/cli"), require.resolve("../ssr/cli")]);
 
                   case 1:
                   case "end":

package/dist/js/treeshaking/common.js

@@ -0,0 +1,3 @@
+export var isBrowser = function isBrowser() {
+  return typeof window !== 'undefined' && window.name !== 'nodejs';
+};

package/dist/js/treeshaking/exports/model.js

@@ -1 +1,2 @@
-export * from '@modern-js/plugin-state';
+export { default as state } from "../state";
+export * from "../state";

package/dist/js/treeshaking/exports/router.js

@@ -1 +1,2 @@
-export * from '@modern-js/plugin-router';
+export { default as router } from "../router";
+export * from "../router";

package/dist/js/treeshaking/exports/server.js

@@ -1,4 +1,3 @@
-export * from '@modern-js/bff-runtime';
 export var hook = function hook(attacher) {
   return attacher;
 };

package/dist/js/treeshaking/exports/ssr.js

@@ -1 +1,2 @@
-export * from '@modern-js/plugin-ssr';
+export { default as ssr } from "../ssr";
+export * from "../ssr";

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

@@ -0,0 +1,100 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import path from 'path';
+import { getEntryOptions, createRuntimeExportsUtils, PLUGIN_SCHEMAS } from '@modern-js/utils';
+var PLUGIN_IDENTIFIER = 'router';
+var ROUTES_IDENTIFIER = 'routes';
+export default (function () {
+  return {
+    name: '@modern-js/plugin-router',
+    required: ['@modern-js/runtime'],
+    setup: function setup(api) {
+      var runtimeConfigMap = new Map();
+      var pluginsExportsUtils;
+      var runtimeModulePath = path.resolve(__dirname, '../');
+      return {
+        config: function config() {
+          var appContext = api.useAppContext();
+          pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, 'plugins');
+          return {
+            source: {
+              alias: {
+                '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+              }
+            }
+          };
+        },
+        validateSchema: function validateSchema() {
+          return PLUGIN_SCHEMAS['@modern-js/plugin-router'];
+        },
+        modifyEntryImports: function modifyEntryImports(_ref) {
+          var entrypoint = _ref.entrypoint,
+              imports = _ref.imports;
+          var entryName = entrypoint.entryName,
+              fileSystemRoutes = entrypoint.fileSystemRoutes;
+          var userConfig = api.useResolvedConfigContext();
+
+          var _api$useAppContext = api.useAppContext(),
+              packageName = _api$useAppContext.packageName;
+
+          var runtimeConfig = 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 ".concat(entryName));
+          }
+
+          return {
+            entrypoint: entrypoint,
+            imports: imports
+          };
+        },
+        modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(_ref2) {
+          var entrypoint = _ref2.entrypoint,
+              plugins = _ref2.plugins;
+          var entryName = entrypoint.entryName,
+              fileSystemRoutes = entrypoint.fileSystemRoutes;
+
+          var _api$useAppContext2 = api.useAppContext(),
+              serverRoutes = _api$useAppContext2.serverRoutes;
+
+          var 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
+            var serverBase = serverRoutes.filter(function (route) {
+              return route.entryName === entryName;
+            }).map(function (route) {
+              return route.urlPath;
+            }).sort(function (a, b) {
+              return a.length - b.length > 0 ? -1 : 1;
+            });
+            plugins.push({
+              name: PLUGIN_IDENTIFIER,
+              options: JSON.stringify(_objectSpread(_objectSpread({
+                serverBase: serverBase
+              }, runtimeConfig.router), {}, {
+                routesConfig: fileSystemRoutes ? "{ ".concat(ROUTES_IDENTIFIER, ", globalApp: App }") : undefined
+              })).replace(/"routesConfig"\s*:\s*"((\S|\s)+)"/g, '"routesConfig": $1,')
+            });
+          }
+
+          return {
+            entrypoint: entrypoint,
+            plugins: plugins
+          };
+        },
+        addRuntimeExports: function addRuntimeExports() {
+          pluginsExportsUtils.addExport("export { default as router } from '".concat(runtimeModulePath, "'"));
+        }
+      };
+    }
+  };
+});

package/dist/js/treeshaking/router/index.js

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

package/dist/js/treeshaking/router/runtime/DefaultNotFound.js

@@ -0,0 +1,15 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var DefaultNotFound = function DefaultNotFound() {
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      margin: '150px auto',
+      textAlign: 'center',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: "404"
+  });
+};

package/dist/js/treeshaking/router/runtime/index.js

@@ -0,0 +1,4 @@
+import { routerPlugin } from "./plugin";
+export default routerPlugin;
+export * from 'react-router-dom';
+export * from 'history';

package/dist/js/treeshaking/router/runtime/plugin.js

@@ -0,0 +1,89 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React, { useContext } from 'react';
+import { createBrowserHistory, createHashHistory } from 'history';
+import { Router, StaticRouter } from 'react-router-dom';
+import { RuntimeReactContext } from '@modern-js/runtime-core';
+import hoistNonReactStatics from 'hoist-non-react-statics';
+import { isBrowser } from "../../common";
+import { renderRoutes, getLocation, urlJoin } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var routerPlugin = function routerPlugin(_ref) {
+  var _ref$serverBase = _ref.serverBase,
+      serverBase = _ref$serverBase === void 0 ? [] : _ref$serverBase,
+      customHistory = _ref.history,
+      _ref$supportHtml5Hist = _ref.supportHtml5History,
+      supportHtml5History = _ref$supportHtml5Hist === void 0 ? true : _ref$supportHtml5Hist,
+      routesConfig = _ref.routesConfig,
+      _ref$historyOptions = _ref.historyOptions,
+      historyOptions = _ref$historyOptions === void 0 ? {} : _ref$historyOptions;
+  var isBrow = isBrowser();
+
+  var select = function select(pathname) {
+    return serverBase.find(function (baseUrl) {
+      return pathname.search(baseUrl) === 0;
+    }) || '/';
+  };
+
+  return {
+    name: '@modern-js/plugin-router',
+    setup: function setup() {
+      return {
+        hoc: function hoc(_ref2, next) {
+          var App = _ref2.App;
+
+          var getRouteApp = function getRouteApp() {
+            if (isBrow) {
+              var _window$_SERVER_DATA;
+
+              var baseUrl = ((_window$_SERVER_DATA = window._SERVER_DATA) === null || _window$_SERVER_DATA === void 0 ? void 0 : _window$_SERVER_DATA.router.baseUrl) || select(location.pathname);
+              historyOptions.basename = baseUrl === '/' ? urlJoin(baseUrl, historyOptions.basename) : baseUrl;
+              var history = customHistory || (supportHtml5History ? createBrowserHistory(historyOptions) : createHashHistory(historyOptions));
+              return function (props) {
+                return /*#__PURE__*/_jsx(Router, {
+                  history: history,
+                  children: /*#__PURE__*/_jsx(App, _objectSpread(_objectSpread({}, props), {}, {
+                    children: routesConfig ? renderRoutes(routesConfig, props) : null
+                  }))
+                });
+              };
+            }
+
+            return function (props) {
+              var runtimeContext = useContext(RuntimeReactContext);
+              var ssrContext = runtimeContext.ssrContext;
+              var location = getLocation(ssrContext);
+              var routerContext = (ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.redirection) || {};
+              var request = ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.request;
+              var baseUrl = request === null || request === void 0 ? void 0 : request.baseUrl;
+              var basename = baseUrl === '/' ? urlJoin(baseUrl, historyOptions.basename) : baseUrl;
+              return /*#__PURE__*/_jsx(StaticRouter, {
+                basename: basename === '/' ? '' : basename,
+                location: location,
+                context: routerContext,
+                children: /*#__PURE__*/_jsx(App, _objectSpread(_objectSpread({}, props), {}, {
+                  children: routesConfig ? renderRoutes(routesConfig, props) : null
+                }))
+              });
+            };
+          };
+
+          var RouteApp = getRouteApp();
+
+          if (App) {
+            RouteApp = hoistNonReactStatics(RouteApp, App);
+          }
+
+          if (routesConfig !== null && routesConfig !== void 0 && routesConfig.globalApp) {
+            return next({
+              App: hoistNonReactStatics(RouteApp, routesConfig.globalApp)
+            });
+          }
+
+          return next({
+            App: RouteApp
+          });
+        }
+      };
+    }
+  };
+};

package/dist/js/treeshaking/router/runtime/utils.js

@@ -0,0 +1,106 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["Component"];
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
+import { Route, matchPath } from 'react-router-dom';
+import { DefaultNotFound } from "./DefaultNotFound";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function renderRoutes(routesConfig) {
+  var extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  var Layout = function Layout(_ref) {
+    var Component = _ref.Component,
+        props = _objectWithoutProperties(_ref, _excluded);
+
+    var GlobalLayout = routesConfig === null || routesConfig === void 0 ? void 0 : routesConfig.globalApp;
+
+    if (!GlobalLayout) {
+      return /*#__PURE__*/_jsx(Component, _objectSpread({}, props));
+    }
+
+    return /*#__PURE__*/_jsx(GlobalLayout, _objectSpread({
+      Component: Component
+    }, props));
+  };
+
+  var findMatchedRoute = function findMatchedRoute(pathname) {
+    var _routesConfig$routes;
+
+    return routesConfig === null || routesConfig === void 0 ? void 0 : (_routesConfig$routes = routesConfig.routes) === null || _routesConfig$routes === void 0 ? void 0 : _routesConfig$routes.find(function (route) {
+      var info = matchPath(pathname, {
+        path: route.path,
+        exact: route.exact,
+        sensitive: route.sensitive
+      });
+      return Boolean(info);
+    });
+  };
+
+  return /*#__PURE__*/_jsx(Route, {
+    path: "/",
+    render: function render(props) {
+      var matchedRoute = findMatchedRoute(props.location.pathname);
+
+      if (!matchedRoute) {
+        return /*#__PURE__*/_jsx(DefaultNotFound, {});
+      }
+
+      return /*#__PURE__*/_jsx(Route, {
+        path: matchedRoute.path,
+        exact: matchedRoute.exact,
+        sensitive: matchedRoute.sensitive,
+        render: function render(routeProps) {
+          return /*#__PURE__*/_jsx(Layout, _objectSpread(_objectSpread({
+            Component: matchedRoute.component
+          }, routeProps), extraProps));
+        }
+      });
+    }
+  });
+}
+export function getLocation(serverContext) {
+  var _ref2 = (serverContext === null || serverContext === void 0 ? void 0 : serverContext.request) || {},
+      pathname = _ref2.pathname,
+      url = _ref2.url;
+
+  var cleanUrl = url.replace('http://', '').replace('https://', '');
+  var index = (cleanUrl || '').indexOf(pathname);
+
+  if (index === -1) {
+    return pathname;
+  }
+
+  return cleanUrl.substring(index);
+}
+export var urlJoin = function urlJoin() {
+  var separator = '/';
+  var replace = new RegExp("".concat(separator, "{1,}"), 'g');
+
+  for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
+    parts[_key] = arguments[_key];
+  }
+
+  return standardSlash(parts.join(separator).replace(replace, separator));
+};
+export function standardSlash(str) {
+  var addr = str;
+
+  if (!addr || typeof addr !== 'string') {
+    return addr;
+  }
+
+  if (addr.startsWith('.')) {
+    addr = addr.slice(1);
+  }
+
+  if (!addr.startsWith('/')) {
+    addr = "/".concat(addr);
+  }
+
+  if (addr.endsWith('/') && addr !== '/') {
+    addr = addr.slice(0, addr.length - 1);
+  }
+
+  return addr;
+}

package/dist/js/treeshaking/ssr/cli/index.js

@@ -0,0 +1,113 @@
+import path from 'path';
+import { getEntryOptions, SERVER_RENDER_FUNCTION_NAME, LOADABLE_STATS_FILE, isUseSSRBundle, createRuntimeExportsUtils, isSingleEntry } from '@modern-js/utils';
+var PLUGIN_IDENTIFIER = 'ssr';
+export default (function () {
+  return {
+    name: '@modern-js/plugin-ssr',
+    required: ['@modern-js/runtime'],
+    setup: function setup(api) {
+      var ssrConfigMap = new Map();
+      var pluginsExportsUtils;
+      var ssrModulePath = path.resolve(__dirname, '../');
+      return {
+        config: function config() {
+          var appContext = api.useAppContext();
+          pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, 'plugins');
+          return {
+            source: {
+              alias: {
+                '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+              }
+            },
+            tools: {
+              webpackChain: function webpackChain(chain, _ref) {
+                var name = _ref.name,
+                    CHAIN_ID = _ref.CHAIN_ID;
+                var userConfig = api.useResolvedConfigContext();
+
+                if (isUseSSRBundle(userConfig) && name !== 'server') {
+                  // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
+                  var LoadableWebpackPlugin = require('@modern-js/webpack/@loadable/webpack-plugin');
+
+                  chain.plugin(CHAIN_ID.PLUGIN.LOADABLE).use(LoadableWebpackPlugin, [{
+                    filename: LOADABLE_STATS_FILE
+                  }]);
+                }
+              },
+              babel: function babel(config) {
+                var userConfig = api.useResolvedConfigContext();
+
+                if (isUseSSRBundle(userConfig)) {
+                  config.plugins.push(require.resolve('@loadable/babel-plugin'));
+                }
+              }
+            }
+          };
+        },
+        modifyEntryImports: function modifyEntryImports(_ref2) {
+          var entrypoint = _ref2.entrypoint,
+              imports = _ref2.imports;
+          var entryName = entrypoint.entryName;
+          var userConfig = api.useResolvedConfigContext();
+
+          var _api$useAppContext = api.useAppContext(),
+              packageName = _api$useAppContext.packageName,
+              entrypoints = _api$useAppContext.entrypoints;
+
+          pluginsExportsUtils.addExport("export { default as ssr } from '".concat(ssrModulePath, "'")); // if use ssg then set ssr config to true
+
+          var ssrConfig = getEntryOptions(entryName, userConfig.server.ssr, userConfig.server.ssrByEntries, packageName);
+          var ssgConfig = userConfig.output.ssg;
+          var useSSG = isSingleEntry(entrypoints) ? Boolean(ssgConfig) : ssgConfig === true || typeof (ssgConfig === null || ssgConfig === void 0 ? void 0 : ssgConfig[0]) === 'function' || Boolean(ssgConfig === null || ssgConfig === void 0 ? void 0 : ssgConfig[entryName]);
+          ssrConfigMap.set(entryName, ssrConfig || useSSG);
+
+          if (ssrConfig || useSSG) {
+            imports.push({
+              value: '@modern-js/runtime/plugins',
+              specifiers: [{
+                imported: PLUGIN_IDENTIFIER
+              }]
+            });
+          }
+
+          return {
+            entrypoint: entrypoint,
+            imports: imports
+          };
+        },
+        modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(_ref3) {
+          var entrypoint = _ref3.entrypoint,
+              plugins = _ref3.plugins;
+
+          if (ssrConfigMap.get(entrypoint.entryName)) {
+            plugins.push({
+              name: PLUGIN_IDENTIFIER,
+              options: ssrConfigMap.get(entrypoint.entryName)
+            });
+          }
+
+          return {
+            entrypoint: entrypoint,
+            plugins: plugins
+          };
+        },
+        modifyEntryExport: function modifyEntryExport(_ref4) {
+          var entrypoint = _ref4.entrypoint,
+              exportStatement = _ref4.exportStatement;
+
+          if (ssrConfigMap.get(entrypoint.entryName)) {
+            return {
+              entrypoint: entrypoint,
+              exportStatement: ["export function ".concat(SERVER_RENDER_FUNCTION_NAME, "(context) {\n              return bootstrap(AppWrapper, context)\n            }"), exportStatement].join('\n')
+            };
+          }
+
+          return {
+            entrypoint: entrypoint,
+            exportStatement: exportStatement
+          };
+        }
+      };
+    }
+  };
+});