@modern-js/prod-server 2.33.1 → 2.34.1-alpha.1

package/dist/cjs/libs/preload/flushServerHeader.js

@@ -2,49 +2,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-function _export(target, all) {
-  for (var name in all)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name]
-    });
-}
-_export(exports, {
-  transformToRegExp: function() {
-    return transformToRegExp;
-  },
-  shouldFlushServerHeader: function() {
-    return shouldFlushServerHeader;
-  },
-  flushServerHeader: function() {
+Object.defineProperty(exports, "flushServerHeader", {
+  enumerable: true,
+  get: function() {
     return flushServerHeader;
   }
 });
 const _parseLinks = require("./parseLinks");
 const _transformLinks2String = require("./transformLinks2String");
-function transformToRegExp(input) {
-  if (typeof input === "string") {
-    return new RegExp(input);
-  }
-  return input;
-}
-function shouldFlushServerHeader(serverConf, userAgent, disablePreload) {
-  const { ssr: ssrConf } = serverConf || {};
-  if (disablePreload) {
-    return false;
-  }
-  if (typeof ssrConf === "object" && ssrConf.preload) {
-    if (typeof ssrConf.preload === "object") {
-      const { userAgentFilter } = ssrConf.preload;
-      if (userAgentFilter && userAgent) {
-        return !transformToRegExp(userAgentFilter).test(userAgent);
-      }
-      return true;
-    }
-    return true;
-  }
-  return false;
-}
 async function flushServerHeader({ serverConf, ctx, distDir, template, headers }) {
   const { ssr: ssrConf } = serverConf || {};
   if (typeof ssrConf !== "object") {

package/dist/cjs/libs/preload/shouldFlushServerHeader.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name]
+    });
+}
+_export(exports, {
+  transformToRegExp: function() {
+    return transformToRegExp;
+  },
+  shouldFlushServerHeader: function() {
+    return shouldFlushServerHeader;
+  }
+});
+function transformToRegExp(input) {
+  if (typeof input === "string") {
+    return new RegExp(input);
+  }
+  return input;
+}
+function shouldFlushServerHeader(serverConf, userAgent, disablePreload) {
+  const { ssr: ssrConf } = serverConf || {};
+  if (disablePreload) {
+    return false;
+  }
+  if (typeof ssrConf === "object" && ssrConf.preload) {
+    if (typeof ssrConf.preload === "object") {
+      const { userAgentFilter } = ssrConf.preload;
+      if (userAgentFilter && userAgent) {
+        return !transformToRegExp(userAgentFilter).test(userAgent);
+      }
+      return true;
+    }
+    return true;
+  }
+  return false;
+}

package/dist/cjs/libs/preload/transformLinks2String.js

@@ -8,116 +8,127 @@ Object.defineProperty(exports, "transformLinks2String", {
     return transformLinks2String;
   }
 });
-const _flushServerHeader = require("./flushServerHeader");
+const _shouldFlushServerHeader = require("./shouldFlushServerHeader");
 function transformLinks2String(links, preload) {
   if (typeof preload === "boolean") {
-    return dedup(links).map(({ uri, as }) => as ? `<${uri}>; rel=preload; as=${as}` : `<${uri}>; rel=preload`).join(", ");
+    return transformLinkToString(dedup(links));
   }
   const { include, exclude, attributes } = preload;
-  const resolveLinks = addAttributes(dedup(removeExclude(addInclude(links, include), exclude)), attributes);
-  return resolveLinks.join(", ");
-  function addInclude(links2, include2) {
-    var _include;
-    const images = [
-      "gif",
-      "jpg",
-      "jpeg",
-      "png",
-      "webp",
-      "bmp",
-      "tiff",
-      "anpg",
-      "ico"
-    ];
-    const videos = [
-      "mp4",
-      "webm",
-      "ogm",
-      "ogv",
-      "ogg"
-    ];
-    const fonts = [
-      "woff",
-      "woff2",
-      "eot",
-      "ttf",
-      "otf"
-    ];
-    const includes = ((_include = include2) === null || _include === void 0 ? void 0 : _include.map((item) => {
-      if (typeof item === "string") {
-        const type = (() => {
-          if (item.endsWith(".js")) {
-            return "script";
-          }
-          if (item.endsWith(".css")) {
-            return "style";
-          }
-          if (images.some((image) => item.endsWith(`.${image}`))) {
-            return "image";
-          }
-          if (videos.some((video) => item.endsWith(`.${video}`))) {
-            return "video";
-          }
-          if (fonts.some((font) => item.endsWith(`.${font}`))) {
-            return "font";
-          }
-        })();
-        return {
-          uri: item,
-          as: type
-        };
-      }
+  const resolveLinks = transformLinkToString(addAttributes(dedup(removeExclude(addInclude(links, include), exclude)), attributes));
+  return resolveLinks;
+}
+function addInclude(links, include) {
+  var _include;
+  const images = [
+    "gif",
+    "jpg",
+    "jpeg",
+    "png",
+    "webp",
+    "bmp",
+    "tiff",
+    "anpg",
+    "ico"
+  ];
+  const videos = [
+    "mp4",
+    "webm",
+    "ogm",
+    "ogv",
+    "ogg"
+  ];
+  const fonts = [
+    "woff",
+    "woff2",
+    "eot",
+    "ttf",
+    "otf"
+  ];
+  const includes = ((_include = include) === null || _include === void 0 ? void 0 : _include.map((item) => {
+    if (typeof item === "string") {
+      const type = (() => {
+        if (item.endsWith(".js")) {
+          return "script";
+        }
+        if (item.endsWith(".css")) {
+          return "style";
+        }
+        if (images.some((image) => item.endsWith(`.${image}`))) {
+          return "image";
+        }
+        if (videos.some((video) => item.endsWith(`.${video}`))) {
+          return "video";
+        }
+        if (fonts.some((font) => item.endsWith(`.${font}`))) {
+          return "font";
+        }
+      })();
       return {
-        uri: item.url,
-        as: item.type
+        uri: item,
+        as: type
       };
-    })) || [];
-    return links2.concat(includes);
-  }
-  function removeExclude(links2, exclude2) {
-    return exclude2 ? links2.filter(({ uri }) => !(0, _flushServerHeader.transformToRegExp)(exclude2).test(uri)) : links2;
-  }
-  function addAttributes(links2, attributes2) {
-    const parseAttributes = (_attributes) => {
-      return Object.entries(_attributes || {}).reduce((results, [key, value]) => {
-        if (typeof value === "boolean") {
-          value && results.push(`; ${key}`);
-          return results;
-        }
-        results.push(`; ${key}=${value}`);
-        return results;
-      }, []).join("");
+    }
+    return {
+      uri: item.url,
+      as: item.as,
+      rel: item.rel
     };
-    return links2.map(({ uri, as }) => {
-      if (as) {
-        const attributesStr = (() => {
-          const { style, script, image, font } = attributes2 || {};
-          switch (as) {
-            case "script":
-              return parseAttributes(script);
-            case "style":
-              return parseAttributes(style);
-            case "image":
-              return parseAttributes(image);
-            case "font":
-              return parseAttributes(font);
-            default:
-              return "";
-          }
-        })();
-        return `<${uri}>; rel=preload; as=${as}${attributesStr}`;
-      }
-      return `<${uri}>; rel=preload`;
-    });
-  }
-  function dedup(links2) {
-    const set = /* @__PURE__ */ new Set();
-    return links2.filter(({ uri }) => {
-      if (set.has(uri)) {
-        return false;
+  })) || [];
+  return links.concat(includes);
+}
+function removeExclude(links, exclude) {
+  return exclude ? links.filter(({ uri }) => !(0, _shouldFlushServerHeader.transformToRegExp)(exclude).test(uri)) : links;
+}
+function addAttributes(links, attributes) {
+  const parseAttributes = (_attributes) => {
+    return Object.entries(_attributes || {}).reduce((results, [key, value]) => {
+      if (typeof value === "boolean") {
+        value && results.push(`; ${key}`);
+        return results;
       }
-      set.add(uri);
-      return true;
-    });
-  }
+      results.push(`; ${key}=${value}`);
+      return results;
+    }, []).join("");
+  };
+  return links.map((link) => {
+    const { as } = link;
+    if (as) {
+      const attributesStr = (() => {
+        const { style, script, image, font } = attributes || {};
+        switch (as) {
+          case "script":
+            return parseAttributes(script);
+          case "style":
+            return parseAttributes(style);
+          case "image":
+            return parseAttributes(image);
+          case "font":
+            return parseAttributes(font);
+          default:
+            return "";
+        }
+      })();
+      return {
+        ...link,
+        rest: attributesStr
+      };
+    }
+    return link;
+  });
+}
+function dedup(links) {
+  const set = /* @__PURE__ */ new Set();
+  return links.filter(({ uri }) => {
+    if (set.has(uri)) {
+      return false;
+    }
+    set.add(uri);
+    return true;
+  });
+}
+function transformLinkToString(links) {
+  return links.map(({ uri, as, rel: originalRel, rest }) => {
+    const rel = originalRel || "preload";
+    return as ? `<${uri}>; rel=${rel}; as=${as}${rest || ""}` : `<${uri}>; rel=${rel}${rest || ""}`;
+  }).join(", ");
 }

package/dist/cjs/libs/render/index.js

@@ -13,7 +13,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _path = /* @__PURE__ */ _interop_require_default._(require("path"));
 const _utils = require("@modern-js/utils");
 const _constants = require("../../constants");
-const _preload = require("../preload");
+const _shouldFlushServerHeader = require("../preload/shouldFlushServerHeader");
 const _static = require("./static");
 const _reader = require("./reader");
 const _ssr = /* @__PURE__ */ _interop_require_wildcard._(require("./ssr"));
@@ -38,8 +38,9 @@ const createRenderHandler = ({ distDir, staticGenerate, conf, forceCSR, nonce, s
     try {
       const userAgent = ctx.getReqHeader("User-Agent");
       const disablePreload = Boolean(ctx.headers[`x-${(0, _utils.cutNameByHyphen)(metaName)}-disable-preload`]);
-      if ((0, _preload.shouldFlushServerHeader)(conf.server, userAgent, disablePreload)) {
-        (0, _preload.flushServerHeader)({
+      if ((0, _shouldFlushServerHeader.shouldFlushServerHeader)(conf.server, userAgent, disablePreload)) {
+        const { flushServerHeader } = await Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("../preload")));
+        flushServerHeader({
           serverConf: conf.server,
           ctx,
           distDir,

package/dist/esm/libs/preload/flushServerHeader.js

@@ -2,29 +2,6 @@ import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { parseLinks } from "./parseLinks";
 import { transformLinks2String } from "./transformLinks2String";
-export function transformToRegExp(input) {
-  if (typeof input === "string") {
-    return new RegExp(input);
-  }
-  return input;
-}
-export function shouldFlushServerHeader(serverConf, userAgent, disablePreload) {
-  var _ref = serverConf || {}, ssrConf = _ref.ssr;
-  if (disablePreload) {
-    return false;
-  }
-  if (typeof ssrConf === "object" && ssrConf.preload) {
-    if (typeof ssrConf.preload === "object") {
-      var userAgentFilter = ssrConf.preload.userAgentFilter;
-      if (userAgentFilter && userAgent) {
-        return !transformToRegExp(userAgentFilter).test(userAgent);
-      }
-      return true;
-    }
-    return true;
-  }
-  return false;
-}
 export function flushServerHeader(_) {
   return _flushServerHeader.apply(this, arguments);
 }

package/dist/esm/libs/preload/shouldFlushServerHeader.js

@@ -0,0 +1,23 @@
+export function transformToRegExp(input) {
+  if (typeof input === "string") {
+    return new RegExp(input);
+  }
+  return input;
+}
+export function shouldFlushServerHeader(serverConf, userAgent, disablePreload) {
+  var _ref = serverConf || {}, ssrConf = _ref.ssr;
+  if (disablePreload) {
+    return false;
+  }
+  if (typeof ssrConf === "object" && ssrConf.preload) {
+    if (typeof ssrConf.preload === "object") {
+      var userAgentFilter = ssrConf.preload.userAgentFilter;
+      if (userAgentFilter && userAgent) {
+        return !transformToRegExp(userAgentFilter).test(userAgent);
+      }
+      return true;
+    }
+    return true;
+  }
+  return false;
+}

package/dist/esm/libs/preload/transformLinks2String.js

@@ -1,129 +1,138 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import { transformToRegExp } from "./flushServerHeader";
+import { transformToRegExp } from "./shouldFlushServerHeader";
 export function transformLinks2String(links, preload) {
-  var addInclude = function addInclude2(links2, include2) {
-    var _include;
-    var images = [
-      "gif",
-      "jpg",
-      "jpeg",
-      "png",
-      "webp",
-      "bmp",
-      "tiff",
-      "anpg",
-      "ico"
-    ];
-    var videos = [
-      "mp4",
-      "webm",
-      "ogm",
-      "ogv",
-      "ogg"
-    ];
-    var fonts = [
-      "woff",
-      "woff2",
-      "eot",
-      "ttf",
-      "otf"
-    ];
-    var includes = ((_include = include2) === null || _include === void 0 ? void 0 : _include.map(function(item) {
-      if (typeof item === "string") {
-        var type = function() {
-          if (item.endsWith(".js")) {
-            return "script";
-          }
-          if (item.endsWith(".css")) {
-            return "style";
-          }
-          if (images.some(function(image) {
-            return item.endsWith(".".concat(image));
-          })) {
-            return "image";
-          }
-          if (videos.some(function(video) {
-            return item.endsWith(".".concat(video));
-          })) {
-            return "video";
-          }
-          if (fonts.some(function(font) {
-            return item.endsWith(".".concat(font));
-          })) {
-            return "font";
-          }
-        }();
-        return {
-          uri: item,
-          as: type
-        };
-      }
+  if (typeof preload === "boolean") {
+    return transformLinkToString(dedup(links));
+  }
+  var include = preload.include, exclude = preload.exclude, attributes = preload.attributes;
+  var resolveLinks = transformLinkToString(addAttributes(dedup(removeExclude(addInclude(links, include), exclude)), attributes));
+  return resolveLinks;
+}
+function addInclude(links, include) {
+  var _include;
+  var images = [
+    "gif",
+    "jpg",
+    "jpeg",
+    "png",
+    "webp",
+    "bmp",
+    "tiff",
+    "anpg",
+    "ico"
+  ];
+  var videos = [
+    "mp4",
+    "webm",
+    "ogm",
+    "ogv",
+    "ogg"
+  ];
+  var fonts = [
+    "woff",
+    "woff2",
+    "eot",
+    "ttf",
+    "otf"
+  ];
+  var includes = ((_include = include) === null || _include === void 0 ? void 0 : _include.map(function(item) {
+    if (typeof item === "string") {
+      var type = function() {
+        if (item.endsWith(".js")) {
+          return "script";
+        }
+        if (item.endsWith(".css")) {
+          return "style";
+        }
+        if (images.some(function(image) {
+          return item.endsWith(".".concat(image));
+        })) {
+          return "image";
+        }
+        if (videos.some(function(video) {
+          return item.endsWith(".".concat(video));
+        })) {
+          return "video";
+        }
+        if (fonts.some(function(font) {
+          return item.endsWith(".".concat(font));
+        })) {
+          return "font";
+        }
+      }();
       return {
-        uri: item.url,
-        as: item.type
+        uri: item,
+        as: type
       };
-    })) || [];
-    return links2.concat(includes);
-  };
-  var removeExclude = function removeExclude2(links2, exclude2) {
-    return exclude2 ? links2.filter(function(param) {
-      var uri = param.uri;
-      return !transformToRegExp(exclude2).test(uri);
-    }) : links2;
-  };
-  var addAttributes = function addAttributes2(links2, attributes2) {
-    var parseAttributes = function(_attributes) {
-      return Object.entries(_attributes || {}).reduce(function(results, param) {
-        var _param = _sliced_to_array(param, 2), key = _param[0], value = _param[1];
-        if (typeof value === "boolean") {
-          value && results.push("; ".concat(key));
-          return results;
-        }
-        results.push("; ".concat(key, "=").concat(value));
-        return results;
-      }, []).join("");
+    }
+    return {
+      uri: item.url,
+      as: item.as,
+      rel: item.rel
     };
-    return links2.map(function(param) {
-      var uri = param.uri, as = param.as;
-      if (as) {
-        var attributesStr = function() {
-          var _ref = attributes2 || {}, style = _ref.style, script = _ref.script, image = _ref.image, font = _ref.font;
-          switch (as) {
-            case "script":
-              return parseAttributes(script);
-            case "style":
-              return parseAttributes(style);
-            case "image":
-              return parseAttributes(image);
-            case "font":
-              return parseAttributes(font);
-            default:
-              return "";
-          }
-        }();
-        return "<".concat(uri, ">; rel=preload; as=").concat(as).concat(attributesStr);
-      }
-      return "<".concat(uri, ">; rel=preload");
-    });
-  };
-  var dedup = function dedup2(links2) {
-    var set = /* @__PURE__ */ new Set();
-    return links2.filter(function(param) {
-      var uri = param.uri;
-      if (set.has(uri)) {
-        return false;
+  })) || [];
+  return links.concat(includes);
+}
+function removeExclude(links, exclude) {
+  return exclude ? links.filter(function(param) {
+    var uri = param.uri;
+    return !transformToRegExp(exclude).test(uri);
+  }) : links;
+}
+function addAttributes(links, attributes) {
+  var parseAttributes = function(_attributes) {
+    return Object.entries(_attributes || {}).reduce(function(results, param) {
+      var _param = _sliced_to_array(param, 2), key = _param[0], value = _param[1];
+      if (typeof value === "boolean") {
+        value && results.push("; ".concat(key));
+        return results;
       }
-      set.add(uri);
-      return true;
-    });
+      results.push("; ".concat(key, "=").concat(value));
+      return results;
+    }, []).join("");
   };
-  if (typeof preload === "boolean") {
-    return dedup(links).map(function(param) {
-      var uri = param.uri, as = param.as;
-      return as ? "<".concat(uri, ">; rel=preload; as=").concat(as) : "<".concat(uri, ">; rel=preload");
-    }).join(", ");
-  }
-  var include = preload.include, exclude = preload.exclude, attributes = preload.attributes;
-  var resolveLinks = addAttributes(dedup(removeExclude(addInclude(links, include), exclude)), attributes);
-  return resolveLinks.join(", ");
+  return links.map(function(link) {
+    var as = link.as;
+    if (as) {
+      var attributesStr = function() {
+        var _ref = attributes || {}, style = _ref.style, script = _ref.script, image = _ref.image, font = _ref.font;
+        switch (as) {
+          case "script":
+            return parseAttributes(script);
+          case "style":
+            return parseAttributes(style);
+          case "image":
+            return parseAttributes(image);
+          case "font":
+            return parseAttributes(font);
+          default:
+            return "";
+        }
+      }();
+      return _object_spread_props(_object_spread({}, link), {
+        rest: attributesStr
+      });
+    }
+    return link;
+  });
+}
+function dedup(links) {
+  var set = /* @__PURE__ */ new Set();
+  return links.filter(function(param) {
+    var uri = param.uri;
+    if (set.has(uri)) {
+      return false;
+    }
+    set.add(uri);
+    return true;
+  });
+}
+function transformLinkToString(links) {
+  return links.map(function(param) {
+    var uri = param.uri, as = param.as, originalRel = param.rel, rest = param.rest;
+    var rel = originalRel || "preload";
+    return as ? "<".concat(uri, ">; rel=").concat(rel, "; as=").concat(as).concat(rest || "") : "<".concat(uri, ">; rel=").concat(rel).concat(rest || "");
+  }).join(", ");
 }

package/dist/esm/libs/render/index.js

@@ -3,7 +3,7 @@ import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import path from "path";
 import { cutNameByHyphen, mime } from "@modern-js/utils";
 import { ERROR_DIGEST } from "../../constants";
-import { flushServerHeader, shouldFlushServerHeader } from "../preload";
+import { shouldFlushServerHeader } from "../preload/shouldFlushServerHeader";
 import { handleDirectory } from "./static";
 import { readFile } from "./reader";
 import * as ssr from "./ssr";
@@ -12,7 +12,7 @@ export var createRenderHandler = function(param) {
   var distDir = param.distDir, staticGenerate = param.staticGenerate, conf = param.conf, forceCSR = param.forceCSR, nonce = param.nonce, ssrRender = param.ssrRender, _param_metaName = param.metaName, metaName = _param_metaName === void 0 ? "modern-js" : _param_metaName;
   return function() {
     var _render = _async_to_generator(function(param2) {
-      var ctx, route, runner, entryPath, urlPath, entry, result, templatePath, content, useCSR, userAgent, disablePreload, ssrRenderOptions, result1, err;
+      var ctx, route, runner, entryPath, urlPath, entry, result, templatePath, content, useCSR, userAgent, disablePreload, flushServerHeader, ssrRenderOptions, result1, err;
       return _ts_generator(this, function(_state) {
         switch (_state.label) {
           case 0:
@@ -58,29 +58,40 @@ export var createRenderHandler = function(param) {
             if (!(route.isSSR && !useCSR))
               return [
                 3,
-                7
+                9
               ];
             _state.label = 4;
           case 4:
             _state.trys.push([
               4,
-              6,
+              8,
               ,
-              7
+              9
             ]);
             userAgent = ctx.getReqHeader("User-Agent");
             disablePreload = Boolean(ctx.headers["x-".concat(cutNameByHyphen(metaName), "-disable-preload")]);
-            if (shouldFlushServerHeader(conf.server, userAgent, disablePreload)) {
-              flushServerHeader({
-                serverConf: conf.server,
-                ctx: ctx,
-                distDir: distDir,
-                template: content.toString(),
-                headers: {
-                  "Content-Type": mime.contentType(path.extname(templatePath))
-                }
-              });
-            }
+            if (!shouldFlushServerHeader(conf.server, userAgent, disablePreload))
+              return [
+                3,
+                6
+              ];
+            return [
+              4,
+              import("../preload")
+            ];
+          case 5:
+            flushServerHeader = _state.sent().flushServerHeader;
+            flushServerHeader({
+              serverConf: conf.server,
+              ctx: ctx,
+              distDir: distDir,
+              template: content.toString(),
+              headers: {
+                "Content-Type": mime.contentType(path.extname(templatePath))
+              }
+            });
+            _state.label = 6;
+          case 6:
             ssrRenderOptions = {
               distDir: distDir,
               entryName: route.entryName,
@@ -102,21 +113,21 @@ export var createRenderHandler = function(param) {
                 nonce: nonce
               }, runner)
             ];
-          case 5:
+          case 7:
             result1 = _state.sent();
             return [
               2,
               result1
             ];
-          case 6:
+          case 8:
             err = _state.sent();
             ctx.error(ERROR_DIGEST.ERENDER, err.stack || err.message);
             ctx.res.set("x-modern-ssr-fallback", "1");
             return [
               3,
-              7
+              9
             ];
-          case 7:
+          case 9:
             return [
               2,
               {

package/dist/esm-node/libs/preload/flushServerHeader.js

@@ -1,28 +1,5 @@
 import { parseLinks } from "./parseLinks";
 import { transformLinks2String } from "./transformLinks2String";
-export function transformToRegExp(input) {
-  if (typeof input === "string") {
-    return new RegExp(input);
-  }
-  return input;
-}
-export function shouldFlushServerHeader(serverConf, userAgent, disablePreload) {
-  const { ssr: ssrConf } = serverConf || {};
-  if (disablePreload) {
-    return false;
-  }
-  if (typeof ssrConf === "object" && ssrConf.preload) {
-    if (typeof ssrConf.preload === "object") {
-      const { userAgentFilter } = ssrConf.preload;
-      if (userAgentFilter && userAgent) {
-        return !transformToRegExp(userAgentFilter).test(userAgent);
-      }
-      return true;
-    }
-    return true;
-  }
-  return false;
-}
 export async function flushServerHeader({ serverConf, ctx, distDir, template, headers }) {
   const { ssr: ssrConf } = serverConf || {};
   if (typeof ssrConf !== "object") {

package/dist/esm-node/libs/preload/shouldFlushServerHeader.js

@@ -0,0 +1,23 @@
+export function transformToRegExp(input) {
+  if (typeof input === "string") {
+    return new RegExp(input);
+  }
+  return input;
+}
+export function shouldFlushServerHeader(serverConf, userAgent, disablePreload) {
+  const { ssr: ssrConf } = serverConf || {};
+  if (disablePreload) {
+    return false;
+  }
+  if (typeof ssrConf === "object" && ssrConf.preload) {
+    if (typeof ssrConf.preload === "object") {
+      const { userAgentFilter } = ssrConf.preload;
+      if (userAgentFilter && userAgent) {
+        return !transformToRegExp(userAgentFilter).test(userAgent);
+      }
+      return true;
+    }
+    return true;
+  }
+  return false;
+}

package/dist/esm-node/libs/preload/transformLinks2String.js

@@ -1,113 +1,124 @@
-import { transformToRegExp } from "./flushServerHeader";
+import { transformToRegExp } from "./shouldFlushServerHeader";
 export function transformLinks2String(links, preload) {
   if (typeof preload === "boolean") {
-    return dedup(links).map(({ uri, as }) => as ? `<${uri}>; rel=preload; as=${as}` : `<${uri}>; rel=preload`).join(", ");
+    return transformLinkToString(dedup(links));
   }
   const { include, exclude, attributes } = preload;
-  const resolveLinks = addAttributes(dedup(removeExclude(addInclude(links, include), exclude)), attributes);
-  return resolveLinks.join(", ");
-  function addInclude(links2, include2) {
-    var _include;
-    const images = [
-      "gif",
-      "jpg",
-      "jpeg",
-      "png",
-      "webp",
-      "bmp",
-      "tiff",
-      "anpg",
-      "ico"
-    ];
-    const videos = [
-      "mp4",
-      "webm",
-      "ogm",
-      "ogv",
-      "ogg"
-    ];
-    const fonts = [
-      "woff",
-      "woff2",
-      "eot",
-      "ttf",
-      "otf"
-    ];
-    const includes = ((_include = include2) === null || _include === void 0 ? void 0 : _include.map((item) => {
-      if (typeof item === "string") {
-        const type = (() => {
-          if (item.endsWith(".js")) {
-            return "script";
-          }
-          if (item.endsWith(".css")) {
-            return "style";
-          }
-          if (images.some((image) => item.endsWith(`.${image}`))) {
-            return "image";
-          }
-          if (videos.some((video) => item.endsWith(`.${video}`))) {
-            return "video";
-          }
-          if (fonts.some((font) => item.endsWith(`.${font}`))) {
-            return "font";
-          }
-        })();
-        return {
-          uri: item,
-          as: type
-        };
-      }
+  const resolveLinks = transformLinkToString(addAttributes(dedup(removeExclude(addInclude(links, include), exclude)), attributes));
+  return resolveLinks;
+}
+function addInclude(links, include) {
+  var _include;
+  const images = [
+    "gif",
+    "jpg",
+    "jpeg",
+    "png",
+    "webp",
+    "bmp",
+    "tiff",
+    "anpg",
+    "ico"
+  ];
+  const videos = [
+    "mp4",
+    "webm",
+    "ogm",
+    "ogv",
+    "ogg"
+  ];
+  const fonts = [
+    "woff",
+    "woff2",
+    "eot",
+    "ttf",
+    "otf"
+  ];
+  const includes = ((_include = include) === null || _include === void 0 ? void 0 : _include.map((item) => {
+    if (typeof item === "string") {
+      const type = (() => {
+        if (item.endsWith(".js")) {
+          return "script";
+        }
+        if (item.endsWith(".css")) {
+          return "style";
+        }
+        if (images.some((image) => item.endsWith(`.${image}`))) {
+          return "image";
+        }
+        if (videos.some((video) => item.endsWith(`.${video}`))) {
+          return "video";
+        }
+        if (fonts.some((font) => item.endsWith(`.${font}`))) {
+          return "font";
+        }
+      })();
       return {
-        uri: item.url,
-        as: item.type
+        uri: item,
+        as: type
       };
-    })) || [];
-    return links2.concat(includes);
-  }
-  function removeExclude(links2, exclude2) {
-    return exclude2 ? links2.filter(({ uri }) => !transformToRegExp(exclude2).test(uri)) : links2;
-  }
-  function addAttributes(links2, attributes2) {
-    const parseAttributes = (_attributes) => {
-      return Object.entries(_attributes || {}).reduce((results, [key, value]) => {
-        if (typeof value === "boolean") {
-          value && results.push(`; ${key}`);
-          return results;
-        }
-        results.push(`; ${key}=${value}`);
-        return results;
-      }, []).join("");
+    }
+    return {
+      uri: item.url,
+      as: item.as,
+      rel: item.rel
     };
-    return links2.map(({ uri, as }) => {
-      if (as) {
-        const attributesStr = (() => {
-          const { style, script, image, font } = attributes2 || {};
-          switch (as) {
-            case "script":
-              return parseAttributes(script);
-            case "style":
-              return parseAttributes(style);
-            case "image":
-              return parseAttributes(image);
-            case "font":
-              return parseAttributes(font);
-            default:
-              return "";
-          }
-        })();
-        return `<${uri}>; rel=preload; as=${as}${attributesStr}`;
-      }
-      return `<${uri}>; rel=preload`;
-    });
-  }
-  function dedup(links2) {
-    const set = /* @__PURE__ */ new Set();
-    return links2.filter(({ uri }) => {
-      if (set.has(uri)) {
-        return false;
+  })) || [];
+  return links.concat(includes);
+}
+function removeExclude(links, exclude) {
+  return exclude ? links.filter(({ uri }) => !transformToRegExp(exclude).test(uri)) : links;
+}
+function addAttributes(links, attributes) {
+  const parseAttributes = (_attributes) => {
+    return Object.entries(_attributes || {}).reduce((results, [key, value]) => {
+      if (typeof value === "boolean") {
+        value && results.push(`; ${key}`);
+        return results;
       }
-      set.add(uri);
-      return true;
-    });
-  }
+      results.push(`; ${key}=${value}`);
+      return results;
+    }, []).join("");
+  };
+  return links.map((link) => {
+    const { as } = link;
+    if (as) {
+      const attributesStr = (() => {
+        const { style, script, image, font } = attributes || {};
+        switch (as) {
+          case "script":
+            return parseAttributes(script);
+          case "style":
+            return parseAttributes(style);
+          case "image":
+            return parseAttributes(image);
+          case "font":
+            return parseAttributes(font);
+          default:
+            return "";
+        }
+      })();
+      return {
+        ...link,
+        rest: attributesStr
+      };
+    }
+    return link;
+  });
+}
+function dedup(links) {
+  const set = /* @__PURE__ */ new Set();
+  return links.filter(({ uri }) => {
+    if (set.has(uri)) {
+      return false;
+    }
+    set.add(uri);
+    return true;
+  });
+}
+function transformLinkToString(links) {
+  return links.map(({ uri, as, rel: originalRel, rest }) => {
+    const rel = originalRel || "preload";
+    return as ? `<${uri}>; rel=${rel}; as=${as}${rest || ""}` : `<${uri}>; rel=${rel}${rest || ""}`;
+  }).join(", ");
 }

package/dist/esm-node/libs/render/index.js

@@ -1,7 +1,7 @@
 import path from "path";
 import { cutNameByHyphen, mime } from "@modern-js/utils";
 import { ERROR_DIGEST } from "../../constants";
-import { flushServerHeader, shouldFlushServerHeader } from "../preload";
+import { shouldFlushServerHeader } from "../preload/shouldFlushServerHeader";
 import { handleDirectory } from "./static";
 import { readFile } from "./reader";
 import * as ssr from "./ssr";
@@ -27,6 +27,7 @@ export const createRenderHandler = ({ distDir, staticGenerate, conf, forceCSR, n
       const userAgent = ctx.getReqHeader("User-Agent");
       const disablePreload = Boolean(ctx.headers[`x-${cutNameByHyphen(metaName)}-disable-preload`]);
       if (shouldFlushServerHeader(conf.server, userAgent, disablePreload)) {
+        const { flushServerHeader } = await import("../preload");
         flushServerHeader({
           serverConf: conf.server,
           ctx,

package/dist/types/libs/context/context.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="node" />
 /// <reference types="node" />
 /// <reference types="node/http" />
-/// <reference types=".dts-temp/FmqKOOnkCe-9iWlOr8InN/src/type" />
+/// <reference types=".dts-temp/o0jn6hsenwfj7pkdv8st4/src/type" />
 import { IncomingMessage, ServerResponse } from 'http';
 import qs from 'querystring';
 import type { ModernServerContext as ModernServerContextInterface, Reporter as ModernServerReporter, ServerTiming as ModernServerTiming } from '@modern-js/types';

package/dist/types/libs/preload/flushServerHeader.d.ts

@@ -2,8 +2,6 @@
 import { OutgoingHttpHeaders } from 'http';
 import { ServerOptions } from '@modern-js/server-core';
 import { ModernServerContext } from '@modern-js/types';
-export declare function transformToRegExp(input: string | RegExp): RegExp;
-export declare function shouldFlushServerHeader(serverConf: ServerOptions['server'], userAgent?: string, disablePreload?: boolean): boolean;
 export interface FlushServerHeaderOptions {
   ctx: ModernServerContext;
   distDir: string;

package/dist/types/libs/preload/parseLinks.d.ts

@@ -1,6 +1,9 @@
 export interface Link {
   uri: string;
+  rel?: string;
   as?: 'script' | 'style' | 'image' | 'video' | 'font' | string;
+  /** rest str(like attributes) that need add to link */
+  rest?: string;
 }
 export interface ParseLinksOptions {
   distDir: string;

package/dist/types/libs/preload/shouldFlushServerHeader.d.ts

@@ -0,0 +1,3 @@
+import type { ServerOptions } from '@modern-js/server-core';
+export declare function transformToRegExp(input: string | RegExp): RegExp;
+export declare function shouldFlushServerHeader(serverConf: ServerOptions['server'], userAgent?: string, disablePreload?: boolean): boolean;

package/dist/types/utils.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="node" />
 /// <reference types="node/http" />
-/// <reference types=".dts-temp/FmqKOOnkCe-9iWlOr8InN/src/type" />
+/// <reference types=".dts-temp/o0jn6hsenwfj7pkdv8st4/src/type" />
 import { IncomingMessage } from 'http';
 import type { OutputNormalizedConfig, HtmlNormalizedConfig } from '@modern-js/server-core';
 export declare const debug: any;

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.33.1",
+  "version": "2.34.1-alpha.1",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
@@ -74,9 +74,9 @@
     "node-html-parser": "^6.1.5",
     "path-to-regexp": "^6.2.0",
     "serve-static": "^1.14.1",
-    "@modern-js/plugin": "2.33.1",
-    "@modern-js/server-core": "2.33.1",
-    "@modern-js/utils": "2.33.1"
+    "@modern-js/server-core": "2.34.0",
+    "@modern-js/utils": "2.34.0",
+    "@modern-js/plugin": "2.34.0"
   },
   "devDependencies": {
     "@types/cookie": "^0.4.1",
@@ -95,10 +95,10 @@
     "portfinder": "^1.0.28",
     "typescript": "^5",
     "ws": "^8.13.0",
-    "@modern-js/server-core": "2.33.1",
-    "@modern-js/types": "2.33.1",
-    "@scripts/build": "2.33.1",
-    "@scripts/jest-config": "2.33.1"
+    "@modern-js/server-core": "2.34.0",
+    "@scripts/build": "2.34.0",
+    "@modern-js/types": "2.34.0",
+    "@scripts/jest-config": "2.34.0"
   },
   "sideEffects": false,
   "publishConfig": {