@pagepocket/lib 0.7.1 → 0.8.0

package/dist/hackers/replay-beacon.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.replayBeaconStub = void 0;
-exports.replayBeaconStub = {
+export const replayBeaconStub = {
     id: "replay-beacon-stub",
     stage: "replay",
     build: () => `

package/dist/hackers/replay-block-text-fragment.d.ts

@@ -1,2 +1,2 @@
-import type { ScriptHacker } from "./types";
+import type { ScriptHacker } from "./types.js";
 export declare const replayBlockTextFragment: ScriptHacker;

package/dist/hackers/replay-block-text-fragment.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.replayBlockTextFragment = void 0;
-exports.replayBlockTextFragment = {
+export const replayBlockTextFragment = {
     id: "replay-block-text-fragment",
     stage: "replay",
     build: () => `

package/dist/hackers/replay-css-proxy.d.ts

@@ -1,2 +1,2 @@
-import type { ScriptHacker } from "./types";
+import type { ScriptHacker } from "./types.js";
 export declare const replayCssProxy: ScriptHacker;

package/dist/hackers/replay-css-proxy.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.replayCssProxy = void 0;
-exports.replayCssProxy = {
+export const replayCssProxy = {
     id: "replay-css-proxy",
     stage: "replay",
     build: () => `
@@ -24,7 +21,7 @@ exports.replayCssProxy = {
       const text = String(cssText || "");
 
       // Rewrite url(...)
-      const urlPattern = /url\(\s*(['"]?)([^'")]+)\\1\s*\)/g;
+      const urlPattern = /url\\(\\s*(['"]?)([^'")]+)\\1\\s*\\)/g;
       const updated = text.replace(urlPattern, (full, quote, rawUrl) => {
         try {
           const raw = String(rawUrl || "").trim();
@@ -32,19 +29,19 @@ exports.replayCssProxy = {
             return full;
           }
           const absolute = new URL(raw, base).toString();
-          const localPath = findLocalPath(absolute);
-          if (!localPath) {
+          const next = rewriteResourceUrl(absolute, { kind: "css-url" });
+          if (!next) {
             return full;
           }
           const q = quote || "";
-          return "url(" + q + localPath + q + ")";
+          return "url(" + q + next + q + ")";
         } catch {
           return full;
         }
       });
 
       // Rewrite @import
-      const importPattern = /@import\s+(?:url\()?['"]?([^'")]+)['"]?\)?/g;
+      const importPattern = /@import\\s+(?:url\\()?['"]?([^'")]+)['"]?\\)?/g;
       const final = updated.replace(importPattern, (full, rawUrl) => {
         try {
           const raw = String(rawUrl || "").trim();
@@ -52,11 +49,11 @@ exports.replayCssProxy = {
             return full;
           }
           const absolute = new URL(raw, base).toString();
-          const localPath = findLocalPath(absolute);
-          if (!localPath) {
+          const next = rewriteResourceUrl(absolute, { kind: "css-import", fallbackType: "text/css" });
+          if (!next) {
             return full;
           }
-          return full.replace(rawUrl, localPath);
+          return full.replace(rawUrl, next);
         } catch {
           return full;
         }

package/dist/hackers/replay-dom-rewrite.d.ts

@@ -1,2 +1,2 @@
-import type { ScriptHacker } from "./types";
+import type { ScriptHacker } from "./types.js";
 export declare const replayDomRewriter: ScriptHacker;

package/dist/hackers/replay-dom-rewrite.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.replayDomRewriter = void 0;
-exports.replayDomRewriter = {
+export const replayDomRewriter = {
     id: "replay-dom-rewriter",
     stage: "replay",
     build: () => `
@@ -35,6 +32,65 @@ exports.replayDomRewriter = {
 
   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;
+      }
+
+      // Never rewrite navigation.
+      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();
+        // Stylesheets + icons are resources.
+        if (rel.includes("stylesheet") || rel.includes("icon")) {
+          return true;
+        }
+
+        // Preload/prefetch/modulepreload are also resource loads.
+        // These are common in modern bundlers (Webpack/Rspack/Vite) and can
+        // otherwise bypass replay mapping.
+        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;
+    }
+  };
+
   // Rewrite srcset values to local files only (avoid data: URLs in srcset).
   const rewriteSrcset = (value) => {
     if (!value) return value;
@@ -95,42 +151,40 @@ exports.replayDomRewriter = {
       return;
     }
     const tag = (element.tagName || "").toLowerCase();
-    if (tag === "img" || tag === "source" || tag === "video" || tag === "audio" || tag === "script" || tag === "iframe" || tag === "object" || tag === "embed") {
+    if (tag === "img" || tag === "source" || tag === "video" || tag === "audio" || tag === "script" || tag === "iframe" || tag === "object" || tag === "embed" || tag === "track") {
       const src = currentSrc;
-      if (src && !isLocalResource(src) && !src.startsWith("data:") && !src.startsWith("blob:")) {
-        const localPath = findLocalPath(src);
-        if (localPath) {
-          element.setAttribute("src", localPath);
+      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;
         }
-        const record = findByUrl(src);
-        if (record) {
-          element.setAttribute("src", toDataUrl(record));
-          return;
-        }
-
-        // Keep original URL when we have no snapshot match.
-        return;
       }
     }
 
     if (tag === "link") {
       const href = currentHref;
       const rel = (element.getAttribute("rel") || "").toLowerCase();
-      if (href && !isLocalResource(href) && !href.startsWith("data:") && !href.startsWith("blob:")) {
-        const localPath = findLocalPath(href);
-        if (localPath) {
-          element.setAttribute("href", localPath);
-          return;
-        }
-        const record = findByUrl(href);
-        if (record) {
-          element.setAttribute("href", toDataUrl(record, "text/css"));
-          return;
-        }
-
-        return;
-      }
+       if (href && !href.startsWith("data:") && !href.startsWith("blob:")) {
+         if (rel.includes("stylesheet") || rel.includes("icon") || rel.includes("preload") || rel.includes("prefetch") || rel.includes("modulepreload")) {
+           // For <link rel=preload as=style>, use a CSS fallback type.
+           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;
@@ -160,26 +214,27 @@ exports.replayDomRewriter = {
         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;
 
-      if (isLocalResource(String(value))) {
-        return originalSetAttribute.call(this, name, value);
-      }
-      const localPath = findLocalPath(String(value));
-      if (localPath) {
-        return originalSetAttribute.call(this, name, localPath);
-      }
-      const record = findByUrl(String(value));
-      if (record) {
-        const fallbackType = attr === "href" && relLower.includes("stylesheet") ? "text/css" : undefined;
-        const dataUrl = toDataUrl(record, fallbackType);
-        return originalSetAttribute.call(this, name, dataUrl);
-      }
+      const next = rewriteResourceUrl(String(value), {
+        kind: "setAttribute",
+        tag,
+        attr,
+        fallbackType
+      });
 
-      // Keep original URL on miss.
-      return originalSetAttribute.call(this, name, value);
+      return originalSetAttribute.call(this, name, next);
     }
     return originalSetAttribute.call(this, name, value);
   };
@@ -203,127 +258,81 @@ exports.replayDomRewriter = {
     const rawValue = String(value);
     if (!readyResolved) {
       onReady(() => {
-        if (isLocalResource(rawValue)) {
-          setter.call(this, rawValue);
-          return;
-        }
-        const localPath = findLocalPath(rawValue);
-        if (localPath) {
-          setter.call(this, localPath);
-          return;
-        }
-        const record = findByUrl(rawValue);
-        if (record) {
-          setter.call(this, toDataUrl(record));
-          return;
-        }
-
-        setter.call(this, rawValue);
+        const next = rewriteResourceUrl(rawValue, { kind: "setter", tag: "img", attr: "src" });
+        setter.call(this, next);
       });
       return;
     }
-    if (isLocalResource(rawValue)) {
-      setter.call(this, rawValue);
-      return;
-    }
-    const localPath = findLocalPath(rawValue);
-    if (localPath) {
-      setter.call(this, localPath);
-      return;
-    }
-    const record = findByUrl(rawValue);
-    if (record) {
-      setter.call(this, toDataUrl(record));
-      return;
-    }
-
-    setter.call(this, rawValue);
+    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(() => {
-        if (isLocalResource(rawValue)) {
-          setter.call(this, rawValue);
-          return;
-        }
-        const localPath = findLocalPath(rawValue);
-        if (localPath) {
-          setter.call(this, localPath);
-          return;
-        }
-        const record = findByUrl(rawValue);
-        if (record) {
-          setter.call(this, toDataUrl(record));
-          return;
-        }
-
-        setter.call(this, rawValue);
+        const next = rewriteResourceUrl(rawValue, { kind: "setter", tag: "script", attr: "src" });
+        setter.call(this, next);
       });
       return;
     }
-    if (isLocalResource(rawValue)) {
-      setter.call(this, rawValue);
-      return;
-    }
-    const localPath = findLocalPath(rawValue);
-    if (localPath) {
-      setter.call(this, localPath);
-      return;
-    }
-    const record = findByUrl(rawValue);
-    if (record) {
-      setter.call(this, toDataUrl(record));
-      return;
-    }
-
-    // Keep original URL on miss.
-    setter.call(this, rawValue);
+    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();
-    if (!readyResolved) {
-      onReady(() => {
-        if (isLocalResource(rawValue)) {
-          setter.call(this, rawValue);
-          return;
-        }
-        const localPath = findLocalPath(rawValue);
-        if (localPath) {
-          setter.call(this, localPath);
-          return;
-        }
-        const record = findByUrl(rawValue);
-        if (record) {
-          setter.call(this, toDataUrl(record, relLower.includes("stylesheet") ? "text/css" : undefined));
-          return;
-        }
-
-        setter.call(this, rawValue);
-      });
-      return;
-    }
-    if (isLocalResource(rawValue)) {
-      setter.call(this, rawValue);
-      return;
-    }
-    const localPath = findLocalPath(rawValue);
-    if (localPath) {
-      setter.call(this, localPath);
-      return;
-    }
-    const record = findByUrl(rawValue);
-    if (record) {
-      setter.call(this, toDataUrl(record, relLower.includes("stylesheet") ? "text/css" : undefined));
-      return;
-    }
-
-    setter.call(this, rawValue);
-  });
+   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);
@@ -358,7 +367,9 @@ exports.replayDomRewriter = {
     attributes: true,
     childList: true,
     subtree: true,
-    attributeFilter: ["src", "href", "srcset"]
+    // Include rel/as so we can rewrite <link> even when href is set before
+    // rel/as (common in some loaders).
+    attributeFilter: ["src", "href", "srcset", "rel", "as"]
   });
 
   document.querySelectorAll("img,source,video,audio,script,link,iframe").forEach((el) => rewriteElement(el));

package/dist/hackers/replay-eventsource.d.ts

@@ -1,2 +1,2 @@
-import type { ScriptHacker } from "./types";
+import type { ScriptHacker } from "./types.js";
 export declare const replayEventSourceStub: ScriptHacker;

package/dist/hackers/replay-eventsource.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.replayEventSourceStub = void 0;
-exports.replayEventSourceStub = {
+export const replayEventSourceStub = {
     id: "replay-eventsource-stub",
     stage: "replay",
     build: () => `

package/dist/hackers/replay-fetch.d.ts

@@ -1,2 +1,2 @@
-import type { ScriptHacker } from "./types";
+import type { ScriptHacker } from "./types.js";
 export declare const replayFetchResponder: ScriptHacker;

package/dist/hackers/replay-fetch.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.replayFetchResponder = void 0;
-exports.replayFetchResponder = {
+export const replayFetchResponder = {
     id: "replay-fetch-responder",
     stage: "replay",
     build: () => `

package/dist/hackers/replay-history-path.d.ts

@@ -1,2 +1,2 @@
-import type { ScriptHacker } from "./types";
+import type { ScriptHacker } from "./types.js";
 export declare const replayHistoryPath: ScriptHacker;

package/dist/hackers/replay-history-path.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.replayHistoryPath = void 0;
-exports.replayHistoryPath = {
+export const replayHistoryPath = {
     id: "replay-history-path",
     stage: "replay",
     build: () => `

package/dist/hackers/replay-svg-image.d.ts

@@ -1,2 +1,2 @@
-import type { ScriptHacker } from "./types";
+import type { ScriptHacker } from "./types.js";
 export declare const replaySvgImageRewriter: ScriptHacker;

package/dist/hackers/replay-svg-image.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.replaySvgImageRewriter = void 0;
-exports.replaySvgImageRewriter = {
+export const replaySvgImageRewriter = {
     id: "replay-svg-image-rewriter",
     stage: "replay",
     build: () => `

package/dist/hackers/replay-websocket.d.ts

@@ -1,2 +1,2 @@
-import type { ScriptHacker } from "./types";
+import type { ScriptHacker } from "./types.js";
 export declare const replayWebSocketStub: ScriptHacker;

package/dist/hackers/replay-websocket.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.replayWebSocketStub = void 0;
-exports.replayWebSocketStub = {
+export const replayWebSocketStub = {
     id: "replay-websocket-stub",
     stage: "replay",
     build: () => `

package/dist/hackers/replay-xhr.d.ts

@@ -1,2 +1,2 @@
-import type { ScriptHacker } from "./types";
+import type { ScriptHacker } from "./types.js";
 export declare const replayXhrResponder: ScriptHacker;

package/dist/hackers/replay-xhr.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.replayXhrResponder = void 0;
-exports.replayXhrResponder = {
+export const replayXhrResponder = {
     id: "replay-xhr-responder",
     stage: "replay",
     build: () => `

package/dist/hackers/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/index.d.ts

@@ -1,13 +1,29 @@
-export { PagePocket } from "./pagepocket";
-export type { ApiRecord, ApiSnapshot, ApplyOptions, CaptureOptions, CompletionContext, CompletionStrategy, ContentRef, ContentStore, ContentStoreHandle, MatchQuery, NetworkEventStream, NetworkRequestEvent, NetworkRequestFailedEvent, NetworkResponseEvent, PagePocketOptions, PageSnapshot, PathResolver, ReplaceAction, ReplaceElementContext, ReplaceElementFn, ReplaceElementFnWithQuery, ReplaceElementRule, ReplaceElementsConfig, ResourceFilter, SnapshotFile, WriteFSOptions, WriteResult, ZipWriteResult, ZipResult, ZipOptions } from "./types";
-export { HybridContentStore } from "./content-store";
-export { createDefaultPathResolver, withPrefixPathResolver } from "./path-resolver";
-export { createDefaultResourceFilter } from "./resource-filter";
-export * from "./builtin-blacklist";
-export { networkIdle, timeout } from "./completion";
-export { buildReplayScript } from "./replay-script";
-export { buildPreloadScript } from "./preload";
-export { rewriteEntryHtml, rewriteJsText } from "./rewrite-links";
-export { rewriteCssText } from "./css-rewrite";
-export { writeToFS, toZip } from "./writers";
-export { applyReplaceElements } from "./replace-elements";
+export { PagePocket } from "./core/pagepocket.js";
+export * from "./units/index.js";
+export type { UnitContext, UnitContributeContext, UnitPatch, UnitRuntime } from "./units/contracts-bridge.js";
+export { TERMINAL_RESULT_KEY } from "./units/contracts-bridge.js";
+export type { CaptureResult as PagePocketCaptureResult } from "./units/contracts-bridge.js";
+export type { ApiRecord, ApiSnapshot, ApplyOptions, InterceptOptions, InterceptSession, InterceptTarget, InterceptorActions, InterceptorCapabilities, NavigateOptions, CompletionContext, CompletionStrategy, ContentRef, ContentStore, ContentStoreHandle, MatchQuery, NetworkEvent, NetworkEventHandlers, NetworkEventStream, NetworkInterceptorAdapter, NetworkRequestEvent, NetworkRequestFailedEvent, NetworkResponseEvent, PagePocketOptions, PathResolver, ReplaceAction, ReplaceElementContext, ReplaceElementFn, ReplaceElementFnWithQuery, ReplaceElementRule, ReplaceElementsConfig, ResourceFilter, ResourceType, SnapshotFile } from "./types.js";
+export { TriggerActionValues } from "./types.js";
+export type { TriggerAction } from "./types.js";
+export { HybridContentStore } from "./core/content-store.js";
+export { createDefaultPathResolver, withPrefixPathResolver } from "./path-resolver.js";
+export { createDefaultResourceFilter } from "./resource-filter.js";
+export { buildSnapshot } from "./snapshot-builder/index.js";
+export type { BuildOptions as SnapshotBuildOptions } from "./snapshot-builder/index.js";
+export * from "./builtin-blacklist.js";
+export { networkIdle, timeout } from "./core/completion.js";
+export { normalizeCompletion } from "./core/completion.js";
+export { debugLog } from "./core/debug.js";
+export { InflightTracker } from "./core/inflight-tracker.js";
+export type { FileTree, FileTreeDirectory, FileTreeEntry, FileTreeFile, FileTreeSource } from "./core/file-tree.js";
+export { mergeFileTrees } from "./core/file-tree-merge.js";
+export type { CaptureArtifacts, CaptureCapabilities, CaptureEvent, CaptureFailedEvent, CaptureRequestEvent, CaptureResponseEvent, CaptureContext, Header } from "./core/capture/types.js";
+export { createMemoryContentStore } from "./core/capture/memory-content-store.js";
+export { buildReplayScript } from "./replay-script.js";
+export { buildPreloadScript } from "./preload.js";
+export { rewriteEntryHtml, rewriteJsText } from "./rewrite-links.js";
+export { rewriteCssText } from "./css-rewrite.js";
+export { applyReplaceElements } from "./replace-elements.js";
+export { streamToUint8Array, streamFromUint8Array } from "./utils/streams.js";
+export { mapKind, type KindBuilders, requiredEntryKindError, throwRequiredEntryKind, throwUnsupportedEntryKind, unsupportedEntryKindError } from "./kind-map.js";