@modern-js/runtime 2.22.1 → 2.22.2-alpha.1

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

@@ -0,0 +1,212 @@
+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/server.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var server_exports = {};
+module.exports = __toCommonJS(server_exports);
+__reExport(server_exports, require("react-router-dom/server"), module.exports);

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

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 types_exports = {};
+module.exports = __toCommonJS(types_exports);

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

@@ -0,0 +1,221 @@
+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
+});

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

@@ -0,0 +1,57 @@
+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 __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 withRouter_exports = {};
+__export(withRouter_exports, {
+  withRouter: () => withRouter
+});
+module.exports = __toCommonJS(withRouter_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_router_dom = require("react-router-dom");
+const withRouter = (Component) => {
+  return (props) => {
+    const location = (0, import_react_router_dom.useLocation)();
+    const params = (0, import_react_router_dom.useParams)();
+    const navigate = (0, import_react_router_dom.useNavigate)();
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadProps(__spreadValues({}, props), {
+      location,
+      params,
+      navigate
+    }));
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  withRouter
+});

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

@@ -0,0 +1,31 @@
+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 runtime_context_exports = {};
+__export(runtime_context_exports, {
+  RuntimeReactContext: () => RuntimeReactContext,
+  ServerRouterContext: () => ServerRouterContext
+});
+module.exports = __toCommonJS(runtime_context_exports);
+var import_react = require("react");
+const RuntimeReactContext = (0, import_react.createContext)({});
+const ServerRouterContext = (0, import_react.createContext)({});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RuntimeReactContext,
+  ServerRouterContext
+});

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

@@ -0,0 +1,139 @@
+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 __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 import_crypto = __toESM(require("crypto"));
+var import_buffer = require("buffer");
+var t = __toESM(require("@babel/types"));
+var import_lodash = require("@modern-js/utils/lodash");
+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 = import_buffer.Buffer.from(relativePath);
+  const fsHash = import_crypto.default.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 = (0, import_lodash.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 ((0, import_lodash.get)(node.callee.body, "body.0.declarations.0.id.name") === "innerLoader" && (0, import_lodash.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((0, import_lodash.get)(path, "node.source.value"))) {
+          return false;
+        }
+        hash = getHash(state.file.opts.filename);
+        (0, import_lodash.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;
+      }
+    }
+  };
+};