@modern-js/runtime 2.15.0 → 2.15.1-alpha.1

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

@@ -0,0 +1,81 @@
+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 = "",
+    referer
+  } = request.headers || {};
+  return __spreadValues({
+    cookie,
+    userAgent,
+    referer
+  }, request);
+};
+const getQuery = () => window.location.search.substring(1).split("&").reduce((res, item) => {
+  const [key, value] = item.split("=");
+  if (key) {
+    res[key] = value;
+  }
+  return res;
+}, {});
+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: ((_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
+  };
+};
+const mockResponse = () => {
+  return {
+    setHeader() {
+      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");
+    },
+    get locals() {
+      console.warn("response.locals can only be used in the server side");
+      return {};
+    }
+  };
+};
+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

@@ -0,0 +1,83 @@
+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"
+        );
+        return {
+          source: {
+            alias: {
+              "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
+            }
+          }
+        };
+      },
+      modifyEntryImports({ entrypoint, imports }) {
+        var _a;
+        const { entryName } = entrypoint;
+        const userConfig = api.useResolvedConfigContext();
+        const { packageName } = api.useAppContext();
+        const stateConfig = (_a = getEntryOptions(
+          entryName,
+          userConfig.runtime,
+          userConfig.runtimeByEntries,
+          packageName
+        )) == null ? void 0 : _a.state;
+        stateConfigMap.set(entryName, stateConfig);
+        if (stateConfig) {
+          imports.push({
+            value: "@modern-js/runtime/plugins",
+            specifiers: [
+              {
+                imported: PLUGIN_IDENTIFIER
+              }
+            ]
+          });
+        }
+        return {
+          entrypoint,
+          imports
+        };
+      },
+      modifyEntryRuntimePlugins({ entrypoint, plugins }) {
+        const stateOptions = stateConfigMap.get(entrypoint.entryName);
+        if (stateOptions) {
+          plugins.push({
+            name: PLUGIN_IDENTIFIER,
+            options: `${JSON.stringify(
+              stateConfigMap.get(entrypoint.entryName)
+            )}`
+          });
+        }
+        return {
+          entrypoint,
+          plugins
+        };
+      },
+      validateSchema() {
+        return PLUGIN_SCHEMAS["@modern-js/plugin-state"];
+      },
+      addRuntimeExports() {
+        pluginsExportsUtils.addExport(
+          `export { default as state } from '@modern-js/runtime/model'`
+        );
+      }
+    };
+  }
+});
+export {
+  cli_default as default
+};

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +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";
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,97 @@
+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";
+const StatePluginHandleMap = {
+  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]))
+  );
+  const storeConfig = {};
+  for (const [key, value] of Object.entries(config)) {
+    if (!internalPlugins.includes(key)) {
+      storeConfig[key] = value;
+    }
+  }
+  storeConfig.plugins = plugins;
+  return storeConfig;
+};
+const state = (config) => ({
+  name: "@modern-js/plugin-state",
+  setup: () => {
+    const storeConfig = getStoreConfig(config);
+    return {
+      hoc({ App }, next) {
+        const getStateApp = (props) => {
+          const context = useContext(RuntimeReactContext);
+          return /* @__PURE__ */ jsx(Provider, {
+            store: context.store,
+            config: storeConfig,
+            children: /* @__PURE__ */ jsx(App, __spreadValues({}, props))
+          });
+        };
+        return next({
+          App: hoistNonReactStatics(getStateApp, App)
+        });
+      },
+      init({ context }, next) {
+        var _a, _b;
+        if (isBrowser()) {
+          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 });
+      },
+      pickContext({ context, pickedContext }, next) {
+        return next({
+          context,
+          pickedContext: __spreadProps(__spreadValues({}, pickedContext), {
+            store: context.store
+          })
+        });
+      }
+    };
+  }
+});
+var plugin_default = state;
+export * from "../plugins";
+export {
+  plugin_default as default
+};

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

@@ -0,0 +1,99 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var cli_exports = {};
+__export(cli_exports, {
+  default: () => cli_default
+});
+module.exports = __toCommonJS(cli_exports);
+var import_path = __toESM(require("path"));
+var import_utils = require("@modern-js/utils");
+var import_cli = __toESM(require("../state/cli"));
+var import_cli2 = __toESM(require("../ssr/cli"));
+var import_cli3 = __toESM(require("../router/cli"));
+var import_cli4 = __toESM(require("../document/cli"));
+var cli_default = () => ({
+  name: "@modern-js/runtime",
+  post: [
+    "@modern-js/plugin-router",
+    "@modern-js/plugin-ssr",
+    "@modern-js/plugin-document",
+    "@modern-js/plugin-state",
+    "@modern-js/plugin-design-token"
+  ],
+  usePlugins: [(0, import_cli.default)(), (0, import_cli2.default)(), (0, import_cli3.default)(), (0, import_cli4.default)()],
+  setup: (api) => {
+    return {
+      config() {
+        const dir = api.useAppContext().internalDirectory || "";
+        process.env.IS_REACT18 = (0, import_utils.isReact18)(import_path.default.join(dir, "../../")).toString();
+        return {
+          runtime: {},
+          runtimeByEntries: {},
+          source: {
+            alias: {
+              "styled-components": require.resolve("styled-components")
+            },
+            globalVars: {
+              "process.env.IS_REACT18": process.env.IS_REACT18
+            }
+          }
+        };
+      },
+      validateSchema() {
+        return import_utils.PLUGIN_SCHEMAS["@modern-js/runtime"];
+      },
+      beforeRestart() {
+        return __async(this, null, function* () {
+          (0, import_utils.cleanRequireCache)([
+            require.resolve("../state/cli"),
+            require.resolve("../router/cli"),
+            require.resolve("../ssr/cli")
+          ]);
+        });
+      }
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/js/node/common.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var common_exports = {};
+__export(common_exports, {
+  isBrowser: () => isBrowser
+});
+module.exports = __toCommonJS(common_exports);
+const isBrowser = () => typeof window !== "undefined" && window.name !== "nodejs";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isBrowser
+});

package/dist/js/node/config.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var config_exports = {};
+module.exports = __toCommonJS(config_exports);

package/dist/js/node/core/app-config.js

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var app_config_exports = {};
+__export(app_config_exports, {
+  defineConfig: () => defineConfig,
+  getConfig: () => getConfig
+});
+module.exports = __toCommonJS(app_config_exports);
+const APP_CONFIG_SYMBOL = "config";
+const getConfig = (Component) => Component[APP_CONFIG_SYMBOL];
+const defineConfig = (Component, config) => {
+  Component[APP_CONFIG_SYMBOL] = config;
+  return Component;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  defineConfig,
+  getConfig
+});