@modern-js/runtime 2.49.3-alpha.0 → 2.49.3

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

@@ -1,228 +0,0 @@
-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;
-};
-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());
-  });
-};
-import path from "path";
-import React from "react";
-import ReactDomServer from "react-dom/server";
-import { build } from "esbuild";
-import { createDebugger, findExists, fs } from "@modern-js/utils";
-import { DocumentContext } from "../DocumentContext";
-import {
-  DOCUMENT_SCRIPTS_PLACEHOLDER,
-  DOCUMENT_LINKS_PLACEHOLDER,
-  DOCUMENT_FILE_NAME,
-  DOCUMENT_META_PLACEHOLDER,
-  PLACEHOLDER_REPLACER_MAP,
-  DOC_EXT,
-  DOCUMENT_SSR_PLACEHOLDER,
-  DOCUMENT_CHUNKSMAP_PLACEHOLDER,
-  DOCUMENT_SSRDATASCRIPT_PLACEHOLDER,
-  DOCUMENT_SCRIPT_PLACEHOLDER_START,
-  DOCUMENT_SCRIPT_PLACEHOLDER_END,
-  HTML_SEPARATOR
-} from "../constants";
-const debug = createDebugger("html_genarate");
-const getDocumenByEntryName = function(entrypoints, entryName, fallbackDir) {
-  var _a;
-  const entryDir = (_a = entrypoints.find(
-    (item) => item.entryName === entryName
-  )) == null ? void 0 : _a.absoluteEntryDir;
-  const entryDirs = DOC_EXT.map(
-    (item) => `${entryDir}${path.sep}${DOCUMENT_FILE_NAME}.${item}`
-  );
-  const fallbackDirs = fallbackDir ? DOC_EXT.map(
-    (item) => [fallbackDir, "src", `${DOCUMENT_FILE_NAME}.${item}`].join(path.sep)
-  ) : [];
-  const docFile = findExists([...entryDirs, ...fallbackDirs]);
-  return docFile || void 0;
-};
-var cli_default = () => ({
-  name: "@modern-js/plugin-document",
-  pre: ["@modern-js/plugin-analyze"],
-  setup: (api) => __async(void 0, null, function* () {
-    function getDocParams(params) {
-      const { config, templateParameters, entryName } = params;
-      return {
-        processEnv: process.env,
-        config: {
-          output: config.output
-        },
-        entryName,
-        templateParams: templateParameters
-      };
-    }
-    const documentEntry = (entryName, templateParameters) => {
-      const { entrypoints, internalDirectory, appDirectory } = api.useAppContext();
-      const documentFilePath = getDocumenByEntryName(
-        entrypoints,
-        entryName,
-        appDirectory
-      );
-      if (!documentFilePath) {
-        return null;
-      }
-      return (_0) => __async(void 0, [_0], function* ({ htmlWebpackPlugin }) {
-        const documentParams = getDocParams({
-          config: api.useConfigContext(),
-          entryName,
-          templateParameters
-        });
-        const tempTsConfigFile = path.join(
-          internalDirectory,
-          `./document/_tempTsconfig.json`
-        );
-        const userTsConfigFilePath = path.join(appDirectory, "tsconfig.json");
-        let tsConfig;
-        try {
-          tsConfig = yield require(userTsConfigFilePath);
-        } catch (err) {
-          tsConfig = {};
-        }
-        if (tsConfig == null ? void 0 : tsConfig.compilerOptions) {
-          tsConfig.compilerOptions.jsx = "react-jsx";
-        } else {
-          tsConfig.compilerOptions = {
-            jsx: "react-jsx"
-          };
-        }
-        fs.outputFileSync(tempTsConfigFile, JSON.stringify(tsConfig));
-        const htmlOutputFile = path.join(
-          internalDirectory,
-          `./document/_${entryName}.html.js`
-        );
-        yield build({
-          entryPoints: [documentFilePath],
-          outfile: htmlOutputFile,
-          platform: "node",
-          tsconfig: tempTsConfigFile,
-          target: "es6",
-          loader: {
-            ".ts": "ts",
-            ".tsx": "tsx"
-          },
-          bundle: true,
-          plugins: [
-            {
-              name: "make-all-packages-external",
-              setup(build2) {
-                build2.onResolve(
-                  { filter: /^[^./]|^\.[^./]|^\.\.[^/]/ },
-                  (args) => {
-                    let external = true;
-                    if (args.kind === "entry-point") {
-                      external = false;
-                    }
-                    return {
-                      path: args.path,
-                      external
-                    };
-                  }
-                );
-              }
-            }
-          ]
-        });
-        delete require.cache[require.resolve(htmlOutputFile)];
-        const Document = (yield require(htmlOutputFile)).default;
-        const HTMLElement = React.createElement(
-          DocumentContext.Provider,
-          { value: documentParams },
-          React.createElement(Document, null)
-        );
-        let html = ReactDomServer.renderToStaticMarkup(HTMLElement);
-        debug("entry %s's document jsx rendered html: %o", entryName, html);
-        const scripts = [
-          htmlWebpackPlugin.tags.headTags.filter((item) => item.tagName === "script").join(""),
-          htmlWebpackPlugin.tags.bodyTags.toString()
-        ].join("");
-        const links = [
-          htmlWebpackPlugin.tags.headTags.filter((item) => item.tagName === "link").join("")
-        ].join("");
-        const metas = [
-          templateParameters.meta,
-          htmlWebpackPlugin.tags.headTags.filter(
-            (item) => item.tagName !== "script" && item.tagName !== "link"
-          ).join("")
-        ].join("");
-        if (html.includes(DOCUMENT_SCRIPT_PLACEHOLDER_START) && html.includes(DOCUMENT_SCRIPT_PLACEHOLDER_END)) {
-          html = html.replaceAll(
-            new RegExp(
-              `${DOCUMENT_SCRIPT_PLACEHOLDER_START}(.*?)${DOCUMENT_SCRIPT_PLACEHOLDER_END}`,
-              "g"
-            ),
-            (_scriptStr, $1) => `<script>${decodeURIComponent($1)}<\/script>`
-          );
-        }
-        const finalHtml = `<!DOCTYPE html>${html}`.replace(DOCUMENT_META_PLACEHOLDER, metas).replace(DOCUMENT_SSR_PLACEHOLDER, HTML_SEPARATOR).replace(DOCUMENT_SCRIPTS_PLACEHOLDER, scripts).replace(DOCUMENT_LINKS_PLACEHOLDER, links).replace(
-          DOCUMENT_CHUNKSMAP_PLACEHOLDER,
-          PLACEHOLDER_REPLACER_MAP[DOCUMENT_CHUNKSMAP_PLACEHOLDER]
-        ).replace(
-          DOCUMENT_SSRDATASCRIPT_PLACEHOLDER,
-          PLACEHOLDER_REPLACER_MAP[DOCUMENT_SSRDATASCRIPT_PLACEHOLDER]
-        );
-        return finalHtml;
-      });
-    };
-    return {
-      config: () => {
-        return {
-          tools: {
-            htmlPlugin: (options, entry) => {
-              const hackParameters = typeof (options == null ? void 0 : options.templateParameters) === "function" ? options == null ? void 0 : options.templateParameters(
-                {},
-                {},
-                {},
-                {}
-              ) : __spreadValues({}, options == null ? void 0 : options.templateParameters);
-              const templateContent = documentEntry(
-                entry.entryName,
-                hackParameters
-              );
-              const documentHtmlOptions = templateContent ? {
-                templateContent,
-                inject: false
-              } : {};
-              return __spreadValues(__spreadValues({}, options), documentHtmlOptions);
-            }
-          }
-        };
-      }
-    };
-  })
-});
-export {
-  cli_default as default
-};

package/dist/js/modern/document/constants.js

@@ -1,49 +0,0 @@
-const DOC_EXT = ["jsx", "tsx", "ts", "js"];
-const DOCUMENT_META_PLACEHOLDER = encodeURIComponent("<%= meta %>");
-const HTML_SEPARATOR = "<!--<?- html ?>-->";
-const HTML_CHUNKSMAP_SEPARATOR = "<!--<?- chunksMap.js ?>-->";
-const HTML_SSRDATASCRIPT_SEPARATOR = "<!--<?- SSRDataScript ?>-->";
-const DOCUMENT_SSR_PLACEHOLDER = encodeURIComponent(HTML_SEPARATOR);
-const DOCUMENT_CHUNKSMAP_PLACEHOLDER = encodeURIComponent(
-  HTML_CHUNKSMAP_SEPARATOR
-);
-const DOCUMENT_SSRDATASCRIPT_PLACEHOLDER = encodeURIComponent(
-  HTML_SSRDATASCRIPT_SEPARATOR
-);
-const DOCUMENT_FILE_NAME = "Document";
-const DOCUMENT_SCRIPTS_PLACEHOLDER = encodeURIComponent(
-  "<!-- chunk scripts placeholder -->"
-);
-const DOCUMENT_LINKS_PLACEHOLDER = encodeURIComponent(
-  "<!-- chunk links placeholder -->"
-);
-const DOCUMENT_NO_SCRIPTE_PLACEHOLDER = encodeURIComponent("<!-- no-script -->");
-const DOCUMENT_SCRIPT_PLACEHOLDER_START = encodeURIComponent(
-  "<!-- script-start -->"
-);
-const DOCUMENT_SCRIPT_PLACEHOLDER_END = encodeURIComponent(
-  "<!-- script-end -->"
-);
-const PLACEHOLDER_REPLACER_MAP = {
-  [DOCUMENT_NO_SCRIPTE_PLACEHOLDER]: `We're sorry but react app doesn't work properly without JavaScript enabled. Please enable it to continue.`,
-  [DOCUMENT_SSR_PLACEHOLDER]: HTML_SEPARATOR,
-  [DOCUMENT_CHUNKSMAP_PLACEHOLDER]: HTML_CHUNKSMAP_SEPARATOR,
-  [DOCUMENT_SSRDATASCRIPT_PLACEHOLDER]: HTML_SSRDATASCRIPT_SEPARATOR
-};
-export {
-  DOCUMENT_CHUNKSMAP_PLACEHOLDER,
-  DOCUMENT_FILE_NAME,
-  DOCUMENT_LINKS_PLACEHOLDER,
-  DOCUMENT_META_PLACEHOLDER,
-  DOCUMENT_NO_SCRIPTE_PLACEHOLDER,
-  DOCUMENT_SCRIPTS_PLACEHOLDER,
-  DOCUMENT_SCRIPT_PLACEHOLDER_END,
-  DOCUMENT_SCRIPT_PLACEHOLDER_START,
-  DOCUMENT_SSRDATASCRIPT_PLACEHOLDER,
-  DOCUMENT_SSR_PLACEHOLDER,
-  DOC_EXT,
-  HTML_CHUNKSMAP_SEPARATOR,
-  HTML_SEPARATOR,
-  HTML_SSRDATASCRIPT_SEPARATOR,
-  PLACEHOLDER_REPLACER_MAP
-};

package/dist/js/modern/document/index.js

@@ -1,10 +0,0 @@
-export * from "./Html";
-export * from "./DocumentContext";
-export * from "./DocumentStructrueContext";
-export * from "./Head";
-export * from "./Body";
-export * from "./Root";
-export * from "./Links";
-export * from "./Scripts";
-export * from "./Script";
-export * from "./constants";

package/dist/js/modern/exports/head.js

@@ -1,6 +0,0 @@
-import head from "react-helmet";
-var head_default = head;
-export * from "react-helmet";
-export {
-  head_default as default
-};

package/dist/js/modern/exports/loadable.js

@@ -1,6 +0,0 @@
-import loadable from "@loadable/component";
-var loadable_default = loadable;
-export * from "@loadable/component";
-export {
-  loadable_default as default
-};

package/dist/js/modern/exports/server.js

@@ -1,4 +0,0 @@
-const hook = (attacher) => attacher;
-export {
-  hook
-};

package/dist/js/modern/exports/styled.js

@@ -1,6 +0,0 @@
-import styled from "styled-components";
-var styled_default = styled;
-export * from "styled-components";
-export {
-  styled_default as default
-};

package/dist/js/modern/index.js

@@ -1,22 +0,0 @@
-import { isBrowser } from "./common";
-import {
-  createApp,
-  createPlugin,
-  useLoader,
-  bootstrap,
-  RuntimeReactContext,
-  defineConfig,
-  registerInit,
-  useRuntimeContext
-} from "./core";
-export {
-  RuntimeReactContext,
-  bootstrap,
-  createApp,
-  createPlugin,
-  defineConfig,
-  isBrowser,
-  registerInit,
-  useLoader,
-  useRuntimeContext
-};

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

@@ -1,120 +0,0 @@
-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 {
-  getEntryOptions,
-  createRuntimeExportsUtils,
-  PLUGIN_SCHEMAS
-} from "@modern-js/utils";
-const PLUGIN_IDENTIFIER = "router";
-const ROUTES_IDENTIFIER = "routes";
-const isV5 = (config) => {
-  var _a, _b;
-  return ((_b = (_a = config == null ? void 0 : config.runtime) == null ? void 0 : _a.router) == null ? void 0 : _b.mode) === "react-router-5";
-};
-var cli_default = () => ({
-  name: "@modern-js/plugin-router",
-  required: ["@modern-js/runtime"],
-  setup: (api) => {
-    const runtimeConfigMap = /* @__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()
-            }
-          }
-        };
-      },
-      validateSchema() {
-        return PLUGIN_SCHEMAS["@modern-js/plugin-router"];
-      },
-      modifyEntryImports({ entrypoint, imports }) {
-        const { entryName, fileSystemRoutes } = entrypoint;
-        const userConfig = api.useResolvedConfigContext();
-        const { packageName } = api.useAppContext();
-        const runtimeConfig = getEntryOptions(
-          entryName,
-          userConfig.runtime,
-          userConfig.runtimeByEntries,
-          packageName
-        );
-        runtimeConfigMap.set(entryName, runtimeConfig);
-        if (runtimeConfig == null ? void 0 : runtimeConfig.router) {
-          if (!isV5(userConfig)) {
-            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 userConfig = api.useResolvedConfigContext();
-        const runtimeConfig = runtimeConfigMap.get(entryName);
-        if (runtimeConfig.router && !isV5(userConfig)) {
-          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(__spreadProps(__spreadValues({
-              serverBase
-            }, runtimeConfig.router), {
-              routesConfig: fileSystemRoutes ? `{ ${ROUTES_IDENTIFIER}, globalApp: App }` : void 0
-            })).replace(
-              /"routesConfig"\s*:\s*"((\S|\s)+)"/g,
-              '"routesConfig": $1,'
-            )
-          });
-        }
-        return {
-          entrypoint,
-          plugins
-        };
-      },
-      addRuntimeExports() {
-        const userConfig = api.useResolvedConfigContext();
-        if (!isV5(userConfig)) {
-          pluginsExportsUtils.addExport(
-            `export { default as router } from '@modern-js/runtime/router'`
-          );
-        }
-      }
-    };
-  }
-});
-export {
-  cli_default as default
-};

package/dist/js/modern/router/index.js

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

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

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-const DefaultNotFound = () => /* @__PURE__ */ jsx("div", {
-  style: {
-    margin: "150px auto",
-    textAlign: "center",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  children: "404"
-});
-export {
-  DefaultNotFound
-};

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

@@ -1,9 +0,0 @@
-import { routerPlugin } from "./plugin";
-var runtime_default = routerPlugin;
-import { modifyRoutes } from "./plugin";
-export * from "react-router-dom";
-export * from "./withRouter";
-export {
-  runtime_default as default,
-  modifyRoutes
-};

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

@@ -1,104 +0,0 @@
-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 {
-  createBrowserRouter,
-  createHashRouter,
-  RouterProvider,
-  createRoutesFromElements,
-  useMatches,
-  useLocation
-} from "react-router-dom";
-import hoistNonReactStatics from "hoist-non-react-statics";
-import { renderRoutes, urlJoin } from "./utils";
-let finalRouteConfig = {
-  routes: []
-};
-let beforeCreateRouter = true;
-function modifyRoutes(modifyFunction) {
-  if (beforeCreateRouter) {
-    const { routes: originRoutes } = finalRouteConfig;
-    const newRoutes = modifyFunction(originRoutes);
-    finalRouteConfig.routes = newRoutes;
-  } else {
-    console.error(
-      "It is not allowed to modify routes config after create router."
-    );
-  }
-}
-const routerPlugin = ({
-  serverBase = [],
-  supportHtml5History = true,
-  basename = "",
-  routesConfig,
-  createRoutes
-}) => {
-  const select = (pathname) => serverBase.find((baseUrl) => pathname.search(baseUrl) === 0) || "/";
-  finalRouteConfig = routesConfig;
-  return {
-    name: "@modern-js/plugin-router",
-    setup: () => {
-      return {
-        init({ context }, next) {
-          context.router = {
-            useMatches,
-            useLocation
-          };
-          return next({ context });
-        },
-        hoc: ({ App }, next) => {
-          if (!finalRouteConfig && !createRoutes) {
-            return next({ App });
-          }
-          const getRouteApp = () => {
-            return (props) => {
-              var _a;
-              beforeCreateRouter = true;
-              const routes = createRoutes ? createRoutes() : createRoutesFromElements(renderRoutes(finalRouteConfig));
-              const baseUrl = ((_a = window._SERVER_DATA) == null ? void 0 : _a.router.baseUrl) || select(location.pathname);
-              const _basename = baseUrl === "/" ? urlJoin(baseUrl, basename) : baseUrl;
-              const router = supportHtml5History ? createBrowserRouter(routes, { basename: _basename }) : createHashRouter(routes, { basename: _basename });
-              return /* @__PURE__ */ jsx(App, __spreadProps(__spreadValues({}, props), {
-                children: /* @__PURE__ */ jsx(RouterProvider, {
-                  router
-                })
-              }));
-            };
-          };
-          const RouteApp = getRouteApp();
-          if (routesConfig == null ? void 0 : routesConfig.globalApp) {
-            return next({
-              App: hoistNonReactStatics(RouteApp, routesConfig.globalApp)
-            });
-          }
-          return next({
-            App: RouteApp
-          });
-        }
-      };
-    }
-  };
-};
-export {
-  beforeCreateRouter,
-  finalRouteConfig,
-  modifyRoutes,
-  routerPlugin
-};