@chromatic-com/playwright 0.14.0 → 0.14.1-431e625-20260518134753

package/dist/bin/archive-storybook.js

@@ -5,6 +5,7 @@ var child_process = require('child_process');
 var path = require('path');
 var fs = require('fs');
 var module$1 = require('module');
+require('crypto');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -20,32 +21,20 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
     return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
-var __defProp2 = Object.defineProperty;
-var __name2 = /* @__PURE__ */ __name((target, value) => __defProp2(target, "name", { value, configurable: true }), "__name");
-var __require2 = /* @__PURE__ */ ((x) => typeof __require !== "undefined" ? __require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof __require !== "undefined" ? __require : a)[b]
-}) : x)(function(x) {
-  if (typeof __require !== "undefined")
-    return __require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
 function rootDir() {
   return process.cwd();
 }
 __name(rootDir, "rootDir");
-__name2(rootDir, "rootDir");
 function outputDirOverride() {
   const { CHROMATIC_ARCHIVE_LOCATION } = process.env;
   return CHROMATIC_ARCHIVE_LOCATION;
 }
 __name(outputDirOverride, "outputDirOverride");
-__name2(outputDirOverride, "outputDirOverride");
 function archivesDir(defaultOutputDir) {
   const outputDir = outputDirOverride() || defaultOutputDir;
   return path__default.default.resolve(rootDir(), outputDir, "chromatic-archives");
 }
 __name(archivesDir, "archivesDir");
-__name2(archivesDir, "archivesDir");
 function checkArchivesDirExists(defaultOutputDir) {
   const dir = archivesDir(defaultOutputDir);
   if (!fs.existsSync(dir)) {
@@ -55,8 +44,9 @@ Please make sure that you have run your E2E tests, or have set the CHROMATIC_ARC
   }
 }
 __name(checkArchivesDirExists, "checkArchivesDirExists");
-__name2(checkArchivesDirExists, "checkArchivesDirExists");
-var req = __require2.resolve ? __require2 : module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
+
+// ../shared/src/archive-storybook/index.ts
+var req = __require.resolve ? __require : module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
 function archiveStorybook(processArgs, configDir2, defaultOutputDir) {
   checkArchivesDirExists(defaultOutputDir);
   child_process.execFileSync("node", [
@@ -70,28 +60,12 @@ function archiveStorybook(processArgs, configDir2, defaultOutputDir) {
   });
 }
 __name(archiveStorybook, "archiveStorybook");
-__name2(archiveStorybook, "archiveStorybook");
-function buildArchiveStorybook(processArgs, configDir2, defaultOutputDir) {
-  checkArchivesDirExists(defaultOutputDir);
-  child_process.execFileSync("node", [
-    binPath(),
-    "build",
-    ...processArgs,
-    "-c",
-    configDir2
-  ], {
-    stdio: "inherit"
-  });
-}
-__name(buildArchiveStorybook, "buildArchiveStorybook");
-__name2(buildArchiveStorybook, "buildArchiveStorybook");
 function binPath() {
   const filename = req.resolve("storybook/package.json");
   const packageJson = JSON.parse(fs.readFileSync(filename, "utf8"));
   return path.resolve(path.dirname(filename), packageJson.bin);
 }
 __name(binPath, "binPath");
-__name2(binPath, "binPath");
 
 // src/constants.ts
 var DEFAULT_OUTPUT_DIR = "test-results";

package/dist/bin/build-archive-storybook.js

@@ -5,6 +5,7 @@ var child_process = require('child_process');
 var path = require('path');
 var fs = require('fs');
 var module$1 = require('module');
+require('crypto');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -20,32 +21,20 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
     return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
-var __defProp2 = Object.defineProperty;
-var __name2 = /* @__PURE__ */ __name((target, value) => __defProp2(target, "name", { value, configurable: true }), "__name");
-var __require2 = /* @__PURE__ */ ((x) => typeof __require !== "undefined" ? __require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof __require !== "undefined" ? __require : a)[b]
-}) : x)(function(x) {
-  if (typeof __require !== "undefined")
-    return __require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
 function rootDir() {
   return process.cwd();
 }
 __name(rootDir, "rootDir");
-__name2(rootDir, "rootDir");
 function outputDirOverride() {
   const { CHROMATIC_ARCHIVE_LOCATION } = process.env;
   return CHROMATIC_ARCHIVE_LOCATION;
 }
 __name(outputDirOverride, "outputDirOverride");
-__name2(outputDirOverride, "outputDirOverride");
 function archivesDir(defaultOutputDir) {
   const outputDir = outputDirOverride() || defaultOutputDir;
   return path__default.default.resolve(rootDir(), outputDir, "chromatic-archives");
 }
 __name(archivesDir, "archivesDir");
-__name2(archivesDir, "archivesDir");
 function checkArchivesDirExists(defaultOutputDir) {
   const dir = archivesDir(defaultOutputDir);
   if (!fs.existsSync(dir)) {
@@ -55,22 +44,9 @@ Please make sure that you have run your E2E tests, or have set the CHROMATIC_ARC
   }
 }
 __name(checkArchivesDirExists, "checkArchivesDirExists");
-__name2(checkArchivesDirExists, "checkArchivesDirExists");
-var req = __require2.resolve ? __require2 : module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
-function archiveStorybook(processArgs, configDir2, defaultOutputDir) {
-  checkArchivesDirExists(defaultOutputDir);
-  child_process.execFileSync("node", [
-    binPath(),
-    "dev",
-    ...processArgs,
-    "-c",
-    configDir2
-  ], {
-    stdio: "inherit"
-  });
-}
-__name(archiveStorybook, "archiveStorybook");
-__name2(archiveStorybook, "archiveStorybook");
+
+// ../shared/src/archive-storybook/index.ts
+var req = __require.resolve ? __require : module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
 function buildArchiveStorybook(processArgs, configDir2, defaultOutputDir) {
   checkArchivesDirExists(defaultOutputDir);
   child_process.execFileSync("node", [
@@ -84,14 +60,12 @@ function buildArchiveStorybook(processArgs, configDir2, defaultOutputDir) {
   });
 }
 __name(buildArchiveStorybook, "buildArchiveStorybook");
-__name2(buildArchiveStorybook, "buildArchiveStorybook");
 function binPath() {
   const filename = req.resolve("storybook/package.json");
   const packageJson = JSON.parse(fs.readFileSync(filename, "utf8"));
   return path.resolve(path.dirname(filename), packageJson.bin);
 }
 __name(binPath, "binPath");
-__name2(binPath, "binPath");
 
 // src/constants.ts
 var DEFAULT_OUTPUT_DIR = "test-results";

package/dist/index.d.mts

@@ -1,14 +1,26 @@
-import { a } from './types-DBnTR0hb.js';
-export { a as ChromaticConfig } from './types-DBnTR0hb.js';
 import * as playwright_test from 'playwright/test';
 import { Page, TestInfo } from '@playwright/test';
 export { expect } from '@playwright/test';
 
+interface ChromaticConfig {
+    delay?: number;
+    diffIncludeAntiAliasing?: boolean;
+    diffThreshold?: number;
+    disableAutoSnapshot?: boolean;
+    forcedColors?: string;
+    pauseAnimationAtEnd?: boolean;
+    prefersReducedMotion?: string;
+    resourceArchiveTimeout?: number;
+    assetDomains?: string[];
+    cropToViewport?: boolean;
+    ignoreSelectors?: string[];
+}
+
 declare function takeSnapshot(page: Page, testInfo: TestInfo): Promise<void>;
 declare function takeSnapshot(page: Page, name: string, testInfo: TestInfo): Promise<void>;
 
-declare const test: playwright_test.TestType<playwright_test.PlaywrightTestArgs & playwright_test.PlaywrightTestOptions & a & {
+declare const test: playwright_test.TestType<playwright_test.PlaywrightTestArgs & playwright_test.PlaywrightTestOptions & ChromaticConfig & {
     chromaticSnapshot: void;
 }, playwright_test.PlaywrightWorkerArgs & playwright_test.PlaywrightWorkerOptions>;
 
-export { takeSnapshot, test };
+export { type ChromaticConfig, takeSnapshot, test };

package/dist/index.d.ts

@@ -1,14 +1,26 @@
-import { a } from './types-DBnTR0hb.js';
-export { a as ChromaticConfig } from './types-DBnTR0hb.js';
 import * as playwright_test from 'playwright/test';
 import { Page, TestInfo } from '@playwright/test';
 export { expect } from '@playwright/test';
 
+interface ChromaticConfig {
+    delay?: number;
+    diffIncludeAntiAliasing?: boolean;
+    diffThreshold?: number;
+    disableAutoSnapshot?: boolean;
+    forcedColors?: string;
+    pauseAnimationAtEnd?: boolean;
+    prefersReducedMotion?: string;
+    resourceArchiveTimeout?: number;
+    assetDomains?: string[];
+    cropToViewport?: boolean;
+    ignoreSelectors?: string[];
+}
+
 declare function takeSnapshot(page: Page, testInfo: TestInfo): Promise<void>;
 declare function takeSnapshot(page: Page, name: string, testInfo: TestInfo): Promise<void>;
 
-declare const test: playwright_test.TestType<playwright_test.PlaywrightTestArgs & playwright_test.PlaywrightTestOptions & a & {
+declare const test: playwright_test.TestType<playwright_test.PlaywrightTestArgs & playwright_test.PlaywrightTestOptions & ChromaticConfig & {
     chromaticSnapshot: void;
 }, playwright_test.PlaywrightWorkerArgs & playwright_test.PlaywrightWorkerOptions>;
 
-export { takeSnapshot, test };
+export { type ChromaticConfig, takeSnapshot, test };

package/dist/index.js

@@ -15,7 +15,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var path2__default = /*#__PURE__*/_interopDefault(path2);
 
 const require$1 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
+var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __require = /* @__PURE__ */ ((x) => typeof require$1 !== "undefined" ? require$1 : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require$1 !== "undefined" ? require$1 : a)[b]
@@ -24,37 +30,31 @@ var __require = /* @__PURE__ */ ((x) => typeof require$1 !== "undefined" ? requi
     return require$1.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
-var __create = Object.create;
-var __defProp2 = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __defNormalProp = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value, "__defNormalProp");
-var __name2 = /* @__PURE__ */ __name((target, value) => __defProp2(target, "name", { value, configurable: true }), "__name");
-var __commonJS = /* @__PURE__ */ __name((cb, mod) => /* @__PURE__ */ __name(function __require2() {
+var __commonJS = (cb, mod) => function __require2() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-}, "__require"), "__commonJS");
-var __copyProps = /* @__PURE__ */ __name((to, from, except, desc) => {
+};
+var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
       if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
   return to;
-}, "__copyProps");
-var __toESM = /* @__PURE__ */ __name((mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
+  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
-)), "__toESM");
-var __publicField = /* @__PURE__ */ __name((obj, key, value) => {
+));
+var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
-}, "__publicField");
+};
+
+// ../../node_modules/mime/Mime.js
 var require_Mime = __commonJS({
   "../../node_modules/mime/Mime.js"(exports$1, module) {
     function Mime() {
@@ -68,7 +68,6 @@ var require_Mime = __commonJS({
       this.getExtension = this.getExtension.bind(this);
     }
     __name(Mime, "Mime");
-    __name2(Mime, "Mime");
     Mime.prototype.define = function(typeMap, force) {
       for (let type in typeMap) {
         let extensions = typeMap[type].map(function(t) {
@@ -106,6 +105,8 @@ var require_Mime = __commonJS({
     module.exports = Mime;
   }
 });
+
+// ../../node_modules/mime/types/standard.js
 var require_standard = __commonJS({
   "../../node_modules/mime/types/standard.js"(exports$1, module) {
     module.exports = {
@@ -1127,6 +1128,8 @@ var require_standard = __commonJS({
     };
   }
 });
+
+// ../../node_modules/mime/types/other.js
 var require_other = __commonJS({
   "../../node_modules/mime/types/other.js"(exports$1, module) {
     module.exports = {
@@ -3241,23 +3244,27 @@ var require_other = __commonJS({
     };
   }
 });
+
+// ../../node_modules/mime/index.js
 var require_mime = __commonJS({
   "../../node_modules/mime/index.js"(exports$1, module) {
     var Mime = require_Mime();
     module.exports = new Mime(require_standard(), require_other());
   }
 });
+
+// ../../node_modules/srcset/index.js
 var require_srcset = __commonJS({
   "../../node_modules/srcset/index.js"(exports$1) {
     var imageCandidateRegex = /\s*([^,]\S*[^,](?:\s+[^,]+)?)\s*(?:,|$)/;
-    var duplicateDescriptorCheck = /* @__PURE__ */ __name2((allDescriptors, value, postfix) => {
+    var duplicateDescriptorCheck = /* @__PURE__ */ __name((allDescriptors, value, postfix) => {
       allDescriptors[postfix] = allDescriptors[postfix] || {};
       if (allDescriptors[postfix][value]) {
         throw new Error(`No more than one image candidate is allowed for a given descriptor: ${value}${postfix}`);
       }
       allDescriptors[postfix][value] = true;
     }, "duplicateDescriptorCheck");
-    var fallbackDescriptorDuplicateCheck = /* @__PURE__ */ __name2((allDescriptors) => {
+    var fallbackDescriptorDuplicateCheck = /* @__PURE__ */ __name((allDescriptors) => {
       if (allDescriptors.fallback) {
         throw new Error("Only one fallback image candidate is allowed");
       }
@@ -3266,14 +3273,14 @@ var require_srcset = __commonJS({
       }
       allDescriptors.fallback = true;
     }, "fallbackDescriptorDuplicateCheck");
-    var descriptorCountCheck = /* @__PURE__ */ __name2((allDescriptors, currentDescriptors) => {
+    var descriptorCountCheck = /* @__PURE__ */ __name((allDescriptors, currentDescriptors) => {
       if (currentDescriptors.length === 0) {
         fallbackDescriptorDuplicateCheck(allDescriptors);
       } else if (currentDescriptors.length > 1) {
         throw new Error(`Image candidate may have no more than one descriptor, found ${currentDescriptors.length}: ${currentDescriptors.join(" ")}`);
       }
     }, "descriptorCountCheck");
-    var validDescriptorCheck = /* @__PURE__ */ __name2((value, postfix, descriptor) => {
+    var validDescriptorCheck = /* @__PURE__ */ __name((value, postfix, descriptor) => {
       if (Number.isNaN(value)) {
         throw new TypeError(`${descriptor || value} is not a valid number`);
       }
@@ -3385,22 +3392,40 @@ var require_srcset = __commonJS({
     };
   }
 });
+
+// ../shared/src/utils/logger.ts
 var logger = process.env.LOG ? console : {
   log: (..._args) => {
   },
   warn: (..._args) => {
   }
 };
-var _a;
-var _ResourceArchiver = (_a = class {
+
+// ../shared/src/resource-archiver/index.ts
+var _ResourceArchiver = class _ResourceArchiver {
   constructor(cdpClient, allowedDomains, httpCredentials) {
     __publicField(this, "archive", {});
     __publicField(this, "client");
+    /**
+     Specifies which domains (origins) we should archive resources for (by default we only archive same-origin resources).
+     Useful in situations where the environment running the archived storybook (e.g. in CI) may be restricted to an intranet or other domain restrictions
+    */
     __publicField(this, "assetDomains");
+    /**
+    * We assume the first URL loaded after @watch is called is the base URL of the
+    * page and we only save resources that are loaded from the same protocol/host/port combination.
+    * We also skip archiving this page because we only care about resources requested by this page.
+    */
     __publicField(this, "firstUrl");
+    /**
+    * HTTP Basic Auth credentials to use when accessing protected resources.
+    */
     __publicField(this, "httpCredentials");
+    /**
+    * Currently active requests
+    */
     __publicField(this, "pendingRequests", /* @__PURE__ */ new Set());
-    __publicField(this, "authRequired", /* @__PURE__ */ __name2(async ({ requestId, request }) => {
+    __publicField(this, "authRequired", /* @__PURE__ */ __name(async ({ requestId, request }) => {
       await this.clientSend(request, "Fetch.continueWithAuth", {
         requestId,
         authChallengeResponse: {
@@ -3409,7 +3434,7 @@ var _ResourceArchiver = (_a = class {
         }
       });
     }, "authRequired"));
-    __publicField(this, "requestPaused", /* @__PURE__ */ __name2(async ({ requestId, request, responseStatusCode, responseStatusText, responseErrorReason, responseHeaders }) => {
+    __publicField(this, "requestPaused", /* @__PURE__ */ __name(async ({ requestId, request, responseStatusCode, responseStatusText, responseErrorReason, responseHeaders }) => {
       this.pendingRequests.delete(requestId);
       if (!request.method.match(/get/i)) {
         await this.clientSend(request, "Fetch.continueRequest", {
@@ -3522,8 +3547,8 @@ var _ResourceArchiver = (_a = class {
       requestId
     });
   }
-}, __name(_a, "_ResourceArchiver"), _a);
-__name2(_ResourceArchiver, "ResourceArchiver");
+};
+__name(_ResourceArchiver, "ResourceArchiver");
 var ResourceArchiver = _ResourceArchiver;
 function ensureDir(directory) {
   if (!fs.existsSync(directory)) {
@@ -3533,7 +3558,6 @@ function ensureDir(directory) {
   }
 }
 __name(ensureDir, "ensureDir");
-__name2(ensureDir, "ensureDir");
 async function outputFile(filePath, data) {
   ensureDir(path2__default.default.dirname(filePath));
   return promises.writeFile(filePath, data, {
@@ -3541,19 +3565,16 @@ async function outputFile(filePath, data) {
   });
 }
 __name(outputFile, "outputFile");
-__name2(outputFile, "outputFile");
 async function outputJSONFile(filePath, data) {
   return outputFile(filePath, JSON.stringify(data));
 }
 __name(outputJSONFile, "outputJSONFile");
-__name2(outputJSONFile, "outputJSONFile");
 function hash(data) {
   return crypto.createHash("shake256", {
     outputLength: 2
   }).update(data).digest("hex");
 }
 __name(hash, "hash");
-__name2(hash, "hash");
 var MAX_FILE_NAME_BYTE_LENGTH = 255;
 function truncateFileName(filePath, maxByteLength = MAX_FILE_NAME_BYTE_LENGTH) {
   const encoder = new TextEncoder();
@@ -3582,8 +3603,7 @@ function truncateFileName(filePath, maxByteLength = MAX_FILE_NAME_BYTE_LENGTH) {
   ].join("/");
 }
 __name(truncateFileName, "truncateFileName");
-__name2(truncateFileName, "truncateFileName");
-var removeLocalhostFromBaseUrl = /* @__PURE__ */ __name2((href) => {
+var removeLocalhostFromBaseUrl = /* @__PURE__ */ __name((href) => {
   let baseUrl;
   try {
     baseUrl = new URL(href);
@@ -3595,6 +3615,8 @@ var removeLocalhostFromBaseUrl = /* @__PURE__ */ __name2((href) => {
     return href;
   }
 }, "removeLocalhostFromBaseUrl");
+
+// ../shared/src/write-archive/archive-file.ts
 var import_mime = __toESM(require_mime());
 var RESERVED_PATHNAMES = [
   // This is a list of filenames that are reserved for Storybook as a dev target.
@@ -3608,12 +3630,13 @@ var RESERVED_PATHNAMES = [
   "/runtime~main.iframe.bundle.js",
   "/sb-preview/runtime.js"
 ];
-var _a2;
-var _ArchiveFile = (_a2 = class {
+var _ArchiveFile = class _ArchiveFile {
   constructor(url, response, pageUrl) {
+    // The URL to the asset being archived.
     __publicField(this, "url");
     __publicField(this, "response");
     __publicField(this, "shortenedFileNameLength");
+    // The URL to page being tested.
     __publicField(this, "pageUrl");
     this.url = new URL(url);
     this.response = response;
@@ -3688,27 +3711,33 @@ var _ArchiveFile = (_a2 = class {
     }
     return pathname;
   }
-}, __name(_a2, "_ArchiveFile"), _a2);
-__name2(_ArchiveFile, "ArchiveFile");
+};
+__name(_ArchiveFile, "ArchiveFile");
 var ArchiveFile = _ArchiveFile;
-var NodeType = /* @__PURE__ */ ((NodeType22) => {
-  NodeType22[NodeType22["Document"] = 0] = "Document";
-  NodeType22[NodeType22["DocumentType"] = 1] = "DocumentType";
-  NodeType22[NodeType22["Element"] = 2] = "Element";
-  NodeType22[NodeType22["Text"] = 3] = "Text";
-  NodeType22[NodeType22["CDATA"] = 4] = "CDATA";
-  NodeType22[NodeType22["Comment"] = 5] = "Comment";
-  return NodeType22;
+
+// ../../node_modules/@rrweb/types/dist/types.js
+var NodeType = /* @__PURE__ */ ((NodeType2) => {
+  NodeType2[NodeType2["Document"] = 0] = "Document";
+  NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
+  NodeType2[NodeType2["Element"] = 2] = "Element";
+  NodeType2[NodeType2["Text"] = 3] = "Text";
+  NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
+  NodeType2[NodeType2["Comment"] = 5] = "Comment";
+  return NodeType2;
 })(NodeType || {});
+
+// ../shared/src/write-archive/dom-snapshot.ts
 var import_srcset = __toESM(require_srcset());
+
+// ../shared/src/utils/nodes.ts
 function isIframeSerializedNode(node) {
   return node.type === NodeType.Element && node.tagName === "iframe" && "contentDocument" in node && !!node.contentDocument;
 }
 __name(isIframeSerializedNode, "isIframeSerializedNode");
-__name2(isIframeSerializedNode, "isIframeSerializedNode");
+
+// ../shared/src/write-archive/dom-snapshot.ts
 var CSS_URL_REGEX = /url\((?!['"]?(?:data):)['"]?([^'")]*)['"]?\)/gi;
-var _a3;
-var _DOMSnapshot = (_a3 = class {
+var _DOMSnapshot = class _DOMSnapshot {
   constructor({ snapshot, pseudoClassIds }) {
     __publicField(this, "snapshot");
     __publicField(this, "pseudoClassIds");
@@ -3835,26 +3864,22 @@ var _DOMSnapshot = (_a3 = class {
     });
     return currentSrc;
   }
-}, __name(_a3, "_DOMSnapshot"), _a3);
-__name2(_DOMSnapshot, "DOMSnapshot");
+};
+__name(_DOMSnapshot, "DOMSnapshot");
 var DOMSnapshot = _DOMSnapshot;
+
+// ../shared/src/utils/viewport.ts
 function viewportToString(viewport) {
   return `w${viewport.width}h${viewport.height}`;
 }
 __name(viewportToString, "viewportToString");
-__name2(viewportToString, "viewportToString");
-function parseViewport(viewportString) {
-  const matcher = viewportString.match(/w(\d+)h(\d+)/);
-  return {
-    width: Number(matcher[1]),
-    height: Number(matcher[2])
-  };
-}
-__name(parseViewport, "parseViewport");
-__name2(parseViewport, "parseViewport");
-var sanitize = /* @__PURE__ */ __name2((string) => {
+
+// ../shared/src/write-archive/storybook-sanitize.ts
+var sanitize = /* @__PURE__ */ __name((string) => {
   return string.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, "-").replace(/[\r\n]/g, "-").replace(/-+/g, "-").replace(/^-+/, "").replace(/-+$/, "");
 }, "sanitize");
+
+// ../shared/src/write-archive/snapshot-files.ts
 var SNAPSHOT_FILE_EXT = "snapshot.json";
 function snapshotId(testTitle, snapshotName) {
   const fullSnapshotId = `${sanitize(testTitle)}-${sanitize(snapshotName)}`;
@@ -3862,7 +3887,6 @@ function snapshotId(testTitle, snapshotName) {
   return truncateFileName(fullSnapshotId, maxByteLength);
 }
 __name(snapshotId, "snapshotId");
-__name2(snapshotId, "snapshotId");
 function snapshotFileName(snapshotId2, viewport) {
   const fileNameParts = [
     snapshotId2,
@@ -3872,7 +3896,8 @@ function snapshotFileName(snapshotId2, viewport) {
   return fileNameParts.join(".");
 }
 __name(snapshotFileName, "snapshotFileName");
-__name2(snapshotFileName, "snapshotFileName");
+
+// ../shared/src/write-archive/stories-files.ts
 var STORIES_FILE_EXT = "stories.json";
 function storiesFileName(testTitle) {
   const fileName = [
@@ -3883,7 +3908,6 @@ function storiesFileName(testTitle) {
   return truncateFileName(fileName, maxByteLength);
 }
 __name(storiesFileName, "storiesFileName");
-__name2(storiesFileName, "storiesFileName");
 function createStories(title, domSnapshots, chromaticStorybookParams) {
   return {
     title,
@@ -3918,7 +3942,6 @@ function createStories(title, domSnapshots, chromaticStorybookParams) {
   };
 }
 __name(createStories, "createStories");
-__name2(createStories, "createStories");
 function buildStoryModesConfig(viewports) {
   return viewports.reduce((modes, viewport) => {
     const viewportName = viewportToString(viewport);
@@ -3929,7 +3952,6 @@ function buildStoryModesConfig(viewports) {
   }, {});
 }
 __name(buildStoryModesConfig, "buildStoryModesConfig");
-__name2(buildStoryModesConfig, "buildStoryModesConfig");
 function buildStoryViewportsConfig(viewports) {
   return viewports.reduce((viewportsConfig, viewport) => {
     const viewportName = viewportToString(viewport);
@@ -3945,7 +3967,6 @@ function buildStoryViewportsConfig(viewports) {
   }, {});
 }
 __name(buildStoryViewportsConfig, "buildStoryViewportsConfig");
-__name2(buildStoryViewportsConfig, "buildStoryViewportsConfig");
 function viewportAddonType(viewport) {
   if (viewport.width < 600) {
     return "mobile";
@@ -3956,9 +3977,8 @@ function viewportAddonType(viewport) {
   return "desktop";
 }
 __name(viewportAddonType, "viewportAddonType");
-__name2(viewportAddonType, "viewportAddonType");
 function findDefaultViewport(viewports) {
-  const compareFn = /* @__PURE__ */ __name2((vp1, vp2) => {
+  const compareFn = /* @__PURE__ */ __name((vp1, vp2) => {
     if (vp1.width < vp2.width) {
       return 1;
     }
@@ -3970,7 +3990,8 @@ function findDefaultViewport(viewports) {
   return viewports.sort(compareFn)[0];
 }
 __name(findDefaultViewport, "findDefaultViewport");
-__name2(findDefaultViewport, "findDefaultViewport");
+
+// ../shared/src/write-archive/index.ts
 async function writeTestResult(e2eTestInfo, domSnapshots, archive, chromaticStorybookParams) {
   const { titlePath, outputDir, pageUrl } = e2eTestInfo;
   const titlePathWithoutFileExtensions = titlePath.map((pathPart) => (
@@ -4015,7 +4036,6 @@ async function writeTestResult(e2eTestInfo, domSnapshots, archive, chromaticStor
   }
 }
 __name(writeTestResult, "writeTestResult");
-__name2(writeTestResult, "writeTestResult");
 var analytics = new analyticsNode.Analytics({
   writeKey: process.env.SEGMENT_WRITE_KEY || "cwWhBWso2gwzyenW29CnCp30Kjz4DogE"
 });
@@ -4028,7 +4048,6 @@ function track(event, properties) {
   });
 }
 __name(track, "track");
-__name2(track, "track");
 var hasTrackedRun = false;
 function trackRun(properties = {}) {
   if (hasTrackedRun)
@@ -4037,7 +4056,6 @@ function trackRun(properties = {}) {
   hasTrackedRun = true;
 }
 __name(trackRun, "trackRun");
-__name2(trackRun, "trackRun");
 var hasTrackedComplete = false;
 function trackComplete(properties = {}) {
   if (hasTrackedComplete)
@@ -4046,21 +4064,9 @@ function trackComplete(properties = {}) {
   hasTrackedComplete = true;
 }
 __name(trackComplete, "trackComplete");
-__name2(trackComplete, "trackComplete");
-var DEFAULT_GLOBAL_RESOURCE_ARCHIVE_TIMEOUT_MS = 1e4;
 
-// ../../node_modules/@rrweb/types/dist/types.js
-var NodeType2 = /* @__PURE__ */ ((NodeType22) => {
-  NodeType22[NodeType22["Document"] = 0] = "Document";
-  NodeType22[NodeType22["DocumentType"] = 1] = "DocumentType";
-  NodeType22[NodeType22["Element"] = 2] = "Element";
-  NodeType22[NodeType22["Text"] = 3] = "Text";
-  NodeType22[NodeType22["CDATA"] = 4] = "CDATA";
-  NodeType22[NodeType22["Comment"] = 5] = "Comment";
-  return NodeType22;
-})(NodeType2 || {});
-
-// src/takeSnapshot.ts
+// ../shared/src/constants.ts
+var DEFAULT_GLOBAL_RESOURCE_ARCHIVE_TIMEOUT_MS = 1e4;
 var rrweb = fs.readFileSync(__require.resolve("@chromaui/rrweb-snapshot"), "utf8");
 var chromaticSnapshots = /* @__PURE__ */ new Map();
 async function takeSnapshot(page, nameOrTestInfo, maybeTestInfo) {
@@ -4193,7 +4199,7 @@ async function executeSnapshotScript(context) {
 }
 __name(executeSnapshotScript, "executeSnapshotScript");
 function findIframes(node) {
-  if (node.type === NodeType2.Element && node.tagName === "iframe") {
+  if (node.type === NodeType.Element && node.tagName === "iframe") {
     return [
       node
     ];

package/dist/index.mjs

@@ -9,7 +9,13 @@ import { Analytics } from '@segment/analytics-node';
 import { dedent } from 'ts-dedent';
 
 const require$1 = createRequire(import.meta.url);
+var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __require = /* @__PURE__ */ ((x) => typeof require$1 !== "undefined" ? require$1 : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require$1 !== "undefined" ? require$1 : a)[b]
@@ -18,37 +24,31 @@ var __require = /* @__PURE__ */ ((x) => typeof require$1 !== "undefined" ? requi
     return require$1.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
-var __create = Object.create;
-var __defProp2 = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __defNormalProp = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value, "__defNormalProp");
-var __name2 = /* @__PURE__ */ __name((target, value) => __defProp2(target, "name", { value, configurable: true }), "__name");
-var __commonJS = /* @__PURE__ */ __name((cb, mod) => /* @__PURE__ */ __name(function __require2() {
+var __commonJS = (cb, mod) => function __require2() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-}, "__require"), "__commonJS");
-var __copyProps = /* @__PURE__ */ __name((to, from, except, desc) => {
+};
+var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
       if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
   return to;
-}, "__copyProps");
-var __toESM = /* @__PURE__ */ __name((mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
+  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
-)), "__toESM");
-var __publicField = /* @__PURE__ */ __name((obj, key, value) => {
+));
+var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
-}, "__publicField");
+};
+
+// ../../node_modules/mime/Mime.js
 var require_Mime = __commonJS({
   "../../node_modules/mime/Mime.js"(exports$1, module) {
     function Mime() {
@@ -62,7 +62,6 @@ var require_Mime = __commonJS({
       this.getExtension = this.getExtension.bind(this);
     }
     __name(Mime, "Mime");
-    __name2(Mime, "Mime");
     Mime.prototype.define = function(typeMap, force) {
       for (let type in typeMap) {
         let extensions = typeMap[type].map(function(t) {
@@ -100,6 +99,8 @@ var require_Mime = __commonJS({
     module.exports = Mime;
   }
 });
+
+// ../../node_modules/mime/types/standard.js
 var require_standard = __commonJS({
   "../../node_modules/mime/types/standard.js"(exports$1, module) {
     module.exports = {
@@ -1121,6 +1122,8 @@ var require_standard = __commonJS({
     };
   }
 });
+
+// ../../node_modules/mime/types/other.js
 var require_other = __commonJS({
   "../../node_modules/mime/types/other.js"(exports$1, module) {
     module.exports = {
@@ -3235,23 +3238,27 @@ var require_other = __commonJS({
     };
   }
 });
+
+// ../../node_modules/mime/index.js
 var require_mime = __commonJS({
   "../../node_modules/mime/index.js"(exports$1, module) {
     var Mime = require_Mime();
     module.exports = new Mime(require_standard(), require_other());
   }
 });
+
+// ../../node_modules/srcset/index.js
 var require_srcset = __commonJS({
   "../../node_modules/srcset/index.js"(exports$1) {
     var imageCandidateRegex = /\s*([^,]\S*[^,](?:\s+[^,]+)?)\s*(?:,|$)/;
-    var duplicateDescriptorCheck = /* @__PURE__ */ __name2((allDescriptors, value, postfix) => {
+    var duplicateDescriptorCheck = /* @__PURE__ */ __name((allDescriptors, value, postfix) => {
       allDescriptors[postfix] = allDescriptors[postfix] || {};
       if (allDescriptors[postfix][value]) {
         throw new Error(`No more than one image candidate is allowed for a given descriptor: ${value}${postfix}`);
       }
       allDescriptors[postfix][value] = true;
     }, "duplicateDescriptorCheck");
-    var fallbackDescriptorDuplicateCheck = /* @__PURE__ */ __name2((allDescriptors) => {
+    var fallbackDescriptorDuplicateCheck = /* @__PURE__ */ __name((allDescriptors) => {
       if (allDescriptors.fallback) {
         throw new Error("Only one fallback image candidate is allowed");
       }
@@ -3260,14 +3267,14 @@ var require_srcset = __commonJS({
       }
       allDescriptors.fallback = true;
     }, "fallbackDescriptorDuplicateCheck");
-    var descriptorCountCheck = /* @__PURE__ */ __name2((allDescriptors, currentDescriptors) => {
+    var descriptorCountCheck = /* @__PURE__ */ __name((allDescriptors, currentDescriptors) => {
       if (currentDescriptors.length === 0) {
         fallbackDescriptorDuplicateCheck(allDescriptors);
       } else if (currentDescriptors.length > 1) {
         throw new Error(`Image candidate may have no more than one descriptor, found ${currentDescriptors.length}: ${currentDescriptors.join(" ")}`);
       }
     }, "descriptorCountCheck");
-    var validDescriptorCheck = /* @__PURE__ */ __name2((value, postfix, descriptor) => {
+    var validDescriptorCheck = /* @__PURE__ */ __name((value, postfix, descriptor) => {
       if (Number.isNaN(value)) {
         throw new TypeError(`${descriptor || value} is not a valid number`);
       }
@@ -3379,22 +3386,40 @@ var require_srcset = __commonJS({
     };
   }
 });
+
+// ../shared/src/utils/logger.ts
 var logger = process.env.LOG ? console : {
   log: (..._args) => {
   },
   warn: (..._args) => {
   }
 };
-var _a;
-var _ResourceArchiver = (_a = class {
+
+// ../shared/src/resource-archiver/index.ts
+var _ResourceArchiver = class _ResourceArchiver {
   constructor(cdpClient, allowedDomains, httpCredentials) {
     __publicField(this, "archive", {});
     __publicField(this, "client");
+    /**
+     Specifies which domains (origins) we should archive resources for (by default we only archive same-origin resources).
+     Useful in situations where the environment running the archived storybook (e.g. in CI) may be restricted to an intranet or other domain restrictions
+    */
     __publicField(this, "assetDomains");
+    /**
+    * We assume the first URL loaded after @watch is called is the base URL of the
+    * page and we only save resources that are loaded from the same protocol/host/port combination.
+    * We also skip archiving this page because we only care about resources requested by this page.
+    */
     __publicField(this, "firstUrl");
+    /**
+    * HTTP Basic Auth credentials to use when accessing protected resources.
+    */
     __publicField(this, "httpCredentials");
+    /**
+    * Currently active requests
+    */
     __publicField(this, "pendingRequests", /* @__PURE__ */ new Set());
-    __publicField(this, "authRequired", /* @__PURE__ */ __name2(async ({ requestId, request }) => {
+    __publicField(this, "authRequired", /* @__PURE__ */ __name(async ({ requestId, request }) => {
       await this.clientSend(request, "Fetch.continueWithAuth", {
         requestId,
         authChallengeResponse: {
@@ -3403,7 +3428,7 @@ var _ResourceArchiver = (_a = class {
         }
       });
     }, "authRequired"));
-    __publicField(this, "requestPaused", /* @__PURE__ */ __name2(async ({ requestId, request, responseStatusCode, responseStatusText, responseErrorReason, responseHeaders }) => {
+    __publicField(this, "requestPaused", /* @__PURE__ */ __name(async ({ requestId, request, responseStatusCode, responseStatusText, responseErrorReason, responseHeaders }) => {
       this.pendingRequests.delete(requestId);
       if (!request.method.match(/get/i)) {
         await this.clientSend(request, "Fetch.continueRequest", {
@@ -3516,8 +3541,8 @@ var _ResourceArchiver = (_a = class {
       requestId
     });
   }
-}, __name(_a, "_ResourceArchiver"), _a);
-__name2(_ResourceArchiver, "ResourceArchiver");
+};
+__name(_ResourceArchiver, "ResourceArchiver");
 var ResourceArchiver = _ResourceArchiver;
 function ensureDir(directory) {
   if (!existsSync(directory)) {
@@ -3527,7 +3552,6 @@ function ensureDir(directory) {
   }
 }
 __name(ensureDir, "ensureDir");
-__name2(ensureDir, "ensureDir");
 async function outputFile(filePath, data) {
   ensureDir(path2.dirname(filePath));
   return writeFile(filePath, data, {
@@ -3535,19 +3559,16 @@ async function outputFile(filePath, data) {
   });
 }
 __name(outputFile, "outputFile");
-__name2(outputFile, "outputFile");
 async function outputJSONFile(filePath, data) {
   return outputFile(filePath, JSON.stringify(data));
 }
 __name(outputJSONFile, "outputJSONFile");
-__name2(outputJSONFile, "outputJSONFile");
 function hash(data) {
   return createHash("shake256", {
     outputLength: 2
   }).update(data).digest("hex");
 }
 __name(hash, "hash");
-__name2(hash, "hash");
 var MAX_FILE_NAME_BYTE_LENGTH = 255;
 function truncateFileName(filePath, maxByteLength = MAX_FILE_NAME_BYTE_LENGTH) {
   const encoder = new TextEncoder();
@@ -3576,8 +3597,7 @@ function truncateFileName(filePath, maxByteLength = MAX_FILE_NAME_BYTE_LENGTH) {
   ].join("/");
 }
 __name(truncateFileName, "truncateFileName");
-__name2(truncateFileName, "truncateFileName");
-var removeLocalhostFromBaseUrl = /* @__PURE__ */ __name2((href) => {
+var removeLocalhostFromBaseUrl = /* @__PURE__ */ __name((href) => {
   let baseUrl;
   try {
     baseUrl = new URL(href);
@@ -3589,6 +3609,8 @@ var removeLocalhostFromBaseUrl = /* @__PURE__ */ __name2((href) => {
     return href;
   }
 }, "removeLocalhostFromBaseUrl");
+
+// ../shared/src/write-archive/archive-file.ts
 var import_mime = __toESM(require_mime());
 var RESERVED_PATHNAMES = [
   // This is a list of filenames that are reserved for Storybook as a dev target.
@@ -3602,12 +3624,13 @@ var RESERVED_PATHNAMES = [
   "/runtime~main.iframe.bundle.js",
   "/sb-preview/runtime.js"
 ];
-var _a2;
-var _ArchiveFile = (_a2 = class {
+var _ArchiveFile = class _ArchiveFile {
   constructor(url, response, pageUrl) {
+    // The URL to the asset being archived.
     __publicField(this, "url");
     __publicField(this, "response");
     __publicField(this, "shortenedFileNameLength");
+    // The URL to page being tested.
     __publicField(this, "pageUrl");
     this.url = new URL(url);
     this.response = response;
@@ -3682,27 +3705,33 @@ var _ArchiveFile = (_a2 = class {
     }
     return pathname;
   }
-}, __name(_a2, "_ArchiveFile"), _a2);
-__name2(_ArchiveFile, "ArchiveFile");
+};
+__name(_ArchiveFile, "ArchiveFile");
 var ArchiveFile = _ArchiveFile;
-var NodeType = /* @__PURE__ */ ((NodeType22) => {
-  NodeType22[NodeType22["Document"] = 0] = "Document";
-  NodeType22[NodeType22["DocumentType"] = 1] = "DocumentType";
-  NodeType22[NodeType22["Element"] = 2] = "Element";
-  NodeType22[NodeType22["Text"] = 3] = "Text";
-  NodeType22[NodeType22["CDATA"] = 4] = "CDATA";
-  NodeType22[NodeType22["Comment"] = 5] = "Comment";
-  return NodeType22;
+
+// ../../node_modules/@rrweb/types/dist/types.js
+var NodeType = /* @__PURE__ */ ((NodeType2) => {
+  NodeType2[NodeType2["Document"] = 0] = "Document";
+  NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
+  NodeType2[NodeType2["Element"] = 2] = "Element";
+  NodeType2[NodeType2["Text"] = 3] = "Text";
+  NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
+  NodeType2[NodeType2["Comment"] = 5] = "Comment";
+  return NodeType2;
 })(NodeType || {});
+
+// ../shared/src/write-archive/dom-snapshot.ts
 var import_srcset = __toESM(require_srcset());
+
+// ../shared/src/utils/nodes.ts
 function isIframeSerializedNode(node) {
   return node.type === NodeType.Element && node.tagName === "iframe" && "contentDocument" in node && !!node.contentDocument;
 }
 __name(isIframeSerializedNode, "isIframeSerializedNode");
-__name2(isIframeSerializedNode, "isIframeSerializedNode");
+
+// ../shared/src/write-archive/dom-snapshot.ts
 var CSS_URL_REGEX = /url\((?!['"]?(?:data):)['"]?([^'")]*)['"]?\)/gi;
-var _a3;
-var _DOMSnapshot = (_a3 = class {
+var _DOMSnapshot = class _DOMSnapshot {
   constructor({ snapshot, pseudoClassIds }) {
     __publicField(this, "snapshot");
     __publicField(this, "pseudoClassIds");
@@ -3829,26 +3858,22 @@ var _DOMSnapshot = (_a3 = class {
     });
     return currentSrc;
   }
-}, __name(_a3, "_DOMSnapshot"), _a3);
-__name2(_DOMSnapshot, "DOMSnapshot");
+};
+__name(_DOMSnapshot, "DOMSnapshot");
 var DOMSnapshot = _DOMSnapshot;
+
+// ../shared/src/utils/viewport.ts
 function viewportToString(viewport) {
   return `w${viewport.width}h${viewport.height}`;
 }
 __name(viewportToString, "viewportToString");
-__name2(viewportToString, "viewportToString");
-function parseViewport(viewportString) {
-  const matcher = viewportString.match(/w(\d+)h(\d+)/);
-  return {
-    width: Number(matcher[1]),
-    height: Number(matcher[2])
-  };
-}
-__name(parseViewport, "parseViewport");
-__name2(parseViewport, "parseViewport");
-var sanitize = /* @__PURE__ */ __name2((string) => {
+
+// ../shared/src/write-archive/storybook-sanitize.ts
+var sanitize = /* @__PURE__ */ __name((string) => {
   return string.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, "-").replace(/[\r\n]/g, "-").replace(/-+/g, "-").replace(/^-+/, "").replace(/-+$/, "");
 }, "sanitize");
+
+// ../shared/src/write-archive/snapshot-files.ts
 var SNAPSHOT_FILE_EXT = "snapshot.json";
 function snapshotId(testTitle, snapshotName) {
   const fullSnapshotId = `${sanitize(testTitle)}-${sanitize(snapshotName)}`;
@@ -3856,7 +3881,6 @@ function snapshotId(testTitle, snapshotName) {
   return truncateFileName(fullSnapshotId, maxByteLength);
 }
 __name(snapshotId, "snapshotId");
-__name2(snapshotId, "snapshotId");
 function snapshotFileName(snapshotId2, viewport) {
   const fileNameParts = [
     snapshotId2,
@@ -3866,7 +3890,8 @@ function snapshotFileName(snapshotId2, viewport) {
   return fileNameParts.join(".");
 }
 __name(snapshotFileName, "snapshotFileName");
-__name2(snapshotFileName, "snapshotFileName");
+
+// ../shared/src/write-archive/stories-files.ts
 var STORIES_FILE_EXT = "stories.json";
 function storiesFileName(testTitle) {
   const fileName = [
@@ -3877,7 +3902,6 @@ function storiesFileName(testTitle) {
   return truncateFileName(fileName, maxByteLength);
 }
 __name(storiesFileName, "storiesFileName");
-__name2(storiesFileName, "storiesFileName");
 function createStories(title, domSnapshots, chromaticStorybookParams) {
   return {
     title,
@@ -3912,7 +3936,6 @@ function createStories(title, domSnapshots, chromaticStorybookParams) {
   };
 }
 __name(createStories, "createStories");
-__name2(createStories, "createStories");
 function buildStoryModesConfig(viewports) {
   return viewports.reduce((modes, viewport) => {
     const viewportName = viewportToString(viewport);
@@ -3923,7 +3946,6 @@ function buildStoryModesConfig(viewports) {
   }, {});
 }
 __name(buildStoryModesConfig, "buildStoryModesConfig");
-__name2(buildStoryModesConfig, "buildStoryModesConfig");
 function buildStoryViewportsConfig(viewports) {
   return viewports.reduce((viewportsConfig, viewport) => {
     const viewportName = viewportToString(viewport);
@@ -3939,7 +3961,6 @@ function buildStoryViewportsConfig(viewports) {
   }, {});
 }
 __name(buildStoryViewportsConfig, "buildStoryViewportsConfig");
-__name2(buildStoryViewportsConfig, "buildStoryViewportsConfig");
 function viewportAddonType(viewport) {
   if (viewport.width < 600) {
     return "mobile";
@@ -3950,9 +3971,8 @@ function viewportAddonType(viewport) {
   return "desktop";
 }
 __name(viewportAddonType, "viewportAddonType");
-__name2(viewportAddonType, "viewportAddonType");
 function findDefaultViewport(viewports) {
-  const compareFn = /* @__PURE__ */ __name2((vp1, vp2) => {
+  const compareFn = /* @__PURE__ */ __name((vp1, vp2) => {
     if (vp1.width < vp2.width) {
       return 1;
     }
@@ -3964,7 +3984,8 @@ function findDefaultViewport(viewports) {
   return viewports.sort(compareFn)[0];
 }
 __name(findDefaultViewport, "findDefaultViewport");
-__name2(findDefaultViewport, "findDefaultViewport");
+
+// ../shared/src/write-archive/index.ts
 async function writeTestResult(e2eTestInfo, domSnapshots, archive, chromaticStorybookParams) {
   const { titlePath, outputDir, pageUrl } = e2eTestInfo;
   const titlePathWithoutFileExtensions = titlePath.map((pathPart) => (
@@ -4009,7 +4030,6 @@ async function writeTestResult(e2eTestInfo, domSnapshots, archive, chromaticStor
   }
 }
 __name(writeTestResult, "writeTestResult");
-__name2(writeTestResult, "writeTestResult");
 var analytics = new Analytics({
   writeKey: process.env.SEGMENT_WRITE_KEY || "cwWhBWso2gwzyenW29CnCp30Kjz4DogE"
 });
@@ -4022,7 +4042,6 @@ function track(event, properties) {
   });
 }
 __name(track, "track");
-__name2(track, "track");
 var hasTrackedRun = false;
 function trackRun(properties = {}) {
   if (hasTrackedRun)
@@ -4031,7 +4050,6 @@ function trackRun(properties = {}) {
   hasTrackedRun = true;
 }
 __name(trackRun, "trackRun");
-__name2(trackRun, "trackRun");
 var hasTrackedComplete = false;
 function trackComplete(properties = {}) {
   if (hasTrackedComplete)
@@ -4040,21 +4058,9 @@ function trackComplete(properties = {}) {
   hasTrackedComplete = true;
 }
 __name(trackComplete, "trackComplete");
-__name2(trackComplete, "trackComplete");
-var DEFAULT_GLOBAL_RESOURCE_ARCHIVE_TIMEOUT_MS = 1e4;
 
-// ../../node_modules/@rrweb/types/dist/types.js
-var NodeType2 = /* @__PURE__ */ ((NodeType22) => {
-  NodeType22[NodeType22["Document"] = 0] = "Document";
-  NodeType22[NodeType22["DocumentType"] = 1] = "DocumentType";
-  NodeType22[NodeType22["Element"] = 2] = "Element";
-  NodeType22[NodeType22["Text"] = 3] = "Text";
-  NodeType22[NodeType22["CDATA"] = 4] = "CDATA";
-  NodeType22[NodeType22["Comment"] = 5] = "Comment";
-  return NodeType22;
-})(NodeType2 || {});
-
-// src/takeSnapshot.ts
+// ../shared/src/constants.ts
+var DEFAULT_GLOBAL_RESOURCE_ARCHIVE_TIMEOUT_MS = 1e4;
 var rrweb = readFileSync(__require.resolve("@chromaui/rrweb-snapshot"), "utf8");
 var chromaticSnapshots = /* @__PURE__ */ new Map();
 async function takeSnapshot(page, nameOrTestInfo, maybeTestInfo) {
@@ -4187,7 +4193,7 @@ async function executeSnapshotScript(context) {
 }
 __name(executeSnapshotScript, "executeSnapshotScript");
 function findIframes(node) {
-  if (node.type === NodeType2.Element && node.tagName === "iframe") {
+  if (node.type === NodeType.Element && node.tagName === "iframe") {
     return [
       node
     ];

package/dist/storybook-config/main.mjs

@@ -1,98 +1,22 @@
 import path2 from 'path';
 import { fileURLToPath, pathToFileURL } from 'url';
-import { existsSync, mkdirSync } from 'fs';
-import { writeFile } from 'fs/promises';
-import { createHash } from 'crypto';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __defProp2 = Object.defineProperty;
-var __name2 = /* @__PURE__ */ __name((target, value) => __defProp2(target, "name", { value, configurable: true }), "__name");
 function rootDir() {
   return process.cwd();
 }
 __name(rootDir, "rootDir");
-__name2(rootDir, "rootDir");
 function outputDirOverride() {
   const { CHROMATIC_ARCHIVE_LOCATION } = process.env;
   return CHROMATIC_ARCHIVE_LOCATION;
 }
 __name(outputDirOverride, "outputDirOverride");
-__name2(outputDirOverride, "outputDirOverride");
 function archivesDir(defaultOutputDir) {
   const outputDir = outputDirOverride() || defaultOutputDir;
   return path2.resolve(rootDir(), outputDir, "chromatic-archives");
 }
 __name(archivesDir, "archivesDir");
-__name2(archivesDir, "archivesDir");
-function checkArchivesDirExists(defaultOutputDir) {
-  const dir = archivesDir(defaultOutputDir);
-  if (!existsSync(dir)) {
-    throw new Error(`Chromatic archives directory cannot be found: ${dir}
-
-Please make sure that you have run your E2E tests, or have set the CHROMATIC_ARCHIVE_LOCATION env var if the output directory for the tests is not in the standard location.`);
-  }
-}
-__name(checkArchivesDirExists, "checkArchivesDirExists");
-__name2(checkArchivesDirExists, "checkArchivesDirExists");
-function ensureDir(directory) {
-  if (!existsSync(directory)) {
-    mkdirSync(directory, {
-      recursive: true
-    });
-  }
-}
-__name(ensureDir, "ensureDir");
-__name2(ensureDir, "ensureDir");
-async function outputFile(filePath, data) {
-  ensureDir(path2.dirname(filePath));
-  return writeFile(filePath, data, {
-    mode: 511
-  });
-}
-__name(outputFile, "outputFile");
-__name2(outputFile, "outputFile");
-async function outputJSONFile(filePath, data) {
-  return outputFile(filePath, JSON.stringify(data));
-}
-__name(outputJSONFile, "outputJSONFile");
-__name2(outputJSONFile, "outputJSONFile");
-function hash(data) {
-  return createHash("shake256", {
-    outputLength: 2
-  }).update(data).digest("hex");
-}
-__name(hash, "hash");
-__name2(hash, "hash");
-var MAX_FILE_NAME_BYTE_LENGTH = 255;
-function truncateFileName(filePath, maxByteLength = MAX_FILE_NAME_BYTE_LENGTH) {
-  const encoder = new TextEncoder();
-  const decoder = new TextDecoder();
-  const filePathParts = filePath.split("/");
-  const fileName = filePathParts.pop();
-  const fileNameByteArray = encoder.encode(fileName);
-  if (fileNameByteArray.byteLength <= maxByteLength) {
-    return filePath;
-  }
-  const hashedFileName = hash(fileName);
-  const [baseName, ...extensions] = fileName.split(".");
-  const baseNameByteArray = encoder.encode(baseName);
-  const ext = extensions.join(".");
-  const extLength = ext.length === 0 ? 0 : encoder.encode(ext).byteLength + 1;
-  const lengthHashAndExt = encoder.encode(hashedFileName).byteLength + extLength;
-  const truncatedBaseNameByteArray = baseNameByteArray.slice(0, maxByteLength - lengthHashAndExt);
-  const truncatedBaseName = decoder.decode(truncatedBaseNameByteArray);
-  const truncatedFileName = [
-    `${truncatedBaseName}${hashedFileName}`,
-    ext
-  ].filter(Boolean).join(".");
-  return [
-    ...filePathParts,
-    truncatedFileName
-  ].join("/");
-}
-__name(truncateFileName, "truncateFileName");
-__name2(truncateFileName, "truncateFileName");
 
 // src/constants.ts
 var DEFAULT_OUTPUT_DIR = "test-results";

package/dist/storybook-config/preview.mjs

@@ -4,43 +4,29 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
 // ../../node_modules/@rrweb/types/dist/types.js
-var NodeType = /* @__PURE__ */ ((NodeType22) => {
-  NodeType22[NodeType22["Document"] = 0] = "Document";
-  NodeType22[NodeType22["DocumentType"] = 1] = "DocumentType";
-  NodeType22[NodeType22["Element"] = 2] = "Element";
-  NodeType22[NodeType22["Text"] = 3] = "Text";
-  NodeType22[NodeType22["CDATA"] = 4] = "CDATA";
-  NodeType22[NodeType22["Comment"] = 5] = "Comment";
-  return NodeType22;
+var NodeType = /* @__PURE__ */ ((NodeType2) => {
+  NodeType2[NodeType2["Document"] = 0] = "Document";
+  NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
+  NodeType2[NodeType2["Element"] = 2] = "Element";
+  NodeType2[NodeType2["Text"] = 3] = "Text";
+  NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
+  NodeType2[NodeType2["Comment"] = 5] = "Comment";
+  return NodeType2;
 })(NodeType || {});
 
-// ../shared/dist/utils/nodes.mjs
-var __defProp2 = Object.defineProperty;
-var __name2 = /* @__PURE__ */ __name((target, value) => __defProp2(target, "name", { value, configurable: true }), "__name");
-var NodeType2 = /* @__PURE__ */ ((NodeType22) => {
-  NodeType22[NodeType22["Document"] = 0] = "Document";
-  NodeType22[NodeType22["DocumentType"] = 1] = "DocumentType";
-  NodeType22[NodeType22["Element"] = 2] = "Element";
-  NodeType22[NodeType22["Text"] = 3] = "Text";
-  NodeType22[NodeType22["CDATA"] = 4] = "CDATA";
-  NodeType22[NodeType22["Comment"] = 5] = "Comment";
-  return NodeType22;
-})(NodeType2 || {});
+// ../shared/src/utils/nodes.ts
 function isIframeSerializedNode(node) {
-  return node.type === NodeType2.Element && node.tagName === "iframe" && "contentDocument" in node && !!node.contentDocument;
+  return node.type === NodeType.Element && node.tagName === "iframe" && "contentDocument" in node && !!node.contentDocument;
 }
 __name(isIframeSerializedNode, "isIframeSerializedNode");
-__name2(isIframeSerializedNode, "isIframeSerializedNode");
 function isElement(node) {
   return node?.nodeType === Node.ELEMENT_NODE;
 }
 __name(isElement, "isElement");
-__name2(isElement, "isElement");
 function isIframeElement(node) {
   return isElement(node) && node.tagName.toLowerCase() === "iframe";
 }
 __name(isIframeElement, "isIframeElement");
-__name2(isIframeElement, "isIframeElement");
 
 // ../shared/storybook-config/preview.ts
 var pageUrl = new URL(window.location.href);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chromatic-com/playwright",
-  "version": "0.14.0",
+  "version": "0.14.1-431e625-20260518134753",
   "description": "Chromatic Visual Regression Testing for Playwright",
   "repository": {
     "type": "git",