@modern-js/runtime 2.69.4 → 3.0.0-alpha.0

package/dist/esm-node/cli/index.js

@@ -1,145 +0,0 @@
-import path from "path";
-import { isReact18 as checkIsReact18, cleanRequireCache, createRuntimeExportsUtils } from "@modern-js/utils";
-import { documentPlugin } from "../document/cli";
-import { routerPlugin } from "../router/cli";
-import { builderPluginAlias } from "./alias";
-import { generateCode } from "./code";
-import { ENTRY_BOOTSTRAP_FILE_NAME, ENTRY_POINT_FILE_NAME } from "./constants";
-import { isRuntimeEntry } from "./entry";
-import { ssrPlugin } from "./ssr";
-import { isRuntimeEntry as isRuntimeEntry2 } from "./entry";
-const runtimePlugin = (params) => ({
-  name: "@modern-js/runtime",
-  post: [
-    "@modern-js/plugin-ssr",
-    "@modern-js/plugin-state",
-    "@modern-js/plugin-router",
-    "@modern-js/plugin-document",
-    "@modern-js/plugin-design-token"
-  ],
-  // the order of runtime plugins is affected by runtime hooks, mainly `init` and `hoc` hooks
-  usePlugins: (params === null || params === void 0 ? void 0 : params.plugins) || [
-    ssrPlugin(),
-    routerPlugin(),
-    documentPlugin()
-  ],
-  setup: (api) => {
-    api.checkEntryPoint(({ path: path2, entry }) => {
-      return {
-        path: path2,
-        entry: entry || isRuntimeEntry(path2)
-      };
-    });
-    api.modifyEntrypoints(({ entrypoints }) => {
-      const { internalDirectory } = api.getAppContext();
-      const { source: { enableAsyncEntry } } = api.getNormalizedConfig();
-      const newEntryPoints = entrypoints.map((entrypoint) => {
-        if (entrypoint.isAutoMount) {
-          entrypoint.internalEntry = path.resolve(internalDirectory, `./${entrypoint.entryName}/${enableAsyncEntry ? ENTRY_BOOTSTRAP_FILE_NAME : ENTRY_POINT_FILE_NAME}`);
-        }
-        return entrypoint;
-      });
-      return {
-        entrypoints: newEntryPoints
-      };
-    });
-    api.generateEntryCode(async ({ entrypoints }) => {
-      const appContext = api.getAppContext();
-      const resolvedConfig = api.getNormalizedConfig();
-      const hooks = api.getHooks();
-      await generateCode(entrypoints, appContext, resolvedConfig, hooks);
-    });
-    api.onPrepare(() => {
-      const { builder, entrypoints, internalDirectory, metaName } = api.getAppContext();
-      builder === null || builder === void 0 ? void 0 : builder.addPlugins([
-        builderPluginAlias({
-          entrypoints,
-          internalDirectory,
-          metaName
-        })
-      ]);
-    });
-    api.config(() => {
-      const { appDirectory, metaName, internalDirectory } = api.getAppContext();
-      const isReact18 = checkIsReact18(appDirectory);
-      process.env.IS_REACT18 = isReact18.toString();
-      const pluginsExportsUtils = createRuntimeExportsUtils(internalDirectory, "plugins");
-      return {
-        runtime: {},
-        runtimeByEntries: {},
-        resolve: {
-          alias: {
-            /**
-            * twin.macro inserts styled-components into the code during the compilation process
-            * But it will not be installed under the user project.
-            * So need to add alias
-            */
-            "styled-components": require.resolve("styled-components"),
-            /**
-            * Compatible with the reference path of the old version of the plugin.
-            */
-            [`@${metaName}/runtime/plugins`]: pluginsExportsUtils.getPath(),
-            "@meta/runtime/browser$": require.resolve("@modern-js/runtime/browser"),
-            "@meta/runtime/react$": require.resolve("@modern-js/runtime/react"),
-            "@meta/runtime/context$": require.resolve("@modern-js/runtime/context"),
-            "@meta/runtime$": require.resolve("@modern-js/runtime")
-          }
-        },
-        source: {
-          globalVars: {
-            "process.env.IS_REACT18": process.env.IS_REACT18
-          }
-        },
-        tools: {
-          styledComponents: {
-            // https://github.com/styled-components/babel-plugin-styled-components/issues/287
-            topLevelImportPaths: [
-              "@modern-js/runtime/styled"
-            ]
-          },
-          bundlerChain: (chain) => {
-            chain.module.rule("modern-entry").test(/\.jsx?$/).include.add(path.resolve(appDirectory, "node_modules", `.${metaName}`)).end().sideEffects(true);
-          },
-          /**
-          * Add IgnorePlugin to fix react-dom/client import error when use react17
-          */
-          webpackChain: (chain, { webpack }) => {
-            if (!isReact18) {
-              chain.plugin("ignore-plugin").use(webpack.IgnorePlugin, [
-                {
-                  resourceRegExp: /^react-dom\/client$/,
-                  contextRegExp: /@modern-js\/runtime/
-                }
-              ]);
-            }
-          },
-          rspack: (_config, { appendPlugins, rspack }) => {
-            if (!isReact18) {
-              appendPlugins([
-                new rspack.IgnorePlugin({
-                  resourceRegExp: /^react-dom\/client$/,
-                  contextRegExp: /@modern-js\/runtime/
-                })
-              ]);
-            }
-          }
-        }
-      };
-    });
-    api.onBeforeRestart(() => {
-      cleanRequireCache([
-        require.resolve("../router/cli"),
-        require.resolve("./ssr")
-      ]);
-    });
-  }
-});
-var cli_default = runtimePlugin;
-export {
-  cli_default as default,
-  documentPlugin,
-  isRuntimeEntry2 as isRuntimeEntry,
-  routerPlugin,
-  runtimePlugin,
-  ssrPlugin
-};

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

@@ -1,119 +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 { Buffer as Buffer2 } from "buffer";
-import crypto from "crypto";
-import * as t from "@babel/types";
-import { get } from "@modern-js/utils/lodash";
-var require_babel_plugin_ssr_loader_id = __commonJS({
-  "src/cli/ssr/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();

package/dist/esm-node/cli/ssr/index.js

@@ -1,116 +0,0 @@
-import path from "path";
-import { LOADABLE_STATS_FILE, isUseSSRBundle } from "@modern-js/utils";
-const hasStringSSREntry = (userConfig) => {
-  const isStreaming = (ssr) => ssr && typeof ssr === "object" && ssr.mode === "stream";
-  const { server, output } = userConfig;
-  if (((server === null || server === void 0 ? void 0 : server.ssr) || output.ssg) && !isStreaming(server.ssr)) {
-    return true;
-  }
-  if ((server === null || server === void 0 ? void 0 : server.ssrByEntries) && typeof server.ssrByEntries === "object") {
-    for (const name of Object.keys(server.ssrByEntries)) {
-      if (server.ssrByEntries[name] && !isStreaming(server.ssrByEntries[name])) {
-        return true;
-      }
-    }
-  }
-  return false;
-};
-const checkUseStringSSR = (config) => {
-  const { output } = config;
-  return Boolean(output === null || output === void 0 ? void 0 : output.ssg) || hasStringSSREntry(config);
-};
-const ssrBuilderPlugin = (modernAPI) => ({
-  name: "@modern-js/builder-plugin-ssr",
-  setup(api) {
-    api.modifyEnvironmentConfig((config, { name, mergeEnvironmentConfig }) => {
-      var _userConfig_deploy_worker, _userConfig_deploy, _userConfig_server;
-      const isServerEnvironment = config.output.target === "node" || name === "workerSSR";
-      const userConfig = modernAPI.getNormalizedConfig();
-      const ssrEnv = ((_userConfig_deploy = userConfig.deploy) === null || _userConfig_deploy === void 0 ? void 0 : (_userConfig_deploy_worker = _userConfig_deploy.worker) === null || _userConfig_deploy_worker === void 0 ? void 0 : _userConfig_deploy_worker.ssr) || ((_userConfig_server = userConfig.server) === null || _userConfig_server === void 0 ? void 0 : _userConfig_server.rsc) ? "edge" : "node";
-      const useLoadablePlugin = isUseSSRBundle(userConfig) && !isServerEnvironment && checkUseStringSSR(userConfig);
-      return mergeEnvironmentConfig(config, {
-        source: {
-          define: {
-            "process.env.MODERN_TARGET": isServerEnvironment ? JSON.stringify("node") : JSON.stringify("browser"),
-            "process.env.MODERN_SSR_ENV": JSON.stringify(ssrEnv)
-          }
-        },
-        tools: {
-          bundlerChain: useLoadablePlugin ? (chain) => {
-            const LoadableBundlerPlugin = require("./loadable-bundler-plugin.js");
-            chain.plugin("loadable").use(LoadableBundlerPlugin, [
-              {
-                filename: LOADABLE_STATS_FILE
-              }
-            ]);
-          } : void 0
-        }
-      });
-    });
-  }
-});
-const ssrPlugin = () => ({
-  name: "@modern-js/plugin-ssr",
-  required: [
-    "@modern-js/runtime"
-  ],
-  setup: (api) => {
-    const appContext = api.getAppContext();
-    api.config(() => {
-      const { bundlerType = "webpack" } = api.getAppContext();
-      const babelHandler = (() => {
-        if (bundlerType === "webpack") {
-          return (config) => {
-            var _config_plugins;
-            const userConfig = api.getNormalizedConfig();
-            (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(path.join(__dirname, "./babel-plugin-ssr-loader-id"));
-            if (isUseSSRBundle(userConfig) && checkUseStringSSR(userConfig)) {
-              var _config_plugins1;
-              (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(require.resolve("@loadable/babel-plugin"));
-            }
-          };
-        } else if (bundlerType === "rspack") {
-          return (config) => {
-            const userConfig = api.useResolvedConfigContext();
-            if (isUseSSRBundle(userConfig) && checkUseStringSSR(userConfig)) {
-              var _config_plugins, _config_plugins1;
-              (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(path.join(__dirname, "./babel-plugin-ssr-loader-id"));
-              (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(require.resolve("@loadable/babel-plugin"));
-            }
-          };
-        }
-      })();
-      return {
-        builderPlugins: [
-          ssrBuilderPlugin(api)
-        ],
-        resolve: {
-          alias: {
-            // ensure that all packages use the same storage in @modern-js/runtime-utils/node
-            "@modern-js/runtime-utils/node$": require.resolve("@modern-js/runtime-utils/node").replace(`${path.sep}cjs${path.sep}`, `${path.sep}esm${path.sep}`)
-          }
-        },
-        tools: {
-          babel: babelHandler,
-          bundlerChain: (chain, { isServer }) => {
-            if (isServer && appContext.moduleType === "module") {
-              chain.output.libraryTarget("module").set("chunkFormat", "module");
-              chain.output.library({
-                type: "module"
-              });
-              chain.experiments({
-                ...chain.get("experiments"),
-                outputModule: true
-              });
-            }
-          }
-        }
-      };
-    });
-  }
-});
-var ssr_default = ssrPlugin;
-export {
-  ssr_default as default,
-  ssrPlugin
-};

package/dist/esm-node/cli/ssr/loadable-bundler-plugin.js

@@ -1,97 +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 path from "path";
-import { fs } from "@modern-js/utils";
-var require_loadable_bundler_plugin = __commonJS({
-  "src/cli/ssr/loadable-bundler-plugin.ts"(exports, module) {
-    class LoadablePlugin {
-      apply(compiler) {
-        this.compiler = compiler;
-        compiler.options.output.chunkLoadingGlobal = this.opts.chunkLoadingGlobal;
-        if (this.opts.outputAsset || this.opts.writeToDisk) {
-          compiler.hooks.make.tap(LoadablePlugin.name, (compilation) => {
-            compilation.hooks.processAssets.tap({
-              name: LoadablePlugin.name,
-              stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_REPORT
-            }, () => {
-              const asset = this.handleEmit(compilation);
-              if (asset) {
-                compilation.emitAsset(this.opts.filename, asset);
-              }
-            });
-          });
-        }
-      }
-      handleEmit(compilation) {
-        const stats = compilation.getStats().toJson({
-          all: false,
-          assets: true,
-          // rspack not support cachedAssets,
-          cachedAssets: true,
-          chunks: true,
-          chunkGroups: true,
-          entrypoints: true,
-          // rspack not support chunkGroupChildren.
-          chunkGroupChildren: true,
-          hash: true,
-          ids: true,
-          outputPath: true,
-          publicPath: true
-        });
-        const output = {
-          ...stats,
-          generator: "loadable-components",
-          chunks: [
-            ...stats.chunks || []
-          ].map((chunk) => {
-            return {
-              id: chunk.id,
-              files: [
-                ...chunk.files || []
-              ]
-            };
-          })
-        };
-        const result = JSON.stringify(output, null, 2);
-        if (this.opts.writeToDisk) {
-          this.writeAssetsFile(result);
-        }
-        if (this.opts.outputAsset) {
-          return {
-            source() {
-              return result;
-            },
-            size() {
-              return result.length;
-            }
-          };
-        }
-        return null;
-      }
-      writeAssetsFile(manifest) {
-        var _this_compiler;
-        const outputFolder = (_this_compiler = this.compiler) === null || _this_compiler === void 0 ? void 0 : _this_compiler.options.output.path;
-        const outputFile = path.resolve(outputFolder || "", this.opts.filename);
-        fs.outputFileSync(outputFile, manifest);
-      }
-      constructor({ filename = "loadable-stats.json", path: path2, writeToDisk, outputAsset = true, chunkLoadingGlobal = "__LOADABLE_LOADED_CHUNKS__" } = {
-        filename: "loadable-stats.json",
-        outputAsset: true,
-        chunkLoadingGlobal: "__LOADABLE_LOADED_CHUNKS__"
-      }) {
-        this.opts = {
-          filename,
-          path: path2,
-          writeToDisk,
-          outputAsset,
-          chunkLoadingGlobal
-        };
-        this.compiler = null;
-      }
-    }
-    module.exports = LoadablePlugin;
-  }
-});
-export default require_loadable_bundler_plugin();

package/dist/esm-node/common.js

@@ -1,8 +0,0 @@
-const isBrowser = () => typeof window !== "undefined" && window.name !== "nodejs";
-const JSX_SHELL_STREAM_END_MARK = "<!--<?- SHELL_STREAM_END ?>-->";
-const ESCAPED_SHELL_STREAM_END_MARK = "&lt;!--&lt;?- SHELL_STREAM_END ?&gt;--&gt;";
-export {
-  ESCAPED_SHELL_STREAM_END_MARK,
-  JSX_SHELL_STREAM_END_MARK,
-  isBrowser
-};

package/dist/esm-node/core/browser/hydrate.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { loadableReady } from "@loadable/component";
-import { RenderLevel } from "../constants";
-import { wrapRuntimeContextProvider } from "../react/wrapper";
-import { WithCallback } from "./withCallback";
-const isReact18 = () => process.env.IS_REACT18 === "true";
-function hydrateRoot(App, context, ModernRender, ModernHydrate) {
-  var _window__SSR_DATA, _window, _window__SSR_DATA1, _window1;
-  const hydrateContext = {
-    ...context,
-    get routes() {
-      return context.routes;
-    },
-    _hydration: true
-  };
-  const callback = () => {
-    delete hydrateContext._hydration;
-  };
-  const renderLevel = ((_window = window) === null || _window === void 0 ? void 0 : (_window__SSR_DATA = _window._SSR_DATA) === null || _window__SSR_DATA === void 0 ? void 0 : _window__SSR_DATA.renderLevel) || RenderLevel.CLIENT_RENDER;
-  const renderMode = ((_window1 = window) === null || _window1 === void 0 ? void 0 : (_window__SSR_DATA1 = _window1._SSR_DATA) === null || _window__SSR_DATA1 === void 0 ? void 0 : _window__SSR_DATA1.mode) || "string";
-  if (isReact18() && renderMode === "stream") {
-    return streamSSRHydrate();
-  }
-  function streamSSRHydrate() {
-    if (renderLevel === RenderLevel.SERVER_RENDER) {
-      const SSRApp = () => /* @__PURE__ */ _jsx(WithCallback, {
-        callback,
-        children: App
-      });
-      return ModernHydrate(wrapRuntimeContextProvider(/* @__PURE__ */ _jsx(SSRApp, {}), hydrateContext));
-    } else {
-      return ModernRender(wrapRuntimeContextProvider(App, context));
-    }
-  }
-  return stringSSRHydrate();
-  function stringSSRHydrate() {
-    if (renderLevel === RenderLevel.CLIENT_RENDER || renderLevel === RenderLevel.SERVER_PREFETCH) {
-      return ModernRender(wrapRuntimeContextProvider(App, context));
-    } else if (renderLevel === RenderLevel.SERVER_RENDER) {
-      return new Promise((resolve) => {
-        if (isReact18()) {
-          loadableReady(() => {
-            const SSRApp = () => /* @__PURE__ */ _jsx(WithCallback, {
-              callback,
-              children: App
-            });
-            ModernHydrate(wrapRuntimeContextProvider(/* @__PURE__ */ _jsx(SSRApp, {}), hydrateContext)).then((root) => {
-              resolve(root);
-            });
-          });
-        } else {
-          loadableReady(() => {
-            ModernHydrate(wrapRuntimeContextProvider(App, hydrateContext), callback).then((root) => {
-              resolve(root);
-            });
-          });
-        }
-      });
-    } else {
-      console.warn(`unknow render level: ${renderLevel}, execute render()`);
-      return ModernRender(wrapRuntimeContextProvider(App, context));
-    }
-  }
-}
-export {
-  hydrateRoot,
-  isReact18
-};

package/dist/esm-node/core/browser/index.js

@@ -1,128 +0,0 @@
-import cookieTool from "cookie";
-import { getGlobalAppInit, getGlobalInternalRuntimeContext } from "../context";
-import { getInitialContext } from "../context/runtime";
-import { createLoaderManager } from "../loader/loaderManager";
-import { wrapRuntimeContextProvider } from "../react/wrapper";
-import { hydrateRoot } from "./hydrate";
-const IS_REACT18 = process.env.IS_REACT18 === "true";
-const getQuery = () => window.location.search.substring(1).split("&").reduce((res, item) => {
-  const [key, value] = item.split("=");
-  if (key) {
-    res[key] = value;
-  }
-  return res;
-}, {});
-function getSSRData() {
-  var _ssrData_context, _ssrData_context1, _ssrRequest_headers;
-  const ssrData = window._SSR_DATA;
-  const ssrRequest = ssrData === null || ssrData === void 0 ? void 0 : (_ssrData_context = ssrData.context) === null || _ssrData_context === void 0 ? void 0 : _ssrData_context.request;
-  const finalSSRData = {
-    ...ssrData || {
-      renderLevel: 0,
-      mode: "string"
-    },
-    context: {
-      ...(ssrData === null || ssrData === void 0 ? void 0 : ssrData.context) || {},
-      request: {
-        ...(ssrData === null || ssrData === void 0 ? void 0 : (_ssrData_context1 = ssrData.context) === null || _ssrData_context1 === void 0 ? void 0 : _ssrData_context1.request) || {},
-        params: (ssrRequest === null || ssrRequest === void 0 ? void 0 : ssrRequest.params) || {},
-        host: (ssrRequest === null || ssrRequest === void 0 ? void 0 : ssrRequest.host) || location.host,
-        pathname: (ssrRequest === null || ssrRequest === void 0 ? void 0 : ssrRequest.pathname) || location.pathname,
-        headers: (ssrRequest === null || ssrRequest === void 0 ? void 0 : ssrRequest.headers) || {},
-        cookieMap: cookieTool.parse(document.cookie || "") || {},
-        cookie: document.cookie || "",
-        userAgent: (ssrRequest === null || ssrRequest === void 0 ? void 0 : (_ssrRequest_headers = ssrRequest.headers) === null || _ssrRequest_headers === void 0 ? void 0 : _ssrRequest_headers["user-agent"]) || navigator.userAgent,
-        referer: document.referrer,
-        query: {
-          ...getQuery(),
-          ...(ssrRequest === null || ssrRequest === void 0 ? void 0 : ssrRequest.query) || {}
-        },
-        url: location.href
-      }
-    }
-  };
-  return finalSSRData;
-}
-function isClientArgs(id) {
-  return typeof id === "undefined" || typeof id === "string" || typeof HTMLElement !== "undefined" && id instanceof HTMLElement;
-}
-async function render(App, id) {
-  const context = getInitialContext();
-  const runBeforeRender = async (context2) => {
-    const internalRuntimeContext = getGlobalInternalRuntimeContext();
-    const api = internalRuntimeContext.pluginAPI;
-    api.updateRuntimeContext(context2);
-    const hooks = internalRuntimeContext.hooks;
-    await hooks.onBeforeRender.call(context2);
-    const init = getGlobalAppInit();
-    return init === null || init === void 0 ? void 0 : init(context2);
-  };
-  if (isClientArgs(id)) {
-    var _ssrData_data, _ssrData_data1;
-    const ssrData = getSSRData();
-    const loadersData = ((_ssrData_data = ssrData.data) === null || _ssrData_data === void 0 ? void 0 : _ssrData_data.loadersData) || {};
-    const initialLoadersState = Object.keys(loadersData).reduce((res, key) => {
-      const loaderData = loadersData[key];
-      if ((loaderData === null || loaderData === void 0 ? void 0 : loaderData.loading) !== false) {
-        return res;
-      }
-      res[key] = loaderData;
-      return res;
-    }, {});
-    Object.assign(context, {
-      loaderManager: createLoaderManager(initialLoadersState, {
-        skipStatic: true
-      }),
-      // garfish plugin params
-      _internalRouterBaseName: App.props.basename,
-      ssrContext: ssrData.context
-    });
-    context.initialData = (_ssrData_data1 = ssrData.data) === null || _ssrData_data1 === void 0 ? void 0 : _ssrData_data1.initialData;
-    const initialData = await runBeforeRender(context);
-    if (initialData) {
-      context.initialData = initialData;
-    }
-    const rootElement = id && typeof id !== "string" ? id : document.getElementById(id || "root");
-    async function ModernRender(App2) {
-      const renderFunc = IS_REACT18 ? renderWithReact18 : renderWithReact17;
-      return renderFunc(App2, rootElement);
-    }
-    async function ModernHydrate(App2, callback) {
-      const hydrateFunc = IS_REACT18 ? hydrateWithReact18 : hydrateWithReact17;
-      return hydrateFunc(App2, rootElement, callback);
-    }
-    if (window._SSR_DATA) {
-      return hydrateRoot(App, context, ModernRender, ModernHydrate);
-    }
-    return ModernRender(wrapRuntimeContextProvider(App, context));
-  }
-  throw Error("`render` function needs id in browser environment, it needs to be string or element");
-}
-async function renderWithReact18(App, rootElement) {
-  const ReactDOM = await import("react-dom/client");
-  const root = ReactDOM.createRoot(rootElement);
-  root.render(App);
-  return root;
-}
-async function renderWithReact17(App, rootElement) {
-  const ReactDOM = await import("react-dom");
-  ReactDOM.render(App, rootElement);
-  return rootElement;
-}
-async function hydrateWithReact18(App, rootElement) {
-  const ReactDOM = await import("react-dom/client");
-  const root = ReactDOM.hydrateRoot(rootElement, App);
-  return root;
-}
-async function hydrateWithReact17(App, rootElement, callback) {
-  const ReactDOM = await import("react-dom");
-  const root = ReactDOM.hydrate(App, rootElement, callback);
-  return root;
-}
-export {
-  hydrateWithReact17,
-  hydrateWithReact18,
-  render,
-  renderWithReact17,
-  renderWithReact18
-};