@pagepocket/lib 0.8.6 → 0.9.0

package/dist/cheerio/types.d.ts

@@ -0,0 +1,5 @@
+import type { Cheerio, CheerioAPI } from "cheerio";
+import type { AnyNode } from "domhandler";
+export type AnyCheerio = Cheerio<AnyNode>;
+export type AnyCheerioApi = CheerioAPI;
+export type AnyCheerioElement = AnyNode;

package/dist/cheerio/types.js

@@ -0,0 +1 @@
+export {};

package/dist/core/completion.js

@@ -17,7 +17,8 @@ export const networkIdle = (ms, checkInterval = 100) => ({
     }
 });
 export const normalizeCompletion = (completion) => {
-    if (!completion)
+    if (!completion) {
         return [];
+    }
     return Array.isArray(completion) ? completion : [completion];
 };

package/dist/core/content-store.js

@@ -1,3 +1,5 @@
+import { rm } from "node:fs/promises";
+import { isAbsolute, resolve } from "node:path";
 import { readBinary, remove, write } from "@pagepocket/uni-fs";
 import { streamFromUint8Array } from "../utils/streams.js";
 import { hashString, toUint8Array } from "../utils.js";
@@ -46,8 +48,6 @@ export class HybridContentStore {
         if (!this.baseDir || this.baseDir === "/" || this.baseDir === ".") {
             return;
         }
-        const { resolve, isAbsolute } = await import("node:path");
-        const { rm } = await import("node:fs/promises");
         const target = isAbsolute(this.baseDir) ? this.baseDir : resolve(this.baseDir);
         await rm(target, { recursive: true, force: true });
     }

package/dist/css-rewrite.d.ts

@@ -1,4 +1,4 @@
-export type CssUrlResolver = (absoluteUrl: string) => Promise<string | null> | string | null;
+export type CssUrlResolver = (absoluteUrl: string) => Promise<string | undefined> | string | undefined;
 type RewriteCssInput = {
     cssText: string;
     cssUrl: string;

package/dist/css-rewrite.js

@@ -26,7 +26,7 @@ export const rewriteCssText = async (input) => {
                     return new URL(rawUrl, cssUrl).toString();
                 }
                 catch {
-                    return null;
+                    return undefined;
                 }
             })();
             if (absolute) {
@@ -53,7 +53,7 @@ export const rewriteCssText = async (input) => {
                     return new URL(rawUrl, cssUrl).toString();
                 }
                 catch {
-                    return null;
+                    return undefined;
                 }
             })();
             if (absolute) {

package/dist/hackers/replay-dom-rewrite/script-part-1.d.ts

@@ -0,0 +1 @@
+export declare const replayDomRewriteScriptPart1 = "\n  const transparentGif = \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==\";\n  const emptyScript = \"data:text/javascript,/*pagepocket-missing*/\";\n  const emptyStyle = \"data:text/css,/*pagepocket-missing*/\";\n\n  let readyResolved = false;\n  if (ready && typeof ready.then === \"function\") {\n    ready.then(() => {\n      readyResolved = true;\n    });\n  } else {\n    readyResolved = true;\n  }\n\n  const onReady = (callback) => {\n    if (readyResolved) {\n      callback();\n      return;\n    }\n    if (ready && typeof ready.then === \"function\") {\n      ready.then(callback);\n    } else {\n      callback();\n    }\n  };\n\n  const rewritten = new WeakMap();\n\n  const shouldRewriteAttr = (element, attr) => {\n    try {\n      const tag = String((element && element.tagName) || \"\").toLowerCase();\n      const name = String(attr || \"\").toLowerCase();\n\n      if (!tag || !name) {\n        return false;\n      }\n\n      if (tag === \"a\" && name === \"href\") {\n        return false;\n      }\n\n      if (name === \"src\") {\n        return (\n          tag === \"img\" ||\n          tag === \"source\" ||\n          tag === \"video\" ||\n          tag === \"audio\" ||\n          tag === \"script\" ||\n          tag === \"iframe\" ||\n          tag === \"object\" ||\n          tag === \"embed\" ||\n          tag === \"track\"\n        );\n      }\n\n      if (name === \"href\") {\n        if (tag !== \"link\") {\n          return false;\n        }\n\n        const rel = String((element.getAttribute && element.getAttribute(\"rel\")) || \"\").toLowerCase();\n        if (rel.includes(\"stylesheet\") || rel.includes(\"icon\")) {\n          return true;\n        }\n\n        if (rel.includes(\"preload\") || rel.includes(\"prefetch\") || rel.includes(\"modulepreload\")) {\n          return true;\n        }\n\n        return false;\n      }\n\n      if (name === \"srcset\") {\n        return tag === \"img\" || tag === \"source\";\n      }\n\n      return false;\n    } catch {\n      return false;\n    }\n  };\n\n  const rewriteSrcset = (value) => {\n    if (!value) return value;\n\n    try {\n      const trimmed = String(value || \"\").trim();\n      const hasFetchTransform = trimmed.includes(\"/image/fetch/\");\n      const hasEncodedUrlTail = trimmed.includes(\"https%3A%2F%2F\");\n      const hasCommaTokens =\n        trimmed.includes(\",w_\") ||\n        trimmed.includes(\", w_\") ||\n        trimmed.includes(\",h_\") ||\n        trimmed.includes(\", h_\") ||\n        trimmed.includes(\",c_\") ||\n        trimmed.includes(\", c_\");\n\n      if (hasFetchTransform && hasEncodedUrlTail && hasCommaTokens) {\n        return \"\";\n      }\n    } catch {}\n\n    return value\n      .split(\",\")\n      .map((part) => {\n        const trimmed = part.trim();\n        if (!trimmed) return trimmed;\n        const pieces = trimmed.split(/\\s+/, 2);\n        const url = pieces[0];\n        const descriptor = pieces[1];\n        if (isLocalResource(url)) return trimmed;\n        const localPath = findLocalPath(url);\n        if (localPath) {\n          return descriptor ? localPath + \" \" + descriptor : localPath;\n        }\n        return trimmed;\n      })\n      .join(\",\");\n  };\n\n  const rewriteElement = (element) => {\n    if (!element || !element.getAttribute) return;\n    if (!readyResolved) {\n      onReady(() => rewriteElement(element));\n      return;\n    }\n    const prev = rewritten.get(element);\n    const currentSrc = element.getAttribute(\"src\");\n    const currentHref = element.getAttribute(\"href\");\n    const currentSrcset = element.getAttribute(\"srcset\");\n    if (\n      prev &&\n      prev.src === currentSrc &&\n      prev.href === currentHref &&\n      prev.srcset === currentSrcset\n    ) {\n      return;\n    }\n    const tag = (element.tagName || \"\").toLowerCase();\n    if (\n      tag === \"img\" ||\n      tag === \"source\" ||\n      tag === \"video\" ||\n      tag === \"audio\" ||\n      tag === \"script\" ||\n      tag === \"iframe\" ||\n      tag === \"object\" ||\n      tag === \"embed\" ||\n      tag === \"track\"\n    ) {\n      const src = currentSrc;\n      if (src && !src.startsWith(\"data:\") && !src.startsWith(\"blob:\")) {\n        const next = rewriteResourceUrl(src, { kind: \"attr\", tag, attr: \"src\" });\n        if (next && next !== src) {\n          element.setAttribute(\"src\", next);\n          return;\n        }\n      }\n    }\n\n    if (tag === \"link\") {\n      const href = currentHref;\n      const rel = (element.getAttribute(\"rel\") || \"\").toLowerCase();\n      if (href && !href.startsWith(\"data:\") && !href.startsWith(\"blob:\")) {\n        if (\n          rel.includes(\"stylesheet\") ||\n          rel.includes(\"icon\") ||\n          rel.includes(\"preload\") ||\n          rel.includes(\"prefetch\") ||\n          rel.includes(\"modulepreload\")\n        ) {\n          const as = (element.getAttribute(\"as\") || \"\").toLowerCase();\n          const fallbackType =\n            rel.includes(\"stylesheet\") || (rel.includes(\"preload\") && as === \"style\")\n              ? \"text/css\"\n              : undefined;\n          const next = rewriteResourceUrl(href, {\n            kind: \"attr\",\n            tag,\n            attr: \"href\",\n            fallbackType\n          });\n          if (next && next !== href) {\n            element.setAttribute(\"href\", next);\n            return;\n          }\n        }\n      }\n    }\n\n    const srcset = currentSrcset;\n    if (srcset) {\n      element.setAttribute(\"srcset\", rewriteSrcset(srcset));\n    }\n\n    rewritten.set(element, {\n      src: element.getAttribute(\"src\"),\n      href: element.getAttribute(\"href\"),\n      srcset: element.getAttribute(\"srcset\")\n    });\n  };\n";

package/dist/hackers/replay-dom-rewrite/script-part-1.js

@@ -0,0 +1,202 @@
+export const replayDomRewriteScriptPart1 = `
+  const transparentGif = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
+  const emptyScript = "data:text/javascript,/*pagepocket-missing*/";
+  const emptyStyle = "data:text/css,/*pagepocket-missing*/";
+
+  let readyResolved = false;
+  if (ready && typeof ready.then === "function") {
+    ready.then(() => {
+      readyResolved = true;
+    });
+  } else {
+    readyResolved = true;
+  }
+
+  const onReady = (callback) => {
+    if (readyResolved) {
+      callback();
+      return;
+    }
+    if (ready && typeof ready.then === "function") {
+      ready.then(callback);
+    } else {
+      callback();
+    }
+  };
+
+  const rewritten = new WeakMap();
+
+  const shouldRewriteAttr = (element, attr) => {
+    try {
+      const tag = String((element && element.tagName) || "").toLowerCase();
+      const name = String(attr || "").toLowerCase();
+
+      if (!tag || !name) {
+        return false;
+      }
+
+      if (tag === "a" && name === "href") {
+        return false;
+      }
+
+      if (name === "src") {
+        return (
+          tag === "img" ||
+          tag === "source" ||
+          tag === "video" ||
+          tag === "audio" ||
+          tag === "script" ||
+          tag === "iframe" ||
+          tag === "object" ||
+          tag === "embed" ||
+          tag === "track"
+        );
+      }
+
+      if (name === "href") {
+        if (tag !== "link") {
+          return false;
+        }
+
+        const rel = String((element.getAttribute && element.getAttribute("rel")) || "").toLowerCase();
+        if (rel.includes("stylesheet") || rel.includes("icon")) {
+          return true;
+        }
+
+        if (rel.includes("preload") || rel.includes("prefetch") || rel.includes("modulepreload")) {
+          return true;
+        }
+
+        return false;
+      }
+
+      if (name === "srcset") {
+        return tag === "img" || tag === "source";
+      }
+
+      return false;
+    } catch {
+      return false;
+    }
+  };
+
+  const rewriteSrcset = (value) => {
+    if (!value) return value;
+
+    try {
+      const trimmed = String(value || "").trim();
+      const hasFetchTransform = trimmed.includes("/image/fetch/");
+      const hasEncodedUrlTail = trimmed.includes("https%3A%2F%2F");
+      const hasCommaTokens =
+        trimmed.includes(",w_") ||
+        trimmed.includes(", w_") ||
+        trimmed.includes(",h_") ||
+        trimmed.includes(", h_") ||
+        trimmed.includes(",c_") ||
+        trimmed.includes(", c_");
+
+      if (hasFetchTransform && hasEncodedUrlTail && hasCommaTokens) {
+        return "";
+      }
+    } catch {}
+
+    return value
+      .split(",")
+      .map((part) => {
+        const trimmed = part.trim();
+        if (!trimmed) return trimmed;
+        const pieces = trimmed.split(/\\s+/, 2);
+        const url = pieces[0];
+        const descriptor = pieces[1];
+        if (isLocalResource(url)) return trimmed;
+        const localPath = findLocalPath(url);
+        if (localPath) {
+          return descriptor ? localPath + " " + descriptor : localPath;
+        }
+        return trimmed;
+      })
+      .join(",");
+  };
+
+  const rewriteElement = (element) => {
+    if (!element || !element.getAttribute) return;
+    if (!readyResolved) {
+      onReady(() => rewriteElement(element));
+      return;
+    }
+    const prev = rewritten.get(element);
+    const currentSrc = element.getAttribute("src");
+    const currentHref = element.getAttribute("href");
+    const currentSrcset = element.getAttribute("srcset");
+    if (
+      prev &&
+      prev.src === currentSrc &&
+      prev.href === currentHref &&
+      prev.srcset === currentSrcset
+    ) {
+      return;
+    }
+    const tag = (element.tagName || "").toLowerCase();
+    if (
+      tag === "img" ||
+      tag === "source" ||
+      tag === "video" ||
+      tag === "audio" ||
+      tag === "script" ||
+      tag === "iframe" ||
+      tag === "object" ||
+      tag === "embed" ||
+      tag === "track"
+    ) {
+      const src = currentSrc;
+      if (src && !src.startsWith("data:") && !src.startsWith("blob:")) {
+        const next = rewriteResourceUrl(src, { kind: "attr", tag, attr: "src" });
+        if (next && next !== src) {
+          element.setAttribute("src", next);
+          return;
+        }
+      }
+    }
+
+    if (tag === "link") {
+      const href = currentHref;
+      const rel = (element.getAttribute("rel") || "").toLowerCase();
+      if (href && !href.startsWith("data:") && !href.startsWith("blob:")) {
+        if (
+          rel.includes("stylesheet") ||
+          rel.includes("icon") ||
+          rel.includes("preload") ||
+          rel.includes("prefetch") ||
+          rel.includes("modulepreload")
+        ) {
+          const as = (element.getAttribute("as") || "").toLowerCase();
+          const fallbackType =
+            rel.includes("stylesheet") || (rel.includes("preload") && as === "style")
+              ? "text/css"
+              : undefined;
+          const next = rewriteResourceUrl(href, {
+            kind: "attr",
+            tag,
+            attr: "href",
+            fallbackType
+          });
+          if (next && next !== href) {
+            element.setAttribute("href", next);
+            return;
+          }
+        }
+      }
+    }
+
+    const srcset = currentSrcset;
+    if (srcset) {
+      element.setAttribute("srcset", rewriteSrcset(srcset));
+    }
+
+    rewritten.set(element, {
+      src: element.getAttribute("src"),
+      href: element.getAttribute("href"),
+      srcset: element.getAttribute("srcset")
+    });
+  };
+`;

package/dist/hackers/replay-dom-rewrite/script-part-2.d.ts

@@ -0,0 +1 @@
+export declare const replayDomRewriteScriptPart2 = "\n  const originalSetAttribute = Element.prototype.setAttribute;\n  Element.prototype.setAttribute = function(name, value) {\n    const attr = String(name).toLowerCase();\n    if (attr === \"src\" || attr === \"href\" || attr === \"srcset\") {\n      if (!readyResolved) {\n        const pendingValue = String(value);\n        onReady(() => originalSetAttribute.call(this, name, pendingValue));\n        return;\n      }\n      if (attr === \"srcset\") {\n        const rewritten = rewriteSrcset(String(value));\n        return originalSetAttribute.call(this, name, rewritten);\n      }\n\n      if (!shouldRewriteAttr(this, attr)) {\n        return originalSetAttribute.call(this, name, value);\n      }\n\n      const tag = (this.tagName || \"\").toLowerCase();\n      const rel = (this.getAttribute && this.getAttribute(\"rel\")) || \"\";\n      const relLower = rel.toLowerCase();\n      const as = String((this.getAttribute && this.getAttribute(\"as\")) || \"\").toLowerCase();\n      const fallbackType =\n        attr === \"href\" && (relLower.includes(\"stylesheet\") || (relLower.includes(\"preload\") && as === \"style\"))\n          ? \"text/css\"\n          : undefined;\n\n      const next = rewriteResourceUrl(String(value), {\n        kind: \"setAttribute\",\n        tag,\n        attr,\n        fallbackType\n      });\n\n      return originalSetAttribute.call(this, name, next);\n    }\n    return originalSetAttribute.call(this, name, value);\n  };\n\n  const patchProperty = (proto, prop, handler) => {\n    try {\n      const desc = Object.getOwnPropertyDescriptor(proto, prop);\n      if (!desc || !desc.set) return;\n      Object.defineProperty(proto, prop, {\n        configurable: true,\n        get: desc.get,\n        set: function(value) {\n          return handler.call(this, value, desc.set);\n        }\n      });\n    } catch {}\n  };\n\n  patchProperty(HTMLImageElement.prototype, \"src\", function(value, setter) {\n    const rawValue = String(value);\n    if (!readyResolved) {\n      onReady(() => {\n        const next = rewriteResourceUrl(rawValue, { kind: \"setter\", tag: \"img\", attr: \"src\" });\n        setter.call(this, next);\n      });\n      return;\n    }\n    const next = rewriteResourceUrl(rawValue, { kind: \"setter\", tag: \"img\", attr: \"src\" });\n    setter.call(this, next);\n  });\n\n  patchProperty(HTMLScriptElement.prototype, \"src\", function(value, setter) {\n    const rawValue = String(value);\n    if (!readyResolved) {\n      onReady(() => {\n        const next = rewriteResourceUrl(rawValue, { kind: \"setter\", tag: \"script\", attr: \"src\" });\n        setter.call(this, next);\n      });\n      return;\n    }\n    const next = rewriteResourceUrl(rawValue, { kind: \"setter\", tag: \"script\", attr: \"src\" });\n    setter.call(this, next);\n  });\n\n  patchProperty(HTMLLinkElement.prototype, \"href\", function(value, setter) {\n    const rawValue = String(value);\n    const rel = (this.getAttribute && this.getAttribute(\"rel\")) || \"\";\n    const relLower = rel.toLowerCase();\n    const as = String((this.getAttribute && this.getAttribute(\"as\")) || \"\").toLowerCase();\n    if (!readyResolved) {\n      onReady(() => {\n        if (\n          !relLower.includes(\"stylesheet\") &&\n          !relLower.includes(\"icon\") &&\n          !relLower.includes(\"preload\") &&\n          !relLower.includes(\"prefetch\") &&\n          !relLower.includes(\"modulepreload\")\n        ) {\n          setter.call(this, rawValue);\n          return;\n        }\n        const fallbackType =\n          relLower.includes(\"stylesheet\") || (relLower.includes(\"preload\") && as === \"style\")\n            ? \"text/css\"\n            : undefined;\n        const next = rewriteResourceUrl(rawValue, {\n          kind: \"setter\",\n          tag: \"link\",\n          attr: \"href\",\n          fallbackType\n        });\n        setter.call(this, next);\n      });\n      return;\n    }\n    if (\n      !relLower.includes(\"stylesheet\") &&\n      !relLower.includes(\"icon\") &&\n      !relLower.includes(\"preload\") &&\n      !relLower.includes(\"prefetch\") &&\n      !relLower.includes(\"modulepreload\")\n    ) {\n      setter.call(this, rawValue);\n      return;\n    }\n    const fallbackType =\n      relLower.includes(\"stylesheet\") || (relLower.includes(\"preload\") && as === \"style\")\n        ? \"text/css\"\n        : undefined;\n    const next = rewriteResourceUrl(rawValue, {\n      kind: \"setter\",\n      tag: \"link\",\n      attr: \"href\",\n      fallbackType\n    });\n    setter.call(this, next);\n  });\n\n  patchProperty(HTMLImageElement.prototype, \"srcset\", function(value, setter) {\n    const rawValue = String(value);\n    if (!readyResolved) {\n      onReady(() => {\n        const next = rewriteSrcset(rawValue);\n        setter.call(this, next);\n      });\n      return;\n    }\n    const next = rewriteSrcset(rawValue);\n    setter.call(this, next);\n  });\n\n  const observer = new MutationObserver((mutations) => {\n    for (const mutation of mutations) {\n      if (mutation.type === \"attributes\" && mutation.target) {\n        rewriteElement(mutation.target);\n      }\n      if (mutation.type === \"childList\") {\n        mutation.addedNodes.forEach((node) => {\n          if (node && node.nodeType === 1) {\n            rewriteElement(node);\n          }\n        });\n      }\n    }\n  });\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    childList: true,\n    subtree: true,\n    attributeFilter: [\"src\", \"href\", \"srcset\", \"rel\", \"as\"]\n  });\n\n  document\n    .querySelectorAll(\"img,source,video,audio,script,link,iframe\")\n    .forEach((el) => rewriteElement(el));\n";

package/dist/hackers/replay-dom-rewrite/script-part-2.js

@@ -0,0 +1,173 @@
+export const replayDomRewriteScriptPart2 = `
+  const originalSetAttribute = Element.prototype.setAttribute;
+  Element.prototype.setAttribute = function(name, value) {
+    const attr = String(name).toLowerCase();
+    if (attr === "src" || attr === "href" || attr === "srcset") {
+      if (!readyResolved) {
+        const pendingValue = String(value);
+        onReady(() => originalSetAttribute.call(this, name, pendingValue));
+        return;
+      }
+      if (attr === "srcset") {
+        const rewritten = rewriteSrcset(String(value));
+        return originalSetAttribute.call(this, name, rewritten);
+      }
+
+      if (!shouldRewriteAttr(this, attr)) {
+        return originalSetAttribute.call(this, name, value);
+      }
+
+      const tag = (this.tagName || "").toLowerCase();
+      const rel = (this.getAttribute && this.getAttribute("rel")) || "";
+      const relLower = rel.toLowerCase();
+      const as = String((this.getAttribute && this.getAttribute("as")) || "").toLowerCase();
+      const fallbackType =
+        attr === "href" && (relLower.includes("stylesheet") || (relLower.includes("preload") && as === "style"))
+          ? "text/css"
+          : undefined;
+
+      const next = rewriteResourceUrl(String(value), {
+        kind: "setAttribute",
+        tag,
+        attr,
+        fallbackType
+      });
+
+      return originalSetAttribute.call(this, name, next);
+    }
+    return originalSetAttribute.call(this, name, value);
+  };
+
+  const patchProperty = (proto, prop, handler) => {
+    try {
+      const desc = Object.getOwnPropertyDescriptor(proto, prop);
+      if (!desc || !desc.set) return;
+      Object.defineProperty(proto, prop, {
+        configurable: true,
+        get: desc.get,
+        set: function(value) {
+          return handler.call(this, value, desc.set);
+        }
+      });
+    } catch {}
+  };
+
+  patchProperty(HTMLImageElement.prototype, "src", function(value, setter) {
+    const rawValue = String(value);
+    if (!readyResolved) {
+      onReady(() => {
+        const next = rewriteResourceUrl(rawValue, { kind: "setter", tag: "img", attr: "src" });
+        setter.call(this, next);
+      });
+      return;
+    }
+    const next = rewriteResourceUrl(rawValue, { kind: "setter", tag: "img", attr: "src" });
+    setter.call(this, next);
+  });
+
+  patchProperty(HTMLScriptElement.prototype, "src", function(value, setter) {
+    const rawValue = String(value);
+    if (!readyResolved) {
+      onReady(() => {
+        const next = rewriteResourceUrl(rawValue, { kind: "setter", tag: "script", attr: "src" });
+        setter.call(this, next);
+      });
+      return;
+    }
+    const next = rewriteResourceUrl(rawValue, { kind: "setter", tag: "script", attr: "src" });
+    setter.call(this, next);
+  });
+
+  patchProperty(HTMLLinkElement.prototype, "href", function(value, setter) {
+    const rawValue = String(value);
+    const rel = (this.getAttribute && this.getAttribute("rel")) || "";
+    const relLower = rel.toLowerCase();
+    const as = String((this.getAttribute && this.getAttribute("as")) || "").toLowerCase();
+    if (!readyResolved) {
+      onReady(() => {
+        if (
+          !relLower.includes("stylesheet") &&
+          !relLower.includes("icon") &&
+          !relLower.includes("preload") &&
+          !relLower.includes("prefetch") &&
+          !relLower.includes("modulepreload")
+        ) {
+          setter.call(this, rawValue);
+          return;
+        }
+        const fallbackType =
+          relLower.includes("stylesheet") || (relLower.includes("preload") && as === "style")
+            ? "text/css"
+            : undefined;
+        const next = rewriteResourceUrl(rawValue, {
+          kind: "setter",
+          tag: "link",
+          attr: "href",
+          fallbackType
+        });
+        setter.call(this, next);
+      });
+      return;
+    }
+    if (
+      !relLower.includes("stylesheet") &&
+      !relLower.includes("icon") &&
+      !relLower.includes("preload") &&
+      !relLower.includes("prefetch") &&
+      !relLower.includes("modulepreload")
+    ) {
+      setter.call(this, rawValue);
+      return;
+    }
+    const fallbackType =
+      relLower.includes("stylesheet") || (relLower.includes("preload") && as === "style")
+        ? "text/css"
+        : undefined;
+    const next = rewriteResourceUrl(rawValue, {
+      kind: "setter",
+      tag: "link",
+      attr: "href",
+      fallbackType
+    });
+    setter.call(this, next);
+  });
+
+  patchProperty(HTMLImageElement.prototype, "srcset", function(value, setter) {
+    const rawValue = String(value);
+    if (!readyResolved) {
+      onReady(() => {
+        const next = rewriteSrcset(rawValue);
+        setter.call(this, next);
+      });
+      return;
+    }
+    const next = rewriteSrcset(rawValue);
+    setter.call(this, next);
+  });
+
+  const observer = new MutationObserver((mutations) => {
+    for (const mutation of mutations) {
+      if (mutation.type === "attributes" && mutation.target) {
+        rewriteElement(mutation.target);
+      }
+      if (mutation.type === "childList") {
+        mutation.addedNodes.forEach((node) => {
+          if (node && node.nodeType === 1) {
+            rewriteElement(node);
+          }
+        });
+      }
+    }
+  });
+
+  observer.observe(document.documentElement, {
+    attributes: true,
+    childList: true,
+    subtree: true,
+    attributeFilter: ["src", "href", "srcset", "rel", "as"]
+  });
+
+  document
+    .querySelectorAll("img,source,video,audio,script,link,iframe")
+    .forEach((el) => rewriteElement(el));
+`;