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

package/dist/{js/modern → esm-node}/core/loader/useLoader.js

@@ -1,22 +1,3 @@
-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 {
   useContext,
   useRef,
@@ -55,9 +36,10 @@ const useLoader = (loaderFn, options = { params: void 0 }) => {
             return Promise.reject(e);
           }
         },
-        __spreadProps(__spreadValues({}, options), {
+        {
+          ...options,
           params
-        })
+        }
       );
       loaderRef.current = loaderManager.get(id);
       (_b = unlistenLoaderChangeRef.current) == null ? void 0 : _b.call(unlistenLoaderChangeRef);
@@ -104,9 +86,10 @@ const useLoader = (loaderFn, options = { params: void 0 }) => {
     load(p);
   }, [options.params]);
   const [result, setResult] = useState(loaderRef.current.result);
-  return __spreadProps(__spreadValues({}, result), {
+  return {
+    ...result,
     reload: load
-  });
+  };
 };
 var useLoader_default = useLoader;
 export {

package/dist/{js/modern → esm-node}/core/plugin.js

@@ -1,23 +1,3 @@
-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 {
   createManager,
   createPipeline,
@@ -41,12 +21,12 @@ const runtimeHooks = {
 const createRuntime = () => createManager(runtimeHooks);
 const registerInit = (App, _init) => {
   const originalInit = App.init;
-  App.init = (context) => __async(void 0, null, function* () {
+  App.init = async (context) => {
     if (!context.loaderManager) {
       context.loaderManager = createLoaderManager({});
     }
-    yield Promise.all([originalInit == null ? void 0 : originalInit(context), _init == null ? void 0 : _init(context)]);
-  });
+    await Promise.all([originalInit == null ? void 0 : originalInit(context), _init == null ? void 0 : _init(context)]);
+  };
 };
 const runtime = createRuntime();
 const { createPlugin } = runtime;

package/dist/{js/modern → esm-node}/document/cli/index.js

@@ -1,39 +1,3 @@
-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";
@@ -72,7 +36,7 @@ const getDocumenByEntryName = function(entrypoints, entryName, fallbackDir) {
 var cli_default = () => ({
   name: "@modern-js/plugin-document",
   pre: ["@modern-js/plugin-analyze"],
-  setup: (api) => __async(void 0, null, function* () {
+  setup: async (api) => {
     function getDocParams(params) {
       const { config, templateParameters, entryName } = params;
       return {
@@ -94,7 +58,7 @@ var cli_default = () => ({
       if (!documentFilePath) {
         return null;
       }
-      return (_0) => __async(void 0, [_0], function* ({ htmlWebpackPlugin }) {
+      return async ({ htmlWebpackPlugin }) => {
         const documentParams = getDocParams({
           config: api.useConfigContext(),
           entryName,
@@ -107,7 +71,7 @@ var cli_default = () => ({
         const userTsConfigFilePath = path.join(appDirectory, "tsconfig.json");
         let tsConfig;
         try {
-          tsConfig = yield require(userTsConfigFilePath);
+          tsConfig = await require(userTsConfigFilePath);
         } catch (err) {
           tsConfig = {};
         }
@@ -123,7 +87,7 @@ var cli_default = () => ({
           internalDirectory,
           `./document/_${entryName}.html.js`
         );
-        yield build({
+        await build({
           entryPoints: [documentFilePath],
           outfile: htmlOutputFile,
           platform: "node",
@@ -156,7 +120,7 @@ var cli_default = () => ({
           ]
         });
         delete require.cache[require.resolve(htmlOutputFile)];
-        const Document = (yield require(htmlOutputFile)).default;
+        const Document = (await require(htmlOutputFile)).default;
         const HTMLElement = React.createElement(
           DocumentContext.Provider,
           { value: documentParams },
@@ -194,7 +158,7 @@ var cli_default = () => ({
           PLACEHOLDER_REPLACER_MAP[DOCUMENT_SSRDATASCRIPT_PLACEHOLDER]
         );
         return finalHtml;
-      });
+      };
     };
     return {
       config: () => {
@@ -206,7 +170,7 @@ var cli_default = () => ({
                 {},
                 {},
                 {}
-              ) : __spreadValues({}, options == null ? void 0 : options.templateParameters);
+              ) : { ...options == null ? void 0 : options.templateParameters };
               const templateContent = documentEntry(
                 entry.entryName,
                 hackParameters
@@ -215,14 +179,18 @@ var cli_default = () => ({
                 templateContent,
                 inject: false
               } : {};
-              return __spreadValues(__spreadValues({}, options), documentHtmlOptions);
+              return {
+                ...options,
+                ...documentHtmlOptions
+              };
             }
           }
         };
       }
     };
-  })
+  }
 });
 export {
-  cli_default as default
+  cli_default as default,
+  getDocumenByEntryName
 };

package/dist/{js/modern → esm-node}/router/cli/index.js

@@ -1,22 +1,3 @@
-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,
@@ -89,11 +70,11 @@ var cli_default = () => ({
           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), {
+            options: JSON.stringify({
+              serverBase,
+              ...runtimeConfig.router,
               routesConfig: fileSystemRoutes ? `{ ${ROUTES_IDENTIFIER}, globalApp: App }` : void 0
-            })).replace(
+            }).replace(
               /"routesConfig"\s*:\s*"((\S|\s)+)"/g,
               '"routesConfig": $1,'
             )

package/dist/{js/modern → esm-node}/router/runtime/plugin.js

@@ -1,22 +1,3 @@
-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,
@@ -75,11 +56,12 @@ const routerPlugin = ({
               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), {
+              return /* @__PURE__ */ jsx(App, {
+                ...props,
                 children: /* @__PURE__ */ jsx(RouterProvider, {
                   router
                 })
-              }));
+              });
             };
           };
           const RouteApp = getRouteApp();

package/dist/{js/modern → esm-node}/router/runtime/plugin.node.js

@@ -1,42 +1,3 @@
-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";
@@ -88,7 +49,7 @@ function serializeErrors(errors) {
   const serialized = {};
   for (const [key, val] of entries) {
     if (isRouteErrorResponse(val)) {
-      serialized[key] = __spreadProps(__spreadValues({}, val), { __type: "RouteErrorResponse" });
+      serialized[key] = { ...val, __type: "RouteErrorResponse" };
     } else if (val instanceof Error) {
       serialized[key] = {
         message: val.message,
@@ -109,30 +70,28 @@ const routerPlugin = ({
     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;
+        async init({ 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 = await 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) {
@@ -150,7 +109,8 @@ const routerPlugin = ({
                 data,
                 { isJSON: true }
               )};`;
-              return /* @__PURE__ */ jsxs(App, __spreadProps(__spreadValues({}, props), {
+              return /* @__PURE__ */ jsxs(App, {
+                ...props,
                 children: [
                   /* @__PURE__ */ jsx(StaticRouterProvider, {
                     router,
@@ -163,7 +123,7 @@ const routerPlugin = ({
                     dangerouslySetInnerHTML: { __html: hydrateScript }
                   })
                 ]
-              }));
+              });
             };
           };
           const RouteApp = getRouteApp();

package/dist/{js/modern → esm-node}/router/runtime/utils.js

@@ -1,34 +1,3 @@
-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";
@@ -84,24 +53,28 @@ const renderNestedRoute = (nestedRoute, parent) => {
   const childElements = children == null ? void 0 : children.map((childRoute) => {
     return renderNestedRoute(childRoute, nestedRoute);
   });
-  const routeElement = index ? /* @__PURE__ */ jsx(Route, __spreadProps(__spreadValues({}, routeProps), {
+  const routeElement = index ? /* @__PURE__ */ jsx(Route, {
+    ...routeProps,
     index: true
-  }), id) : /* @__PURE__ */ jsx(Route, __spreadProps(__spreadValues({}, routeProps), {
+  }, id) : /* @__PURE__ */ jsx(Route, {
+    ...routeProps,
     index: false,
     children: childElements
-  }), id);
+  }, id);
   return routeElement;
 };
 function getRouteComponents(routes, globalApp) {
-  const Layout = (_a) => {
-    var _b = _a, { Component } = _b, props = __objRest(_b, ["Component"]);
+  const Layout = ({ Component, ...props }) => {
     const GlobalLayout = globalApp;
     if (!GlobalLayout) {
-      return /* @__PURE__ */ jsx(Component, __spreadValues({}, props));
+      return /* @__PURE__ */ jsx(Component, {
+        ...props
+      });
     }
-    return /* @__PURE__ */ jsx(GlobalLayout, __spreadValues({
-      Component
-    }, props));
+    return /* @__PURE__ */ jsx(GlobalLayout, {
+      Component,
+      ...props
+    });
   };
   const routeElements = [];
   for (const route of routes) {

package/dist/esm-node/router/runtime/withRouter.js

@@ -0,0 +1,18 @@
+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, {
+      ...props,
+      location,
+      params,
+      navigate
+    });
+  };
+};
+export {
+  withRouter
+};

package/dist/{js/modern → esm-node}/ssr/cli/index.js

@@ -1,19 +1,3 @@
-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;
-};
 import path from "path";
 import {
   getEntryOptions,
@@ -59,9 +43,9 @@ var cli_default = () => ({
             }
           },
           tools: {
-            webpackChain: (chain, { name, isServer, isServiceWorker, CHAIN_ID }) => {
+            webpackChain: (chain, { isServer, isServiceWorker, CHAIN_ID }) => {
               const userConfig = api.useResolvedConfigContext();
-              if (isUseSSRBundle(userConfig) && name !== "server" && hasStringSSREntry(userConfig)) {
+              if (isUseSSRBundle(userConfig) && !isServer && !isServiceWorker && hasStringSSREntry(userConfig)) {
                 const LoadableWebpackPlugin = require("@loadable/webpack-plugin");
                 chain.plugin(CHAIN_ID.PLUGIN.LOADABLE).use(LoadableWebpackPlugin, [
                   { filename: LOADABLE_STATS_FILE }
@@ -75,7 +59,10 @@ var cli_default = () => ({
               chain.plugin(CHAIN_ID.PLUGIN.DEFINE).tap((args) => {
                 const [vars, ...rest] = args;
                 return [
-                  __spreadValues(__spreadValues({}, vars), modernVars),
+                  {
+                    ...vars,
+                    ...modernVars
+                  },
                   ...rest
                 ];
               });