@chromatic-com/playwright 0.12.8 → 0.12.9-08ebf39-20260309134255

package/dist/bin/archive-storybook.js

@@ -2,16 +2,279 @@
 'use strict';
 
 var child_process = require('child_process');
-var c = require('path');
+var module$1 = require('module');
+var path = require('path');
+var url = require('url');
 var fs = require('fs');
 var promises = require('fs/promises');
 
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var c__default = /*#__PURE__*/_interopDefault(c);
+var path__default = /*#__PURE__*/_interopDefault(path);
 
-var U=Object.defineProperty;var o=(e,r)=>U(e,"name",{value:r,configurable:!0}),u=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(r,t)=>(typeof require<"u"?require:r)[t]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var G=Object.defineProperty,i=o((e,r)=>G(e,"name",{value:r,configurable:!0}),"r"),y=(e=>typeof u<"u"?u:typeof Proxy<"u"?new Proxy(e,{get:(r,t)=>(typeof u<"u"?u:r)[t]}):e)(function(e){if(typeof u<"u")return u.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});function g(){return process.cwd()}o(g,"V");i(g,"rootDir");function F(){let{CHROMATIC_ARCHIVE_LOCATION:e}=process.env;return e}o(F,"B");i(F,"outputDirOverride");function l(e){let r=F()||e;return c__default.default.resolve(g(),r,"chromatic-archives")}o(l,"c");i(l,"archivesDir");function k(e){return c__default.default.resolve(l(e),"archive")}o(k,"f");i(k,"assetsDir");function f(e){let r=l(e);if(!fs.existsSync(r))throw new Error(`Chromatic archives directory cannot be found: ${r}
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __require = /* @__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');
+});
+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 assetsDir(defaultOutputDir) {
+  return path__default.default.resolve(archivesDir(defaultOutputDir), "archive");
+}
+__name(assetsDir, "assetsDir");
+__name2(assetsDir, "assetsDir");
+function checkArchivesDirExists(defaultOutputDir) {
+  const dir = archivesDir(defaultOutputDir);
+  if (!fs.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.`)}o(f,"h");i(f,"checkArchivesDirExists");function O(e){fs.existsSync(e)||fs.mkdirSync(e,{recursive:!0});}o(O,"O");i(O,"ensureDir");async function T(e,r){return O(c__default.default.dirname(e)),promises.writeFile(e,r,{mode:511})}o(T,"$");i(T,"outputFile");async function D(e,r){return T(e,JSON.stringify(r))}o(D,"w");i(D,"outputJSONFile");async function A(e){let r=await promises.readFile(e);return JSON.parse(r.toString())}o(A,"x");i(A,"readJSONFile");function p(e){return `w${e.width}h${e.height}`}o(p,"a");i(p,"viewportToString");function C(e){let r=e.match(/w(\d+)h(\d+)/);return {width:Number(r[1]),height:Number(r[2])}}o(C,"N");i(C,"parseViewport");var X="snapshot.json";function x(e){let r=e.split(".");return r.slice(0,r.length-3).join(".")}o(x,"F");i(x,"snapshotIdFromFileName");function E(e){let r=e.split("."),t=r[r.length-3];return C(t)}o(E,"v");i(E,"viewportFromFileName");async function N(e){return (await promises.readdir(e)).filter(r=>r.endsWith(`.${X}`))}o(N,"y");i(N,"listSnapshotFiles");var z="stories.json";function I(e,r){let{stories:t}=e,n=t.map(s=>{let h=s.parameters.server.id,a=r[h];return {...s,parameters:{...s.parameters,chromatic:{...s.parameters.chromatic,modes:_(a)},viewport:{viewports:P(a),defaultViewport:p($(a))}}}});return {...e,stories:n}}o(I,"S");i(I,"addViewportsToStories");async function V(e){return (await promises.readdir(e)).filter(r=>r.endsWith(`.${z}`))}o(V,"E");i(V,"listStoriesFiles");function _(e){return e.reduce((r,t)=>{let n=p(t);return r[n]={viewport:n},r},{})}o(_,"R");i(_,"buildStoryModesConfig");function P(e){return e.reduce((r,t)=>{let n=p(t);return r[n]={name:n,styles:{width:`${t.width}px`,height:`${t.height}px`}},r},{})}o(P,"X");i(P,"buildStoryViewportsConfig");function $(e){let r=i((t,n)=>t.width<n.width?1:t.width>n.width?-1:0,"compareFn");return e.sort(r)[0]}o($,"W");i($,"findDefaultViewport");async function d(e){let r=k(e),t=await N(r),n=q(t),s=l(e),h=(await V(s)).map(a=>c__default.default.resolve(s,a));await Promise.all(h.map(async a=>{let j=await A(a),L=I(j,n);await D(a,L);}));}o(d,"l");i(d,"addViewportsToStoriesFiles");function q(e){let r={};return e.forEach(t=>{let n=x(t),s=r[n]||[];s.push(E(t)),r[n]=s;}),r}o(q,"G");i(q,"buildSnapshotViewportsLookup");function m(e,r,t){f(t),d(t).then(()=>{child_process.execFileSync("node",[v(),"dev",...e,"-c",r],{stdio:"inherit"});});}o(m,"It");i(m,"archiveStorybook");function K(e,r,t){f(t),d(t).then(()=>{child_process.execFileSync("node",[v(),"build",...e,"-c",r],{stdio:"inherit"});});}o(K,"kt");i(K,"buildArchiveStorybook");function v(){let e=y("storybook/package.json");return c.resolve(c.dirname(y.resolve("storybook/package.json")),e.bin.storybook)}o(v,"T");i(v,"binPath");var R="test-results";var Y=process.argv.slice(2),Z=c__default.default.resolve(__dirname,"../storybook-config");try{m(Y,Z,R);}catch(e){console.error(e.message),process.exitCode=1;}
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=archive-storybook.js.map
+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 (!fs.existsSync(directory)) {
+    fs.mkdirSync(directory, {
+      recursive: true
+    });
+  }
+}
+__name(ensureDir, "ensureDir");
+__name2(ensureDir, "ensureDir");
+async function outputFile(filePath, data) {
+  ensureDir(path__default.default.dirname(filePath));
+  return promises.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");
+async function readJSONFile(filePath) {
+  const data = await promises.readFile(filePath);
+  return JSON.parse(data.toString());
+}
+__name(readJSONFile, "readJSONFile");
+__name2(readJSONFile, "readJSONFile");
+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 SNAPSHOT_FILE_EXT = "snapshot.json";
+function snapshotIdFromFileName(fileName) {
+  const fileParts = fileName.split(".");
+  return fileParts.slice(0, fileParts.length - 3).join(".");
+}
+__name(snapshotIdFromFileName, "snapshotIdFromFileName");
+__name2(snapshotIdFromFileName, "snapshotIdFromFileName");
+function viewportFromFileName(fileName) {
+  const fileParts = fileName.split(".");
+  const viewportStr = fileParts[fileParts.length - 3];
+  return parseViewport(viewportStr);
+}
+__name(viewportFromFileName, "viewportFromFileName");
+__name2(viewportFromFileName, "viewportFromFileName");
+async function listSnapshotFiles(snapshotsDir) {
+  const files = await promises.readdir(snapshotsDir);
+  return files.filter((file) => file.endsWith(`.${SNAPSHOT_FILE_EXT}`));
+}
+__name(listSnapshotFiles, "listSnapshotFiles");
+__name2(listSnapshotFiles, "listSnapshotFiles");
+var STORIES_FILE_EXT = "stories.json";
+function addViewportsToStories(storiesFileJson, viewportsStoriesLookup) {
+  const { stories } = storiesFileJson;
+  const storiesWithViewports = stories.map((story) => {
+    const storyId = story.parameters.server.id;
+    const viewports = viewportsStoriesLookup[storyId];
+    return {
+      ...story,
+      parameters: {
+        ...story.parameters,
+        chromatic: {
+          ...story.parameters.chromatic,
+          modes: buildStoryModesConfig(viewports)
+        },
+        viewport: {
+          viewports: buildStoryViewportsConfig(viewports),
+          defaultViewport: viewportToString(findDefaultViewport(viewports))
+        }
+      }
+    };
+  });
+  return {
+    ...storiesFileJson,
+    stories: storiesWithViewports
+  };
+}
+__name(addViewportsToStories, "addViewportsToStories");
+__name2(addViewportsToStories, "addViewportsToStories");
+async function listStoriesFiles(storiesDir) {
+  const files = await promises.readdir(storiesDir);
+  return files.filter((file) => file.endsWith(`.${STORIES_FILE_EXT}`));
+}
+__name(listStoriesFiles, "listStoriesFiles");
+__name2(listStoriesFiles, "listStoriesFiles");
+function buildStoryModesConfig(viewports) {
+  return viewports.reduce((modes, viewport) => {
+    const viewportName = viewportToString(viewport);
+    modes[viewportName] = {
+      viewport: viewportName
+    };
+    return modes;
+  }, {});
+}
+__name(buildStoryModesConfig, "buildStoryModesConfig");
+__name2(buildStoryModesConfig, "buildStoryModesConfig");
+function buildStoryViewportsConfig(viewports) {
+  return viewports.reduce((viewportsConfig, viewport) => {
+    const viewportName = viewportToString(viewport);
+    viewportsConfig[viewportName] = {
+      name: viewportName,
+      styles: {
+        width: `${viewport.width}px`,
+        height: `${viewport.height}px`
+      }
+    };
+    return viewportsConfig;
+  }, {});
+}
+__name(buildStoryViewportsConfig, "buildStoryViewportsConfig");
+__name2(buildStoryViewportsConfig, "buildStoryViewportsConfig");
+function findDefaultViewport(viewports) {
+  const compareFn = /* @__PURE__ */ __name2((vp1, vp2) => {
+    if (vp1.width < vp2.width) {
+      return 1;
+    }
+    if (vp1.width > vp2.width) {
+      return -1;
+    }
+    return 0;
+  }, "compareFn");
+  return viewports.sort(compareFn)[0];
+}
+__name(findDefaultViewport, "findDefaultViewport");
+__name2(findDefaultViewport, "findDefaultViewport");
+async function addViewportsToStoriesFiles(defaultOutputDir) {
+  const snapshotsDir = assetsDir(defaultOutputDir);
+  const snapshotFileNames = await listSnapshotFiles(snapshotsDir);
+  const viewportsLookup = buildSnapshotViewportsLookup(snapshotFileNames);
+  const storiesDir = archivesDir(defaultOutputDir);
+  const storiesFilePaths = (await listStoriesFiles(storiesDir)).map((storiesFileName) => path__default.default.resolve(storiesDir, storiesFileName));
+  await Promise.all(storiesFilePaths.map(async (storiesFilePath) => {
+    const storiesFileJson = await readJSONFile(storiesFilePath);
+    const storiesWithViewports = addViewportsToStories(storiesFileJson, viewportsLookup);
+    await outputJSONFile(storiesFilePath, storiesWithViewports);
+  }));
+}
+__name(addViewportsToStoriesFiles, "addViewportsToStoriesFiles");
+__name2(addViewportsToStoriesFiles, "addViewportsToStoriesFiles");
+function buildSnapshotViewportsLookup(snapshotFileNames) {
+  const lookup = {};
+  snapshotFileNames.forEach((file) => {
+    const snapshotId2 = snapshotIdFromFileName(file);
+    const viewports = lookup[snapshotId2] || [];
+    viewports.push(viewportFromFileName(file));
+    lookup[snapshotId2] = viewports;
+  });
+  return lookup;
+}
+__name(buildSnapshotViewportsLookup, "buildSnapshotViewportsLookup");
+__name2(buildSnapshotViewportsLookup, "buildSnapshotViewportsLookup");
+var moduleURL = typeof __require2 !== "undefined" ? url.pathToFileURL(__filename).href : (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('out.js', document.baseURI).href));
+var req = module$1.createRequire(moduleURL);
+function archiveStorybook(processArgs, configDir2, defaultOutputDir) {
+  checkArchivesDirExists(defaultOutputDir);
+  addViewportsToStoriesFiles(defaultOutputDir).then(() => {
+    child_process.execFileSync("node", [
+      binPath(),
+      "dev",
+      ...processArgs,
+      "-c",
+      configDir2
+    ], {
+      stdio: "inherit"
+    });
+  });
+}
+__name(archiveStorybook, "archiveStorybook");
+__name2(archiveStorybook, "archiveStorybook");
+function buildArchiveStorybook(processArgs, configDir2, defaultOutputDir) {
+  checkArchivesDirExists(defaultOutputDir);
+  addViewportsToStoriesFiles(defaultOutputDir).then(() => {
+    child_process.execFileSync("node", [
+      binPath(),
+      "build",
+      ...processArgs,
+      "-c",
+      configDir2
+    ], {
+      stdio: "inherit"
+    });
+  });
+}
+__name(buildArchiveStorybook, "buildArchiveStorybook");
+__name2(buildArchiveStorybook, "buildArchiveStorybook");
+function binPath() {
+  const packageJson = req("storybook/package.json");
+  return path.resolve(path.dirname(req.resolve("storybook/package.json")), packageJson.bin);
+}
+__name(binPath, "binPath");
+__name2(binPath, "binPath");
+
+// src/constants.ts
+var DEFAULT_OUTPUT_DIR = "test-results";
+
+// src/bin/archive-storybook.ts
+var args = process.argv.slice(2);
+var configDir = path__default.default.resolve(__dirname, "../storybook-config");
+try {
+  archiveStorybook(args, configDir, DEFAULT_OUTPUT_DIR);
+} catch (err) {
+  console.error(err.message);
+  process.exitCode = 1;
+}

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

@@ -2,16 +2,279 @@
 'use strict';
 
 var child_process = require('child_process');
-var c = require('path');
+var module$1 = require('module');
+var path = require('path');
+var url = require('url');
 var fs = require('fs');
 var promises = require('fs/promises');
 
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var c__default = /*#__PURE__*/_interopDefault(c);
+var path__default = /*#__PURE__*/_interopDefault(path);
 
-var U=Object.defineProperty;var o=(e,r)=>U(e,"name",{value:r,configurable:!0}),u=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(r,t)=>(typeof require<"u"?require:r)[t]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var G=Object.defineProperty,i=o((e,r)=>G(e,"name",{value:r,configurable:!0}),"r"),y=(e=>typeof u<"u"?u:typeof Proxy<"u"?new Proxy(e,{get:(r,t)=>(typeof u<"u"?u:r)[t]}):e)(function(e){if(typeof u<"u")return u.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});function g(){return process.cwd()}o(g,"V");i(g,"rootDir");function F(){let{CHROMATIC_ARCHIVE_LOCATION:e}=process.env;return e}o(F,"B");i(F,"outputDirOverride");function l(e){let r=F()||e;return c__default.default.resolve(g(),r,"chromatic-archives")}o(l,"c");i(l,"archivesDir");function k(e){return c__default.default.resolve(l(e),"archive")}o(k,"f");i(k,"assetsDir");function d(e){let r=l(e);if(!fs.existsSync(r))throw new Error(`Chromatic archives directory cannot be found: ${r}
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __require = /* @__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');
+});
+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 assetsDir(defaultOutputDir) {
+  return path__default.default.resolve(archivesDir(defaultOutputDir), "archive");
+}
+__name(assetsDir, "assetsDir");
+__name2(assetsDir, "assetsDir");
+function checkArchivesDirExists(defaultOutputDir) {
+  const dir = archivesDir(defaultOutputDir);
+  if (!fs.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.`)}o(d,"h");i(d,"checkArchivesDirExists");function O(e){fs.existsSync(e)||fs.mkdirSync(e,{recursive:!0});}o(O,"O");i(O,"ensureDir");async function T(e,r){return O(c__default.default.dirname(e)),promises.writeFile(e,r,{mode:511})}o(T,"$");i(T,"outputFile");async function A(e,r){return T(e,JSON.stringify(r))}o(A,"w");i(A,"outputJSONFile");async function D(e){let r=await promises.readFile(e);return JSON.parse(r.toString())}o(D,"x");i(D,"readJSONFile");function p(e){return `w${e.width}h${e.height}`}o(p,"a");i(p,"viewportToString");function C(e){let r=e.match(/w(\d+)h(\d+)/);return {width:Number(r[1]),height:Number(r[2])}}o(C,"N");i(C,"parseViewport");var X="snapshot.json";function x(e){let r=e.split(".");return r.slice(0,r.length-3).join(".")}o(x,"F");i(x,"snapshotIdFromFileName");function E(e){let r=e.split("."),t=r[r.length-3];return C(t)}o(E,"v");i(E,"viewportFromFileName");async function N(e){return (await promises.readdir(e)).filter(r=>r.endsWith(`.${X}`))}o(N,"y");i(N,"listSnapshotFiles");var z="stories.json";function I(e,r){let{stories:t}=e,n=t.map(s=>{let h=s.parameters.server.id,a=r[h];return {...s,parameters:{...s.parameters,chromatic:{...s.parameters.chromatic,modes:_(a)},viewport:{viewports:P(a),defaultViewport:p($(a))}}}});return {...e,stories:n}}o(I,"S");i(I,"addViewportsToStories");async function V(e){return (await promises.readdir(e)).filter(r=>r.endsWith(`.${z}`))}o(V,"E");i(V,"listStoriesFiles");function _(e){return e.reduce((r,t)=>{let n=p(t);return r[n]={viewport:n},r},{})}o(_,"R");i(_,"buildStoryModesConfig");function P(e){return e.reduce((r,t)=>{let n=p(t);return r[n]={name:n,styles:{width:`${t.width}px`,height:`${t.height}px`}},r},{})}o(P,"X");i(P,"buildStoryViewportsConfig");function $(e){let r=i((t,n)=>t.width<n.width?1:t.width>n.width?-1:0,"compareFn");return e.sort(r)[0]}o($,"W");i($,"findDefaultViewport");async function f(e){let r=k(e),t=await N(r),n=q(t),s=l(e),h=(await V(s)).map(a=>c__default.default.resolve(s,a));await Promise.all(h.map(async a=>{let j=await D(a),L=I(j,n);await A(a,L);}));}o(f,"l");i(f,"addViewportsToStoriesFiles");function q(e){let r={};return e.forEach(t=>{let n=x(t),s=r[n]||[];s.push(E(t)),r[n]=s;}),r}o(q,"G");i(q,"buildSnapshotViewportsLookup");function K(e,r,t){d(t),f(t).then(()=>{child_process.execFileSync("node",[v(),"dev",...e,"-c",r],{stdio:"inherit"});});}o(K,"It");i(K,"archiveStorybook");function m(e,r,t){d(t),f(t).then(()=>{child_process.execFileSync("node",[v(),"build",...e,"-c",r],{stdio:"inherit"});});}o(m,"kt");i(m,"buildArchiveStorybook");function v(){let e=y("storybook/package.json");return c.resolve(c.dirname(y.resolve("storybook/package.json")),e.bin.storybook)}o(v,"T");i(v,"binPath");var R="test-results";var Y=process.argv.slice(2),Z=c__default.default.resolve(__dirname,"../storybook-config");try{m(Y,Z,R);}catch(e){console.error(e.message),process.exitCode=1;}
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=build-archive-storybook.js.map
+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 (!fs.existsSync(directory)) {
+    fs.mkdirSync(directory, {
+      recursive: true
+    });
+  }
+}
+__name(ensureDir, "ensureDir");
+__name2(ensureDir, "ensureDir");
+async function outputFile(filePath, data) {
+  ensureDir(path__default.default.dirname(filePath));
+  return promises.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");
+async function readJSONFile(filePath) {
+  const data = await promises.readFile(filePath);
+  return JSON.parse(data.toString());
+}
+__name(readJSONFile, "readJSONFile");
+__name2(readJSONFile, "readJSONFile");
+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 SNAPSHOT_FILE_EXT = "snapshot.json";
+function snapshotIdFromFileName(fileName) {
+  const fileParts = fileName.split(".");
+  return fileParts.slice(0, fileParts.length - 3).join(".");
+}
+__name(snapshotIdFromFileName, "snapshotIdFromFileName");
+__name2(snapshotIdFromFileName, "snapshotIdFromFileName");
+function viewportFromFileName(fileName) {
+  const fileParts = fileName.split(".");
+  const viewportStr = fileParts[fileParts.length - 3];
+  return parseViewport(viewportStr);
+}
+__name(viewportFromFileName, "viewportFromFileName");
+__name2(viewportFromFileName, "viewportFromFileName");
+async function listSnapshotFiles(snapshotsDir) {
+  const files = await promises.readdir(snapshotsDir);
+  return files.filter((file) => file.endsWith(`.${SNAPSHOT_FILE_EXT}`));
+}
+__name(listSnapshotFiles, "listSnapshotFiles");
+__name2(listSnapshotFiles, "listSnapshotFiles");
+var STORIES_FILE_EXT = "stories.json";
+function addViewportsToStories(storiesFileJson, viewportsStoriesLookup) {
+  const { stories } = storiesFileJson;
+  const storiesWithViewports = stories.map((story) => {
+    const storyId = story.parameters.server.id;
+    const viewports = viewportsStoriesLookup[storyId];
+    return {
+      ...story,
+      parameters: {
+        ...story.parameters,
+        chromatic: {
+          ...story.parameters.chromatic,
+          modes: buildStoryModesConfig(viewports)
+        },
+        viewport: {
+          viewports: buildStoryViewportsConfig(viewports),
+          defaultViewport: viewportToString(findDefaultViewport(viewports))
+        }
+      }
+    };
+  });
+  return {
+    ...storiesFileJson,
+    stories: storiesWithViewports
+  };
+}
+__name(addViewportsToStories, "addViewportsToStories");
+__name2(addViewportsToStories, "addViewportsToStories");
+async function listStoriesFiles(storiesDir) {
+  const files = await promises.readdir(storiesDir);
+  return files.filter((file) => file.endsWith(`.${STORIES_FILE_EXT}`));
+}
+__name(listStoriesFiles, "listStoriesFiles");
+__name2(listStoriesFiles, "listStoriesFiles");
+function buildStoryModesConfig(viewports) {
+  return viewports.reduce((modes, viewport) => {
+    const viewportName = viewportToString(viewport);
+    modes[viewportName] = {
+      viewport: viewportName
+    };
+    return modes;
+  }, {});
+}
+__name(buildStoryModesConfig, "buildStoryModesConfig");
+__name2(buildStoryModesConfig, "buildStoryModesConfig");
+function buildStoryViewportsConfig(viewports) {
+  return viewports.reduce((viewportsConfig, viewport) => {
+    const viewportName = viewportToString(viewport);
+    viewportsConfig[viewportName] = {
+      name: viewportName,
+      styles: {
+        width: `${viewport.width}px`,
+        height: `${viewport.height}px`
+      }
+    };
+    return viewportsConfig;
+  }, {});
+}
+__name(buildStoryViewportsConfig, "buildStoryViewportsConfig");
+__name2(buildStoryViewportsConfig, "buildStoryViewportsConfig");
+function findDefaultViewport(viewports) {
+  const compareFn = /* @__PURE__ */ __name2((vp1, vp2) => {
+    if (vp1.width < vp2.width) {
+      return 1;
+    }
+    if (vp1.width > vp2.width) {
+      return -1;
+    }
+    return 0;
+  }, "compareFn");
+  return viewports.sort(compareFn)[0];
+}
+__name(findDefaultViewport, "findDefaultViewport");
+__name2(findDefaultViewport, "findDefaultViewport");
+async function addViewportsToStoriesFiles(defaultOutputDir) {
+  const snapshotsDir = assetsDir(defaultOutputDir);
+  const snapshotFileNames = await listSnapshotFiles(snapshotsDir);
+  const viewportsLookup = buildSnapshotViewportsLookup(snapshotFileNames);
+  const storiesDir = archivesDir(defaultOutputDir);
+  const storiesFilePaths = (await listStoriesFiles(storiesDir)).map((storiesFileName) => path__default.default.resolve(storiesDir, storiesFileName));
+  await Promise.all(storiesFilePaths.map(async (storiesFilePath) => {
+    const storiesFileJson = await readJSONFile(storiesFilePath);
+    const storiesWithViewports = addViewportsToStories(storiesFileJson, viewportsLookup);
+    await outputJSONFile(storiesFilePath, storiesWithViewports);
+  }));
+}
+__name(addViewportsToStoriesFiles, "addViewportsToStoriesFiles");
+__name2(addViewportsToStoriesFiles, "addViewportsToStoriesFiles");
+function buildSnapshotViewportsLookup(snapshotFileNames) {
+  const lookup = {};
+  snapshotFileNames.forEach((file) => {
+    const snapshotId2 = snapshotIdFromFileName(file);
+    const viewports = lookup[snapshotId2] || [];
+    viewports.push(viewportFromFileName(file));
+    lookup[snapshotId2] = viewports;
+  });
+  return lookup;
+}
+__name(buildSnapshotViewportsLookup, "buildSnapshotViewportsLookup");
+__name2(buildSnapshotViewportsLookup, "buildSnapshotViewportsLookup");
+var moduleURL = typeof __require2 !== "undefined" ? url.pathToFileURL(__filename).href : (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('out.js', document.baseURI).href));
+var req = module$1.createRequire(moduleURL);
+function archiveStorybook(processArgs, configDir2, defaultOutputDir) {
+  checkArchivesDirExists(defaultOutputDir);
+  addViewportsToStoriesFiles(defaultOutputDir).then(() => {
+    child_process.execFileSync("node", [
+      binPath(),
+      "dev",
+      ...processArgs,
+      "-c",
+      configDir2
+    ], {
+      stdio: "inherit"
+    });
+  });
+}
+__name(archiveStorybook, "archiveStorybook");
+__name2(archiveStorybook, "archiveStorybook");
+function buildArchiveStorybook(processArgs, configDir2, defaultOutputDir) {
+  checkArchivesDirExists(defaultOutputDir);
+  addViewportsToStoriesFiles(defaultOutputDir).then(() => {
+    child_process.execFileSync("node", [
+      binPath(),
+      "build",
+      ...processArgs,
+      "-c",
+      configDir2
+    ], {
+      stdio: "inherit"
+    });
+  });
+}
+__name(buildArchiveStorybook, "buildArchiveStorybook");
+__name2(buildArchiveStorybook, "buildArchiveStorybook");
+function binPath() {
+  const packageJson = req("storybook/package.json");
+  return path.resolve(path.dirname(req.resolve("storybook/package.json")), packageJson.bin);
+}
+__name(binPath, "binPath");
+__name2(binPath, "binPath");
+
+// src/constants.ts
+var DEFAULT_OUTPUT_DIR = "test-results";
+
+// src/bin/build-archive-storybook.ts
+var args = process.argv.slice(2);
+var configDir = path__default.default.resolve(__dirname, "../storybook-config");
+try {
+  buildArchiveStorybook(args, configDir, DEFAULT_OUTPUT_DIR);
+} catch (err) {
+  console.error(err.message);
+  process.exitCode = 1;
+}