@modern-js/runtime 2.22.2-alpha.0 → 2.23.1

package/dist/js/modern/router/runtime/fetch.worker.js

@@ -1,5 +0,0 @@
-function installGlobals() {
-}
-export {
-  installGlobals
-};

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
-};

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

@@ -1,189 +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));
-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 { jsx, jsxs } from "react/jsx-runtime";
-import { useContext } from "react";
-import serialize from "serialize-javascript";
-import {
-  createStaticHandler,
-  isRouteErrorResponse
-} from "@remix-run/router";
-import {
-  createStaticRouter,
-  StaticRouterProvider
-} from "react-router-dom/server";
-import hoistNonReactStatics from "hoist-non-react-statics";
-import { createRoutesFromElements } from "react-router-dom";
-import { RuntimeReactContext } from "../../core";
-import { renderRoutes, urlJoin } from "./utils";
-import { installGlobals } from "./fetch";
-installGlobals();
-function createFetchRequest(req) {
-  const origin = `${req.protocol}://${req.host}`;
-  const url = new URL(req.originalUrl || req.url, origin);
-  const controller = new AbortController();
-  const init = {
-    method: req.method,
-    headers: createFetchHeaders(req.headers),
-    signal: controller.signal
-  };
-  return new Request(url.href, init);
-}
-function createFetchHeaders(requestHeaders) {
-  const headers = new Headers();
-  for (const [key, values] of Object.entries(requestHeaders || {})) {
-    if (values) {
-      if (Array.isArray(values)) {
-        for (const value of values) {
-          headers.append(key, value);
-        }
-      } else {
-        headers.set(key, values);
-      }
-    }
-  }
-  return headers;
-}
-function serializeErrors(errors) {
-  if (!errors) {
-    return null;
-  }
-  const entries = Object.entries(errors);
-  const serialized = {};
-  for (const [key, val] of entries) {
-    if (isRouteErrorResponse(val)) {
-      serialized[key] = __spreadProps(__spreadValues({}, val), { __type: "RouteErrorResponse" });
-    } else if (val instanceof Error) {
-      serialized[key] = {
-        message: val.message,
-        __type: "Error"
-      };
-    } else {
-      serialized[key] = val;
-    }
-  }
-  return serialized;
-}
-const routerPlugin = ({
-  basename = "",
-  routesConfig,
-  createRoutes
-}) => {
-  return {
-    name: "@modern-js/plugin-router",
-    setup: () => {
-      return {
-        init(_0, _1) {
-          return __async(this, arguments, function* ({ context }, next) {
-            if (!routesConfig && !createRoutes) {
-              return next({ context });
-            }
-            const { request } = context.ssrContext;
-            const baseUrl = request.baseUrl;
-            const _basename = baseUrl === "/" ? urlJoin(baseUrl, basename) : baseUrl;
-            const routes = createRoutes ? createRoutes() : createRoutesFromElements(renderRoutes(routesConfig));
-            const { query } = createStaticHandler(routes, {
-              basename: _basename
-            });
-            const remixRequest = createFetchRequest(request);
-            const routerContext = yield query(remixRequest);
-            if (routerContext instanceof Response) {
-              return routerContext;
-            }
-            const router = createStaticRouter(routes, routerContext);
-            context.router = router;
-            context.routerContext = routerContext;
-            context.routes = routes;
-            context.routeManifest = context.ssrContext.routeManifest;
-            return next({ context });
-          });
-        },
-        hoc: ({ App }, next) => {
-          if (!routesConfig) {
-            return next({ App });
-          }
-          const getRouteApp = () => {
-            return (props) => {
-              const { router, routerContext } = useContext(RuntimeReactContext);
-              const data = {
-                loaderData: routerContext.loaderData,
-                actionData: routerContext.actionData,
-                errors: serializeErrors(routerContext.errors)
-              };
-              const hydrateScript = `window.__staticRouterHydrationData = ${serialize(
-                data,
-                { isJSON: true }
-              )};`;
-              return /* @__PURE__ */ jsxs(App, __spreadProps(__spreadValues({}, props), {
-                children: [
-                  /* @__PURE__ */ jsx(StaticRouterProvider, {
-                    router,
-                    context: routerContext,
-                    hydrate: false
-                  }),
-                  /* @__PURE__ */ jsx("script", {
-                    suppressHydrationWarning: true,
-                    id: "the-nonce",
-                    dangerouslySetInnerHTML: { __html: hydrateScript }
-                  })
-                ]
-              }));
-            };
-          };
-          const RouteApp = getRouteApp();
-          if (routesConfig == null ? void 0 : routesConfig.globalApp) {
-            return next({
-              App: hoistNonReactStatics(RouteApp, routesConfig.globalApp)
-            });
-          }
-          return next({
-            App: RouteApp
-          });
-        }
-      };
-    }
-  };
-};
-const modifyRoutes = () => {
-};
-export {
-  createFetchHeaders,
-  modifyRoutes,
-  routerPlugin
-};

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

@@ -1 +0,0 @@
-export * from "react-router-dom/server";

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

@@ -1,196 +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));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { jsx } from "react/jsx-runtime";
-import { Suspense } from "react";
-import { Route } from "react-router-dom";
-import { DefaultNotFound } from "./DefaultNotFound";
-const renderNestedRoute = (nestedRoute, parent) => {
-  const { children, index, id, component, isRoot } = nestedRoute;
-  const Component = component;
-  const routeProps = {
-    caseSensitive: nestedRoute.caseSensitive,
-    path: nestedRoute.path,
-    id: nestedRoute.id,
-    loader: createLoader(nestedRoute),
-    action: nestedRoute.action,
-    hasErrorBoundary: nestedRoute.hasErrorBoundary,
-    shouldRevalidate: nestedRoute.shouldRevalidate,
-    handle: nestedRoute.handle,
-    index: nestedRoute.index,
-    element: nestedRoute.element,
-    errorElement: nestedRoute.errorElement
-  };
-  if (nestedRoute.error) {
-    const errorElement = /* @__PURE__ */ jsx(nestedRoute.error, {});
-    routeProps.errorElement = errorElement;
-  }
-  let element;
-  if (Component) {
-    if (parent == null ? void 0 : parent.loading) {
-      const Loading = parent.loading;
-      if (isLoadableComponent(Component)) {
-        element = /* @__PURE__ */ jsx(Component, {
-          fallback: /* @__PURE__ */ jsx(Loading, {})
-        });
-      } else {
-        element = /* @__PURE__ */ jsx(Suspense, {
-          fallback: /* @__PURE__ */ jsx(Loading, {}),
-          children: /* @__PURE__ */ jsx(Component, {})
-        });
-      }
-    } else if (isLoadableComponent(Component) || isRoot) {
-      element = /* @__PURE__ */ jsx(Component, {});
-    } else {
-      element = /* @__PURE__ */ jsx(Suspense, {
-        fallback: null,
-        children: /* @__PURE__ */ jsx(Component, {})
-      });
-    }
-  } else {
-    nestedRoute.loading = parent == null ? void 0 : parent.loading;
-  }
-  if (element) {
-    routeProps.element = element;
-  }
-  const childElements = children == null ? void 0 : children.map((childRoute) => {
-    return renderNestedRoute(childRoute, nestedRoute);
-  });
-  const routeElement = index ? /* @__PURE__ */ jsx(Route, __spreadProps(__spreadValues({}, routeProps), {
-    index: true
-  }), id) : /* @__PURE__ */ jsx(Route, __spreadProps(__spreadValues({}, routeProps), {
-    index: false,
-    children: childElements
-  }), id);
-  return routeElement;
-};
-function getRouteComponents(routes, globalApp) {
-  const Layout = (_a) => {
-    var _b = _a, { Component } = _b, props = __objRest(_b, ["Component"]);
-    const GlobalLayout = globalApp;
-    if (!GlobalLayout) {
-      return /* @__PURE__ */ jsx(Component, __spreadValues({}, props));
-    }
-    return /* @__PURE__ */ jsx(GlobalLayout, __spreadValues({
-      Component
-    }, props));
-  };
-  const routeElements = [];
-  for (const route of routes) {
-    if (route.type === "nested") {
-      const routeElement = renderNestedRoute(route);
-      routeElements.push(routeElement);
-    } else {
-      const routeElement = /* @__PURE__ */ jsx(Route, {
-        path: route.path,
-        element: /* @__PURE__ */ jsx(Layout, {
-          Component: route.component
-        })
-      }, route.path);
-      routeElements.push(routeElement);
-    }
-  }
-  routeElements.push(/* @__PURE__ */ jsx(Route, {
-    path: "*",
-    element: /* @__PURE__ */ jsx(DefaultNotFound, {})
-  }, "*"));
-  return routeElements;
-}
-function renderRoutes(routesConfig) {
-  if (!routesConfig) {
-    return null;
-  }
-  const { routes, globalApp } = routesConfig;
-  if (!routes) {
-    return null;
-  }
-  const routeElements = getRouteComponents(routes, globalApp);
-  return routeElements;
-}
-function getLocation(serverContext) {
-  var _a;
-  const { pathname, url } = (serverContext == null ? void 0 : serverContext.request) || {};
-  const cleanUrl = (_a = url == null ? void 0 : url.replace("http://", "")) == null ? void 0 : _a.replace("https://", "");
-  const index = (cleanUrl || "").indexOf(pathname);
-  if (index === -1) {
-    return pathname;
-  }
-  return cleanUrl.substring(index);
-}
-const urlJoin = (...parts) => {
-  const separator = "/";
-  const replace = new RegExp(`${separator}{1,}`, "g");
-  return standardSlash(parts.join(separator).replace(replace, separator));
-};
-function standardSlash(str) {
-  let addr = str;
-  if (!addr || typeof addr !== "string") {
-    return addr;
-  }
-  if (addr.startsWith(".")) {
-    addr = addr.slice(1);
-  }
-  if (!addr.startsWith("/")) {
-    addr = `/${addr}`;
-  }
-  if (addr.endsWith("/") && addr !== "/") {
-    addr = addr.slice(0, addr.length - 1);
-  }
-  return addr;
-}
-function createLoader(route) {
-  const { loader } = route;
-  if (loader) {
-    return (args) => {
-      if (typeof route.lazyImport === "function") {
-        route.lazyImport();
-      }
-      return loader(args);
-    };
-  } else {
-    return () => {
-      if (typeof route.lazyImport === "function") {
-        route.lazyImport();
-      }
-      return null;
-    };
-  }
-}
-function isLoadableComponent(component) {
-  return component && component.displayName === "Loadable" && component.preload && typeof component.preload === "function";
-}
-export {
-  getLocation,
-  getRouteComponents,
-  renderRoutes,
-  standardSlash,
-  urlJoin
-};

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

@@ -1,36 +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 { useLocation, useNavigate, useParams } from "react-router-dom";
-const withRouter = (Component) => {
-  return (props) => {
-    const location = useLocation();
-    const params = useParams();
-    const navigate = useNavigate();
-    return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, props), {
-      location,
-      params,
-      navigate
-    }));
-  };
-};
-export {
-  withRouter
-};

package/dist/js/modern/runtime-context.js

@@ -1,7 +0,0 @@
-import { createContext } from "react";
-const RuntimeReactContext = createContext({});
-const ServerRouterContext = createContext({});
-export {
-  RuntimeReactContext,
-  ServerRouterContext
-};

package/dist/js/modern/ssr/cli/babel-plugin-ssr-loader-id.js

@@ -1,130 +0,0 @@
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-import crypto from "crypto";
-import { Buffer as Buffer2 } from "buffer";
-import * as t from "@babel/types";
-import { get } from "@modern-js/utils/lodash";
-var require_babel_plugin_ssr_loader_id = __commonJS({
-  "src/ssr/cli/babel-plugin-ssr-loader-id.ts"(exports, module) {
-    const RUNTIME_PACKAGE_NAMES = ["@modern-js/runtime"];
-    const FUNCTION_USE_LOADER_NAME = "useLoader";
-    function getHash(filepath) {
-      const cwd = process.cwd();
-      const point = filepath.indexOf(cwd);
-      let relativePath = filepath;
-      if (point !== -1) {
-        relativePath = filepath.substring(point + cwd.length);
-      }
-      const fileBuf = Buffer2.from(relativePath);
-      const fsHash = crypto.createHash("md5");
-      const md5 = fsHash.update(fileBuf).digest("hex");
-      return md5;
-    }
-    function getUseLoaderPath(path, calleeName) {
-      const { node } = path;
-      if (!calleeName || node.callee.name !== calleeName) {
-        return false;
-      }
-      const arg1 = get(node, "arguments.0");
-      if (t.isFunction(arg1) || t.isFunctionExpression(arg1) || t.isArrowFunctionExpression(arg1) || t.isIdentifier(arg1) || t.isCallExpression(arg1) || t.isMemberExpression(arg1)) {
-        const loaderPath = path.get("arguments.0");
-        if (isDuplicateInnerLoader(loaderPath)) {
-          return false;
-        } else {
-          return loaderPath;
-        }
-      }
-      console.warn("useLoader 中 loaderId 生成失败，请检查 useLoader");
-      throw path.buildCodeFrameError(`
-    please check the usage of ${path.node.name}
-  `);
-    }
-    function isDuplicateInnerLoader(path) {
-      const { node } = path;
-      if (t.isFunctionExpression(node.callee)) {
-        if (t.isBlockStatement(node.callee.body)) {
-          if (get(node.callee.body, "body.0.declarations.0.id.name") === "innerLoader" && get(node.callee.body, "body.2.argument.name") === "innerLoader") {
-            return true;
-          }
-        }
-      }
-      return false;
-    }
-    function getSelfRunLoaderExpression(loaderExpression, id) {
-      return t.callExpression(
-        t.functionExpression(
-          null,
-          [],
-          t.blockStatement([
-            t.variableDeclaration("var", [
-              t.variableDeclarator(t.identifier("innerLoader"), loaderExpression)
-            ]),
-            t.expressionStatement(
-              t.assignmentExpression(
-                "=",
-                t.memberExpression(t.identifier("innerLoader"), t.identifier("id")),
-                t.stringLiteral(id)
-              )
-            ),
-            t.returnStatement(t.identifier("innerLoader"))
-          ])
-        ),
-        []
-      );
-    }
-    module.exports = function() {
-      let useLoader = null;
-      let hash = "";
-      let index = 0;
-      function genId() {
-        return `${hash}_${index++}`;
-      }
-      return {
-        name: "babel-plugin-ssr-loader-id",
-        pre() {
-          index = 0;
-          useLoader = null;
-          hash = "";
-        },
-        visitor: {
-          ImportDeclaration(path, state) {
-            if (useLoader) {
-              return false;
-            }
-            if (!RUNTIME_PACKAGE_NAMES.includes(get(path, "node.source.value"))) {
-              return false;
-            }
-            hash = getHash(state.file.opts.filename);
-            get(path, "node.specifiers", []).forEach(({ imported, local }) => {
-              if (!imported) {
-                throw path.buildCodeFrameError(
-                  `please \`import { useLoader } from ${RUNTIME_PACKAGE_NAMES[0]}\``
-                );
-              }
-              if (!useLoader && imported.name === FUNCTION_USE_LOADER_NAME) {
-                useLoader = local.name;
-              }
-            });
-            return false;
-          },
-          CallExpression(path) {
-            let loaderPath = getUseLoaderPath(path, useLoader);
-            if (loaderPath) {
-              if (!Array.isArray(loaderPath)) {
-                loaderPath = [loaderPath];
-              }
-              loaderPath.forEach((p) => {
-                p.replaceWith(getSelfRunLoaderExpression(p.node, genId()));
-              });
-              return false;
-            }
-            return false;
-          }
-        }
-      };
-    };
-  }
-});
-export default require_babel_plugin_ssr_loader_id();