@modern-js/plugin-data-loader 0.0.0-next-20221104140607

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

@@ -0,0 +1,241 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleRequest = exports.getPathWithoutEntry = exports.default = void 0;
+exports.isRedirectResponse = isRedirectResponse;
+exports.isResponse = isResponse;
+
+var _node = require("@remix-run/node");
+
+var _reactRouterDom = require("react-router-dom");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+// Polyfill Web Fetch API
+(0, _node.installGlobals)();
+const LOADER_SEARCH_PARAM = '_loader';
+const redirectStatusCodes = 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 _node.Response(JSON.stringify(data), _objectSpread(_objectSpread({}, responseInit), {}, {
+    headers
+  }));
+}; // TODO: 添加 context
+
+
+const callRouteLoader = async ({
+  routeId,
+  loader,
+  params,
+  request,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  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 = await loader({
+      request,
+      params
+    });
+  } catch (error) {
+    if (!isResponse(error)) {
+      throw error;
+    }
+
+    result = error;
+  }
+
+  if (result === undefined) {
+    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}`; // eslint-disable-next-line node/no-unsupported-features/node-builtins, node/prefer-global/url
+
+  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 = async (res, nodeResponse) => {
+  res.statusMessage = nodeResponse.statusText;
+  res.statusCode = nodeResponse.status;
+
+  for (const [key, value] of nodeResponse.headers.entries()) {
+    res.setHeader(key, value);
+  }
+
+  if (nodeResponse.body) {
+    await (0, _node.writeReadableStreamToWritable)(nodeResponse.body, res);
+  } else {
+    res.end();
+  }
+};
+
+const getPathWithoutEntry = (pathname, entryPath) => {
+  if (entryPath === '/') {
+    return pathname;
+  }
+
+  return pathname.replace(entryPath, '');
+};
+
+exports.getPathWithoutEntry = getPathWithoutEntry;
+
+const matchEntry = (pathname, entries) => {
+  return entries.find(entry => pathname.startsWith(entry.urlPath));
+};
+
+const handleRequest = async ({
+  context,
+  serverRoutes,
+  distDir
+}) => {
+  const {
+    method,
+    query
+  } = context;
+  const routeId = query[LOADER_SEARCH_PARAM];
+
+  if (!routeId || method.toLowerCase() !== 'get') {
+    return;
+  }
+
+  const entry = matchEntry(context.path, serverRoutes);
+
+  if (!entry) {
+    return;
+  }
+
+  const {
+    routes
+  } = await Promise.resolve(`${distDir}/loader-routes/${entry.entryName}`).then(s => _interopRequireWildcard(require(s)));
+
+  if (!routes) {
+    return;
+  }
+
+  const {
+    res
+  } = context;
+  const pathname = getPathWithoutEntry(context.path, entry.urlPath);
+  const matches = (0, _reactRouterDom.matchRoutes)(routes, pathname);
+
+  if (!matches) {
+    res.statusCode = 403;
+    res.end(`Route ${pathname} was not matched`);
+    return;
+  }
+
+  const match = matches === null || matches === void 0 ? void 0 : matches.find(match => match.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 = await callRouteLoader({
+      loader: match.route.loader,
+      routeId: match.route.id,
+      params: match.params,
+      request,
+      loadContext: {}
+    }); // TODO: 处理 redirect
+  } catch (error) {
+    const message = String(error);
+    response = new _node.Response(message, {
+      status: 500,
+      headers: {
+        'Content-Type': 'text/plain'
+      }
+    });
+  }
+
+  sendLoaderResponse(res, response);
+};
+
+exports.handleRequest = handleRequest;
+
+var _default = () => ({
+  name: '@modern-js/plugin-data-loader',
+  setup: () => ({
+    preparebeforeRouteHandler({
+      serverRoutes,
+      distDir
+    }) {
+      return async context => {
+        return handleRequest({
+          serverRoutes,
+          distDir,
+          context
+        });
+      };
+    }
+
+  })
+});
+
+exports.default = _default;

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

@@ -0,0 +1,67 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+// eslint-disable-next-line eslint-comments/disable-enable-pair
+
+/* eslint-disable node/prefer-global/url */
+// eslint-disable-next-line eslint-comments/disable-enable-pair
+
+/* eslint-disable node/no-unsupported-features/node-builtins */
+import { compile } from 'path-to-regexp';
+export var getRequestUrl = function getRequestUrl(_ref) {
+  var params = _ref.params,
+      request = _ref.request,
+      routeId = _ref.routeId;
+  var url = new URL(request.url);
+  var toPath = compile(url.pathname, {
+    encode: encodeURIComponent
+  });
+  var newPathName = toPath(params);
+  url.pathname = newPathName;
+  url.searchParams.append('_loader', routeId);
+  return url;
+};
+export var createRequest = function createRequest(routeId) {
+  var method = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'get';
+  return /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref2) {
+      var params, request, url, res;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              params = _ref2.params, request = _ref2.request;
+              url = getRequestUrl({
+                params: params,
+                request: request,
+                routeId: routeId
+              });
+              _context.prev = 2;
+              _context.next = 5;
+              return fetch(url, {
+                method: method,
+                signal: request.signal
+              });
+
+            case 5:
+              res = _context.sent;
+              return _context.abrupt("return", res);
+
+            case 9:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](2);
+              console.error(_context.t0);
+              throw _context.t0;
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 9]]);
+    }));
+
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+};

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

@@ -0,0 +1,13 @@
+import path from 'path';
+import { getRouteId } from '@modern-js/utils';
+export var generateClient = function generateClient(_ref) {
+  var basedir = _ref.basedir,
+      filename = _ref.filename;
+  // TODO: loader 的约定变更
+  var componentPath = path.join(path.dirname(filename), 'layout.ts');
+  var routeId = getRouteId(componentPath, basedir);
+  var requestCreatorPath = path.join(__dirname, './create-request').replace('node', 'treeshaking').replace(/\\/g, '/');
+  var importCode = "\n    import { createRequest } from '".concat(requestCreatorPath, "';\n  ");
+  var requestCode = "\n    const loader = createRequest('".concat(routeId, "');\n    export default loader;\n    export { loader };\n  ");
+  return "\n    ".concat(importCode, "\n    ").concat(requestCode, "\n  ");
+};

package/dist/js/treeshaking/cli/loader.js

@@ -0,0 +1,46 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+// eslint-disable-next-line eslint-comments/disable-enable-pair
+
+/* eslint-disable @babel/no-invalid-this */
+import { generateClient } from "./generate-client";
+export default function loader(_x) {
+  return _loader.apply(this, arguments);
+}
+
+function _loader() {
+  _loader = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(source) {
+    var _this$_compiler;
+
+    var target, options, code;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            this.cacheable();
+            target = (_this$_compiler = this._compiler) === null || _this$_compiler === void 0 ? void 0 : _this$_compiler.options.target;
+
+            if (!(target === 'node')) {
+              _context.next = 4;
+              break;
+            }
+
+            return _context.abrupt("return", source);
+
+          case 4:
+            options = this.getOptions();
+            code = generateClient({
+              basedir: options.routesDir,
+              filename: this.resourcePath
+            });
+            return _context.abrupt("return", code);
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, this);
+  }));
+  return _loader.apply(this, arguments);
+}