storybook-addon-vis 0.13.0 → 0.14.0

package/dist/augment-ofADjQ4H.d.ts

@@ -0,0 +1,12 @@
+import { ToMatchImageSnapshotOptions } from 'vitest-plugin-vis/client';
+
+interface ImageSnapshotMatcher {
+    toMatchImageSnapshot(options?: ToMatchImageSnapshotOptions | undefined): Promise<void>;
+}
+
+declare global {
+    namespace jest {
+        interface Matchers<R, T> extends ImageSnapshotMatcher {
+        }
+    }
+}

package/dist/chunk-4BJKSKI2.js

@@ -0,0 +1,46 @@
+import { success, parseImageSnapshotSubject, toTaskId } from 'vitest-plugin-vis/client';
+import { getCurrentTest } from 'vitest/suite';
+
+// src/client/@vitest/browser/context.ts
+var ctx;
+if (globalThis.__vitest_browser__) {
+  import('@vitest/browser/context').then((m) => {
+    ctx = m;
+  });
+}
+var commands = new Proxy({}, {
+  get(_target, prop) {
+    return ctx?.commands?.[prop] ?? /* v8 ignore start : used in storybook, not in vitest */
+    commandsStub[prop] ?? (() => {
+      throw new Error(`Command '${String(prop)}' not found`);
+    })();
+  }
+});
+var commandsStub = {
+  matchImageSnapshot: async () => {
+  },
+  setupVisSuite: () => {
+  }
+};
+function toMatchImageSnapshot(subject, options) {
+  const test = getCurrentTest();
+  if (!test) {
+    return Promise.resolve(success);
+  }
+  const s = parseImageSnapshotSubject(subject);
+  const taskId = toTaskId(test);
+  return toMatchImageSnapshotAsync(taskId, s, options).then(() => success);
+}
+async function toMatchImageSnapshotAsync(taskId, subject, options) {
+  if (options?.customizeSnapshotId) {
+    const index = await commands.imageSnapshotNextIndex(taskId);
+    const { customizeSnapshotId, ...rest } = options;
+    const snapshotFileId = customizeSnapshotId(taskId, index);
+    return commands.matchImageSnapshot(taskId, subject, { ...rest, snapshotFileId });
+  }
+  return commands.matchImageSnapshot(taskId, subject, options);
+}
+
+export { commands, toMatchImageSnapshot };
+//# sourceMappingURL=chunk-4BJKSKI2.js.map
+//# sourceMappingURL=chunk-4BJKSKI2.js.map

package/dist/chunk-4BJKSKI2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/client/@vitest/browser/context.ts","../src/client/expect/to_match_image_snapshot.ts"],"names":[],"mappings":";;;;AAkBA,IAAI,GAAA;AAEJ,IAAK,WAAmB,kBAAoB,EAAA;AAC3C,EAAA,OAAO,yBAAyB,CAAA,CAAE,IAAK,CAAA,CAAC,CAAM,KAAA;AAC7C,IAAM,GAAA,GAAA,CAAA;AAAA,GACN,CAAA;AACF;AAEO,IAAM,QAAW,GAAA,IAAI,KAAuB,CAAA,EAAW,EAAA;AAAA,EAC7D,GAAA,CAAI,SAAS,IAAM,EAAA;AAClB,IACE,OAAA,GAAA,EAAK,WAAmB,IAAI,CAAA;AAAA,IAE7B,YAAA,CAAa,IAAI,CAAA,IAAA,CAChB,MAAM;AACN,MAAA,MAAM,IAAI,KAAM,CAAA,CAAA,SAAA,EAAY,MAAO,CAAA,IAAI,CAAC,CAAa,WAAA,CAAA,CAAA;AAAA,KACnD,GAAA;AAAA;AAIN,CAAC;AAGD,IAAM,YAAe,GAAA;AAAA,EACpB,oBAAoB,YAAY;AAAA,GAAC;AAAA,EACjC,eAAe,MAAM;AAAA;AACtB,CAAA;AC9BO,SAAS,oBAAA,CAKf,SACA,OACyB,EAAA;AACzB,EAAA,MAAM,OAAO,cAAe,EAAA;AAG5B,EAAA,IAAI,CAAC,IAAM,EAAA;AACV,IAAO,OAAA,OAAA,CAAQ,QAAQ,OAAO,CAAA;AAAA;AAI/B,EAAM,MAAA,CAAA,GAAI,0BAA0B,OAAO,CAAA;AAC3C,EAAM,MAAA,MAAA,GAAS,SAAS,IAAI,CAAA;AAC5B,EAAA,OAAO,0BAA0B,MAAQ,EAAA,CAAA,EAAG,OAAO,CAAE,CAAA,IAAA,CAAK,MAAM,OAAO,CAAA;AACxE;AAEA,eAAe,yBAAA,CAA0B,MAAgB,EAAA,OAAA,EAAiB,OAAuC,EAAA;AAChH,EAAA,IAAI,SAAS,mBAAqB,EAAA;AACjC,IAAA,MAAM,KAAQ,GAAA,MAAM,QAAS,CAAA,sBAAA,CAAuB,MAAM,CAAA;AAC1D,IAAA,MAAM,EAAE,mBAAA,EAAqB,GAAG,IAAA,EAAS,GAAA,OAAA;AACzC,IAAM,MAAA,cAAA,GAAiB,mBAAoB,CAAA,MAAA,EAAQ,KAAK,CAAA;AACxD,IAAO,OAAA,QAAA,CAAS,mBAAmB,MAAQ,EAAA,OAAA,EAAS,EAAE,GAAG,IAAA,EAAM,gBAAgB,CAAA;AAAA;AAGhF,EAAA,OAAO,QAAS,CAAA,kBAAA,CAAmB,MAAQ,EAAA,OAAA,EAAS,OAAO,CAAA;AAC5D","file":"chunk-4BJKSKI2.js","sourcesContent":["import type { BrowserCommands } from '@vitest/browser/context'\nimport type {\n\tHasImageSnapshotCommand,\n\tImageSnapshotNextIndexCommand,\n\tMatchImageSnapshotCommand,\n\tSetupVisSuiteCommand,\n} from 'vitest-plugin-vis/commands'\n\ndeclare module '@vitest/browser/context' {\n\tinterface BrowserCommands\n\t\textends MatchImageSnapshotCommand,\n\t\t\tSetupVisSuiteCommand,\n\t\t\tHasImageSnapshotCommand,\n\t\t\tImageSnapshotNextIndexCommand,\n\t\t\tMatchImageSnapshotCommand,\n\t\t\tSetupVisSuiteCommand {}\n}\n\nlet ctx: Awaited<typeof import('@vitest/browser/context')>\n\nif ((globalThis as any).__vitest_browser__) {\n\timport('@vitest/browser/context').then((m) => {\n\t\tctx = m\n\t})\n}\n\nexport const commands = new Proxy<BrowserCommands>({} as any, {\n\tget(_target, prop) {\n\t\treturn (\n\t\t\t(ctx?.commands as any)?.[prop] ??\n\t\t\t/* v8 ignore start : used in storybook, not in vitest */\n\t\t\tcommandsStub[prop] ??\n\t\t\t(() => {\n\t\t\t\tthrow new Error(`Command '${String(prop)}' not found`)\n\t\t\t})()\n\t\t\t/* v8 ignore end */\n\t\t)\n\t},\n})\n\n/* v8 ignore start : used in storybook, not in vitest */\nconst commandsStub = {\n\tmatchImageSnapshot: async () => {},\n\tsetupVisSuite: () => {},\n} as any\n/* v8 ignore end */\n","import type { AsyncExpectationResult } from '@vitest/expect'\nimport {\n\ttype ToMatchImageSnapshotOptions,\n\tparseImageSnapshotSubject,\n\tsuccess,\n\ttoTaskId,\n} from 'vitest-plugin-vis/client'\nimport { getCurrentTest } from 'vitest/suite'\nimport { commands } from '../@vitest/browser/context.ts'\n\nexport interface ImageSnapshotMatcher {\n\ttoMatchImageSnapshot(options?: ToMatchImageSnapshotOptions | undefined): Promise<void>\n}\n\nexport function toMatchImageSnapshot(\n\t/**\n\t * The element or locator to take the snapshot of,\n\t * or the base64 value of the image to compare against.\n\t */\n\tsubject: any,\n\toptions?: ToMatchImageSnapshotOptions | undefined,\n): AsyncExpectationResult {\n\tconst test = getCurrentTest()\n\n\t/* v8 ignore start: stub as success when not in a test (e.g. in a story) */\n\tif (!test) {\n\t\treturn Promise.resolve(success)\n\t}\n\t/* v8 ignore end */\n\n\tconst s = parseImageSnapshotSubject(subject)\n\tconst taskId = toTaskId(test)\n\treturn toMatchImageSnapshotAsync(taskId, s, options).then(() => success)\n}\n\nasync function toMatchImageSnapshotAsync(taskId: string, subject: string, options?: ToMatchImageSnapshotOptions) {\n\tif (options?.customizeSnapshotId) {\n\t\tconst index = await commands.imageSnapshotNextIndex(taskId)\n\t\tconst { customizeSnapshotId, ...rest } = options\n\t\tconst snapshotFileId = customizeSnapshotId(taskId, index)\n\t\treturn commands.matchImageSnapshot(taskId, subject, { ...rest, snapshotFileId })\n\t}\n\n\treturn commands.matchImageSnapshot(taskId, subject, options)\n}\n"]}

package/dist/index.d.ts

@@ -1,14 +1,22 @@
-import { M as MatchImageSnapshotOptions } from './types-BrUWBuNW.js';
-export { C as CustomizeSnapshotIdOptions, d as ImageSnapshot, I as ImageSnapshotMatcher, b as ImageSnapshotOptions, V as VisOptions, c as cdp, a as commands, p as page, s as server, t as toMatchImageSnapshot } from './types-BrUWBuNW.js';
-export { d as defineVisPreview, s as storybookPreviewVis } from './preview-CL-IBwxx.js';
-import '@vitest/browser/context';
-import 'vitest';
-import '@vitest/expect';
-import 'pixelmatch';
-import 'storybook/internal/types';
-
-declare function defineSnapshotParam(snapshot: MatchImageSnapshotOptions): {
-    snapshot: MatchImageSnapshotOptions;
+import './augment-ofADjQ4H.js';
+export * from 'vitest-plugin-vis';
+import { ToMatchImageSnapshotOptions, ImageSnapshotIdOptions } from 'vitest-plugin-vis/client';
+import { StoryContext } from 'storybook/internal/types';
+
+/**
+ * Define snapshot parameter for auto snapshot.
+ */
+declare function defineAutoSnapshotParam(snapshot: ToMatchImageSnapshotOptions): {
+    snapshot: ToMatchImageSnapshotOptions;
+};
+
+/**
+ * Check if the snapshot image exists.
+ */
+declare function hasImageSnapshot(options?: ImageSnapshotIdOptions | undefined): Promise<boolean>;
+
+declare const visAnnotations: {
+    beforeEach(ctx: StoryContext): void;
 };
 
-export { MatchImageSnapshotOptions, defineSnapshotParam };
+export { defineAutoSnapshotParam, hasImageSnapshot, visAnnotations };

package/dist/index.js

@@ -1,11 +1,35 @@
-export { defineVisPreview, storybookPreviewVis } from './chunk-7MABS6N3.js';
-export { cdp, commands, page, server, toMatchImageSnapshot } from './chunk-T3RUFMT2.js';
+import { toMatchImageSnapshot, commands } from './chunk-4BJKSKI2.js';
+import { setAutoSnapshotOptions } from 'vitest-plugin-vis';
+export * from 'vitest-plugin-vis';
+import { toTaskId } from 'vitest-plugin-vis/client';
+import { getCurrentTest } from 'vitest/suite';
+import { expect } from '@storybook/test';
 
-// src/param.ts
-function defineSnapshotParam(snapshot) {
+// src/client/storybook/param.ts
+function defineAutoSnapshotParam(snapshot) {
   return { snapshot };
 }
+async function hasImageSnapshot(options) {
+  const test = getCurrentTest();
+  if (!test) {
+    return false;
+  }
+  const taskId = toTaskId(test);
+  if (options?.customizeSnapshotId) {
+    return commands.imageSnapshotNextIndex(taskId).then((index) => commands.hasImageSnapshot(taskId, options.customizeSnapshotId(taskId, index)));
+  }
+  return commands.hasImageSnapshot(taskId);
+}
+expect.extend({ toMatchImageSnapshot });
+var visAnnotations = {
+  beforeEach(ctx) {
+    const tags = ctx.tags;
+    const enable = !tags ? false : tags.lastIndexOf("!snapshot") < tags.lastIndexOf("snapshot");
+    const test = getCurrentTest();
+    setAutoSnapshotOptions(test, { enable, ...ctx.parameters?.snapshot });
+  }
+};
 
-export { defineSnapshotParam };
+export { defineAutoSnapshotParam, hasImageSnapshot, visAnnotations };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/param.ts"],"names":[],"mappings":";;;;AAEO,SAAS,oBAAoB,QAAqC,EAAA;AACxE,EAAA,OAAO,EAAE,QAAS,EAAA;AACnB","file":"index.js","sourcesContent":["import type { MatchImageSnapshotOptions } from './expect.to_match_image_snapshot'\n\nexport function defineSnapshotParam(snapshot: MatchImageSnapshotOptions) {\n\treturn { snapshot }\n}\n"]}
+{"version":3,"sources":["../src/client/storybook/param.ts","../src/client/has_image_snapshot.ts","../src/csf/vis_annotation.ts"],"names":["getCurrentTest"],"mappings":";;;;;;;;AAKO,SAAS,wBAAwB,QAAuC,EAAA;AAC9E,EAAA,OAAO,EAAE,QAAS,EAAA;AACnB;ACAA,eAAsB,iBAAiB,OAA8C,EAAA;AACpF,EAAA,MAAM,OAAO,cAAe,EAAA;AAC5B,EAAA,IAAI,CAAC,IAAM,EAAA;AACV,IAAO,OAAA,KAAA;AAAA;AAGR,EAAM,MAAA,MAAA,GAAS,SAAS,IAAI,CAAA;AAC5B,EAAA,IAAI,SAAS,mBAAqB,EAAA;AACjC,IAAA,OAAO,QACL,CAAA,sBAAA,CAAuB,MAAM,CAAA,CAC7B,KAAK,CAAC,KAAA,KAAU,QAAS,CAAA,gBAAA,CAAiB,QAAQ,OAAQ,CAAA,mBAAA,CAAqB,MAAQ,EAAA,KAAK,CAAC,CAAC,CAAA;AAAA;AAGjG,EAAO,OAAA,QAAA,CAAS,iBAAiB,MAAM,CAAA;AACxC;ACfA,MAAO,CAAA,MAAA,CAAO,EAAE,oBAAA,EAAsB,CAAA;AAE/B,IAAM,cAAiB,GAAA;AAAA,EAC7B,WAAW,GAAmB,EAAA;AAC7B,IAAA,MAAM,OAAO,GAAI,CAAA,IAAA;AACjB,IAAM,MAAA,MAAA,GAAS,CAAC,IAAA,GAAO,KAAQ,GAAA,IAAA,CAAK,YAAY,WAAW,CAAA,GAAI,IAAK,CAAA,WAAA,CAAY,UAAU,CAAA;AAC1F,IAAA,MAAM,OAAOA,cAAe,EAAA;AAC5B,IAAA,sBAAA,CAAuB,MAAM,EAAE,MAAA,EAAQ,GAAG,GAAI,CAAA,UAAA,EAAY,UAAU,CAAA;AAAA;AAEtE","file":"index.js","sourcesContent":["import type { ToMatchImageSnapshotOptions } from 'vitest-plugin-vis/client'\n\n/**\n * Define snapshot parameter for auto snapshot.\n */\nexport function defineAutoSnapshotParam(snapshot: ToMatchImageSnapshotOptions) {\n\treturn { snapshot }\n}\n","import { type ImageSnapshotIdOptions, toTaskId } from 'vitest-plugin-vis/client'\nimport { getCurrentTest } from 'vitest/suite'\nimport { commands } from './@vitest/browser/context.ts'\n\n/**\n * Check if the snapshot image exists.\n */\nexport async function hasImageSnapshot(options?: ImageSnapshotIdOptions | undefined) {\n\tconst test = getCurrentTest()\n\tif (!test) {\n\t\treturn false\n\t}\n\n\tconst taskId = toTaskId(test)\n\tif (options?.customizeSnapshotId) {\n\t\treturn commands\n\t\t\t.imageSnapshotNextIndex(taskId)\n\t\t\t.then((index) => commands.hasImageSnapshot(taskId, options.customizeSnapshotId!(taskId, index)))\n\t}\n\n\treturn commands.hasImageSnapshot(taskId)\n}\n","import { expect } from '@storybook/test'\nimport type { BaseAnnotations, StoryContext } from 'storybook/internal/types'\nimport { setAutoSnapshotOptions } from 'vitest-plugin-vis'\nimport { getCurrentTest } from 'vitest/suite'\nimport { toMatchImageSnapshot } from '../client/expect/to_match_image_snapshot.ts'\n\nexpect.extend({ toMatchImageSnapshot })\n\nexport const visAnnotations = {\n\tbeforeEach(ctx: StoryContext) {\n\t\tconst tags = ctx.tags\n\t\tconst enable = !tags ? false : tags.lastIndexOf('!snapshot') < tags.lastIndexOf('snapshot')\n\t\tconst test = getCurrentTest()\n\t\tsetAutoSnapshotOptions(test, { enable, ...ctx.parameters?.snapshot })\n\t},\n} satisfies BaseAnnotations\n"]}

package/dist/preset.cjs

@@ -1,2 +1,2 @@
-'use strict';var e={};module.exports=e;//# sourceMappingURL=preset.cjs.map
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var config=require('vitest-plugin-vis/config');var n;globalThis.__vitest_browser__&&import('@vitest/browser/context').then(t=>{n=t;});var r=new Proxy({},{get(t,o){return n?.commands?.[o]??a[o]??(()=>{throw new Error(`Command '${String(o)}' not found`)})()}}),a={matchImageSnapshot:async()=>{},setupVisSuite:()=>{}};var i={async beforeAll(){await r.setupVisSuite();}},m=i;var s="storybook-addon-vis";function e(t={}){return {...config.vis({...t,preset:"none"}),name:s}}var v={previewAnnotations(t=[]){return [...t,m]}};function I(t,o={}){return t.plugins.push(e(o)),t}exports.default=v;exports.viteFinal=I;//# sourceMappingURL=preset.cjs.map
 //# sourceMappingURL=preset.cjs.map

package/dist/preset.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/preset.ts"],"names":["preset_default"],"mappings":"aAAA,IAAOA,EAAQ","file":"preset.cjs","sourcesContent":["export default {}\n"]}
+{"version":3,"sources":["../src/client/@vitest/browser/context.ts","../src/preview.ts","../src/vitest-plugin.ts","../src/shared/contants.ts","../src/vitest-plugin/storybook_vis.ts","../src/preset.ts"],"names":["ctx","m","commands","_target","prop","commandsStub","preview","preview_default","NAME","storybookVis","options","vis","preset_default","entry","viteFinal","config"],"mappings":"qHAkBA,IAAIA,CAEC,CAAA,UAAA,CAAmB,kBACvB,EAAA,OAAO,yBAAyB,CAAA,CAAE,IAAMC,CAAAA,CAAAA,EAAM,CAC7CD,CAAAA,CAAMC,EACP,CAAC,EAGK,IAAMC,CAAAA,CAAW,IAAI,KAAA,CAAuB,EAAC,CAAU,CAC7D,GAAA,CAAIC,EAASC,CAAM,CAAA,CAClB,OACEJ,CAAAA,EAAK,QAAmBI,GAAAA,CAAI,CAE7BC,EAAAA,CAAAA,CAAaD,CAAI,CAChB,EAAA,CAAA,IAAM,CACN,MAAM,IAAI,KAAA,CAAM,CAAY,SAAA,EAAA,MAAA,CAAOA,CAAI,CAAC,CAAa,WAAA,CAAA,CACtD,CAAG,GAGL,CACD,CAAC,EAGKC,CAAe,CAAA,CACpB,kBAAoB,CAAA,SAAY,EAAC,CACjC,aAAe,CAAA,IAAM,EACtB,CAAA,CCzCA,IAAMC,CAAAA,CAAwC,CAC7C,MAAM,SAAY,EAAA,CACjB,MAAMJ,CAAS,CAAA,aAAA,GAChB,CACD,CAEOK,CAAAA,CAAAA,CAAQD,CCTf,CCAO,IAAME,EAAO,qBCIb,CAAA,SAASC,CAAaC,CAAAA,CAAAA,CAAsC,EAAC,CAAG,CACtE,OAAO,CACN,GAAGC,UAAAA,CAAI,CACN,GAAGD,CACH,CAAA,MAAA,CAAQ,MACT,CAAC,EACD,IAAMF,CAAAA,CACP,CACD,CCTOI,IAAAA,CAAAA,CAAQ,CACd,kBAAA,CAAmBC,CAAQ,CAAA,EAAI,CAAA,CAC9B,OAAO,CAAC,GAAGA,CAAAA,CAAON,CAAO,CAC1B,CACD,EAEO,SAASO,CAAUC,CAAAA,CAAAA,CAAaL,CAAe,CAAA,GAAI,CACzD,OAAAK,CAAO,CAAA,OAAA,CAAQ,IAAKN,CAAAA,CAAAA,CAAaC,CAAO,CAAC,EAClCK,CACR","file":"preset.cjs","sourcesContent":["import type { BrowserCommands } from '@vitest/browser/context'\nimport type {\n\tHasImageSnapshotCommand,\n\tImageSnapshotNextIndexCommand,\n\tMatchImageSnapshotCommand,\n\tSetupVisSuiteCommand,\n} from 'vitest-plugin-vis/commands'\n\ndeclare module '@vitest/browser/context' {\n\tinterface BrowserCommands\n\t\textends MatchImageSnapshotCommand,\n\t\t\tSetupVisSuiteCommand,\n\t\t\tHasImageSnapshotCommand,\n\t\t\tImageSnapshotNextIndexCommand,\n\t\t\tMatchImageSnapshotCommand,\n\t\t\tSetupVisSuiteCommand {}\n}\n\nlet ctx: Awaited<typeof import('@vitest/browser/context')>\n\nif ((globalThis as any).__vitest_browser__) {\n\timport('@vitest/browser/context').then((m) => {\n\t\tctx = m\n\t})\n}\n\nexport const commands = new Proxy<BrowserCommands>({} as any, {\n\tget(_target, prop) {\n\t\treturn (\n\t\t\t(ctx?.commands as any)?.[prop] ??\n\t\t\t/* v8 ignore start : used in storybook, not in vitest */\n\t\t\tcommandsStub[prop] ??\n\t\t\t(() => {\n\t\t\t\tthrow new Error(`Command '${String(prop)}' not found`)\n\t\t\t})()\n\t\t\t/* v8 ignore end */\n\t\t)\n\t},\n})\n\n/* v8 ignore start : used in storybook, not in vitest */\nconst commandsStub = {\n\tmatchImageSnapshot: async () => {},\n\tsetupVisSuite: () => {},\n} as any\n/* v8 ignore end */\n","import type { ProjectAnnotations, Renderer } from 'storybook/internal/types'\nimport { commands } from './client/@vitest/browser/context.ts'\n\nconst preview: ProjectAnnotations<Renderer> = {\n\tasync beforeAll() {\n\t\tawait commands.setupVisSuite()\n\t},\n}\n\nexport default preview\n","export { trimCommonFolder } from 'vitest-plugin-vis/config'\nexport { storybookVis } from './vitest-plugin/storybook_vis.ts'\n","export const NAME = 'storybook-addon-vis'\n","import type { Omit } from 'type-plus'\nimport { type VisOptions, vis } from 'vitest-plugin-vis/config'\nimport { NAME } from '../shared/contants.ts'\n\nexport function storybookVis(options: Omit<VisOptions, 'preset'> = {}) {\n\treturn {\n\t\t...vis({\n\t\t\t...options,\n\t\t\tpreset: 'none',\n\t\t}),\n\t\tname: NAME,\n\t}\n}\n","import preview from './preview.ts'\nimport { storybookVis } from './vitest-plugin.ts'\n\nexport default {\n\tpreviewAnnotations(entry = []) {\n\t\treturn [...entry, preview]\n\t},\n}\n\nexport function viteFinal(config: any, options: any = {}) {\n\tconfig.plugins.push(storybookVis(options))\n\treturn config\n}\n"]}

package/dist/preview.js

@@ -1,9 +1,2 @@
-import { storybookPreviewVis } from './chunk-7MABS6N3.js';
-import './chunk-T3RUFMT2.js';
-
-// src/preview.ts
-var preview_default = storybookPreviewVis;
-
-export { preview_default as default };
-//# sourceMappingURL=preview.js.map
+var o;globalThis.__vitest_browser__&&import('@vitest/browser/context').then(e=>{o=e;});var a=new Proxy({},{get(e,t){return o?.commands?.[t]??n[t]??(()=>{throw new Error(`Command '${String(t)}' not found`)})()}}),n={matchImageSnapshot:async()=>{},setupVisSuite:()=>{}};var m={async beforeAll(){await a.setupVisSuite();}},i=m;export{i as default};//# sourceMappingURL=preview.js.map
 //# sourceMappingURL=preview.js.map

package/dist/preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/preview.ts"],"names":[],"mappings":";;;;AAEA,IAAO,eAAQ,GAAA","file":"preview.js","sourcesContent":["import { storybookPreviewVis } from './storybook/preview'\n\nexport default storybookPreviewVis\n"]}
+{"version":3,"sources":["../src/client/@vitest/browser/context.ts","../src/preview.ts"],"names":["ctx","m","commands","_target","prop","commandsStub","preview","preview_default"],"mappings":"AAkBA,IAAIA,CAEC,CAAA,UAAA,CAAmB,kBACvB,EAAA,OAAO,yBAAyB,CAAE,CAAA,IAAA,CAAMC,CAAM,EAAA,CAC7CD,CAAMC,CAAAA,EACP,CAAC,CAAA,CAGK,IAAMC,CAAW,CAAA,IAAI,KAAuB,CAAA,EAAW,CAAA,CAC7D,GAAIC,CAAAA,CAAAA,CAASC,EAAM,CAClB,OACEJ,CAAK,EAAA,QAAA,GAAmBI,CAAI,CAE7BC,EAAAA,CAAAA,CAAaD,CAAI,CAAA,EAAA,CAChB,IAAM,CACN,MAAM,IAAI,KAAA,CAAM,CAAY,SAAA,EAAA,MAAA,CAAOA,CAAI,CAAC,aAAa,CACtD,CAAA,GAGF,CACD,CAAC,CAGKC,CAAAA,CAAAA,CAAe,CACpB,kBAAA,CAAoB,SAAY,EAAC,CACjC,aAAe,CAAA,IAAM,EACtB,CCzCA,CAAA,IAAMC,EAAwC,CAC7C,MAAM,SAAY,EAAA,CACjB,MAAMJ,CAAS,CAAA,aAAA,GAChB,CACD,EAEOK,CAAQD,CAAAA","file":"preview.js","sourcesContent":["import type { BrowserCommands } from '@vitest/browser/context'\nimport type {\n\tHasImageSnapshotCommand,\n\tImageSnapshotNextIndexCommand,\n\tMatchImageSnapshotCommand,\n\tSetupVisSuiteCommand,\n} from 'vitest-plugin-vis/commands'\n\ndeclare module '@vitest/browser/context' {\n\tinterface BrowserCommands\n\t\textends MatchImageSnapshotCommand,\n\t\t\tSetupVisSuiteCommand,\n\t\t\tHasImageSnapshotCommand,\n\t\t\tImageSnapshotNextIndexCommand,\n\t\t\tMatchImageSnapshotCommand,\n\t\t\tSetupVisSuiteCommand {}\n}\n\nlet ctx: Awaited<typeof import('@vitest/browser/context')>\n\nif ((globalThis as any).__vitest_browser__) {\n\timport('@vitest/browser/context').then((m) => {\n\t\tctx = m\n\t})\n}\n\nexport const commands = new Proxy<BrowserCommands>({} as any, {\n\tget(_target, prop) {\n\t\treturn (\n\t\t\t(ctx?.commands as any)?.[prop] ??\n\t\t\t/* v8 ignore start : used in storybook, not in vitest */\n\t\t\tcommandsStub[prop] ??\n\t\t\t(() => {\n\t\t\t\tthrow new Error(`Command '${String(prop)}' not found`)\n\t\t\t})()\n\t\t\t/* v8 ignore end */\n\t\t)\n\t},\n})\n\n/* v8 ignore start : used in storybook, not in vitest */\nconst commandsStub = {\n\tmatchImageSnapshot: async () => {},\n\tsetupVisSuite: () => {},\n} as any\n/* v8 ignore end */\n","import type { ProjectAnnotations, Renderer } from 'storybook/internal/types'\nimport { commands } from './client/@vitest/browser/context.ts'\n\nconst preview: ProjectAnnotations<Renderer> = {\n\tasync beforeAll() {\n\t\tawait commands.setupVisSuite()\n\t},\n}\n\nexport default preview\n"]}

package/dist/vitest-plugin.js

@@ -1,60 +1,19 @@
-import { copyFile as copyFile$1, stat } from 'node:fs/promises';
-import { mkdirp } from 'mkdirp';
-import { join, dirname } from 'pathe';
-import ci from 'is-ci';
-import { rimraf } from 'rimraf';
-
-// src/vitest-plugin/commands/copy_file.ts
-var copyFile = async ({ testPath, provider }, src, dest) => {
-  if (provider.name === "playwright") {
-    const destPath = join(dirname(testPath), dest);
-    const destDir = dirname(destPath);
-    await mkdirp(destDir);
-    return copyFile$1(join(dirname(testPath), src), destPath);
-  }
-  throw new Error(`provider ${provider.name} is not supported`);
-};
-var existDir = async ({ testPath, provider }, path) => {
-  if (provider.name === "playwright") {
-    return stat(join(dirname(testPath), path)).then((s) => s.isDirectory()).catch(() => false);
-  }
-  throw new Error(`provider ${provider.name} is not supported`);
-};
-var existFile = async ({ testPath }, path) => {
-  return stat(join(dirname(testPath), path)).then((s) => s.isFile()).catch(() => false);
-};
-var getSnapshotPlatform = async () => {
-  return ci ? process.platform : "local";
-};
-var isCI = async () => ci;
-var rmDir = async ({ testPath, provider }, path) => {
-  if (provider.name === "playwright") {
-    return rimraf(join(dirname(testPath), path));
-  }
-  throw new Error(`provider ${provider.name} is not supported`);
-};
+import { vis } from 'vitest-plugin-vis/config';
+export { trimCommonFolder } from 'vitest-plugin-vis/config';
 
 // src/vitest-plugin.ts
-function storybookVis() {
+
+// src/shared/contants.ts
+var NAME = "storybook-addon-vis";
+
+// src/vitest-plugin/storybook_vis.ts
+function storybookVis(options = {}) {
   return {
-    name: "vitest:storybook-addon-vis",
-    config() {
-      return {
-        test: {
-          browser: {
-            name: "chromium",
-            commands: {
-              existDir,
-              existFile,
-              copyFile,
-              rmDir,
-              isCI,
-              getSnapshotPlatform
-            }
-          }
-        }
-      };
-    }
+    ...vis({
+      ...options,
+      preset: "none"
+    }),
+    name: NAME
   };
 }
 

package/dist/vitest-plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/vitest-plugin/commands/copy_file.ts","../src/vitest-plugin/commands/exist_dir.ts","../src/vitest-plugin/commands/exist_file.ts","../src/vitest-plugin/commands/get_snapshot_platform.ts","../src/vitest-plugin/commands/is_ci.ts","../src/vitest-plugin/commands/rm_dir.ts","../src/vitest-plugin.ts"],"names":["copyFileFs","join","dirname","stat","ci"],"mappings":";;;;;;;AASO,IAAM,WAAwD,OAAO,EAAE,UAAU,QAAS,EAAA,EAAG,KAAK,IAAS,KAAA;AACjH,EAAI,IAAA,QAAA,CAAS,SAAS,YAAc,EAAA;AACnC,IAAA,MAAM,QAAW,GAAA,IAAA,CAAK,OAAQ,CAAA,QAAQ,GAAG,IAAI,CAAA;AAC7C,IAAM,MAAA,OAAA,GAAU,QAAQ,QAAQ,CAAA;AAChC,IAAA,MAAM,OAAO,OAAO,CAAA;AACpB,IAAA,OAAOA,WAAW,IAAK,CAAA,OAAA,CAAQ,QAAQ,CAAG,EAAA,GAAG,GAAG,QAAQ,CAAA;AAAA;AAGzD,EAAA,MAAM,IAAI,KAAA,CAAM,CAAY,SAAA,EAAA,QAAA,CAAS,IAAI,CAAmB,iBAAA,CAAA,CAAA;AAC7D,CAAA;ACVO,IAAM,WAA2C,OAAO,EAAE,QAAU,EAAA,QAAA,IAAY,IAAS,KAAA;AAC/F,EAAI,IAAA,QAAA,CAAS,SAAS,YAAc,EAAA;AACnC,IAAA,OAAO,KAAKC,IAAKC,CAAAA,OAAAA,CAAQ,QAAQ,CAAA,EAAG,IAAI,CAAC,CAAA,CACvC,IAAK,CAAA,CAAC,MAAM,CAAE,CAAA,WAAA,EAAa,CAC3B,CAAA,KAAA,CAAM,MAAM,KAAK,CAAA;AAAA;AAGpB,EAAA,MAAM,IAAI,KAAA,CAAM,CAAY,SAAA,EAAA,QAAA,CAAS,IAAI,CAAmB,iBAAA,CAAA,CAAA;AAC7D,CAAA;ACRO,IAAM,SAA4C,GAAA,OAAO,EAAE,QAAA,IAAY,IAAS,KAAA;AACtF,EAAA,OAAOC,KAAKF,IAAKC,CAAAA,OAAAA,CAAQ,QAAQ,CAAA,EAAG,IAAI,CAAC,CAAA,CACvC,IAAK,CAAA,CAAC,MAAM,CAAE,CAAA,MAAA,EAAQ,CACtB,CAAA,KAAA,CAAM,MAAM,KAAK,CAAA;AACpB,CAAA;ACDO,IAAM,sBAAsB,YAAY;AAC9C,EAAO,OAAA,EAAA,GAAK,QAAQ,QAAW,GAAA,OAAA;AAChC,CAAA;ACPO,IAAM,OAAO,YAAYE,EAAAA;ACEzB,IAAM,QAAwC,OAAO,EAAE,QAAU,EAAA,QAAA,IAAY,IAAS,KAAA;AAC5F,EAAI,IAAA,QAAA,CAAS,SAAS,YAAc,EAAA;AACnC,IAAA,OAAO,OAAOH,IAAKC,CAAAA,OAAAA,CAAQ,QAAQ,CAAA,EAAG,IAAI,CAAC,CAAA;AAAA;AAG5C,EAAA,MAAM,IAAI,KAAA,CAAM,CAAY,SAAA,EAAA,QAAA,CAAS,IAAI,CAAmB,iBAAA,CAAA,CAAA;AAC7D,CAAA;;;ACLO,SAAS,YAAe,GAAA;AAC9B,EAAO,OAAA;AAAA,IACN,IAAM,EAAA,4BAAA;AAAA,IACN,MAAS,GAAA;AACR,MAAO,OAAA;AAAA,QACN,IAAM,EAAA;AAAA,UACL,OAAS,EAAA;AAAA,YACR,IAAM,EAAA,UAAA;AAAA,YACN,QAAU,EAAA;AAAA,cACT,QAAA;AAAA,cACA,SAAA;AAAA,cACA,QAAA;AAAA,cACA,KAAA;AAAA,cACA,IAAA;AAAA,cACA;AAAA;AACD;AACD;AACD,OACD;AAAA;AACD,GACD;AACD","file":"vitest-plugin.js","sourcesContent":["import { copyFile as copyFileFs } from 'node:fs/promises'\nimport { mkdirp } from 'mkdirp'\nimport { dirname, join } from 'pathe'\nimport type { BrowserCommand } from 'vitest/node'\n\nexport interface CopyFileCommand {\n\tcopyFile(src: string, dest: string): Promise<void>\n}\n\nexport const copyFile: BrowserCommand<[src: string, dest: string]> = async ({ testPath, provider }, src, dest) => {\n\tif (provider.name === 'playwright') {\n\t\tconst destPath = join(dirname(testPath), dest)\n\t\tconst destDir = dirname(destPath)\n\t\tawait mkdirp(destDir)\n\t\treturn copyFileFs(join(dirname(testPath), src), destPath)\n\t}\n\n\tthrow new Error(`provider ${provider.name} is not supported`)\n}\n","import { stat } from 'node:fs/promises'\nimport { dirname, join } from 'pathe'\nimport type { BrowserCommand } from 'vitest/node'\n\nexport interface ExistDirCommand {\n\texistDir: (path: string) => Promise<boolean>\n}\n\nexport const existDir: BrowserCommand<[path: string]> = async ({ testPath, provider }, path) => {\n\tif (provider.name === 'playwright') {\n\t\treturn stat(join(dirname(testPath), path))\n\t\t\t.then((s) => s.isDirectory())\n\t\t\t.catch(() => false)\n\t}\n\n\tthrow new Error(`provider ${provider.name} is not supported`)\n}\n","import { stat } from 'node:fs/promises'\nimport { dirname, join } from 'pathe'\nimport type { BrowserCommand } from 'vitest/node'\n\nexport interface ExistFileCommand {\n\texistFile: (path: string) => Promise<boolean>\n}\n\nexport const existFile: BrowserCommand<[path: string]> = async ({ testPath }, path) => {\n\treturn stat(join(dirname(testPath), path))\n\t\t.then((s) => s.isFile())\n\t\t.catch(() => false)\n}\n","import ci from 'is-ci'\n\nexport interface GetSnapshotPlatformCommand {\n\t/**\n\t * Get the platform id of the snapshot `{platform}[-ci]`.\n\t *\n\t * This is useful to control where the snapshot is stored.\n\t */\n\tgetSnapshotPlatform: () => Promise<string>\n}\n\nexport const getSnapshotPlatform = async () => {\n\treturn ci ? process.platform : 'local'\n}\n","import ci from 'is-ci'\n\nexport interface IsCICommand {\n\tisCI: () => Promise<boolean>\n}\n\nexport const isCI = async () => ci\n","import { dirname, join } from 'pathe'\nimport { rimraf } from 'rimraf'\nimport type { BrowserCommand } from 'vitest/node'\n\nexport interface RmDirCommand {\n\trmDir: (path: string) => Promise<void>\n}\n\nexport const rmDir: BrowserCommand<[path: string]> = async ({ testPath, provider }, path) => {\n\tif (provider.name === 'playwright') {\n\t\treturn rimraf(join(dirname(testPath), path))\n\t}\n\n\tthrow new Error(`provider ${provider.name} is not supported`)\n}\n","import type { Plugin } from 'vitest/config'\nimport './augment.js'\nimport { copyFile } from './vitest-plugin/commands/copy_file.js'\nimport { existDir } from './vitest-plugin/commands/exist_dir.js'\nimport { existFile } from './vitest-plugin/commands/exist_file.js'\nimport { getSnapshotPlatform } from './vitest-plugin/commands/get_snapshot_platform.js'\nimport { isCI } from './vitest-plugin/commands/is_ci.js'\nimport { rmDir } from './vitest-plugin/commands/rm_dir.js'\n\nexport function storybookVis() {\n\treturn {\n\t\tname: 'vitest:storybook-addon-vis',\n\t\tconfig() {\n\t\t\treturn {\n\t\t\t\ttest: {\n\t\t\t\t\tbrowser: {\n\t\t\t\t\t\tname: 'chromium',\n\t\t\t\t\t\tcommands: {\n\t\t\t\t\t\t\texistDir,\n\t\t\t\t\t\t\texistFile,\n\t\t\t\t\t\t\tcopyFile,\n\t\t\t\t\t\t\trmDir,\n\t\t\t\t\t\t\tisCI,\n\t\t\t\t\t\t\tgetSnapshotPlatform,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\t} satisfies Plugin\n}\n"]}
+{"version":3,"sources":["../src/shared/contants.ts","../src/vitest-plugin/storybook_vis.ts"],"names":[],"mappings":";;;;;;AAAO,IAAM,IAAO,GAAA,qBAAA;;;ACIb,SAAS,YAAA,CAAa,OAAsC,GAAA,EAAI,EAAA;AACtE,EAAO,OAAA;AAAA,IACN,GAAG,GAAI,CAAA;AAAA,MACN,GAAG,OAAA;AAAA,MACH,MAAQ,EAAA;AAAA,KACR,CAAA;AAAA,IACD,IAAM,EAAA;AAAA,GACP;AACD","file":"vitest-plugin.js","sourcesContent":["export const NAME = 'storybook-addon-vis'\n","import type { Omit } from 'type-plus'\nimport { type VisOptions, vis } from 'vitest-plugin-vis/config'\nimport { NAME } from '../shared/contants.ts'\n\nexport function storybookVis(options: Omit<VisOptions, 'preset'> = {}) {\n\treturn {\n\t\t...vis({\n\t\t\t...options,\n\t\t\tpreset: 'none',\n\t\t}),\n\t\tname: NAME,\n\t}\n}\n"]}

package/dist/vitest-setup.d.ts

@@ -1,34 +1,19 @@
-import { V as VisOptions } from './types-BrUWBuNW.js';
-export { I as ImageSnapshotMatcher, M as MatchImageSnapshotOptions, c as cdp, a as commands, p as page, s as server, t as toMatchImageSnapshot } from './types-BrUWBuNW.js';
-import '@vitest/browser/context';
-import 'vitest';
-import '@vitest/expect';
-import 'pixelmatch';
+import './augment-ofADjQ4H.js';
+import 'vitest-plugin-vis/client';
 
-declare function createVisConfig(options?: VisOptions): {
+declare const vis: {
     presets: {
-        basic(): void;
+        manual(): void;
+        auto(): void;
         theme(themes: Record<string, () => void | Promise<void>>): void;
     };
-    beforeAll(suite: {
-        file: {
-            filepath: string;
-        };
-        name: string;
-    }): Promise<void>;
+    beforeAll: {
+        setup(): Promise<void>;
+    };
     afterEach: {
         matchImageSnapshot(): Promise<void>;
         matchPerTheme(themes: Record<string, () => Promise<void> | void>): () => Promise<void>;
     };
 };
 
-/**
- * Determine should snapshot be taken.
- *
- * not story: false
- * no `snapshot` tag: false
- * disabled by `!snapshot` tag: false
- */
-declare function shouldTakeSnapshot(): boolean;
-
-export { createVisConfig, shouldTakeSnapshot };
+export { vis };

package/dist/vitest-setup.js

@@ -1,52 +1,12 @@
-import { toMatchImageSnapshot, state, page } from './chunk-T3RUFMT2.js';
-export { cdp, commands, page, server, toMatchImageSnapshot } from './chunk-T3RUFMT2.js';
-import { expect, beforeAll, afterEach } from 'vitest';
+import { toMatchImageSnapshot, commands } from './chunk-4BJKSKI2.js';
+import { createVis } from 'vitest-plugin-vis/setup';
+import { expect } from 'vitest';
 
-// src/should_take_snapshot.ts
-function shouldTakeSnapshot() {
-  return state.shouldTakeSnapshot();
-}
-
-// src/vis.ts
 expect.extend({ toMatchImageSnapshot });
-function createVisConfig(options) {
-  const h = {
-    presets: {
-      basic() {
-        beforeAll(h.beforeAll);
-        afterEach(h.afterEach.matchImageSnapshot);
-      },
-      theme(themes) {
-        beforeAll(h.beforeAll);
-        afterEach(h.afterEach.matchPerTheme(themes));
-      }
-    },
-    async beforeAll(suite) {
-      return state.setupSuite(suite, options);
-    },
-    afterEach: {
-      async matchImageSnapshot() {
-        if (!shouldTakeSnapshot()) return;
-        const r = await page.imageSnapshot();
-        expect(r).toMatchImageSnapshot();
-      },
-      matchPerTheme(themes) {
-        return async function matchImageSnapshot() {
-          if (!shouldTakeSnapshot()) return;
-          for (const themeId in themes) {
-            await themes[themeId]();
-            const r = await page.imageSnapshot({
-              customizeSnapshotId: (id) => `${id}-${themeId}`
-            });
-            await expect(r).toMatchImageSnapshot();
-          }
-        };
-      }
-    }
-  };
-  return h;
-}
 
-export { createVisConfig, shouldTakeSnapshot };
+// src/vitest-setup.ts
+var vis = createVis(commands);
+
+export { vis };
 //# sourceMappingURL=vitest-setup.js.map
 //# sourceMappingURL=vitest-setup.js.map

package/dist/vitest-setup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/should_take_snapshot.ts","../src/vis.ts"],"names":[],"mappings":";;;;;AASO,SAAS,kBAAqB,GAAA;AACpC,EAAA,OAAO,MAAM,kBAAmB,EAAA;AACjC;;;ACHA,MAAO,CAAA,MAAA,CAAO,EAAE,oBAAA,EAAsB,CAAA;AAE/B,SAAS,gBAAgB,OAAsB,EAAA;AACrD,EAAA,MAAM,CAAI,GAAA;AAAA,IACT,OAAS,EAAA;AAAA,MACR,KAAQ,GAAA;AACP,QAAA,SAAA,CAAU,EAAE,SAAS,CAAA;AACrB,QAAU,SAAA,CAAA,CAAA,CAAE,UAAU,kBAAkB,CAAA;AAAA,OACzC;AAAA,MACA,MAAM,MAAoD,EAAA;AACzD,QAAA,SAAA,CAAU,EAAE,SAAS,CAAA;AACrB,QAAA,SAAA,CAAU,CAAE,CAAA,SAAA,CAAU,aAAc,CAAA,MAAM,CAAC,CAAA;AAAA;AAC5C,KACD;AAAA,IACA,MAAM,UAAU,KAAqD,EAAA;AACpE,MAAO,OAAA,KAAA,CAAM,UAAW,CAAA,KAAA,EAAO,OAAO,CAAA;AAAA,KACvC;AAAA,IACA,SAAW,EAAA;AAAA,MACV,MAAM,kBAAqB,GAAA;AAC1B,QAAI,IAAA,CAAC,oBAAsB,EAAA;AAE3B,QAAM,MAAA,CAAA,GAAI,MAAM,IAAA,CAAK,aAAc,EAAA;AACnC,QAAO,MAAA,CAAA,CAAC,EAAE,oBAAqB,EAAA;AAAA,OAChC;AAAA,MACA,cAAc,MAAoD,EAAA;AACjE,QAAA,OAAO,eAAe,kBAAqB,GAAA;AAC1C,UAAI,IAAA,CAAC,oBAAsB,EAAA;AAC3B,UAAA,KAAA,MAAW,WAAW,MAAQ,EAAA;AAC7B,YAAM,MAAA,MAAA,CAAO,OAAO,CAAE,EAAA;AAEtB,YAAM,MAAA,CAAA,GAAI,MAAM,IAAA,CAAK,aAAc,CAAA;AAAA,cAClC,qBAAqB,CAAC,EAAA,KAAO,CAAG,EAAA,EAAE,IAAI,OAAO,CAAA;AAAA,aAC7C,CAAA;AACD,YAAM,MAAA,MAAA,CAAO,CAAC,CAAA,CAAE,oBAAqB,EAAA;AAAA;AACtC,SACD;AAAA;AACD;AACD,GACD;AACA,EAAO,OAAA,CAAA;AACR","file":"vitest-setup.js","sourcesContent":["import { state } from './state'\n\n/**\n * Determine should snapshot be taken.\n *\n * not story: false\n * no `snapshot` tag: false\n * disabled by `!snapshot` tag: false\n */\nexport function shouldTakeSnapshot() {\n\treturn state.shouldTakeSnapshot()\n}\n","import { afterEach, beforeAll, expect } from 'vitest'\nimport { page } from './@vitest/browser/context.js'\nimport './augment.js'\nimport { toMatchImageSnapshot } from './expect.to_match_image_snapshot.js'\nimport { shouldTakeSnapshot } from './should_take_snapshot.js'\nimport { state } from './state.js'\nimport type { VisOptions } from './types.js'\n\nexpect.extend({ toMatchImageSnapshot })\n\nexport function createVisConfig(options?: VisOptions) {\n\tconst h = {\n\t\tpresets: {\n\t\t\tbasic() {\n\t\t\t\tbeforeAll(h.beforeAll)\n\t\t\t\tafterEach(h.afterEach.matchImageSnapshot)\n\t\t\t},\n\t\t\ttheme(themes: Record<string, () => void | Promise<void>>) {\n\t\t\t\tbeforeAll(h.beforeAll)\n\t\t\t\tafterEach(h.afterEach.matchPerTheme(themes))\n\t\t\t},\n\t\t},\n\t\tasync beforeAll(suite: { file: { filepath: string }; name: string }) {\n\t\t\treturn state.setupSuite(suite, options)\n\t\t},\n\t\tafterEach: {\n\t\t\tasync matchImageSnapshot() {\n\t\t\t\tif (!shouldTakeSnapshot()) return\n\t\t\t\t// console.debug('taking automatic snapshot', state.getName())\n\t\t\t\tconst r = await page.imageSnapshot()\n\t\t\t\texpect(r).toMatchImageSnapshot()\n\t\t\t},\n\t\t\tmatchPerTheme(themes: Record<string, () => Promise<void> | void>) {\n\t\t\t\treturn async function matchImageSnapshot() {\n\t\t\t\t\tif (!shouldTakeSnapshot()) return\n\t\t\t\t\tfor (const themeId in themes) {\n\t\t\t\t\t\tawait themes[themeId]()\n\t\t\t\t\t\t// console.debug('taking automatic snapshot', state.getName(), themeId)\n\t\t\t\t\t\tconst r = await page.imageSnapshot({\n\t\t\t\t\t\t\tcustomizeSnapshotId: (id) => `${id}-${themeId}`,\n\t\t\t\t\t\t})\n\t\t\t\t\t\tawait expect(r).toMatchImageSnapshot()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t}\n\treturn h\n}\n"]}
+{"version":3,"sources":["../src/client/expect/extend.ts","../src/vitest-setup.ts"],"names":[],"mappings":";;;;AAIA,MAAO,CAAA,MAAA,CAAO,EAAE,oBAAA,EAAsB,CAAA;;;ACCzB,IAAA,GAAA,GAAM,UAAU,QAAQ","file":"vitest-setup.js","sourcesContent":["import { expect } from 'vitest'\nimport './augment.ts'\nimport { toMatchImageSnapshot } from './to_match_image_snapshot.ts'\n\nexpect.extend({ toMatchImageSnapshot })\n","// `storybook-addon-vis/vitest-setup` provides code needed in `vitest.setup.ts`.\nimport { createVis } from 'vitest-plugin-vis/setup'\nimport { commands } from './client/@vitest/browser/context.ts'\nimport './client/expect/extend.ts'\n\nexport const vis = createVis(commands)\n"]}

package/manager.js

@@ -1 +1 @@
-import '../../dist/manager'
+import '../../dist/manager.js'

package/package.json

@@ -1,17 +1,18 @@
 {
   "name": "storybook-addon-vis",
-  "version": "0.13.0",
-  "description": "Storybook Vitest Image Snapshot addon",
+  "version": "0.14.0",
+  "description": "Storybook Vitest visual testing addon",
   "keywords": [
     "image-snapshot",
     "storybook-addons",
     "vitest",
-    "visual-test"
+    "visual-test",
+    "browser-mode"
   ],
   "repository": {
     "type": "git",
     "url": "https://github.com/repobuddy/storybook-image-snapshot",
-    "directory": "packages/vis"
+    "directory": "packages/storybook-addon-vis"
   },
   "license": "MIT",
   "author": {
@@ -27,7 +28,10 @@
       "require": "./dist/index.cjs"
     },
     "./preset": "./dist/preset.cjs",
-    "./vitest-setup": "./dist/vitest-setup.js",
+    "./vitest-setup": {
+      "types": "./dist/vitest-setup.d.ts",
+      "import": "./dist/vitest-setup.js"
+    },
     "./vitest-plugin": {
       "types": "./vitest-plugin.d.ts",
       "import": "./dist/vitest-plugin.js"
@@ -38,16 +42,19 @@
     "dist",
     "src",
     "*.js",
-    "*.d.ts"
+    "*.d.ts",
+    "!**/*.{spec,test,unit,accept,integrate,system,perf,stress,stories,study}.*"
   ],
   "dependencies": {
     "dedent": "^1.5.1",
-    "is-ci": "^3.0.1",
+    "is-ci": "^4.0.0",
     "mkdirp": "^3.0.1",
     "pathe": "^1.1.2",
     "pixelmatch": "^6.0.0",
+    "pngjs": "^7.0.0",
     "rimraf": "^6.0.1",
-    "type-plus": "^8.0.0-beta.6"
+    "type-plus": "^8.0.0-beta.6",
+    "vitest-plugin-vis": "1.0.0"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "^8.4.2",
@@ -61,18 +68,24 @@
     "@testing-library/react": "^16.0.1",
     "@types/is-ci": "^3.0.4",
     "@types/pixelmatch": "^5.2.6",
+    "@types/pngjs": "^6.0.5",
     "@types/react": "^18.2.65",
     "@types/react-dom": "^18.2.21",
     "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/browser": "^2.1.5",
-    "@vitest/expect": "^2.1.5",
+    "@vitest/browser": "^2.1.8",
+    "@vitest/coverage-istanbul": "^2.1.8",
+    "@vitest/expect": "^2.1.8",
     "boxen": "^8.0.0",
+    "cross-env": "^7.0.3",
+    "npm-run-all2": "^7.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "storybook": "^8.4.2",
     "tsup": "^8.2.4",
-    "typescript": "^5.5.4",
+    "typescript": "^5.7.2",
     "vite": "^5.3.5",
+    "vitest-browser-react": "^0.0.4",
+    "webdriverio": "^9.4.1",
     "zx": "^8.0.0"
   },
   "peerDependencies": {
@@ -87,7 +100,9 @@
   "bundler": {
     "exportEntries": [
       "src/index.ts",
-      "src/vitest-setup.ts",
+      "src/vitest-setup.ts"
+    ],
+    "previewEntries": [
       "src/preview.ts"
     ],
     "nodeEntries": [
@@ -112,13 +127,20 @@
   "scripts": {
     "build": "tsup",
     "build:sb": "storybook build",
-    "build:watch": "pnpm build --watch",
-    "clean": "rimraf dist",
-    "dev": "run-p build:watch \"sb --quiet\"",
+    "clean": "rimraf coverage dist esm *.tsbuildinfo vitest.*.timestamp*",
+    "cov": "vitest run --coverage",
+    "coverage": "vitest run --coverage",
+    "dev": "run-p build:watch w",
     "nuke": "rimraf node_modules",
     "prerelease": "zx scripts/prepublish-checks.js",
     "sb": "storybook dev -p 6006",
-    "test": "vitest run --coverage",
-    "w": "vitest"
+    "t:n": "vitest run -c vitest.config.node.ts",
+    "t:wb": "cross-env BROWSER=firefox BROWSERPROVIDER=webdriverio vitest run",
+    "test": "vitest run",
+    "test:type": "tsc --noEmit",
+    "v": "run-p build cov",
+    "w": "vitest",
+    "w:cov": "vitest --coverage",
+    "w:wb": "cross-env BROWSER=firefox BROWSERPROVIDER=webdriverio vitest"
   }
 }

package/preview.js

@@ -1 +1 @@
-export * from './dist/preview'
+export * from './dist/preview.js'