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

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

@@ -1,122 +1,99 @@
-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 cli_exports = {};
-__export(cli_exports, {
-  default: () => cli_default
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: () => _default
 });
-module.exports = __toCommonJS(cli_exports);
-var import_utils = require("@modern-js/utils");
+const _utils = require("@modern-js/utils");
 const PLUGIN_IDENTIFIER = "router";
 const ROUTES_IDENTIFIER = "routes";
-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 = (0, import_utils.createRuntimeExportsUtils)(
-          appContext.internalDirectory,
-          "plugins"
-        );
-        return {
-          source: {
-            include: [
-              // react-router v6 is no longer support ie 11
-              // so we need to compile these packages to ensure the compatibility
-              // https://github.com/remix-run/react-router/commit/f6df0697e1b2064a2b3a12e8b39577326fdd945b
-              /node_modules\/react-router/,
-              /node_modules\/react-router-dom/,
-              /node_modules\/@remix-run\/router/
-            ],
-            alias: {
-              "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
+const _default = () => {
+  return {
+    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 = (0, _utils.createRuntimeExportsUtils)(appContext.internalDirectory, "plugins");
+          return {
+            source: {
+              include: [
+                // react-router v6 is no longer support ie 11
+                // so we need to compile these packages to ensure the compatibility
+                // https://github.com/remix-run/react-router/commit/f6df0697e1b2064a2b3a12e8b39577326fdd945b
+                /node_modules\/react-router/,
+                /node_modules\/react-router-dom/,
+                /node_modules\/@remix-run\/router/
+              ],
+              alias: {
+                "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
+              }
             }
+          };
+        },
+        validateSchema() {
+          return _utils.PLUGIN_SCHEMAS["@modern-js/plugin-router"];
+        },
+        modifyEntryImports({ entrypoint, imports }) {
+          const { entryName, fileSystemRoutes } = entrypoint;
+          const userConfig = api.useResolvedConfigContext();
+          const { packageName } = api.useAppContext();
+          const runtimeConfig = (0, _utils.getEntryOptions)(entryName, userConfig.runtime, userConfig.runtimeByEntries, packageName);
+          runtimeConfigMap.set(entryName, runtimeConfig);
+          if (runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.router) {
+            if (!(0, _utils.isRouterV5)(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}`);
           }
-        };
-      },
-      validateSchema() {
-        return import_utils.PLUGIN_SCHEMAS["@modern-js/plugin-router"];
-      },
-      modifyEntryImports({ entrypoint, imports }) {
-        const { entryName, fileSystemRoutes } = entrypoint;
-        const userConfig = api.useResolvedConfigContext();
-        const { packageName } = api.useAppContext();
-        const runtimeConfig = (0, import_utils.getEntryOptions)(
-          entryName,
-          userConfig.runtime,
-          userConfig.runtimeByEntries,
-          packageName
-        );
-        runtimeConfigMap.set(entryName, runtimeConfig);
-        if (runtimeConfig == null ? void 0 : runtimeConfig.router) {
-          if (!(0, import_utils.isRouterV5)(userConfig)) {
-            imports.push({
-              value: "@modern-js/runtime/plugins",
-              specifiers: [{ imported: PLUGIN_IDENTIFIER }]
+          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 && !(0, _utils.isRouterV5)(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({
+                serverBase,
+                ...runtimeConfig.router,
+                routesConfig: fileSystemRoutes ? `{ ${ROUTES_IDENTIFIER}, globalApp: App }` : void 0
+              }).replace(/"routesConfig"\s*:\s*"((\S|\s)+)"/g, '"routesConfig": $1,')
             });
           }
-        } 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 && !(0, import_utils.isRouterV5)(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({
-              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 (!(0, import_utils.isRouterV5)(userConfig)) {
-          pluginsExportsUtils.addExport(
-            `export { default as router } from '@modern-js/runtime/router'`
-          );
+          return {
+            entrypoint,
+            plugins
+          };
+        },
+        addRuntimeExports() {
+          const userConfig = api.useResolvedConfigContext();
+          if (!(0, _utils.isRouterV5)(userConfig)) {
+            pluginsExportsUtils.addExport(`export { default as router } from '@modern-js/runtime/router'`);
+          }
         }
-      }
-    };
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+      };
+    }
+  };
+};

package/dist/cjs/router/index.js

@@ -1,41 +1,34 @@
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var router_exports = {};
-__export(router_exports, {
-  default: () => import_runtime2.default,
-  router: () => import_runtime.default
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(router_exports);
-var import_runtime = __toESM(require("./runtime"));
-var import_runtime2 = __toESM(require("./runtime"));
-__reExport(router_exports, require("./runtime"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  router
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name]
+    });
+}
+_export(exports, {
+  router: () => _runtime.default,
+  default: () => _runtime.default
 });
+const _runtime = /* @__PURE__ */ _interop_require_default(_export_star(require("./runtime"), exports));
+function _export_star(from, to) {
+  Object.keys(from).forEach(function(k) {
+    if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+      Object.defineProperty(to, k, {
+        enumerable: true,
+        get: function() {
+          return from[k];
+        }
+      });
+    }
+  });
+  return from;
+}
+function _interop_require_default(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}

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

@@ -1,40 +1,25 @@
-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 DefaultNotFound_exports = {};
-__export(DefaultNotFound_exports, {
-  DefaultNotFound: () => DefaultNotFound
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(DefaultNotFound_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-const DefaultNotFound = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  "div",
-  {
-    style: {
-      margin: "150px auto",
-      textAlign: "center",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    children: "404"
-  }
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DefaultNotFound
+Object.defineProperty(exports, "DefaultNotFound", {
+  enumerable: true,
+  get: () => DefaultNotFound
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /* @__PURE__ */ _interop_require_default(require("react"));
+function _interop_require_default(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+const DefaultNotFound = () => /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+  style: {
+    margin: "150px auto",
+    textAlign: "center",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  children: "404"
 });

package/dist/cjs/router/runtime/DeferredDataScripts.js

@@ -1,27 +1,11 @@
-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 DeferredDataScripts_exports = {};
-__export(DeferredDataScripts_exports, {
-  default: () => DeferredDataScripts_default
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: () => _default
 });
-module.exports = __toCommonJS(DeferredDataScripts_exports);
-var DeferredDataScripts_default = () => {
+const _default = () => {
   return null;
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/cjs/router/runtime/DeferredDataScripts.node.js

@@ -1,52 +1,38 @@
-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 DeferredDataScripts_node_exports = {};
-__export(DeferredDataScripts_node_exports, {
-  default: () => DeferredDataScripts_node_default
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(DeferredDataScripts_node_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_serialize = require("@modern-js/utils/universal/serialize");
-var import_common = require("../../common");
-var import_utils = require("./utils");
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: () => _default
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _reactrouterdom = require("react-router-dom");
+const _serialize = require("@modern-js/utils/universal/serialize");
+const _common = require("../../common");
+const _utils = require("./utils");
 const setupFnStr = `function s(r,e){_ROUTER_DATA.r=_ROUTER_DATA.r||{},_ROUTER_DATA.r[r]=_ROUTER_DATA.r[r]||{};return new Promise((function(A,R){_ROUTER_DATA.r[r][e]={resolve:A,reject:R}}))};`;
 const resolveFnStr = `function r(e,r,o,A){A?_ROUTER_DATA.r[e][r].reject(A):_ROUTER_DATA.r[e][r].resolve(o)};`;
 const preResolvedFnStr = `function p(e,r){return void 0!==r?Promise.reject(new Error(r.message)):Promise.resolve(e)};`;
 const DeferredDataScripts = () => {
-  const context = (0, import_react.useContext)(import_react_router_dom.UNSAFE_DataRouterContext);
+  const context = (0, _react.useContext)(_reactrouterdom.UNSAFE_DataRouterContext);
   const { staticContext } = context || {};
-  const hydratedRef = (0, import_react.useRef)(false);
-  (0, import_react.useEffect)(() => {
+  const hydratedRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
     hydratedRef.current = true;
   }, []);
-  const deferredScripts = (0, import_react.useMemo)(() => {
+  const deferredScripts = (0, _react.useMemo)(() => {
     if (!staticContext) {
       return null;
     }
     const activeDeferreds = staticContext.activeDeferreds || [];
     const _ROUTER_DATA = {
       loaderData: staticContext.loaderData,
-      errors: (0, import_utils.serializeErrors)(staticContext.errors)
+      errors: (0, _utils.serializeErrors)(staticContext.errors)
     };
     let initialScripts = [
-      `_ROUTER_DATA = ${(0, import_serialize.serializeJson)(_ROUTER_DATA)};`,
+      `_ROUTER_DATA = ${(0, _serialize.serializeJson)(_ROUTER_DATA)};`,
       `_ROUTER_DATA.s = ${setupFnStr}`,
       `_ROUTER_DATA.r = ${resolveFnStr}`,
       `_ROUTER_DATA.p = ${preResolvedFnStr}`
@@ -57,20 +43,12 @@ const DeferredDataScripts = () => {
       const { deferredKeys } = deferredData;
       const deferredKeyPromiseStr = deferredKeys.map((key) => {
         if (pendingKeys.has(key)) {
-          deferredDataScripts.push(
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              DeferredDataScript,
-              {
-                data: deferredData.data[key],
-                dataKey: key,
-                routeId
-              },
-              `${routeId} | ${key}`
-            )
-          );
-          return `${JSON.stringify(key)}: _ROUTER_DATA.s(${JSON.stringify(
+          deferredDataScripts.push(/* @__PURE__ */ (0, _jsxruntime.jsx)(DeferredDataScript, {
+            data: deferredData.data[key],
+            dataKey: key,
             routeId
-          )},${JSON.stringify(key)}) `;
+          }, `${routeId} | ${key}`));
+          return `${JSON.stringify(key)}: _ROUTER_DATA.s(${JSON.stringify(routeId)},${JSON.stringify(key)}) `;
         } else {
           const trackedPromise = deferredData.data[key];
           if (typeof trackedPromise._error !== "undefined") {
@@ -78,88 +56,67 @@ const DeferredDataScripts = () => {
               message: trackedPromise._error.message,
               stack: process.env.NODE_ENV !== "production" ? trackedPromise._error.stack : void 0
             };
-            return `${JSON.stringify(
-              key
-            )}: _ROUTER_DATA.p(${void 0}, ${(0, import_serialize.serializeJson)(error)})`;
+            return `${JSON.stringify(key)}: _ROUTER_DATA.p(${void 0}, ${(0, _serialize.serializeJson)(error)})`;
           } else {
             if (typeof trackedPromise._data === "undefined") {
-              throw new Error(
-                `The deferred data for ${key} was not resolved, did you forget to return data from a deferred promise`
-              );
+              throw new Error(`The deferred data for ${key} was not resolved, did you forget to return data from a deferred promise`);
             }
-            return `${JSON.stringify(key)}: _ROUTER_DATA.p(${(0, import_serialize.serializeJson)(
-              trackedPromise._data
-            )})`;
+            return `${JSON.stringify(key)}: _ROUTER_DATA.p(${(0, _serialize.serializeJson)(trackedPromise._data)})`;
           }
         }
       }).join(",\n");
-      return `Object.assign(_ROUTER_DATA.loaderData[${JSON.stringify(
-        routeId
-      )}], {${deferredKeyPromiseStr}});`;
+      return `Object.assign(_ROUTER_DATA.loaderData[${JSON.stringify(routeId)}], {${deferredKeyPromiseStr}});`;
     }).join("\n");
-    return [initialScripts, deferredDataScripts];
+    return [
+      initialScripts,
+      deferredDataScripts
+    ];
   }, []);
   if (!deferredScripts) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    !hydratedRef.current && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "script",
-      {
+  return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    children: [
+      !hydratedRef.current && /* @__PURE__ */ (0, _jsxruntime.jsx)("script", {
         async: true,
         suppressHydrationWarning: true,
-        dangerouslySetInnerHTML: { __html: deferredScripts[0] }
-      }
-    ),
-    !hydratedRef.current && deferredScripts[1],
-    import_common.JSX_SHELL_STREAM_END_MARK
-  ] });
+        dangerouslySetInnerHTML: {
+          __html: deferredScripts[0]
+        }
+      }),
+      !hydratedRef.current && deferredScripts[1],
+      _common.JSX_SHELL_STREAM_END_MARK
+    ]
+  });
 };
-const DeferredDataScript = ({
-  data,
-  routeId,
-  dataKey
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { children: typeof document === "undefined" && data && dataKey && routeId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_router_dom.Await,
-    {
+const DeferredDataScript = ({ data, routeId, dataKey }) => {
+  return /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+    children: typeof document === "undefined" && data && dataKey && routeId ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_reactrouterdom.Await, {
       resolve: data,
-      errorElement: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorDeferredDataScript, { routeId, dataKey }),
-      children: (data2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "script",
-        {
-          async: true,
-          suppressHydrationWarning: true,
-          dangerouslySetInnerHTML: {
-            __html: `_ROUTER_DATA.r(${JSON.stringify(
-              routeId
-            )}, ${JSON.stringify(dataKey)}, ${(0, import_serialize.serializeJson)(data2)});`
-          }
+      errorElement: /* @__PURE__ */ (0, _jsxruntime.jsx)(ErrorDeferredDataScript, {
+        routeId,
+        dataKey
+      }),
+      children: (data2) => /* @__PURE__ */ (0, _jsxruntime.jsx)("script", {
+        async: true,
+        suppressHydrationWarning: true,
+        dangerouslySetInnerHTML: {
+          __html: `_ROUTER_DATA.r(${JSON.stringify(routeId)}, ${JSON.stringify(dataKey)}, ${(0, _serialize.serializeJson)(data2)});`
         }
-      )
-    }
-  ) : null });
+      })
+    }) : null
+  });
 };
-const ErrorDeferredDataScript = ({
-  routeId,
-  dataKey
-}) => {
-  const error = (0, import_react_router_dom.useAsyncError)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "script",
-    {
-      suppressHydrationWarning: true,
-      dangerouslySetInnerHTML: {
-        __html: `_ROUTER_DATA.r(${JSON.stringify(routeId)}, ${JSON.stringify(
-          dataKey
-        )}, ${void 0}, ${(0, import_serialize.serializeJson)({
-          message: error.message,
-          stack: error.stack
-        })});`
-      }
+const ErrorDeferredDataScript = ({ routeId, dataKey }) => {
+  const error = (0, _reactrouterdom.useAsyncError)();
+  return /* @__PURE__ */ (0, _jsxruntime.jsx)("script", {
+    suppressHydrationWarning: true,
+    dangerouslySetInnerHTML: {
+      __html: `_ROUTER_DATA.r(${JSON.stringify(routeId)}, ${JSON.stringify(dataKey)}, ${void 0}, ${(0, _serialize.serializeJson)({
+        message: error.message,
+        stack: error.stack
+      })});`
     }
-  );
+  });
 };
-var DeferredDataScripts_node_default = DeferredDataScripts;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+const _default = DeferredDataScripts;