@modern-js/runtime 2.4.1-alpha.1 → 2.5.0-alpha.0

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

@@ -1,172 +0,0 @@
-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 React from "react";
-import ReactDomServer from "react-dom/server";
-import serialize from "serialize-javascript";
-import ReactHelmet from "react-helmet";
-import helmetReplace from "../helmet";
-import {
-  RenderLevel
-} from "../types";
-import { time } from "../time";
-import prefetch from "../../prefetch";
-import { toFragments } from "./template";
-import { reduce } from "./reduce";
-import * as loadableRenderer from "./loadable";
-import * as styledComponentRenderer from "./styledComponent";
-const buildTemplateData = (context, data, renderLevel) => {
-  const { request } = context;
-  return {
-    data,
-    context: {
-      request: {
-        params: request.params,
-        query: request.query,
-        pathname: request.pathname,
-        host: request.host,
-        url: request.url,
-        headers: request.headers,
-        cookieMap: request.cookieMap
-      }
-    },
-    renderLevel
-  };
-};
-class Entry {
-  constructor(options) {
-    const { ctx, config } = options;
-    const {
-      entryName,
-      template,
-      request: { host }
-    } = ctx;
-    this.fragments = toFragments(template, entryName);
-    this.entryName = entryName;
-    this.host = host;
-    this.App = options.App;
-    this.pluginConfig = config;
-    this.metrics = ctx.metrics;
-    this.logger = ctx.logger;
-    this.result = {
-      renderLevel: RenderLevel.CLIENT_RENDER,
-      html: "",
-      chunksMap: {
-        js: "",
-        css: ""
-      }
-    };
-  }
-  renderToHtml(context) {
-    return __async(this, null, function* () {
-      var _a, _b, _c;
-      const ssrContext = context.ssrContext;
-      if ((_a = ssrContext.redirection) == null ? void 0 : _a.url) {
-        return "";
-      }
-      const prefetchData = yield this.prefetch(context);
-      if ((_b = ssrContext.redirection) == null ? void 0 : _b.url) {
-        return "";
-      }
-      if (this.result.renderLevel >= RenderLevel.SERVER_PREFETCH) {
-        this.result.html = this.renderToString(context);
-      }
-      if ((_c = ssrContext.redirection) == null ? void 0 : _c.url) {
-        return "";
-      }
-      let html = "";
-      const templateData = buildTemplateData(
-        ssrContext,
-        prefetchData,
-        this.result.renderLevel
-      );
-      const SSRData = this.getSSRDataScript(templateData);
-      for (const fragment of this.fragments) {
-        if (fragment.isVariable && fragment.content === "SSRDataScript") {
-          html += fragment.getValue(SSRData);
-        } else {
-          html += fragment.getValue(this.result);
-        }
-      }
-      const helmetData = ReactHelmet.renderStatic();
-      return helmetData ? helmetReplace(html, helmetData) : html;
-    });
-  }
-  prefetch(context) {
-    return __async(this, null, function* () {
-      let prefetchData;
-      const end = time();
-      try {
-        prefetchData = yield prefetch(this.App, context);
-        this.result.renderLevel = RenderLevel.SERVER_PREFETCH;
-        const prefetchCost = end();
-        this.logger.debug(`App Prefetch cost = %d ms`, prefetchCost);
-        this.metrics.emitTimer("app.prefetch.cost", prefetchCost);
-      } catch (e) {
-        this.result.renderLevel = RenderLevel.CLIENT_RENDER;
-        this.logger.error("App Prefetch Render", e);
-        this.metrics.emitCounter("app.prefetch.render.error", 1);
-      }
-      return prefetchData || {};
-    });
-  }
-  renderToString(context) {
-    let html = "";
-    const end = time();
-    const { ssrContext } = context;
-    try {
-      const App = React.createElement(this.App, {
-        context: Object.assign(context, { ssr: true })
-      });
-      const renderContext = {
-        stats: ssrContext.loadableStats,
-        host: this.host,
-        result: this.result,
-        entryName: this.entryName,
-        config: this.pluginConfig
-      };
-      html = reduce(App, renderContext, [
-        styledComponentRenderer.toHtml,
-        loadableRenderer.toHtml,
-        (jsx) => ReactDomServer.renderToString(jsx)
-      ]);
-      const cost = end();
-      this.logger.debug("App Render To HTML cost = %d ms", cost);
-      this.metrics.emitTimer("app.render.html.cost", cost);
-      this.result.renderLevel = RenderLevel.SERVER_RENDER;
-    } catch (e) {
-      this.logger.error("App Render To HTML", e);
-      this.metrics.emitCounter("app.render.html.error", 1);
-    }
-    return html;
-  }
-  getSSRDataScript(templateData) {
-    return {
-      SSRDataScript: `
-        <script>window._SSR_DATA = ${serialize(templateData, {
-        isJSON: true
-      })}<\/script>
-      `
-    };
-  }
-}
-export {
-  Entry as default
-};

package/dist/js/modern/ssr/serverRender/renderToString/index.worker.js

@@ -1,49 +0,0 @@
-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 { PreRender } from "../../react/prerender";
-import { time } from "../time";
-import SSREntry from "./entry";
-const render = (_0) => __async(void 0, [_0], function* ({
-  App,
-  context,
-  config
-}) {
-  const ssrContext = context.ssrContext;
-  const entry = new SSREntry({
-    ctx: ssrContext,
-    App,
-    config
-  });
-  entry.metrics.emitCounter("app.visit.count", 1);
-  const end = time();
-  const html = yield entry.renderToHtml(context);
-  const cost = end();
-  entry.logger.info("App Render Total cost = %d ms", cost);
-  entry.metrics.emitTimer("app.render.cost", cost);
-  const cacheConfig = PreRender.config();
-  if (cacheConfig) {
-    context.ssrContext.cacheConfig = cacheConfig;
-  }
-  return html;
-});
-export {
-  render
-};

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

@@ -1,212 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-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 __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 plugin_node_exports = {};
-__export(plugin_node_exports, {
-  createFetchHeaders: () => createFetchHeaders,
-  modifyRoutes: () => modifyRoutes,
-  routerPlugin: () => routerPlugin
-});
-module.exports = __toCommonJS(plugin_node_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_serialize_javascript = __toESM(require("serialize-javascript"));
-var import_router = require("@remix-run/router");
-var import_server = require("react-router-dom/server");
-var import_hoist_non_react_statics = __toESM(require("hoist-non-react-statics"));
-var import_react_router_dom = require("react-router-dom");
-var import_core = require("../../core");
-var import_utils = require("./utils");
-var import_fetch = require("./fetch");
-(0, import_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 ((0, import_router.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 === "/" ? (0, import_utils.urlJoin)(baseUrl, basename) : baseUrl;
-            const routes = createRoutes ? createRoutes() : (0, import_react_router_dom.createRoutesFromElements)((0, import_utils.renderRoutes)(routesConfig));
-            const { query } = (0, import_router.createStaticHandler)(routes, {
-              basename: _basename
-            });
-            const remixRequest = createFetchRequest(request);
-            const routerContext = yield query(remixRequest);
-            if (routerContext instanceof Response) {
-              return routerContext;
-            }
-            const router = (0, import_server.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 } = (0, import_react.useContext)(import_core.RuntimeReactContext);
-              const data = {
-                loaderData: routerContext.loaderData,
-                actionData: routerContext.actionData,
-                errors: serializeErrors(routerContext.errors)
-              };
-              const hydrateScript = `window.__staticRouterHydrationData = ${(0, import_serialize_javascript.default)(
-                data,
-                { isJSON: true }
-              )};`;
-              return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(App, __spreadProps(__spreadValues({}, props), {
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_server.StaticRouterProvider, {
-                    router,
-                    context: routerContext,
-                    hydrate: false
-                  }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", {
-                    suppressHydrationWarning: true,
-                    id: "the-nonce",
-                    dangerouslySetInnerHTML: { __html: hydrateScript }
-                  })
-                ]
-              }));
-            };
-          };
-          const RouteApp = getRouteApp();
-          if (routesConfig == null ? void 0 : routesConfig.globalApp) {
-            return next({
-              App: (0, import_hoist_non_react_statics.default)(RouteApp, routesConfig.globalApp)
-            });
-          }
-          return next({
-            App: RouteApp
-          });
-        }
-      };
-    }
-  };
-};
-const modifyRoutes = () => {
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createFetchHeaders,
-  modifyRoutes,
-  routerPlugin
-});

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

@@ -1,221 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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;
-};
-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 utils_exports = {};
-__export(utils_exports, {
-  getLocation: () => getLocation,
-  getRouteComponents: () => getRouteComponents,
-  renderRoutes: () => renderRoutes,
-  standardSlash: () => standardSlash,
-  urlJoin: () => urlJoin
-});
-module.exports = __toCommonJS(utils_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_react_router_dom = require("react-router-dom");
-var import_DefaultNotFound = require("./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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(Component, {
-          fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Loading, {})
-        });
-      } else {
-        element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, {
-          fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Loading, {}),
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {})
-        });
-      }
-    } else if (isLoadableComponent(Component) || isRoot) {
-      element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {});
-    } else {
-      element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, {
-        fallback: null,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Route, __spreadProps(__spreadValues({}, routeProps), {
-    index: true
-  }), id) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.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__ */ (0, import_jsx_runtime.jsx)(Component, __spreadValues({}, props));
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Route, {
-        path: route.path,
-        element: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Layout, {
-          Component: route.component
-        })
-      }, route.path);
-      routeElements.push(routeElement);
-    }
-  }
-  routeElements.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Route, {
-    path: "*",
-    element: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DefaultNotFound.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";
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getLocation,
-  getRouteComponents,
-  renderRoutes,
-  standardSlash,
-  urlJoin
-});