@modern-js/plugin-data-loader 2.35.1 → 2.35.2-alpha.0

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

@@ -1,36 +1,32 @@
 import path from "path";
-export const generateClient = ({ mapFile, loaderId }) => {
-  delete require.cache[mapFile];
-  const loadersMap = require(mapFile);
+const generateClient = ({ inline, action, routeId }) => {
   let requestCode = ``;
-  let exportsCode = ``;
   const requestCreatorPath = path.join(__dirname, "./createRequest").replace("/cjs/cli/", "/esm/cli/").replace(/\\/g, "/");
   const importCode = `
-    import { createRequest } from '${requestCreatorPath}';
+    import { createRequest, createActionRequest } from '${requestCreatorPath}';
   `;
-  if (!loaderId) {
-    requestCode = Object.keys(loadersMap).map((loaderId2) => {
-      const { routeId } = loadersMap[loaderId2];
-      return `
-      const ${loaderId2} = createRequest('${routeId}');
+  if (inline) {
+    if (action) {
+      requestCode = `
+      export const loader = createRequest('${routeId}');
+      export const action = createActionRequest('${routeId}')
+    `;
+    } else {
+      requestCode = `
+      export const loader = createRequest('${routeId}');
     `;
-    }).join("");
-    exportsCode = `export {`;
-    for (const loader of Object.keys(loadersMap)) {
-      exportsCode += `${loader},`;
     }
-    exportsCode += "}";
   } else {
-    const loader = loadersMap[loaderId];
     requestCode = `
-      const loader = createRequest('${loader.routeId}');
-    `;
-    exportsCode = `export default loader;`;
+    export default createRequest('${routeId}');
+  `;
   }
   const generatedCode = `
     ${importCode}
     ${requestCode}
-    ${exportsCode}
   `;
   return generatedCode;
 };
+export {
+  generateClient
+};

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

@@ -1,7 +1,7 @@
 import { promisify } from "util";
 import { logger } from "@modern-js/utils/logger";
 import { generateClient } from "./generateClient";
-export default async function loader(source) {
+async function loader(source) {
   var _this__compiler;
   this.cacheable();
   const target = (_this__compiler = this._compiler) === null || _this__compiler === void 0 ? void 0 : _this__compiler.options.target;
@@ -12,17 +12,14 @@ export default async function loader(source) {
     return source;
   }
   const { resourceQuery } = this;
-  const options = resourceQuery.slice(1).split("&").map((item) => {
-    return item.split("=");
-  }).reduce((pre, cur) => {
-    const [key, value] = cur;
-    if (!key || !value) {
-      return pre;
+  const options = resourceQuery.slice(1).split("&").reduce((pre, cur) => {
+    const [key, value] = cur.split("=");
+    if (key && value) {
+      pre[key] = value === "true" ? true : value === "false" ? false : value;
     }
-    pre[key] = value;
     return pre;
   }, {});
-  if (!options.mapFile) {
+  if (!options.loaderId) {
     return source;
   }
   if (options.clientData) {
@@ -38,8 +35,12 @@ export default async function loader(source) {
     }
   }
   const code = generateClient({
-    mapFile: options.mapFile,
-    loaderId: options.loaderId
+    inline: options.inline,
+    action: options.action,
+    routeId: options.routeId
   });
   return code;
 }
+export {
+  loader as default
+};

package/dist/esm-node/common/constants.js

@@ -1,3 +1,8 @@
-export const LOADER_ID_PARAM = "__loader";
-export const DIRECT_PARAM = "__ssrDirect";
-export const CONTENT_TYPE_DEFERRED = "text/modernjs-deferred";
+const LOADER_ID_PARAM = "__loader";
+const DIRECT_PARAM = "__ssrDirect";
+const CONTENT_TYPE_DEFERRED = "text/modernjs-deferred";
+export {
+  CONTENT_TYPE_DEFERRED,
+  DIRECT_PARAM,
+  LOADER_ID_PARAM
+};

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

@@ -15,10 +15,10 @@ const redirectStatusCodes = /* @__PURE__ */ new Set([
   307,
   308
 ]);
-export function isRedirectResponse(status) {
+function isRedirectResponse(status) {
   return redirectStatusCodes.has(status);
 }
-export function isResponse(value) {
+function isResponse(value) {
   return value != null && typeof value.status === "number" && typeof value.statusText === "string" && typeof value.headers === "object" && typeof value.body !== "undefined";
 }
 function convertModernRedirectResponse(headers, basename) {
@@ -49,7 +49,7 @@ const createLoaderHeaders = (requestHeaders) => {
   }
   return headers;
 };
-const createLoaderRequest = (context) => {
+const createRequest = (context) => {
   const origin = `${context.protocol}://${context.host}`;
   const url = new URL(context.url, origin);
   const controller = new AbortController();
@@ -58,7 +58,11 @@ const createLoaderRequest = (context) => {
     headers: createLoaderHeaders(context.headers),
     signal: controller.signal
   };
-  return new Request(url.href, init);
+  if (context.method.toUpperCase() !== "GET" && context.method !== "HEAD") {
+    init.body = context.req;
+  }
+  const request = new Request(url.href, init);
+  return request;
 };
 const sendLoaderResponse = async (res, nodeResponse) => {
   res.statusMessage = nodeResponse.statusText;
@@ -72,16 +76,13 @@ const sendLoaderResponse = async (res, nodeResponse) => {
     res.end();
   }
 };
-export const handleRequest = async ({ context, serverRoutes, routes: routesConfig }) => {
-  const { method, query } = context;
+const handleRequest = async ({ context, serverRoutes, routes: routesConfig }) => {
+  const { query } = context;
   const routeId = query[LOADER_ID_PARAM];
   const entry = matchEntry(context.path, serverRoutes);
   if (!routeId || !entry) {
     return;
   }
-  if (method.toLowerCase() !== "get") {
-    throw new Error("CSR data loader request only support http GET method");
-  }
   const basename = entry.urlPath;
   const end = time();
   const { res, logger, reporter } = context;
@@ -89,7 +90,7 @@ export const handleRequest = async ({ context, serverRoutes, routes: routesConfi
   const { queryRoute } = createStaticHandler(routes, {
     basename
   });
-  const request = createLoaderRequest(context);
+  const request = createRequest(context);
   const requestContext = createRequestContext();
   requestContext.set(reporterCtx, reporter);
   let response;
@@ -124,7 +125,11 @@ export const handleRequest = async ({ context, serverRoutes, routes: routesConfi
     }
   } catch (error) {
     const message = error instanceof ErrorResponse ? error.data : String(error);
-    logger === null || logger === void 0 ? void 0 : logger.error(message);
+    if (error instanceof Error) {
+      logger === null || logger === void 0 ? void 0 : logger.error(error);
+    } else {
+      logger === null || logger === void 0 ? void 0 : logger.error(message);
+    }
     response = new NodeResponse(message, {
       status: 500,
       headers: {
@@ -136,3 +141,8 @@ export const handleRequest = async ({ context, serverRoutes, routes: routesConfi
   reporter.reportTiming(`${LOADER_REPORTER_NAME}-navigation`, cost);
   await sendLoaderResponse(res, response);
 };
+export {
+  handleRequest,
+  isRedirectResponse,
+  isResponse
+};

package/dist/esm-node/runtime/response.js

@@ -4,7 +4,7 @@ function isTrackedPromise(value) {
   return value != null && typeof value.then === "function" && value._tracked === true;
 }
 const DEFERRED_VALUE_PLACEHOLDER_PREFIX = "__deferred_promise:";
-export function createDeferredReadableStream(deferredData, signal) {
+function createDeferredReadableStream(deferredData, signal) {
   const encoder = new TextEncoder();
   const stream = new ReadableStream({
     async start(controller) {
@@ -58,3 +58,6 @@ function enqueueTrackedPromise(controller, encoder, settledKey, promise) {
 `));
   }
 }
+export {
+  createDeferredReadableStream
+};

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

@@ -2,7 +2,7 @@ import path from "path";
 import fs from "fs";
 import { MAIN_ENTRY_NAME, SERVER_BUNDLE_DIRECTORY } from "@modern-js/utils";
 import { matchEntry } from "@modern-js/runtime-utils/node";
-export default () => ({
+var server_default = () => ({
   name: "@modern-js/plugin-data-loader",
   setup: () => ({
     prepareLoaderHandler({ serverRoutes, distDir }) {
@@ -28,3 +28,6 @@ export default () => ({
     }
   })
 });
+export {
+  server_default as default
+};

package/dist/js/modern/cli/create-request.js

@@ -0,0 +1,66 @@
+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 { compile } from "path-to-regexp";
+import { redirect } from "react-router-dom";
+import { LOADER_ID_PARAM, DIRECT_PARAM } from "../common/constants";
+const getRequestUrl = ({
+  params,
+  request,
+  routeId
+}) => {
+  const url = new URL(request.url);
+  const toPath = compile(url.pathname, {
+    encode: encodeURIComponent
+  });
+  const newPathName = toPath(params);
+  url.pathname = newPathName;
+  url.searchParams.append(LOADER_ID_PARAM, routeId);
+  url.searchParams.append(DIRECT_PARAM, "true");
+  return url;
+};
+const handleRedirectResponse = (res) => {
+  const { headers } = res;
+  const location = headers.get("X-Modernjs-Redirect");
+  if (location) {
+    return redirect(location);
+  }
+  return res;
+};
+const createRequest = (routeId, method = "get") => {
+  return (_0) => __async(void 0, [_0], function* ({
+    params,
+    request
+  }) {
+    const url = getRequestUrl({ params, request, routeId });
+    const res = yield fetch(url, {
+      method,
+      signal: request.signal
+    });
+    if (!res.ok) {
+      throw res;
+    }
+    return handleRedirectResponse(res);
+  });
+};
+export {
+  createRequest,
+  getRequestUrl
+};

package/dist/js/modern/cli/generate-client.js

@@ -0,0 +1,42 @@
+import path from "path";
+const generateClient = ({
+  mapFile,
+  loaderId
+}) => {
+  delete require.cache[mapFile];
+  const loadersMap = require(mapFile);
+  let requestCode = ``;
+  let exportsCode = ``;
+  const requestCreatorPath = path.join(__dirname, "./create-request").replace("/node/cli/", "/treeshaking/cli/").replace(/\\/g, "/");
+  const importCode = `
+    import { createRequest } from '${requestCreatorPath}';
+  `;
+  if (!loaderId) {
+    requestCode = Object.keys(loadersMap).map((loaderId2) => {
+      const { routeId } = loadersMap[loaderId2];
+      return `
+      const ${loaderId2} = createRequest('${routeId}');
+    `;
+    }).join("");
+    exportsCode = `export {`;
+    for (const loader of Object.keys(loadersMap)) {
+      exportsCode += `${loader},`;
+    }
+    exportsCode += "}";
+  } else {
+    const loader = loadersMap[loaderId];
+    requestCode = `
+      const loader = createRequest('${loader.routeId}');
+    `;
+    exportsCode = `export default loader;`;
+  }
+  const generatedCode = `
+    ${importCode}
+    ${requestCode}
+    ${exportsCode}
+  `;
+  return generatedCode;
+};
+export {
+  generateClient
+};

package/dist/js/modern/cli/loader.js

@@ -0,0 +1,40 @@
+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 { generateClient } from "./generate-client";
+function loader(source) {
+  return __async(this, null, function* () {
+    var _a;
+    this.cacheable();
+    const target = (_a = this._compiler) == null ? void 0 : _a.options.target;
+    if (target === "node") {
+      return source;
+    }
+    const options = this.getOptions();
+    const code = generateClient({
+      mapFile: options.mapFile,
+      loaderId: options.loaderId
+    });
+    return code;
+  });
+}
+export {
+  loader as default
+};

package/dist/js/modern/common/constants.js

@@ -0,0 +1,6 @@
+const LOADER_ID_PARAM = "__loader";
+const DIRECT_PARAM = "__ssrDirect";
+export {
+  DIRECT_PARAM,
+  LOADER_ID_PARAM
+};

package/dist/js/modern/server/index.js

@@ -0,0 +1,237 @@
+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 path from "path";
+import {
+  installGlobals,
+  writeReadableStreamToWritable,
+  Response as NodeResponse
+} from "@remix-run/node";
+import {
+  matchRoutes
+} from "react-router-dom";
+import { MAIN_ENTRY_NAME, SERVER_BUNDLE_DIRECTORY } from "@modern-js/utils";
+import { LOADER_ID_PARAM } from "../common/constants";
+installGlobals();
+const redirectStatusCodes = /* @__PURE__ */ new Set([301, 302, 303, 307, 308]);
+function isRedirectResponse(response) {
+  return redirectStatusCodes.has(response.status);
+}
+function isResponse(value) {
+  return value != null && typeof value.status === "number" && typeof value.statusText === "string" && typeof value.headers === "object" && typeof value.body !== "undefined";
+}
+const json = (data, init = {}) => {
+  const responseInit = typeof init === "number" ? { status: init } : init;
+  const headers = new Headers(responseInit.headers);
+  if (!headers.has("Content-Type")) {
+    headers.set("Content-Type", "application/json; charset=utf-8");
+  }
+  return new NodeResponse(JSON.stringify(data), __spreadProps(__spreadValues({}, responseInit), {
+    headers
+  }));
+};
+const callRouteLoader = (_0) => __async(void 0, [_0], function* ({
+  routeId,
+  loader,
+  params,
+  request,
+  loadContext
+}) {
+  if (!loader) {
+    throw new Error(
+      `You made a ${request.method} request to ${request.url} but did not provide a default component or \`loader\` for route "${routeId}", so there is no way to handle the request.`
+    );
+  }
+  let result;
+  try {
+    result = yield loader({
+      request,
+      params
+    });
+  } catch (error) {
+    if (!isResponse(error)) {
+      throw error;
+    }
+    result = error;
+  }
+  if (result === void 0) {
+    throw new Error(
+      `You defined a loader for route "${routeId}" but didn't return anything from your \`loader\` function. Please return a value or \`null\`.`
+    );
+  }
+  return isResponse(result) ? result : json(result);
+});
+const createLoaderHeaders = (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;
+};
+const createLoaderRequest = (context) => {
+  const origin = `${context.protocol}://${context.host}`;
+  const url = new URL(context.url, origin);
+  const controller = new AbortController();
+  const init = {
+    method: context.method,
+    headers: createLoaderHeaders(context.headers),
+    signal: controller.signal
+  };
+  return new Request(url.href, init);
+};
+const sendLoaderResponse = (res, nodeResponse) => __async(void 0, null, function* () {
+  res.statusMessage = nodeResponse.statusText;
+  res.statusCode = nodeResponse.status;
+  for (const [key, value] of nodeResponse.headers.entries()) {
+    res.setHeader(key, value);
+  }
+  if (nodeResponse.body) {
+    yield writeReadableStreamToWritable(nodeResponse.body, res);
+  } else {
+    res.end();
+  }
+});
+const getPathWithoutEntry = (pathname, entryPath) => {
+  if (entryPath === "/") {
+    return pathname;
+  }
+  return pathname.replace(entryPath, "");
+};
+const matchEntry = (pathname, entries) => {
+  return entries.find((entry) => pathname.startsWith(entry.urlPath));
+};
+const handleRequest = (_0) => __async(void 0, [_0], function* ({
+  context,
+  serverRoutes,
+  distDir
+}) {
+  const { method, query } = context;
+  const routeId = query[LOADER_ID_PARAM];
+  if (!routeId || method.toLowerCase() !== "get") {
+    return;
+  }
+  const entry = matchEntry(context.path, serverRoutes);
+  if (!entry) {
+    return;
+  }
+  const routesPath = path.join(
+    distDir,
+    SERVER_BUNDLE_DIRECTORY,
+    `${entry.entryName || MAIN_ENTRY_NAME}-server-loaders`
+  );
+  const { routes } = yield import(routesPath);
+  if (!routes) {
+    return;
+  }
+  const { res } = context;
+  const pathname = getPathWithoutEntry(context.path, entry.urlPath);
+  const matches = matchRoutes(routes, pathname);
+  if (!matches) {
+    res.statusCode = 403;
+    res.end(`Route ${pathname} was not matched`);
+    return;
+  }
+  const match = matches == null ? void 0 : matches.find((match2) => match2.route.id === routeId);
+  if (!match) {
+    res.statusCode = 403;
+    res.end(`Route ${routeId} does not match URL ${context.path}`);
+    return;
+  }
+  const request = createLoaderRequest(context);
+  let response;
+  try {
+    response = yield callRouteLoader({
+      loader: match.route.loader,
+      routeId: match.route.id,
+      params: match.params,
+      request,
+      loadContext: {}
+    });
+    if (isRedirectResponse(response)) {
+      const headers = new Headers(response.headers);
+      headers.set("X-Modernjs-Redirect", headers.get("Location"));
+      headers.delete("Location");
+      response = new NodeResponse(null, {
+        status: 204,
+        headers
+      });
+    }
+  } catch (error) {
+    const message = String(error);
+    response = new NodeResponse(message, {
+      status: 500,
+      headers: {
+        "Content-Type": "text/plain"
+      }
+    });
+  }
+  sendLoaderResponse(res, response);
+});
+var server_default = () => ({
+  name: "@modern-js/plugin-data-loader",
+  setup: () => ({
+    preparebeforeRouteHandler({
+      serverRoutes,
+      distDir
+    }) {
+      return (context) => __async(this, null, function* () {
+        return handleRequest({
+          serverRoutes,
+          distDir,
+          context
+        });
+      });
+    }
+  })
+});
+export {
+  server_default as default,
+  getPathWithoutEntry,
+  handleRequest,
+  isRedirectResponse,
+  isResponse
+};