@pagepocket/lib 0.5.1 → 0.6.0

package/README.md

@@ -17,7 +17,7 @@ import { PagePocket } from "@pagepocket/lib";
 import { CdpAdapter } from "@pagepocket/cdp-adapter";
 
 const interceptor = new CdpAdapter();
-const snapshot = await PagePocket.fromURL("https://example.com").capture({
+const snapshot = await PagePocket.fromTarget({ kind: "cdp-tab", tabId: 123 }).capture({
   interceptor
 });
 

package/dist/pagepocket.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PagePocket = void 0;
-const content_store_1 = require("./content-store");
 const completion_1 = require("./completion");
+const content_store_1 = require("./content-store");
+const network_store_1 = require("./network-store");
 const path_resolver_1 = require("./path-resolver");
 const resource_filter_1 = require("./resource-filter");
 const snapshot_builder_1 = require("./snapshot-builder");
-const network_store_1 = require("./network-store");
 class PagePocket {
     constructor(target, options) {
         this.target = target;
@@ -29,9 +29,7 @@ class PagePocket {
         const rewriteCSS = options?.rewriteCSS ?? true;
         const limits = options?.limits;
         const completionStrategies = (0, completion_1.normalizeCompletion)(options?.completion);
-        const completion = completionStrategies.length > 0
-            ? completionStrategies
-            : [(0, completion_1.networkIdle)(1000), (0, completion_1.timeout)(5000)];
+        const completion = completionStrategies.length > 0 ? completionStrategies : [(0, completion_1.networkIdle)(1000), (0, completion_1.timeout)(5000)];
         const store = new network_store_1.NetworkStore({
             contentStore,
             filter,

package/dist/path-resolver.js

@@ -43,9 +43,7 @@ const createDefaultPathResolver = () => {
             const pathname = normalizePathname(parsed?.pathname || "/");
             const queryHash = `${parsed?.search || ""}${parsed?.hash || ""}`;
             const suffix = queryHash ? `__ppq_${(0, utils_1.hashString)(queryHash)}` : "";
-            const basePath = input.isCrossOrigin
-                ? `/external_resources${pathname}`
-                : `${pathname}`;
+            const basePath = input.isCrossOrigin ? `/external_resources${pathname}` : `${pathname}`;
             let resolvedPath = suffix ? withSuffix(basePath, suffix) : basePath;
             const collisionKey = resolvedPath;
             const existingUrl = usedPaths.get(collisionKey);

package/dist/resource-filter.js

@@ -1,14 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createDefaultResourceFilter = void 0;
-const DEFAULT_ALLOWED = new Set([
-    "document",
-    "stylesheet",
-    "script",
-    "image",
-    "font",
-    "media"
-]);
+const DEFAULT_ALLOWED = new Set(["document", "stylesheet", "script", "image", "font", "media"]);
 const isSkippableUrl = (url) => url.startsWith("data:") ||
     url.startsWith("blob:") ||
     url.startsWith("mailto:") ||

package/dist/snapshot-builder.d.ts

@@ -1,5 +1,5 @@
-import type { ContentStore, PageSnapshot, PathResolver } from "./types";
 import type { ApiEntry, StoredResource } from "./network-store";
+import type { ContentStore, PageSnapshot, PathResolver } from "./types";
 type BuildOptions = {
     entryUrl: string;
     createdAt: number;

package/dist/snapshot-builder.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildSnapshot = void 0;
-const path_resolver_1 = require("./path-resolver");
-const snapshot_1 = require("./snapshot");
 const css_rewrite_1 = require("./css-rewrite");
+const path_resolver_1 = require("./path-resolver");
 const rewrite_links_1 = require("./rewrite-links");
+const snapshot_1 = require("./snapshot");
 const utils_1 = require("./utils");
 const streamToUint8Array = async (stream) => {
     const reader = stream.getReader();
@@ -80,7 +80,7 @@ const groupResources = (input) => {
         });
     }
     const primaryGroup = primaryDoc
-        ? groups.get(primaryDoc.request.frameId ?? primaryDoc.request.requestId) ?? null
+        ? (groups.get(primaryDoc.request.frameId ?? primaryDoc.request.requestId) ?? null)
         : null;
     const groupByUrl = new Map();
     for (const group of groups.values()) {
@@ -92,7 +92,9 @@ const groupResources = (input) => {
         }
         const frameId = resource.request.frameId;
         const byFrame = frameId ? groups.get(frameId) : undefined;
-        const byInitiator = resource.request.initiator?.url ? groupByUrl.get(resource.request.initiator.url) : undefined;
+        const byInitiator = resource.request.initiator?.url
+            ? groupByUrl.get(resource.request.initiator.url)
+            : undefined;
         const target = byFrame ?? byInitiator ?? primaryGroup ?? Array.from(groups.values())[0];
         if (target) {
             target.resources.push(resource);
@@ -101,7 +103,9 @@ const groupResources = (input) => {
     for (const entry of input.apiEntries) {
         const frameId = entry.request.frameId;
         const byFrame = frameId ? groups.get(frameId) : undefined;
-        const byInitiator = entry.request.initiator?.url ? groupByUrl.get(entry.request.initiator.url) : undefined;
+        const byInitiator = entry.request.initiator?.url
+            ? groupByUrl.get(entry.request.initiator.url)
+            : undefined;
         const target = byFrame ?? byInitiator ?? primaryGroup ?? Array.from(groups.values())[0];
         if (target) {
             target.apiEntries.push(entry);

package/dist/types.d.ts

@@ -64,9 +64,6 @@ export type InterceptTarget = {
 } | {
     kind: "cdp-tab";
     tabId: number;
-} | {
-    kind: "cdp-session";
-    session: unknown;
 };
 export type InterceptOptions = Record<string, unknown>;
 export type NavigateOptions = Record<string, unknown>;

package/dist/utils.js

@@ -17,7 +17,7 @@ const hashString = (value) => {
 exports.hashString = hashString;
 const stripLeadingSlash = (value) => value.replace(/^\/+/, "");
 exports.stripLeadingSlash = stripLeadingSlash;
-const ensureLeadingSlash = (value) => value.startsWith("/") ? value : `/${value}`;
+const ensureLeadingSlash = (value) => (value.startsWith("/") ? value : `/${value}`);
 exports.ensureLeadingSlash = ensureLeadingSlash;
 const sanitizePosixPath = (value) => {
     const parts = value.split("/").filter(Boolean);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagepocket/lib",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "description": "Library for rewriting HTML snapshots and inlining local resources.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,18 +12,22 @@
   "license": "ISC",
   "dependencies": {
     "cheerio": "^1.0.0-rc.12",
-    "@pagepocket/uni-fs": "0.5.1"
+    "@pagepocket/uni-fs": "0.6.0"
   },
   "devDependencies": {
+    "@playwright/test": "^1.50.1",
     "@types/node": "^20.11.30",
+    "esbuild": "^0.25.1",
     "prettier": "^3.7.4",
     "tsx": "^4.19.3",
-    "typescript": "^5.4.5"
+    "typescript": "^5.4.5",
+    "@pagepocket/cdp-adapter": "0.6.0"
   },
   "scripts": {
     "build": "tsc",
     "format": "prettier --write .",
     "format:check": "prettier --check .",
-    "test": "tsx --test specs/**/*.test.ts"
+    "test": "tsx --test specs/**/*.test.ts",
+    "test:e2e": "playwright test -c e2e/playwright.config.ts"
   }
 }