storybook-addon-vis 1.1.2 → 2.0.1

package/dist/{chunk-4NIDZI2O.js → chunk-UOITZV6D.js}

@@ -1,5 +1,5 @@
 import { matchPageImageSnapshotAction, toTaskId, success, matchImageSnapshotAction } from 'vitest-plugin-vis/client-api';
-import { expect } from '@storybook/test';
+import { expect } from 'storybook/test';
 
 // src/client/page/to_match_image_snapshot.ts
 function toMatchImageSnapshot(options) {
@@ -51,5 +51,5 @@ function isSnapshotEnabled(tags) {
 }
 
 export { commands, getCurrentTest, isSnapshotEnabled, page };
-//# sourceMappingURL=chunk-4NIDZI2O.js.map
-//# sourceMappingURL=chunk-4NIDZI2O.js.map
+//# sourceMappingURL=chunk-UOITZV6D.js.map
+//# sourceMappingURL=chunk-UOITZV6D.js.map

package/dist/{chunk-4NIDZI2O.js.map → chunk-UOITZV6D.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/client/page/to_match_image_snapshot.ts","../src/client/vitest_proxy.ts","../src/client/expect/to_match_image_snapshot.ts","../src/client/storybook/expect_extend.ts","../src/client/storybook/tags.ts"],"names":["toMatchImageSnapshot","toTaskId"],"mappings":";;;;AAQO,SAAS,qBACf,OACC,EAAA;AACD,EAAA,MAAM,OAAO,cAAe,EAAA;AAG5B,EAAA,IAAI,CAAC,IAAA,EAAa,OAAA,OAAA,CAAQ,OAAQ,EAAA;AAGlC,EAAA,OAAO,4BAA6B,CAAA,QAAA,EAAU,QAAS,CAAA,IAAI,GAAG,OAAO,CAAA;AACtE;;;ACdA,IAAI,cAAA;AACJ,IAAI,WAAA;AAEJ,IAAK,WAAmB,kBAAoB,EAAA;AAC3C,EAAA,OAAO,yBAAyB,CAAA,CAAE,IAAK,CAAA,CAAC,CAAM,KAAA;AAC7C,IAAA,CAAA,CAAE,IAAK,CAAA,MAAA,CAAO,EAAE,oBAAA,EAAsB,CAAA;AACtC,IAAiB,cAAA,GAAA,CAAA;AAAA,GACjB,CAAA;AACD,EAAA,OAAO,cAAc,CAAA,CAAE,IAAK,CAAA,CAAC,CAAM,KAAA;AAClC,IAAc,WAAA,GAAA,CAAA;AAAA,GACd,CAAA;AACF;AAEO,IAAM,IAAO,GAAA,IAAI,KAAmB,CAAA,EAAW,EAAA;AAAA,EACrD,GAAA,CAAI,SAAS,IAAM,EAAA;AAClB,IAAM,MAAA,CAAA,GAAK,cAAgB,EAAA,IAAA,GAAe,IAAI,CAAA;AAC9C,IAAI,IAAA,IAAA,KAAS,sBAA0B,IAAA,CAAA,KAAM,MAAW,EAAA;AACvD,MAAA,OAAO,MAAM;AAAA,OAAC;AAAA;AAEf,IAAO,OAAA,CAAA;AAAA;AAET,CAAC;AAEM,IAAM,QAAW,GAAA,IAAI,KAAuB,CAAA,EAAW,EAAA;AAAA,EAC7D,GAAA,CAAI,SAAS,IAAM,EAAA;AAClB,IAAQ,OAAA,cAAA,EAAgB,WAAmB,IAAI,CAAA;AAAA;AAEjD,CAAC;AAEY,IAAA,cAAA,GAAiB,MAC7B,WAAA,EAAa,cAAe;ACxBtB,SAASA,qBAAAA,CAKf,SACA,OACyB,EAAA;AACzB,EAAA,MAAM,OAAO,cAAe,EAAA;AAG5B,EAAA,IAAI,CAAC,IAAA,EAAa,OAAA,OAAA,CAAQ,QAAQ,OAAO,CAAA;AAGzC,EAAO,OAAA,wBAAA,CAAyB,QAAUC,EAAAA,QAAAA,CAAS,IAAI,CAAA,EAAG,SAAS,OAAO,CAAA,CAAE,IAAK,CAAA,MAAM,OAAO,CAAA;AAC/F;;;ACtBA,MAAA,CAAO,MAAO,CAAA,EAAE,oBAAAD,EAAAA,qBAAAA,EAAsB,CAAA;;;ACH/B,SAAS,kBAAkB,IAAgB,EAAA;AACjD,EAAA,OAAO,KAAK,WAAY,CAAA,WAAW,CAAI,GAAA,IAAA,CAAK,YAAY,UAAU,CAAA;AACnE","file":"chunk-4NIDZI2O.js","sourcesContent":["import {\n\ttype ComparisonMethod,\n\ttype ToMatchPageImageSnapshotOptions,\n\tmatchPageImageSnapshotAction,\n\ttoTaskId,\n} from 'vitest-plugin-vis/client-api'\nimport { commands, getCurrentTest } from '../vitest_proxy.ts'\n\nexport function toMatchImageSnapshot<M extends ComparisonMethod = 'pixel'>(\n\toptions?: ToMatchPageImageSnapshotOptions<M> | undefined,\n) {\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) return Promise.resolve()\n\t/* v8 ignore end */\n\n\treturn matchPageImageSnapshotAction(commands, toTaskId(test), options)\n}\n","import type { BrowserCommands, BrowserPage } from '@vitest/browser/context'\nimport type { SnapshotTestMeta } from 'vitest-plugin-vis/client-api'\nimport { toMatchImageSnapshot } from './page/to_match_image_snapshot.ts'\n\nlet browserContext: Awaited<typeof import('@vitest/browser/context')>\nlet vitestSuite: Awaited<typeof import('vitest/suite')>\n\nif ((globalThis as any).__vitest_browser__) {\n\timport('@vitest/browser/context').then((m) => {\n\t\tm.page.extend({ toMatchImageSnapshot })\n\t\tbrowserContext = m\n\t})\n\timport('vitest/suite').then((m) => {\n\t\tvitestSuite = m\n\t})\n}\n\nexport const page = new Proxy<BrowserPage>({} as any, {\n\tget(_target, prop) {\n\t\tconst r = (browserContext?.page as any)?.[prop]\n\t\tif (prop === 'toMatchImageSnapshot' && r === undefined) {\n\t\t\treturn () => {}\n\t\t}\n\t\treturn r\n\t},\n})\n\nexport const commands = new Proxy<BrowserCommands>({} as any, {\n\tget(_target, prop) {\n\t\treturn (browserContext?.commands as any)?.[prop]\n\t},\n})\n\nexport const getCurrentTest = () =>\n\tvitestSuite?.getCurrentTest() as (ReturnType<typeof vitestSuite.getCurrentTest> & SnapshotTestMeta) | undefined\n","import type { AsyncExpectationResult } from '@vitest/expect'\nimport {\n\ttype ComparisonMethod,\n\ttype ToMatchImageSnapshotOptions,\n\tmatchImageSnapshotAction,\n\tsuccess,\n\ttoTaskId,\n} from 'vitest-plugin-vis/client-api'\nimport { commands, getCurrentTest } from '../vitest_proxy.ts'\n\nexport function toMatchImageSnapshot<M extends ComparisonMethod>(\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<M> | 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) return Promise.resolve(success)\n\t/* v8 ignore end */\n\n\treturn matchImageSnapshotAction(commands, toTaskId(test), subject, options).then(() => success)\n}\n","import { expect } from '@storybook/test'\nimport { toMatchImageSnapshot } from '../expect/to_match_image_snapshot.ts'\n\nexpect.extend({ toMatchImageSnapshot })\n","export function isSnapshotEnabled(tags: string[]) {\n\treturn tags.lastIndexOf('!snapshot') < tags.lastIndexOf('snapshot')\n}\n"]}
+{"version":3,"sources":["../src/client/page/to_match_image_snapshot.ts","../src/client/vitest_proxy.ts","../src/client/expect/to_match_image_snapshot.ts","../src/client/storybook/expect_extend.ts","../src/client/storybook/tags.ts"],"names":["toMatchImageSnapshot","toTaskId"],"mappings":";;;;AAQO,SAAS,qBACf,OACC,EAAA;AACD,EAAA,MAAM,OAAO,cAAe,EAAA;AAG5B,EAAA,IAAI,CAAC,IAAA,EAAa,OAAA,OAAA,CAAQ,OAAQ,EAAA;AAGlC,EAAA,OAAO,4BAA6B,CAAA,QAAA,EAAU,QAAS,CAAA,IAAI,GAAG,OAAO,CAAA;AACtE;;;ACdA,IAAI,cAAA;AACJ,IAAI,WAAA;AAEJ,IAAK,WAAmB,kBAAoB,EAAA;AAC3C,EAAA,OAAO,yBAAyB,CAAA,CAAE,IAAK,CAAA,CAAC,CAAM,KAAA;AAC7C,IAAA,CAAA,CAAE,IAAK,CAAA,MAAA,CAAO,EAAE,oBAAA,EAAsB,CAAA;AACtC,IAAiB,cAAA,GAAA,CAAA;AAAA,GACjB,CAAA;AACD,EAAA,OAAO,cAAc,CAAA,CAAE,IAAK,CAAA,CAAC,CAAM,KAAA;AAClC,IAAc,WAAA,GAAA,CAAA;AAAA,GACd,CAAA;AACF;AAEO,IAAM,IAAO,GAAA,IAAI,KAAmB,CAAA,EAAW,EAAA;AAAA,EACrD,GAAA,CAAI,SAAS,IAAM,EAAA;AAClB,IAAM,MAAA,CAAA,GAAK,cAAgB,EAAA,IAAA,GAAe,IAAI,CAAA;AAC9C,IAAI,IAAA,IAAA,KAAS,sBAA0B,IAAA,CAAA,KAAM,MAAW,EAAA;AACvD,MAAA,OAAO,MAAM;AAAA,OAAC;AAAA;AAEf,IAAO,OAAA,CAAA;AAAA;AAET,CAAC;AAEM,IAAM,QAAW,GAAA,IAAI,KAAuB,CAAA,EAAW,EAAA;AAAA,EAC7D,GAAA,CAAI,SAAS,IAAM,EAAA;AAClB,IAAQ,OAAA,cAAA,EAAgB,WAAmB,IAAI,CAAA;AAAA;AAEjD,CAAC;AAEY,IAAA,cAAA,GAAiB,MAC7B,WAAA,EAAa,cAAe;ACxBtB,SAASA,qBAAAA,CAKf,SACA,OACyB,EAAA;AACzB,EAAA,MAAM,OAAO,cAAe,EAAA;AAG5B,EAAA,IAAI,CAAC,IAAA,EAAa,OAAA,OAAA,CAAQ,QAAQ,OAAO,CAAA;AAGzC,EAAO,OAAA,wBAAA,CAAyB,QAAUC,EAAAA,QAAAA,CAAS,IAAI,CAAA,EAAG,SAAS,OAAO,CAAA,CAAE,IAAK,CAAA,MAAM,OAAO,CAAA;AAC/F;;;ACtBA,MAAA,CAAO,MAAO,CAAA,EAAE,oBAAAD,EAAAA,qBAAAA,EAAsB,CAAA;;;ACH/B,SAAS,kBAAkB,IAAgB,EAAA;AACjD,EAAA,OAAO,KAAK,WAAY,CAAA,WAAW,CAAI,GAAA,IAAA,CAAK,YAAY,UAAU,CAAA;AACnE","file":"chunk-UOITZV6D.js","sourcesContent":["import {\n\ttype ComparisonMethod,\n\ttype ToMatchPageImageSnapshotOptions,\n\tmatchPageImageSnapshotAction,\n\ttoTaskId,\n} from 'vitest-plugin-vis/client-api'\nimport { commands, getCurrentTest } from '../vitest_proxy.ts'\n\nexport function toMatchImageSnapshot<M extends ComparisonMethod = 'pixel'>(\n\toptions?: ToMatchPageImageSnapshotOptions<M> | undefined,\n) {\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) return Promise.resolve()\n\t/* v8 ignore end */\n\n\treturn matchPageImageSnapshotAction(commands, toTaskId(test), options)\n}\n","import type { BrowserCommands, BrowserPage } from '@vitest/browser/context'\nimport type { SnapshotTestMeta } from 'vitest-plugin-vis/client-api'\nimport { toMatchImageSnapshot } from './page/to_match_image_snapshot.ts'\n\nlet browserContext: Awaited<typeof import('@vitest/browser/context')>\nlet vitestSuite: Awaited<typeof import('vitest/suite')>\n\nif ((globalThis as any).__vitest_browser__) {\n\timport('@vitest/browser/context').then((m) => {\n\t\tm.page.extend({ toMatchImageSnapshot })\n\t\tbrowserContext = m\n\t})\n\timport('vitest/suite').then((m) => {\n\t\tvitestSuite = m\n\t})\n}\n\nexport const page = new Proxy<BrowserPage>({} as any, {\n\tget(_target, prop) {\n\t\tconst r = (browserContext?.page as any)?.[prop]\n\t\tif (prop === 'toMatchImageSnapshot' && r === undefined) {\n\t\t\treturn () => {}\n\t\t}\n\t\treturn r\n\t},\n})\n\nexport const commands = new Proxy<BrowserCommands>({} as any, {\n\tget(_target, prop) {\n\t\treturn (browserContext?.commands as any)?.[prop]\n\t},\n})\n\nexport const getCurrentTest = () =>\n\tvitestSuite?.getCurrentTest() as (ReturnType<typeof vitestSuite.getCurrentTest> & SnapshotTestMeta) | undefined\n","import type { AsyncExpectationResult } from '@vitest/expect'\nimport {\n\ttype ComparisonMethod,\n\ttype ToMatchImageSnapshotOptions,\n\tmatchImageSnapshotAction,\n\tsuccess,\n\ttoTaskId,\n} from 'vitest-plugin-vis/client-api'\nimport { commands, getCurrentTest } from '../vitest_proxy.ts'\n\nexport function toMatchImageSnapshot<M extends ComparisonMethod>(\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<M> | 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) return Promise.resolve(success)\n\t/* v8 ignore end */\n\n\treturn matchImageSnapshotAction(commands, toTaskId(test), subject, options).then(() => success)\n}\n","import { expect } from 'storybook/test'\nimport { toMatchImageSnapshot } from '../expect/to_match_image_snapshot.ts'\n\nexpect.extend({ toMatchImageSnapshot })\n","export function isSnapshotEnabled(tags: string[]) {\n\treturn tags.lastIndexOf('!snapshot') < tags.lastIndexOf('snapshot')\n}\n"]}

package/dist/index.js

@@ -1,5 +1,5 @@
-import { getCurrentTest, commands } from './chunk-4NIDZI2O.js';
-export { isSnapshotEnabled, page } from './chunk-4NIDZI2O.js';
+import { getCurrentTest, commands } from './chunk-UOITZV6D.js';
+export { isSnapshotEnabled, page } from './chunk-UOITZV6D.js';
 export * from 'vitest-plugin-vis';
 import { hasImageSnapshotAction, toTaskId } from 'vitest-plugin-vis/client-api';
 

package/dist/preset.cjs

@@ -1,2 +1,2 @@
-'use strict';var glob=require('glob'),b=require('is-ci'),S=require('memoize'),fs=require('fs'),process=require('process'),pathe=require('pathe'),serverUtils=require('vitest-plugin-vis/server-utils');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var b__default=/*#__PURE__*/_interopDefault(b);var S__default=/*#__PURE__*/_interopDefault(S);function _(o){let r=o.visProjects??[{}];return {options:o,async getImageSnapshotResults(n,s){return r.map(t=>{let i=typeof t.snapshotRootDir=="string"?t.snapshotRootDir:typeof t.snapshotRootDir=="function"?S__default.default(t.snapshotRootDir)({ci:b__default.default,platform:process.platform}):S__default.default(serverUtils.getSnapshotRootDir)(serverUtils.SNAPSHOT_ROOT_DIR),a=(typeof t.snapshotSubpath=="function"?S__default.default(t.snapshotSubpath):S__default.default(({subpath:p})=>serverUtils.trimCommonFolder(p.startsWith("./")?p.slice(2):p)))({subpath:s});return {snapshotRootDir:i,snapshotSubpath:a}}).flatMap(({snapshotRootDir:t,snapshotSubpath:i})=>{let E=n.replace(/[^a-z0-9]/gi,"-").toLowerCase(),a=`${E}-*.png`,p=pathe.resolve(t,serverUtils.BASELINE_DIR,i,a),h=pathe.resolve(t,serverUtils.DIFF_DIR,i,a),l=new RegExp(`${E}-[^-]*.png$`),u=glob.globSync(p).filter(e=>l.test(e)),I=glob.globSync(h).filter(e=>l.test(e));return [...u.map(e=>g(e,t,"baseline")),...I.map(e=>g(e,t,"diff"))]})}}}function g(o,r,n){return {filePath:o,fileName:pathe.basename(o),snapshotRootDir:r,type:n,base64:fs.readFileSync(o,"base64")}}var m="storybook-addon-vis";var c="IMAGE_SNAPSHOT_RESULTS_REQUEST",y="IMAGE_SNAPSHOT_RESULTS_RESPONSE";var z=async(o,r)=>{let n=_(r);return o.on(m,async s=>{if(s.type===c){let t=await n.getImageSnapshotResults(s.name,s.importPath);o.emit(m,{type:y,name:s.name,importPath:s.importPath,results:t});}}),o};exports.experimental_serverChannel=z;//# sourceMappingURL=preset.cjs.map
+'use strict';var glob=require('glob'),T=require('is-ci'),E=require('memoize'),fs=require('fs'),process=require('process'),pathe=require('pathe'),serverUtils=require('vitest-plugin-vis/server-utils');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var T__default=/*#__PURE__*/_interopDefault(T);var E__default=/*#__PURE__*/_interopDefault(E);function g(o){let r=o.visProjects??[{snapshotRootDir:serverUtils.SNAPSHOT_ROOT_DIR}];return {options:o,async getImageSnapshotResults(n,s){return r.map(t=>{let p=(typeof t.snapshotRootDir=="function"?E__default.default(t.snapshotRootDir)({ci:T__default.default,platform:process.platform}):t.snapshotRootDir)??serverUtils.SNAPSHOT_ROOT_DIR,a=(typeof t.snapshotSubpath=="function"?E__default.default(t.snapshotSubpath):E__default.default(({subpath:i})=>serverUtils.trimCommonFolder(i.startsWith("./")?i.slice(2):i)))({subpath:s});return {snapshotRootDir:p,snapshotSubpath:a}}).flatMap(({snapshotRootDir:t,snapshotSubpath:p})=>{let m=n.replace(/[^a-z0-9]/gi,"-").toLowerCase(),a=`${m}-*.png`,i=pathe.resolve(t,serverUtils.BASELINE_DIR,p,a),h=pathe.resolve(t,serverUtils.DIFF_DIR,p,a),l=new RegExp(`${m}-[^-]*.png$`),I=glob.globSync(i).filter(e=>l.test(e)),b=glob.globSync(h).filter(e=>l.test(e));return [...I.map(e=>c(e,t,"baseline")),...b.map(e=>c(e,t,"diff"))]})}}}function c(o,r,n){return {filePath:o,fileName:pathe.basename(o),snapshotRootDir:r,type:n,base64:fs.readFileSync(o,"base64")}}var S="storybook-addon-vis";var y="IMAGE_SNAPSHOT_RESULTS_REQUEST",u="IMAGE_SNAPSHOT_RESULTS_RESPONSE";var w=async(o,r)=>{let n=g(r);return o.on(S,async s=>{if(s.type===y){let t=await n.getImageSnapshotResults(s.name,s.importPath);o.emit(S,{type:u,name:s.name,importPath:s.importPath,results:t});}}),o};exports.experimental_serverChannel=w;//# sourceMappingURL=preset.cjs.map
 //# sourceMappingURL=preset.cjs.map

package/dist/preset.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/server/create_storybook_vis_server.ts","../src/shared/contants.ts","../src/shared/events.ts","../src/preset.ts"],"names":["createStorybookVisServer","options","visSuites","name","importPath","suite","snapshotRootDir","memoize","ci","platform","getSnapshotRootDir","SNAPSHOT_ROOT_DIR","snapshotSubpath","subpath","trimCommonFolder","taskId","taskGlob","baselineGlob","resolve","BASELINE_DIR","diffGlob","DIFF_DIR","taskIdRegex","baselineFiles","globSync","filePath","diffFiles","mapFileToResult","type","basename","readFileSync","NAME","IMAGE_SNAPSHOT_RESULTS_REQUEST","IMAGE_SNAPSHOT_RESULTS_RESPONSE","experimental_serverChannel","channel","server","event","results"],"mappings":"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","file":"preset.cjs","sourcesContent":["import { globSync } from 'glob'\nimport ci from 'is-ci'\nimport memoize from 'memoize'\nimport { readFileSync } from 'node:fs'\nimport { platform } from 'node:process'\nimport { basename, resolve } from 'pathe'\nimport {\n\tBASELINE_DIR,\n\tDIFF_DIR,\n\tgetSnapshotRootDir,\n\tSNAPSHOT_ROOT_DIR,\n\ttrimCommonFolder,\n} from 'vitest-plugin-vis/server-utils'\nimport type { StorybookVisOptions } from './vis_options.ts'\n\nexport function createStorybookVisServer(options: StorybookVisOptions) {\n\tconst visSuites = options.visProjects ?? [{}]\n\treturn {\n\t\toptions,\n\t\tasync getImageSnapshotResults(name: string, importPath: string) {\n\t\t\treturn visSuites\n\t\t\t\t.map((suite) => {\n\t\t\t\t\tconst snapshotRootDir =\n\t\t\t\t\t\ttypeof suite.snapshotRootDir === 'string'\n\t\t\t\t\t\t\t? suite.snapshotRootDir\n\t\t\t\t\t\t\t: typeof suite.snapshotRootDir === 'function'\n\t\t\t\t\t\t\t\t? memoize(suite.snapshotRootDir)({\n\t\t\t\t\t\t\t\t\t\tci,\n\t\t\t\t\t\t\t\t\t\tplatform,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t: memoize(getSnapshotRootDir)(SNAPSHOT_ROOT_DIR)\n\n\t\t\t\t\tconst snapshotSubpathFn =\n\t\t\t\t\t\ttypeof suite.snapshotSubpath === 'function'\n\t\t\t\t\t\t\t? memoize(suite.snapshotSubpath)\n\t\t\t\t\t\t\t: memoize(({ subpath }: { subpath: string }) =>\n\t\t\t\t\t\t\t\t\ttrimCommonFolder(subpath.startsWith('./') ? subpath.slice(2) : subpath),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\tconst snapshotSubpath = snapshotSubpathFn({ subpath: importPath })\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsnapshotRootDir,\n\t\t\t\t\t\tsnapshotSubpath,\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.flatMap(({ snapshotRootDir, snapshotSubpath }) => {\n\t\t\t\t\tconst taskId = name.replace(/[^a-z0-9]/gi, '-').toLowerCase()\n\t\t\t\t\tconst taskGlob = `${taskId}-*.png`\n\t\t\t\t\tconst baselineGlob = resolve(snapshotRootDir, BASELINE_DIR, snapshotSubpath, taskGlob)\n\t\t\t\t\tconst diffGlob = resolve(snapshotRootDir, DIFF_DIR, snapshotSubpath, taskGlob)\n\n\t\t\t\t\tconst taskIdRegex = new RegExp(`${taskId}-[^-]*.png$`)\n\t\t\t\t\tconst baselineFiles = globSync(baselineGlob).filter((filePath) => taskIdRegex.test(filePath))\n\t\t\t\t\tconst diffFiles = globSync(diffGlob).filter((filePath) => taskIdRegex.test(filePath))\n\t\t\t\t\treturn [\n\t\t\t\t\t\t...baselineFiles.map((filePath) => mapFileToResult(filePath, snapshotRootDir, 'baseline')),\n\t\t\t\t\t\t...diffFiles.map((filePath) => mapFileToResult(filePath, snapshotRootDir, 'diff')),\n\t\t\t\t\t]\n\t\t\t\t})\n\t\t},\n\t}\n}\n\nfunction mapFileToResult(filePath: string, snapshotRootDir: string, type: 'baseline' | 'diff') {\n\treturn {\n\t\tfilePath,\n\t\tfileName: basename(filePath),\n\t\tsnapshotRootDir,\n\t\ttype,\n\t\tbase64: readFileSync(filePath, 'base64'),\n\t}\n}\n","export const NAME = 'storybook-addon-vis'\nexport const VIS_PANEL_ID = `${NAME}/vis_panel`\n","export type VisEvent = ImageSnapshotResultsRequest | ImageSnapshotResultsResponse\n\nexport const IMAGE_SNAPSHOT_RESULTS_REQUEST = 'IMAGE_SNAPSHOT_RESULTS_REQUEST'\nexport const IMAGE_SNAPSHOT_RESULTS_RESPONSE = 'IMAGE_SNAPSHOT_RESULTS_RESPONSE'\n\nexport function requestImageSnapshotResults({ name, importPath }: { name: string; importPath: string }) {\n\treturn {\n\t\ttype: IMAGE_SNAPSHOT_RESULTS_REQUEST,\n\t\tname,\n\t\timportPath,\n\t}\n}\n\nexport type ImageSnapshotResultsRequest = {\n\ttype: typeof IMAGE_SNAPSHOT_RESULTS_REQUEST\n\tname: string\n\timportPath: string\n}\n\nexport type ImageSnapshotResultsResponse = {\n\ttype: typeof IMAGE_SNAPSHOT_RESULTS_RESPONSE\n\tname: string\n\timportPath: string\n\tresults: ImageSnapshotResults[]\n}\n\nexport type ImageSnapshotResults = {\n\tfilePath: string\n\tfileName: string\n\tsnapshotRootDir: string\n\ttype: 'baseline' | 'diff' | 'result'\n\tbase64: string\n}\n","import type { Channel } from 'storybook/internal/channels'\nimport { createStorybookVisServer } from './server/create_storybook_vis_server.ts'\nimport type { StorybookVisOptions } from './server/vis_options.ts'\nimport { NAME } from './shared/contants.ts'\nimport { IMAGE_SNAPSHOT_RESULTS_REQUEST, IMAGE_SNAPSHOT_RESULTS_RESPONSE, type VisEvent } from './shared/events.ts'\n\nexport const experimental_serverChannel = async (channel: Channel, options: StorybookVisOptions) => {\n\tconst server = createStorybookVisServer(options)\n\n\tchannel.on(NAME, async (event: VisEvent) => {\n\t\tif (event.type === IMAGE_SNAPSHOT_RESULTS_REQUEST) {\n\t\t\tconst results = await server.getImageSnapshotResults(event.name, event.importPath)\n\t\t\tchannel.emit(NAME, {\n\t\t\t\ttype: IMAGE_SNAPSHOT_RESULTS_RESPONSE,\n\t\t\t\tname: event.name,\n\t\t\t\timportPath: event.importPath,\n\t\t\t\tresults,\n\t\t\t})\n\t\t}\n\t})\n\n\treturn channel\n}\n"]}
+{"version":3,"sources":["../src/server/create_storybook_vis_server.ts","../src/shared/contants.ts","../src/shared/events.ts","../src/preset.ts"],"names":["createStorybookVisServer","options","visSuites","SNAPSHOT_ROOT_DIR","name","importPath","suite","snapshotRootDir","memoize","ci","platform","snapshotSubpath","subpath","trimCommonFolder","taskId","taskGlob","baselineGlob","resolve","BASELINE_DIR","diffGlob","DIFF_DIR","taskIdRegex","baselineFiles","globSync","filePath","diffFiles","mapFileToResult","type","basename","readFileSync","NAME","IMAGE_SNAPSHOT_RESULTS_REQUEST","IMAGE_SNAPSHOT_RESULTS_RESPONSE","experimental_serverChannel","channel","server","event","results"],"mappings":"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","file":"preset.cjs","sourcesContent":["import { globSync } from 'glob'\nimport ci from 'is-ci'\nimport memoize from 'memoize'\nimport { readFileSync } from 'node:fs'\nimport { platform } from 'node:process'\nimport { basename, resolve } from 'pathe'\nimport { BASELINE_DIR, DIFF_DIR, SNAPSHOT_ROOT_DIR, trimCommonFolder } from 'vitest-plugin-vis/server-utils'\nimport type { StorybookVisOptions } from './vis_options.ts'\n\nexport function createStorybookVisServer(options: StorybookVisOptions) {\n\tconst visSuites = options.visProjects ?? [{ snapshotRootDir: SNAPSHOT_ROOT_DIR }]\n\treturn {\n\t\toptions,\n\t\tasync getImageSnapshotResults(name: string, importPath: string) {\n\t\t\treturn visSuites\n\t\t\t\t.map((suite) => {\n\t\t\t\t\tconst snapshotRootDir =\n\t\t\t\t\t\t(typeof suite.snapshotRootDir === 'function'\n\t\t\t\t\t\t\t? memoize(suite.snapshotRootDir)({\n\t\t\t\t\t\t\t\t\tci,\n\t\t\t\t\t\t\t\t\tplatform,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t: suite.snapshotRootDir) ?? SNAPSHOT_ROOT_DIR\n\t\t\t\t\tconst snapshotSubpathFn =\n\t\t\t\t\t\ttypeof suite.snapshotSubpath === 'function'\n\t\t\t\t\t\t\t? memoize(suite.snapshotSubpath)\n\t\t\t\t\t\t\t: memoize(({ subpath }: { subpath: string }) =>\n\t\t\t\t\t\t\t\t\ttrimCommonFolder(subpath.startsWith('./') ? subpath.slice(2) : subpath),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\tconst snapshotSubpath = snapshotSubpathFn({ subpath: importPath })\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsnapshotRootDir,\n\t\t\t\t\t\tsnapshotSubpath,\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.flatMap(({ snapshotRootDir, snapshotSubpath }) => {\n\t\t\t\t\tconst taskId = name.replace(/[^a-z0-9]/gi, '-').toLowerCase()\n\t\t\t\t\tconst taskGlob = `${taskId}-*.png`\n\t\t\t\t\tconst baselineGlob = resolve(snapshotRootDir, BASELINE_DIR, snapshotSubpath, taskGlob)\n\t\t\t\t\tconst diffGlob = resolve(snapshotRootDir, DIFF_DIR, snapshotSubpath, taskGlob)\n\n\t\t\t\t\tconst taskIdRegex = new RegExp(`${taskId}-[^-]*.png$`)\n\t\t\t\t\tconst baselineFiles = globSync(baselineGlob).filter((filePath) => taskIdRegex.test(filePath))\n\t\t\t\t\tconst diffFiles = globSync(diffGlob).filter((filePath) => taskIdRegex.test(filePath))\n\t\t\t\t\treturn [\n\t\t\t\t\t\t...baselineFiles.map((filePath) => mapFileToResult(filePath, snapshotRootDir, 'baseline')),\n\t\t\t\t\t\t...diffFiles.map((filePath) => mapFileToResult(filePath, snapshotRootDir, 'diff')),\n\t\t\t\t\t]\n\t\t\t\t})\n\t\t},\n\t}\n}\n\nfunction mapFileToResult(filePath: string, snapshotRootDir: string, type: 'baseline' | 'diff') {\n\treturn {\n\t\tfilePath,\n\t\tfileName: basename(filePath),\n\t\tsnapshotRootDir,\n\t\ttype,\n\t\tbase64: readFileSync(filePath, 'base64'),\n\t}\n}\n","export const NAME = 'storybook-addon-vis'\nexport const VIS_PANEL_ID = `${NAME}/vis_panel`\n","export type VisEvent = ImageSnapshotResultsRequest | ImageSnapshotResultsResponse\n\nexport const IMAGE_SNAPSHOT_RESULTS_REQUEST = 'IMAGE_SNAPSHOT_RESULTS_REQUEST'\nexport const IMAGE_SNAPSHOT_RESULTS_RESPONSE = 'IMAGE_SNAPSHOT_RESULTS_RESPONSE'\n\nexport function requestImageSnapshotResults({ name, importPath }: { name: string; importPath: string }) {\n\treturn {\n\t\ttype: IMAGE_SNAPSHOT_RESULTS_REQUEST,\n\t\tname,\n\t\timportPath,\n\t}\n}\n\nexport type ImageSnapshotResultsRequest = {\n\ttype: typeof IMAGE_SNAPSHOT_RESULTS_REQUEST\n\tname: string\n\timportPath: string\n}\n\nexport type ImageSnapshotResultsResponse = {\n\ttype: typeof IMAGE_SNAPSHOT_RESULTS_RESPONSE\n\tname: string\n\timportPath: string\n\tresults: ImageSnapshotResults[]\n}\n\nexport type ImageSnapshotResults = {\n\tfilePath: string\n\tfileName: string\n\tsnapshotRootDir: string\n\ttype: 'baseline' | 'diff' | 'result'\n\tbase64: string\n}\n","import type { Channel } from 'storybook/internal/channels'\nimport { createStorybookVisServer } from './server/create_storybook_vis_server.ts'\nimport type { StorybookVisOptions } from './server/vis_options.ts'\nimport { NAME } from './shared/contants.ts'\nimport { IMAGE_SNAPSHOT_RESULTS_REQUEST, IMAGE_SNAPSHOT_RESULTS_RESPONSE, type VisEvent } from './shared/events.ts'\n\nexport const experimental_serverChannel = async (channel: Channel, options: StorybookVisOptions) => {\n\tconst server = createStorybookVisServer(options)\n\n\tchannel.on(NAME, async (event: VisEvent) => {\n\t\tif (event.type === IMAGE_SNAPSHOT_RESULTS_REQUEST) {\n\t\t\tconst results = await server.getImageSnapshotResults(event.name, event.importPath)\n\t\t\tchannel.emit(NAME, {\n\t\t\t\ttype: IMAGE_SNAPSHOT_RESULTS_RESPONSE,\n\t\t\t\tname: event.name,\n\t\t\t\timportPath: event.importPath,\n\t\t\t\tresults,\n\t\t\t})\n\t\t}\n\t})\n\n\treturn channel\n}\n"]}

package/dist/vitest-setup.js

@@ -1,4 +1,4 @@
-import { commands, getCurrentTest, isSnapshotEnabled } from './chunk-4NIDZI2O.js';
+import { commands, getCurrentTest, isSnapshotEnabled } from './chunk-UOITZV6D.js';
 import { createVis } from 'vitest-plugin-vis/setup';
 import { setAutoSnapshotOptions } from 'vitest-plugin-vis';
 export { setAutoSnapshotOptions } from 'vitest-plugin-vis';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-addon-vis",
-  "version": "1.1.2",
+  "version": "2.0.1",
   "description": "Storybook Vitest visual testing addon",
   "keywords": [
     "image-snapshot",
@@ -63,18 +63,13 @@
     "memoize": "^10.1.0",
     "pathe": "^2.0.3",
     "type-plus": "8.0.0-beta.7",
-    "vitest-plugin-vis": "^3.2.0"
+    "vitest-plugin-vis": "^3.1.0"
   },
   "devDependencies": {
-    "@repobuddy/storybook": "^0.13.0",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-links": "^8.6.14",
-    "@storybook/addon-storysource": "^8.6.14",
-    "@storybook/blocks": "^8.6.14",
-    "@storybook/experimental-addon-test": "^8.6.14",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.6.14",
-    "@storybook/test": "^8.6.14",
+    "@repobuddy/storybook": "^1.0.0",
+    "@storybook/addon-docs": "^9.0.3",
+    "@storybook/addon-vitest": "9.0.3",
+    "@storybook/react-vite": "^9.0.3",
     "@tailwindcss/cli": "^4.1.7",
     "@tailwindcss/vite": "^4.1.7",
     "@testing-library/react": "^16.0.1",
@@ -91,9 +86,9 @@
     "playwright": "latest",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "^8.6.14",
-    "storybook-addon-tag-badges": "^1.4.0",
-    "storybook-dark-mode": "^4.0.2",
+    "storybook": "^9.0.3",
+    "storybook-addon-tag-badges": "^2.0.0",
+    "storybook-dark-mode2": "^5.0.2",
     "tailwindcss": "^4.1.7",
     "tsup": "^8.3.5",
     "typescript": "^5.7.2",
@@ -105,7 +100,7 @@
   },
   "peerDependencies": {
     "@vitest/browser": "^2 || ^3",
-    "storybook": "^8.3.0",
+    "storybook": "^9.0.0",
     "vitest": "^2 || ^3"
   },
   "publishConfig": {

package/readme.md

@@ -25,6 +25,11 @@ This add-on provides similar functionality to [`jest-image-snapshot`][jest-image
 In addition, you can capture image snapshot manually,
 and controls how the auto image snapshot(s) are taken.
 
+> [!NOTE]
+> [storybook-addon-vis] 2.0.0 supports Storybook 9.
+>
+> For Storybook 8, please use 1.x.
+
 ## Install
 
 ```sh
@@ -99,7 +104,7 @@ For [Vitest], you need to:
 
 ```ts
 // vitest.config.ts
-import { storybookTest } from '@storybook/experimental-addon-test/vitest-plugin'
+import { storybookTest } from '@storybook/addon-vitest/vitest-plugin'
 import { storybookVis } from 'storybook-addon-vis/vitest-plugin'
 import { defineConfig } from 'vitest/config'
 

package/src/advance_setup.mdx

@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/blocks";
+import { Meta } from "@storybook/addon-docs/blocks";
 
 <Meta title="Advance Setup" />
 
@@ -103,6 +103,62 @@ vis.setup({
 })
 ```
 
+## Multiple vitest projects or custom paths
+
+If your setup uses multiple vitest projects or custom paths,
+you need to tell the addon where to load the snapshot so it can show them in the `Vis` panel.
+
+For example,
+
+```ts
+// vitest.config.ts
+
+export default defineConfig({
+	test: {
+		workspace: [{
+			plugins: [
+				storybookVis({
+					snapshotRootDir: '__vis__/chromium',
+					// or
+					snapshotSubpath: '...'
+				}),
+			],
+		}, {
+			plugins: [
+				storybookVis({
+					snapshotRootDir: '__vis__/firefox',
+					// or
+					snapshotSubpath: '...'
+				}),
+			],
+		}],
+	}
+})
+```
+
+Update your `.storybook/main.ts` to specify the correct paths:
+
+```ts
+// .storybook/main.ts
+
+export default {
+  addons: [
+		{
+			name: 'storybook-addon-vis',
+			options: {
+				visProjects: [{
+					snapshotRootDir: '__vis__/chromium',
+					snapshotSubpath: '...'
+				},{
+					snapshotRootDir: '__vis__/firefox',
+					snapshotSubpath: '...'
+				}]
+			}
+		}
+	]
+}
+```
+
 ## Taking specific snapshots
 
 Say you want to take snapshots for multiple themes,
@@ -124,10 +180,12 @@ vis.setup({
 	auto: {
 		async dark({ tags }) {
 			if (tags.includes('skip-dark')) return false
+			document.body.classList.add('dark')
 		}
 	}
 })
 ```
 
 [storybook-addon-vis]: https://www.npmjs.com/package/storybook-addon-vis
+[storybook-test-addon]: https://storybook.js.org/docs/writing-tests/test-addon
 [vitest-plugin-vis]: https://www.npmjs.com/package/vitest-plugin-vis

package/src/basic_setup.mdx

@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/blocks";
+import { Meta } from "@storybook/addon-docs/blocks";
 
 <Meta title="Basic Setup" />
 
@@ -14,7 +14,7 @@ For [Vitest], you need to add the following to your `vitest.config.ts`:
 ```ts
 // vitest.config.ts
 
-import { storybookTest } from '@storybook/experimental-addon-test/vitest-plugin'
+import { storybookTest } from '@storybook/addon-vitest/vitest-plugin'
 import { storybookVis } from 'storybook-addon-vis/vitest-plugin'
 import { defineConfig } from 'vitest/config'
 
@@ -118,4 +118,4 @@ They should be committed to your repository.
 
 [storybook-addon-vis]: https://www.npmjs.com/package/storybook-addon-vis
 [Vitest]: https://vitest.dev/
-[Storybook]: https://storybook.js.org/
+[Storybook]: https://storybook.js.org/

package/src/changelog.mdx

@@ -1,7 +1,6 @@
-import { Meta } from "@storybook/blocks";
+import { Meta, Markdown } from "@storybook/addon-docs/blocks";
 import changelog from "../CHANGELOG.md?raw";
-import { Markdown } from "@storybook/blocks";
 
 <Meta title="Changelog" />
 
-<Markdown>{changelog}</Markdown>
+<Markdown>{changelog}</Markdown>

package/src/client/storybook/expect_extend.ts

@@ -1,4 +1,4 @@
-import { expect } from '@storybook/test'
+import { expect } from 'storybook/test'
 import { toMatchImageSnapshot } from '../expect/to_match_image_snapshot.ts'
 
 expect.extend({ toMatchImageSnapshot })

package/src/installation.mdx

@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/blocks";
+import { Meta } from "@storybook/addon-docs/blocks";
 
 <Meta title="Installation" />
 
@@ -24,4 +24,4 @@ Next, you need to setup [storybook-addon-vis][storybook-addon-vis] for both [Sto
 [storybook-addon-vis]: https://www.npmjs.com/package/storybook-addon-vis
 [storybook-test-addon]: https://storybook.js.org/docs/writing-tests/test-addon
 [Storybook]: https://storybook.js.org/
-[Vitest]: https://vitest.dev/
+[Vitest]: https://vitest.dev/

package/src/overview.mdx

@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/blocks";
+import { Meta } from "@storybook/addon-docs/blocks";
 
 <Meta title="Overview" />
 

package/src/server/create_storybook_vis_server.ts

@@ -4,32 +4,23 @@ import memoize from 'memoize'
 import { readFileSync } from 'node:fs'
 import { platform } from 'node:process'
 import { basename, resolve } from 'pathe'
-import {
-	BASELINE_DIR,
-	DIFF_DIR,
-	getSnapshotRootDir,
-	SNAPSHOT_ROOT_DIR,
-	trimCommonFolder,
-} from 'vitest-plugin-vis/server-utils'
+import { BASELINE_DIR, DIFF_DIR, SNAPSHOT_ROOT_DIR, trimCommonFolder } from 'vitest-plugin-vis/server-utils'
 import type { StorybookVisOptions } from './vis_options.ts'
 
 export function createStorybookVisServer(options: StorybookVisOptions) {
-	const visSuites = options.visProjects ?? [{}]
+	const visSuites = options.visProjects ?? [{ snapshotRootDir: SNAPSHOT_ROOT_DIR }]
 	return {
 		options,
 		async getImageSnapshotResults(name: string, importPath: string) {
 			return visSuites
 				.map((suite) => {
 					const snapshotRootDir =
-						typeof suite.snapshotRootDir === 'string'
-							? suite.snapshotRootDir
-							: typeof suite.snapshotRootDir === 'function'
-								? memoize(suite.snapshotRootDir)({
-										ci,
-										platform,
-									})
-								: memoize(getSnapshotRootDir)(SNAPSHOT_ROOT_DIR)
-
+						(typeof suite.snapshotRootDir === 'function'
+							? memoize(suite.snapshotRootDir)({
+									ci,
+									platform,
+								})
+							: suite.snapshotRootDir) ?? SNAPSHOT_ROOT_DIR
 					const snapshotSubpathFn =
 						typeof suite.snapshotSubpath === 'function'
 							? memoize(suite.snapshotSubpath)