@modern-js/runtime 2.0.0-canary.0 → 2.0.0

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

@@ -1,12 +1,11 @@
-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 VARIABLE_REG_EXP = /<!--<\?([-=+])\s*(.*?)\s*\?>-->/;
 const VARIABLE_SPLITTER = /(<!--<\?.*?\?>-->)/;
 const ENCODE_HTML_RULES = {
-  '&': '&amp;',
-  '<': '&lt;',
-  '>': '&gt;',
-  '"': '&#34;',
-  "'": '&#39;'
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&#34;",
+  "'": "&#39;"
 };
 const MATCH_HTML = /[&<>'"]/g;
 function encodeChar(c) {
@@ -15,19 +14,15 @@ function encodeChar(c) {
 function escape(str) {
   return str.replace(MATCH_HTML, encodeChar);
 }
-export class Fragment {
+const _Fragment = class {
   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('.');
+      this.filters = [_Fragment.filterMap[filterFlag]];
+      this.path = content.replace(/\[['"](.*?)['"]\]/g, ".$1").split(".");
     } else {
       this.isVariable = false;
       this.content = template;
@@ -38,21 +33,26 @@ export class Fragment {
   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.filters.reduce((p, n) => n(p), value != null ? value : "");
     }
     return this.content;
   }
-}
-_defineProperty(Fragment, "filterMap", {
-  '=': escape,
-  '-': v => v
-});
+};
+let Fragment = _Fragment;
+Fragment.filterMap = {
+  "=": escape,
+  "-": (v) => v
+};
 const fragmentListMap = {};
-export function toFragments(template, entryName) {
+function toFragments(template, entryName) {
   if (fragmentListMap[entryName]) {
     return fragmentListMap[entryName];
   }
-  const fragmentList = template.split(VARIABLE_SPLITTER).filter(v => Boolean(v)).map(v => new Fragment(v));
+  const fragmentList = template.split(VARIABLE_SPLITTER).filter((v) => Boolean(v)).map((v) => new Fragment(v));
   fragmentListMap[entryName] = fragmentList;
   return fragmentList;
-}
+}
+export {
+  Fragment,
+  toFragments
+};

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

@@ -1,6 +1,9 @@
-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 = {}));
+var RenderLevel = /* @__PURE__ */ ((RenderLevel2) => {
+  RenderLevel2[RenderLevel2["CLIENT_RENDER"] = 0] = "CLIENT_RENDER";
+  RenderLevel2[RenderLevel2["SERVER_PREFETCH"] = 1] = "SERVER_PREFETCH";
+  RenderLevel2[RenderLevel2["SERVER_RENDER"] = 2] = "SERVER_RENDER";
+  return RenderLevel2;
+})(RenderLevel || {});
+export {
+  RenderLevel
+};

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

@@ -1,2 +1,4 @@
 import { RenderLevel } from "./renderToString/type";
-export { RenderLevel };
+export {
+  RenderLevel
+};

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

@@ -1,20 +1,22 @@
-export function getLoadableScripts(extractor) {
-  const check = scripts => (scripts || '').includes('__LOADABLE_REQUIRED_CHUNKS___ext');
+function getLoadableScripts(extractor) {
+  const check = (scripts2) => (scripts2 || "").includes("__LOADABLE_REQUIRED_CHUNKS___ext");
   const scripts = extractor.getScriptTags();
   if (!check(scripts)) {
-    return '';
+    return "";
   }
-  return scripts.split('</script>')
-  // 前两个 script为 loadable 必须的 script
-  .slice(0, 2).map(i => `${i}</script>`).join('');
+  return scripts.split("<\/script>").slice(0, 2).map((i) => `${i}<\/script>`).join("");
 }
-const getLatency = hrtime => {
+const getLatency = (hrtime) => {
   const [s, ns] = process.hrtime(hrtime);
   return s * 1e3 + ns / 1e6;
 };
-export const time = () => {
+const time = () => {
   const hrtime = process.hrtime();
   return () => {
     return getLatency(hrtime);
   };
-};
+};
+export {
+  getLoadableScripts,
+  time
+};

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

@@ -1,61 +1,81 @@
-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 isReact18 = () => process.env.IS_REACT18 === 'true';
-export const formatServer = request => {
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const isReact18 = () => process.env.IS_REACT18 === "true";
+const formatServer = (request) => {
   const {
-    cookie = '',
-    'user-agent': userAgent = '',
+    cookie = "",
+    "user-agent": userAgent = "",
     referer
   } = request.headers || {};
-  return _objectSpread({
+  return __spreadValues({
     cookie,
     userAgent,
     referer
   }, request);
 };
-const getQuery = () => window.location.search.substring(1).split('&').reduce((res, item) => {
-  const [key, value] = item.split('=');
+const getQuery = () => window.location.search.substring(1).split("&").reduce((res, item) => {
+  const [key, value] = item.split("=");
   if (key) {
     res[key] = value;
   }
   return res;
 }, {});
-export const formatClient = request => {
-  var _request$headers, _request$headers2;
+const formatClient = (request) => {
+  var _a, _b;
   return {
     params: request.params || {},
     host: request.host || location.host,
     pathname: request.pathname || location.pathname,
     headers: request.headers || {},
     cookieMap: request.cookieMap || {},
-    cookie: ((_request$headers = request.headers) === null || _request$headers === void 0 ? void 0 : _request$headers.cookie) || document.cookie,
-    userAgent: ((_request$headers2 = request.headers) === null || _request$headers2 === void 0 ? void 0 : _request$headers2['user-agent']) || navigator.userAgent,
+    cookie: ((_a = request.headers) == null ? void 0 : _a.cookie) || document.cookie,
+    userAgent: ((_b = request.headers) == null ? void 0 : _b["user-agent"]) || navigator.userAgent,
     referer: request.referer || document.referrer,
     query: request.query || getQuery(),
     url: location.href
   };
 };
-export const mockResponse = () => {
+const mockResponse = () => {
   return {
     setHeader() {
-      console.warn('response.setHeader() can only be used in the server side');
+      console.warn("response.setHeader() can only be used in the server side");
     },
     status() {
-      console.warn('response.status() can only be used in the server side');
+      console.warn("response.status() can only be used in the server side");
     },
     get locals() {
-      console.warn('response.locals can only be used in the server side');
+      console.warn("response.locals can only be used in the server side");
       return {};
     }
   };
 };
-export const isCrossOrigin = (url = '', base) => {
-  if (url.startsWith('/') || url.startsWith('./')) {
+const isCrossOrigin = (url = "", base) => {
+  if (url.startsWith("/") || url.startsWith("./")) {
     return false;
   } else if (!url.includes(base)) {
     return true;
   } else {
     return false;
   }
-};
+};
+export {
+  formatClient,
+  formatServer,
+  isCrossOrigin,
+  isReact18,
+  mockResponse
+};

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

@@ -1,43 +1,50 @@
-import { getEntryOptions, createRuntimeExportsUtils, PLUGIN_SCHEMAS } from '@modern-js/utils';
-const PLUGIN_IDENTIFIER = 'state';
-export default (() => ({
-  name: '@modern-js/plugin-state',
-  required: ['@modern-js/runtime'],
-  setup: api => {
-    const stateConfigMap = new Map();
+import {
+  getEntryOptions,
+  createRuntimeExportsUtils,
+  PLUGIN_SCHEMAS
+} from "@modern-js/utils";
+const PLUGIN_IDENTIFIER = "state";
+var cli_default = () => ({
+  name: "@modern-js/plugin-state",
+  required: ["@modern-js/runtime"],
+  setup: (api) => {
+    const stateConfigMap = /* @__PURE__ */ new Map();
     let pluginsExportsUtils;
     return {
       config() {
         const appContext = api.useAppContext();
-        pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, 'plugins');
+        pluginsExportsUtils = createRuntimeExportsUtils(
+          appContext.internalDirectory,
+          "plugins"
+        );
         return {
           source: {
             alias: {
-              '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+              "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
             }
           }
         };
       },
-      modifyEntryImports({
-        entrypoint,
-        imports
-      }) {
-        var _getEntryOptions;
-        const {
-          entryName
-        } = entrypoint;
+      modifyEntryImports({ entrypoint, imports }) {
+        var _a;
+        const { entryName } = entrypoint;
         const userConfig = api.useResolvedConfigContext();
-        const {
+        const { packageName } = api.useAppContext();
+        const stateConfig = (_a = getEntryOptions(
+          entryName,
+          userConfig.runtime,
+          userConfig.runtimeByEntries,
           packageName
-        } = api.useAppContext();
-        const stateConfig = (_getEntryOptions = getEntryOptions(entryName, userConfig.runtime, userConfig.runtimeByEntries, packageName)) === null || _getEntryOptions === void 0 ? void 0 : _getEntryOptions.state;
+        )) == null ? void 0 : _a.state;
         stateConfigMap.set(entryName, stateConfig);
         if (stateConfig) {
           imports.push({
-            value: '@modern-js/runtime/plugins',
-            specifiers: [{
-              imported: PLUGIN_IDENTIFIER
-            }]
+            value: "@modern-js/runtime/plugins",
+            specifiers: [
+              {
+                imported: PLUGIN_IDENTIFIER
+              }
+            ]
           });
         }
         return {
@@ -45,15 +52,14 @@ export default (() => ({
           imports
         };
       },
-      modifyEntryRuntimePlugins({
-        entrypoint,
-        plugins
-      }) {
+      modifyEntryRuntimePlugins({ entrypoint, plugins }) {
         const stateOptions = stateConfigMap.get(entrypoint.entryName);
         if (stateOptions) {
           plugins.push({
             name: PLUGIN_IDENTIFIER,
-            options: `${JSON.stringify(stateConfigMap.get(entrypoint.entryName))}`
+            options: `${JSON.stringify(
+              stateConfigMap.get(entrypoint.entryName)
+            )}`
           });
         }
         return {
@@ -62,11 +68,16 @@ export default (() => ({
         };
       },
       validateSchema() {
-        return PLUGIN_SCHEMAS['@modern-js/plugin-state'];
+        return PLUGIN_SCHEMAS["@modern-js/plugin-state"];
       },
       addRuntimeExports() {
-        pluginsExportsUtils.addExport(`export { default as state } from '@modern-js/runtime/model'`);
+        pluginsExportsUtils.addExport(
+          `export { default as state } from '@modern-js/runtime/model'`
+        );
       }
     };
   }
-}));
+});
+export {
+  cli_default as default
+};

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

@@ -1,3 +1,7 @@
-export { default as state } from "./runtime";
-export { default } from "./runtime";
-export * from "./runtime";
+import { default as default2 } from "./runtime";
+import { default as default3 } from "./runtime";
+export * from "./runtime";
+export {
+  default3 as default,
+  default2 as state
+};

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

@@ -1,7 +1,13 @@
-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;
+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";
+import { default as default2 } from "@modern-js-reduck/plugin-devtools";
+const effects = () => effectsPlugin;
+const immer = () => immerPlugin;
+const autoActions = () => autoActionsPlugin;
+export {
+  autoActions,
+  default2 as devtools,
+  effects,
+  immer
+};

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

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

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

@@ -1,75 +1,88 @@
-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 { createStore } from '@modern-js-reduck/store';
-import { Provider } from '@modern-js-reduck/react';
-import hoistNonReactStatics from 'hoist-non-react-statics';
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import {
+  createStore
+} from "@modern-js-reduck/store";
+import { Provider } from "@modern-js-reduck/react";
+import hoistNonReactStatics from "hoist-non-react-statics";
 import { immer, effects, autoActions, devtools } from "../plugins";
 import { RuntimeReactContext } from "../../core";
 import { isBrowser } from "../../common";
-import { jsx as _jsx } from "react/jsx-runtime";
 const StatePluginHandleMap = {
   immer,
   effects,
   autoActions,
   devtools
 };
-const getStoreConfig = config => {
-  const internalPlugins = ['immer', 'effects', 'autoActions', 'devtools'];
+const getStoreConfig = (config) => {
+  const internalPlugins = [
+    "immer",
+    "effects",
+    "autoActions",
+    "devtools"
+  ];
   const plugins = [];
-  internalPlugins.filter(plugin => config[plugin] !== false).forEach(plugin => plugins.push(StatePluginHandleMap[plugin](config[plugin])));
+  internalPlugins.filter((plugin) => config[plugin] !== false).forEach(
+    (plugin) => plugins.push(StatePluginHandleMap[plugin](config[plugin]))
+  );
   const storeConfig = {};
   for (const [key, value] of Object.entries(config)) {
-    if (internalPlugins.includes(key)) {
-      plugins.push(StatePluginHandleMap[key](value));
-    } else {
+    if (!internalPlugins.includes(key)) {
       storeConfig[key] = value;
     }
   }
   storeConfig.plugins = plugins;
   return storeConfig;
 };
-const state = config => ({
-  name: '@modern-js/plugin-state',
+const state = (config) => ({
+  name: "@modern-js/plugin-state",
   setup: () => {
+    const storeConfig = getStoreConfig(config);
     return {
-      hoc({
-        App
-      }, next) {
-        const getStateApp = props => {
-          // eslint-disable-next-line react-hooks/rules-of-hooks
+      hoc({ App }, next) {
+        const getStateApp = (props) => {
           const context = useContext(RuntimeReactContext);
-          return /*#__PURE__*/_jsx(Provider, {
+          return /* @__PURE__ */ jsx(Provider, {
             store: context.store,
-            config: getStoreConfig(config),
-            children: /*#__PURE__*/_jsx(App, _objectSpread({}, props))
+            config: storeConfig,
+            children: /* @__PURE__ */ jsx(App, __spreadValues({}, props))
           });
         };
         return next({
           App: hoistNonReactStatics(getStateApp, App)
         });
       },
-      init({
-        context
-      }, next) {
-        const storeConfig = getStoreConfig(config || {});
+      init({ context }, next) {
+        var _a, _b;
         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) || {};
+          storeConfig.initialState = storeConfig.initialState || ((_b = (_a = window == null ? void 0 : window._SSR_DATA) == null ? void 0 : _a.data) == null ? void 0 : _b.storeState) || {};
         }
         context.store = createStore(storeConfig);
-        return next({
-          context
-        });
+        return next({ context });
       },
-      pickContext({
-        context,
-        pickedContext
-      }, next) {
+      pickContext({ context, pickedContext }, next) {
         return next({
           context,
-          pickedContext: _objectSpread(_objectSpread({}, pickedContext), {}, {
+          pickedContext: __spreadProps(__spreadValues({}, pickedContext), {
             store: context.store
           })
         });
@@ -77,5 +90,8 @@ const state = config => ({
     };
   }
 });
-export default state;
-export * from "../plugins";
+var plugin_default = state;
+export * from "../plugins";
+export {
+  plugin_default as default
+};

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

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