storybook-addon-vis 2.1.4 → 3.0.0

package/dist/contants-DcocjING.mjs

@@ -0,0 +1,7 @@
+//#region src/shared/contants.ts
+const NAME = "storybook-addon-vis";
+const VIS_PANEL_ID = `${NAME}/vis_panel`;
+
+//#endregion
+export { NAME as t };
+//# sourceMappingURL=contants-DcocjING.mjs.map

package/dist/contants-DcocjING.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"contants-DcocjING.mjs","names":[],"sources":["../src/shared/contants.ts"],"sourcesContent":["export const NAME = 'storybook-addon-vis'\nexport const VIS_PANEL_ID = `${NAME}/vis_panel`\n"],"mappings":";AAAA,MAAa,OAAO;AACpB,MAAa,eAAe,GAAG,KAAK"}

package/dist/global_matcher_augment-CYxLwns2.d.ts

@@ -0,0 +1,10 @@
+import { ImageSnapshotMatcher } from "vitest-plugin-vis/client-api";
+
+//#region src/shared/global_matcher_augment.d.ts
+declare global {
+  namespace jest {
+    interface Matchers<R, T> extends ImageSnapshotMatcher {}
+  }
+}
+//# sourceMappingURL=global_matcher_augment.d.ts.map
+//# sourceMappingURL=global_matcher_augment-CYxLwns2.d.ts.map

package/dist/global_matcher_augment-CYxLwns2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global_matcher_augment-CYxLwns2.d.ts","names":[],"sources":["../src/shared/global_matcher_augment.ts"],"sourcesContent":[],"mappings":";;;;;IAEwE,UAAA,QAAA,CAAA,CAAA,EAAA,CAAA,CAAA,SAKrC,oBALqC,CAAA,CAAA;EAAA"}

package/dist/index.d.ts

@@ -1,48 +1,38 @@
-import './matcher.js';
-import { BrowserPage } from '@vitest/browser/context';
-export * from 'vitest-plugin-vis';
-import { ImageSnapshotKeyOptions, ComparisonMethod, ToMatchImageSnapshotOptions, ImageSnapshotSubjectOptions, ImageSnapshotTimeoutOptions, SsimComparisonOptions, PixelComparisonOptions, FailureThresholdOptions } from 'vitest-plugin-vis/client-api';
-export { ComparisonMethod, FailureThresholdOptions, ImageSnapshotCompareOptions, ImageSnapshotKeyOptions, ImageSnapshotSubjectOptions, ImageSnapshotTimeoutOptions, PixelComparisonOptions, SsimComparisonOptions, ToMatchImageSnapshotOptions } from 'vitest-plugin-vis/client-api';
+import "./global_matcher_augment-CYxLwns2.js";
+import { ComparisonMethod, FailureThresholdOptions, ImageSnapshotCompareOptions, ImageSnapshotKeyOptions, ImageSnapshotKeyOptions as ImageSnapshotKeyOptions$1, ImageSnapshotSubjectOptions, ImageSnapshotTimeoutOptions, PixelComparisonOptions, SsimComparisonOptions, ToMatchImageSnapshotOptions } from "vitest-plugin-vis/client-api";
+import { SetupVisOptions } from "vitest-plugin-vis/setup";
+import { BrowserPage } from "vitest/browser";
+import "vitest/suite";
+import * as storybook_internal_csf0 from "storybook/internal/csf";
+export * from "vitest-plugin-vis";
 
+//#region src/client/vitest_proxy.d.ts
 declare const page: BrowserPage;
-
+//#endregion
+//#region src/client/has_image_snapshot.d.ts
 /**
  * Check if the snapshot image exists.
  */
-declare function hasImageSnapshot(options?: ImageSnapshotKeyOptions | undefined): false | Promise<boolean>;
-
+declare function hasImageSnapshot(options?: ImageSnapshotKeyOptions$1 | undefined): false | Promise<boolean>;
+//#endregion
+//#region src/client/storybook/param.d.ts
 /**
  * Define snapshot parameter for auto snapshot.
  */
 declare function defineAutoSnapshotParam<M extends ComparisonMethod>(snapshot: ToMatchImageSnapshotOptions<M> & ImageSnapshotSubjectOptions): {
-    snapshot: ImageSnapshotTimeoutOptions & ImageSnapshotKeyOptions & (M extends "ssim" ? SsimComparisonOptions<M> : PixelComparisonOptions<M>) & FailureThresholdOptions & {
-        expectToFail?: boolean | undefined;
-    } & ImageSnapshotSubjectOptions;
+  snapshot: ImageSnapshotTimeoutOptions & ImageSnapshotKeyOptions & (M extends "ssim" ? SsimComparisonOptions<M> : PixelComparisonOptions<M>) & FailureThresholdOptions & {
+    expectToFail?: boolean | undefined;
+  } & ImageSnapshotSubjectOptions;
 };
-
+//#endregion
+//#region src/client/storybook/tags.d.ts
 declare function isSnapshotEnabled(tags: string[]): boolean;
-
-/**
- * Configuration options for visual testing suites in Storybook.
- *
- * @param options.visProjects Array of visual testing project configurations
- * @param options.visProjects[].snapshotRootDir Root directory for storing snapshots. Can be a string path or a function that returns a path based on CI and platform context
- * @param options.visProjects[].snapshotSubpath Optional function to customize the snapshot subdirectory path
- */
-type StorybookVisOptions = {
-    visProjects: Array<{
-        snapshotRootDir: string | ((context: {
-            ci: boolean;
-            platform: string;
-        }) => string) | undefined;
-        snapshotSubpath?: ((options: {
-            subpath: string;
-        }) => string) | undefined;
-    }>;
+//#endregion
+//#region src/index.d.ts
+declare const _default: (options?: SetupVisOptions) => {
+  beforeEach(ctx: storybook_internal_csf0.StoryContext<any, storybook_internal_csf0.Args>): void;
+  tags: string[];
 };
-/**
- * Define options for Storybook Visual Testing addon.
- */
-declare function defineStorybookVisOptions(options: StorybookVisOptions): StorybookVisOptions;
-
-export { type StorybookVisOptions, defineAutoSnapshotParam, defineStorybookVisOptions, hasImageSnapshot, isSnapshotEnabled, page };
+//#endregion
+export { type ComparisonMethod, type FailureThresholdOptions, type ImageSnapshotCompareOptions, type ImageSnapshotKeyOptions, type ImageSnapshotSubjectOptions, type ImageSnapshotTimeoutOptions, type PixelComparisonOptions, type SsimComparisonOptions, type ToMatchImageSnapshotOptions, _default as default, defineAutoSnapshotParam, hasImageSnapshot, isSnapshotEnabled, page };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/client/vitest_proxy.ts","../src/client/has_image_snapshot.ts","../src/client/storybook/param.ts","../src/client/storybook/tags.ts","../src/index.ts"],"sourcesContent":[],"mappings":";;;;;;;;;cAiBa,MAAI;;;;;;iBCVD,gBAAA,WAA2B,gDAAmC;;;;;;iBCqB9D,kCAAkC,4BACvC,4BAA4B,KAAK;;;;;;;iBC7B5B,iBAAA;;;cCaD,qBAEU;EJEZ,UAQX,CAAA,GAAA,sCAAA,CAAA,GAAA,EIV2C,uBAAA,CAAA,IAAA,CJU3C,CAAA,EAAA,IAAA"}

package/dist/index.js

@@ -1,33 +1,47 @@
-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';
+import { a as page, i as getCurrentTest, n as isSnapshotEnabled, r as commands, t as visAnnotations } from "./vis_annotation-Dpsgn_4P.js";
+import { hasImageSnapshotAction, toTaskId } from "vitest-plugin-vis/client-api";
+import { vis } from "vitest-plugin-vis/setup";
 
-// src/client/ctx.ts
-var ctx = {
-  getCurrentTest,
-  __test__reset() {
-    ctx.getCurrentTest = getCurrentTest;
-  }
+export * from "vitest-plugin-vis"
+
+//#region src/client/ctx.ts
+const ctx = {
+	getCurrentTest,
+	__test__reset() {
+		ctx.getCurrentTest = getCurrentTest;
+	}
 };
 
-// src/client/has_image_snapshot.ts
+//#endregion
+//#region src/client/has_image_snapshot.ts
+/**
+* Check if the snapshot image exists.
+*/
 function hasImageSnapshot(options) {
-  const test = ctx.getCurrentTest();
-  if (!test) return false;
-  return hasImageSnapshotAction(commands, toTaskId(test), options);
+	const test = ctx.getCurrentTest();
+	if (!test) return false;
+	return hasImageSnapshotAction(commands, toTaskId(test), options);
 }
 
-// src/client/storybook/param.ts
+//#endregion
+//#region src/client/storybook/param.ts
+/**
+* Define snapshot parameter for auto snapshot.
+*/
 function defineAutoSnapshotParam(snapshot) {
-  return { snapshot };
+	return { snapshot };
 }
 
-// src/server/vis_options.ts
-function defineStorybookVisOptions(options) {
-  return options;
-}
+//#endregion
+//#region src/index.ts
+var src_default = (options = {}) => {
+	vis.setup(options);
+	return {
+		tags: options.auto ? ["snapshot"] : [],
+		...visAnnotations
+	};
+};
 
-export { defineAutoSnapshotParam, defineStorybookVisOptions, hasImageSnapshot };
-//# sourceMappingURL=index.js.map
+//#endregion
+export { src_default as default, defineAutoSnapshotParam, hasImageSnapshot, isSnapshotEnabled, page };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/client/ctx.ts","../src/client/has_image_snapshot.ts","../src/client/storybook/param.ts","../src/server/vis_options.ts"],"names":[],"mappings":";;;;;;AAEO,IAAM,GAAA,GAAM;AAAA,EAClB,cAAA;AAAA,EACA,aAAA,GAAgB;AACf,IAAA,GAAA,CAAI,cAAA,GAAiB,cAAA;AAAA,EACtB;AACD,CAAA;;;ACAO,SAAS,iBAAiB,OAAA,EAA+C;AAC/E,EAAA,MAAM,IAAA,GAAO,IAAI,cAAA,EAAe;AAChC,EAAA,IAAI,CAAC,MAAM,OAAO,KAAA;AAElB,EAAA,OAAO,sBAAA,CAAuB,QAAA,EAAU,QAAA,CAAS,IAAI,GAAG,OAAO,CAAA;AAChE;;;ACgBO,SAAS,wBACf,QAAA,EACC;AACD,EAAA,OAAO,EAAE,QAAA,EAAS;AACnB;;;ACfO,SAAS,0BAA0B,OAAA,EAA8B;AACvE,EAAA,OAAO,OAAA;AACR","file":"index.js","sourcesContent":["import { getCurrentTest } from './vitest_proxy.ts'\n\nexport const ctx = {\n\tgetCurrentTest,\n\t__test__reset() {\n\t\tctx.getCurrentTest = getCurrentTest\n\t},\n}\n","import { hasImageSnapshotAction, toTaskId, type ImageSnapshotKeyOptions } from 'vitest-plugin-vis/client-api'\nimport { ctx } from './ctx.ts'\nimport { commands } from './vitest_proxy.ts'\n\n/**\n * Check if the snapshot image exists.\n */\nexport function hasImageSnapshot(options?: ImageSnapshotKeyOptions | undefined) {\n\tconst test = ctx.getCurrentTest()\n\tif (!test) return false\n\n\treturn hasImageSnapshotAction(commands, toTaskId(test), options)\n}\n","import type {\n\tComparisonMethod,\n\tFailureThresholdOptions,\n\tImageSnapshotCompareOptions,\n\tImageSnapshotKeyOptions,\n\tImageSnapshotSubjectOptions,\n\tImageSnapshotTimeoutOptions,\n\tPixelComparisonOptions,\n\tSsimComparisonOptions,\n\tToMatchImageSnapshotOptions,\n} from 'vitest-plugin-vis/client-api'\n\n// This fix the inferred type cannot be named error\nexport type {\n\tComparisonMethod,\n\tFailureThresholdOptions,\n\tImageSnapshotCompareOptions,\n\tImageSnapshotKeyOptions,\n\tImageSnapshotSubjectOptions,\n\tImageSnapshotTimeoutOptions,\n\tPixelComparisonOptions,\n\tSsimComparisonOptions,\n\tToMatchImageSnapshotOptions,\n}\n\n/**\n * Define snapshot parameter for auto snapshot.\n */\nexport function defineAutoSnapshotParam<M extends ComparisonMethod>(\n\tsnapshot: ToMatchImageSnapshotOptions<M> & ImageSnapshotSubjectOptions,\n) {\n\treturn { snapshot }\n}\n","/**\n * Configuration options for visual testing suites in Storybook.\n *\n * @param options.visProjects Array of visual testing project configurations\n * @param options.visProjects[].snapshotRootDir Root directory for storing snapshots. Can be a string path or a function that returns a path based on CI and platform context\n * @param options.visProjects[].snapshotSubpath Optional function to customize the snapshot subdirectory path\n */\nexport type StorybookVisOptions = {\n\tvisProjects: Array<{\n\t\tsnapshotRootDir: string | ((context: { ci: boolean; platform: string }) => string) | undefined\n\t\tsnapshotSubpath?: ((options: { subpath: string }) => string) | undefined\n\t}>\n}\n\n/**\n * Define options for Storybook Visual Testing addon.\n */\nexport function defineStorybookVisOptions(options: StorybookVisOptions) {\n\treturn options\n}\n"]}
+{"version":3,"file":"index.js","names":[],"sources":["../src/client/ctx.ts","../src/client/has_image_snapshot.ts","../src/client/storybook/param.ts","../src/index.ts"],"sourcesContent":["import { getCurrentTest } from './vitest_proxy.ts'\n\nexport const ctx = {\n\tgetCurrentTest,\n\t__test__reset() {\n\t\tctx.getCurrentTest = getCurrentTest\n\t},\n}\n","import { hasImageSnapshotAction, toTaskId, type ImageSnapshotKeyOptions } from 'vitest-plugin-vis/client-api'\nimport { ctx } from './ctx.ts'\nimport { commands } from './vitest_proxy.ts'\n\n/**\n * Check if the snapshot image exists.\n */\nexport function hasImageSnapshot(options?: ImageSnapshotKeyOptions | undefined) {\n\tconst test = ctx.getCurrentTest()\n\tif (!test) return false\n\n\treturn hasImageSnapshotAction(commands, toTaskId(test), options)\n}\n","import type {\n\tComparisonMethod,\n\tFailureThresholdOptions,\n\tImageSnapshotCompareOptions,\n\tImageSnapshotKeyOptions,\n\tImageSnapshotSubjectOptions,\n\tImageSnapshotTimeoutOptions,\n\tPixelComparisonOptions,\n\tSsimComparisonOptions,\n\tToMatchImageSnapshotOptions,\n} from 'vitest-plugin-vis/client-api'\n\n// This fix the inferred type cannot be named error\nexport type {\n\tComparisonMethod,\n\tFailureThresholdOptions,\n\tImageSnapshotCompareOptions,\n\tImageSnapshotKeyOptions,\n\tImageSnapshotSubjectOptions,\n\tImageSnapshotTimeoutOptions,\n\tPixelComparisonOptions,\n\tSsimComparisonOptions,\n\tToMatchImageSnapshotOptions,\n}\n\n/**\n * Define snapshot parameter for auto snapshot.\n */\nexport function defineAutoSnapshotParam<M extends ComparisonMethod>(\n\tsnapshot: ToMatchImageSnapshotOptions<M> & ImageSnapshotSubjectOptions,\n) {\n\treturn { snapshot }\n}\n","// `storybook-addon-vis` provides code that can be used in test files.\nimport './client/storybook/expect_extend.ts'\nimport './shared/global_matcher_augment.ts'\n\nimport { vis, type SetupVisOptions } from 'vitest-plugin-vis/setup'\nimport { page } from './client/vitest_proxy.ts'\nimport { visAnnotations } from './preview/vis_annotation.ts'\n\nexport * from 'vitest-plugin-vis'\nexport * from './client/has_image_snapshot.ts'\nexport * from './client/storybook/param.ts'\nexport * from './client/storybook/tags.ts'\n\nexport { page }\n\nexport default (options: SetupVisOptions = {}) => {\n\tvis.setup(options)\n\treturn {\n\t\ttags: options.auto ? ['snapshot'] : [],\n\t\t...visAnnotations,\n\t}\n}\n"],"mappings":";;;;;;;AAEA,MAAa,MAAM;CAClB;CACA,gBAAgB;AACf,MAAI,iBAAiB;;CAEtB;;;;;;;ACAD,SAAgB,iBAAiB,SAA+C;CAC/E,MAAM,OAAO,IAAI,gBAAgB;AACjC,KAAI,CAAC,KAAM,QAAO;AAElB,QAAO,uBAAuB,UAAU,SAAS,KAAK,EAAE,QAAQ;;;;;;;;ACiBjE,SAAgB,wBACf,UACC;AACD,QAAO,EAAE,UAAU;;;;;AChBpB,mBAAgB,UAA2B,EAAE,KAAK;AACjD,KAAI,MAAM,QAAQ;AAClB,QAAO;EACN,MAAM,QAAQ,OAAO,CAAC,WAAW,GAAG,EAAE;EACtC,GAAG;EACH"}

package/dist/manager.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/manager.js

@@ -1,2 +1,86 @@
-import {memo,useState,useEffect}from'react';import {addons,types}from'storybook/internal/manager-api';import {RefreshIcon}from'@storybook/icons';import {AddonPanel,ScrollArea,IconButton,Placeholder}from'storybook/internal/components';import {styled}from'storybook/internal/theming';import {SNAPSHOT_ROOT_DIR}from'vitest-plugin-vis/client-api';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var E=memo(function({active:s,snapshotResults:r=[],onRefresh:S}){let n=r.reduce((a,e)=>{let R=`(${e.snapshotRootDir.slice(SNAPSHOT_ROOT_DIR.length+1)}) ${e.fileName}`;return a[R]=[...a[R]??[],e],a},{});return jsx(AddonPanel,{active:s,children:r.length>0?jsx(ScrollArea,{vertical:true,children:Object.entries(n).map(([a,e])=>jsx("div",{children:e.some(i=>i.type==="diff")?jsxs(Fragment,{children:[jsx(g,{failed:true,children:a}),e.map(i=>jsx("img",{src:`data:image/png;base64,${i.base64}`,alt:i.fileName},i.filePath))]}):jsxs(Fragment,{children:[jsxs(g,{children:[jsx("span",{children:a}),jsx(IconButton,{onClick:()=>S(),children:jsx(RefreshIcon,{})})]}),jsx("img",{src:`data:image/png;base64,${e[0].base64}`,alt:e[0].fileName},e[0].filePath)]})},a))}):jsx(Placeholder,{children:"There is no snapshots for this story"})})}),g=styled.div(({theme:t,failed:s})=>({display:"flex",alignItems:"center",gap:"0.5rem",paddingBlock:"0.5rem",paddingInline:"0.2rem",backgroundColor:s?t.background.negative:t.background.positive,color:t.barTextColor}));var p="storybook-addon-vis",h=`${p}/vis_panel`;var O="IMAGE_SNAPSHOT_RESULTS_REQUEST",d="IMAGE_SNAPSHOT_RESULTS_RESPONSE";function l({name:t,importPath:s}){return {type:O,name:t,importPath:s}}addons.register(p,t=>{globalThis.CONFIG_TYPE==="DEVELOPMENT"&&addons.add(h,{type:types.PANEL,title:"Vis",match:({tabId:s,viewMode:r})=>!s&&r==="story",render({active:s}){let[r,S]=useState([]),n=t.getCurrentStoryData();return useEffect(()=>{let a=[t.on(p,e=>{e.name===n.name&&e.importPath===n.importPath&&e.type===d&&S(e.results);})];return t.emit(p,l(n)),()=>a.forEach(e=>{e();})},[n]),s?jsx(E,{active:s,snapshotResults:r,onRefresh:()=>{t.emit(p,l(n));}}):null}});});//# sourceMappingURL=manager.js.map
+import React, { memo, useEffect, useState } from "react";
+import { addons, types } from "storybook/manager-api";
+import { RefreshIcon } from "@storybook/icons";
+import { AddonPanel, IconButton, Placeholder, ScrollArea } from "storybook/internal/components";
+import { styled } from "storybook/theming";
+import { SNAPSHOT_ROOT_DIR } from "vitest-plugin-vis/client-api";
+
+//#region src/components/vis_panel.tsx
+const VisPanel = memo(function VisPanel$1({ active, snapshotResults = [], onRefresh }) {
+	const groupedResults = snapshotResults.reduce((acc, result) => {
+		const key = `(${result.snapshotRootDir.slice(SNAPSHOT_ROOT_DIR.length + 1)}) ${result.fileName}`;
+		acc[key] = [...acc[key] ?? [], result];
+		return acc;
+	}, {});
+	return /* @__PURE__ */ React.createElement(AddonPanel, { active }, snapshotResults.length > 0 ? /* @__PURE__ */ React.createElement(ScrollArea, { vertical: true }, Object.entries(groupedResults).map(([key, results]) => /* @__PURE__ */ React.createElement("div", { key }, results.some((result) => result.type === "diff") ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SnapshotRow, { failed: true }, key), results.map((result) => /* @__PURE__ */ React.createElement("img", {
+		key: result.filePath,
+		src: `data:image/png;base64,${result.base64}`,
+		alt: result.fileName
+	}))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SnapshotRow, null, /* @__PURE__ */ React.createElement("span", null, key), /* @__PURE__ */ React.createElement(IconButton, { onClick: () => onRefresh() }, /* @__PURE__ */ React.createElement(RefreshIcon, null))), /* @__PURE__ */ React.createElement("img", {
+		key: results[0].filePath,
+		src: `data:image/png;base64,${results[0].base64}`,
+		alt: results[0].fileName
+	}))))) : /* @__PURE__ */ React.createElement(Placeholder, null, "There is no snapshots for this story"));
+});
+const SnapshotRow = styled.div(({ theme, failed }) => ({
+	display: "flex",
+	alignItems: "center",
+	gap: "0.5rem",
+	paddingBlock: "0.5rem",
+	paddingInline: "0.2rem",
+	backgroundColor: failed ? theme.background.negative : theme.background.positive,
+	color: theme.barTextColor
+}));
+
+//#endregion
+//#region src/shared/contants.ts
+const NAME = "storybook-addon-vis";
+const VIS_PANEL_ID = `${NAME}/vis_panel`;
+
+//#endregion
+//#region src/shared/events.ts
+const IMAGE_SNAPSHOT_RESULTS_REQUEST = "IMAGE_SNAPSHOT_RESULTS_REQUEST";
+const IMAGE_SNAPSHOT_RESULTS_RESPONSE = "IMAGE_SNAPSHOT_RESULTS_RESPONSE";
+function requestImageSnapshotResults({ name, importPath }) {
+	return {
+		type: IMAGE_SNAPSHOT_RESULTS_REQUEST,
+		name,
+		importPath
+	};
+}
+
+//#endregion
+//#region src/manager.tsx
+addons.register(NAME, (api) => {
+	if (globalThis.CONFIG_TYPE === "DEVELOPMENT") addons.add(VIS_PANEL_ID, {
+		type: types.PANEL,
+		title: "Vis",
+		match: ({ tabId, viewMode }) => !tabId && viewMode === "story",
+		render({ active }) {
+			const [snapshotResults, setSnapshotResults] = useState([]);
+			const storyData = api.getCurrentStoryData();
+			useEffect(() => {
+				const disposes = [api.on(NAME, (event) => {
+					if (event.name !== storyData.name) return;
+					if (event.importPath !== storyData.importPath) return;
+					if (event.type === IMAGE_SNAPSHOT_RESULTS_RESPONSE) setSnapshotResults(event.results);
+				})];
+				api.emit(NAME, requestImageSnapshotResults(storyData));
+				return () => disposes.forEach((dispose) => {
+					dispose();
+				});
+			}, [storyData]);
+			if (!active) return null;
+			return /* @__PURE__ */ React.createElement(VisPanel, {
+				active,
+				snapshotResults,
+				onRefresh: () => {
+					api.emit(NAME, requestImageSnapshotResults(storyData));
+				}
+			});
+		}
+	});
+});
+
+//#endregion
 //# sourceMappingURL=manager.js.map

package/dist/manager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/vis_panel.tsx","../src/shared/contants.ts","../src/shared/events.ts","../src/manager.tsx"],"names":["VisPanel","memo","active","snapshotResults","onRefresh","groupedResults","acc","result","key","SNAPSHOT_ROOT_DIR","jsx","AddonPanel","ScrollArea","results","jsxs","Fragment","SnapshotRow","IconButton","RefreshIcon","Placeholder","styled","theme","failed","NAME","VIS_PANEL_ID","IMAGE_SNAPSHOT_RESULTS_REQUEST","IMAGE_SNAPSHOT_RESULTS_RESPONSE","requestImageSnapshotResults","name","importPath","addons","api","types","tabId","viewMode","setSnapshotResults","useState","storyData","useEffect","disposes","event","dispose"],"mappings":"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","file":"manager.js","sourcesContent":["import { RefreshIcon } from '@storybook/icons'\nimport { memo } from 'react'\nimport { AddonPanel, IconButton, Placeholder, ScrollArea } from 'storybook/internal/components'\nimport { styled } from 'storybook/internal/theming'\nimport { SNAPSHOT_ROOT_DIR } from 'vitest-plugin-vis/client-api'\nimport type { ImageSnapshotResults } from '../shared/events.ts'\n\ninterface PanelProps {\n\tactive: boolean\n\tsnapshotResults: ImageSnapshotResults[]\n\tonRefresh: () => void\n}\n\nexport const VisPanel = memo(function VisPanel({ active, snapshotResults = [], onRefresh }: PanelProps) {\n\tconst groupedResults = snapshotResults.reduce(\n\t\t(acc, result) => {\n\t\t\tconst suiteName = result.snapshotRootDir.slice(SNAPSHOT_ROOT_DIR.length + 1)\n\t\t\tconst key = `(${suiteName}) ${result.fileName}`\n\t\t\tacc[key] = [...(acc[key] ?? []), result]\n\t\t\treturn acc\n\t\t},\n\t\t{} as Record<string, ImageSnapshotResults[]>,\n\t)\n\treturn (\n\t\t<AddonPanel active={active}>\n\t\t\t{snapshotResults.length > 0 ? (\n\t\t\t\t<ScrollArea vertical>\n\t\t\t\t\t{Object.entries(groupedResults).map(([key, results]) => (\n\t\t\t\t\t\t<div key={key}>\n\t\t\t\t\t\t\t{results.some((result) => result.type === 'diff') ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<SnapshotRow failed>{key}</SnapshotRow>\n\t\t\t\t\t\t\t\t\t{results.map((result) => (\n\t\t\t\t\t\t\t\t\t\t<img key={result.filePath} src={`data:image/png;base64,${result.base64}`} alt={result.fileName} />\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<SnapshotRow>\n\t\t\t\t\t\t\t\t\t\t<span>{key}</span>\n\t\t\t\t\t\t\t\t\t\t<IconButton onClick={() => onRefresh()}>\n\t\t\t\t\t\t\t\t\t\t\t<RefreshIcon />\n\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t</SnapshotRow>\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tkey={results[0].filePath}\n\t\t\t\t\t\t\t\t\t\tsrc={`data:image/png;base64,${results[0].base64}`}\n\t\t\t\t\t\t\t\t\t\talt={results[0].fileName}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</ScrollArea>\n\t\t\t) : (\n\t\t\t\t<Placeholder>There is no snapshots for this story</Placeholder>\n\t\t\t)}\n\t\t</AddonPanel>\n\t)\n})\n\nconst SnapshotRow = styled.div<{ failed?: boolean }>(({ theme, failed }) => ({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tgap: '0.5rem',\n\tpaddingBlock: '0.5rem',\n\tpaddingInline: '0.2rem',\n\tbackgroundColor: failed ? theme.background.negative : theme.background.positive,\n\tcolor: theme.barTextColor,\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 { useEffect, useState } from 'react'\nimport { addons, types } from 'storybook/internal/manager-api'\nimport { VisPanel } from './components/vis_panel.tsx'\nimport { NAME, VIS_PANEL_ID } from './shared/contants.ts'\nimport {\n\tIMAGE_SNAPSHOT_RESULTS_RESPONSE,\n\trequestImageSnapshotResults,\n\ttype ImageSnapshotResults,\n\ttype VisEvent,\n} from './shared/events.ts'\n\n// Register the addon\naddons.register(NAME, (api) => {\n\t// Register the tool\n\tif ((globalThis as any).CONFIG_TYPE === 'DEVELOPMENT') {\n\t\taddons.add(VIS_PANEL_ID, {\n\t\t\ttype: types.PANEL,\n\t\t\ttitle: 'Vis',\n\t\t\tmatch: ({ tabId, viewMode }) => !tabId && viewMode === 'story',\n\t\t\trender({ active }) {\n\t\t\t\tconst [snapshotResults, setSnapshotResults] = useState<ImageSnapshotResults[]>([])\n\n\t\t\t\tconst storyData = api.getCurrentStoryData()\n\n\t\t\t\tuseEffect(() => {\n\t\t\t\t\tconst disposes = [\n\t\t\t\t\t\tapi.on(NAME, (event: VisEvent) => {\n\t\t\t\t\t\t\tif (event.name !== storyData.name) return\n\t\t\t\t\t\t\tif (event.importPath !== storyData.importPath) return\n\n\t\t\t\t\t\t\tif (event.type === IMAGE_SNAPSHOT_RESULTS_RESPONSE) {\n\t\t\t\t\t\t\t\tsetSnapshotResults(event.results)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}),\n\t\t\t\t\t\t// api.on('UNIVERSAL_STORE:storybook/test', (event) => {\n\t\t\t\t\t\t// \tconsole.log('storybook/test', event)\n\t\t\t\t\t\t// }),\n\t\t\t\t\t]\n\t\t\t\t\tapi.emit(NAME, requestImageSnapshotResults(storyData))\n\t\t\t\t\treturn () =>\n\t\t\t\t\t\tdisposes.forEach((dispose) => {\n\t\t\t\t\t\t\tdispose()\n\t\t\t\t\t\t})\n\t\t\t\t}, [storyData])\n\n\t\t\t\tif (!active) return null\n\n\t\t\t\treturn (\n\t\t\t\t\t<VisPanel\n\t\t\t\t\t\tactive={active}\n\t\t\t\t\t\tsnapshotResults={snapshotResults}\n\t\t\t\t\t\tonRefresh={() => {\n\t\t\t\t\t\t\tapi.emit(NAME, requestImageSnapshotResults(storyData))\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}\n})\n"]}
+{"version":3,"file":"manager.js","names":["VisPanel"],"sources":["../src/components/vis_panel.tsx","../src/shared/contants.ts","../src/shared/events.ts","../src/manager.tsx"],"sourcesContent":["import { RefreshIcon } from '@storybook/icons'\nimport React, { memo } from 'react'\nimport { AddonPanel, IconButton, Placeholder, ScrollArea } from 'storybook/internal/components'\nimport { styled } from 'storybook/theming'\nimport { SNAPSHOT_ROOT_DIR } from 'vitest-plugin-vis/client-api'\nimport type { ImageSnapshotResults } from '../shared/events.ts'\n\ninterface PanelProps {\n\tactive: boolean\n\tsnapshotResults: ImageSnapshotResults[]\n\tonRefresh: () => void\n}\n\nexport const VisPanel = memo(function VisPanel({ active, snapshotResults = [], onRefresh }: PanelProps) {\n\tconst groupedResults = snapshotResults.reduce(\n\t\t(acc, result) => {\n\t\t\tconst suiteName = result.snapshotRootDir.slice(SNAPSHOT_ROOT_DIR.length + 1)\n\t\t\tconst key = `(${suiteName}) ${result.fileName}`\n\t\t\tacc[key] = [...(acc[key] ?? []), result]\n\t\t\treturn acc\n\t\t},\n\t\t{} as Record<string, ImageSnapshotResults[]>,\n\t)\n\treturn (\n\t\t<AddonPanel active={active}>\n\t\t\t{snapshotResults.length > 0 ? (\n\t\t\t\t<ScrollArea vertical>\n\t\t\t\t\t{Object.entries(groupedResults).map(([key, results]) => (\n\t\t\t\t\t\t<div key={key}>\n\t\t\t\t\t\t\t{results.some((result) => result.type === 'diff') ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<SnapshotRow failed>{key}</SnapshotRow>\n\t\t\t\t\t\t\t\t\t{results.map((result) => (\n\t\t\t\t\t\t\t\t\t\t<img key={result.filePath} src={`data:image/png;base64,${result.base64}`} alt={result.fileName} />\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<SnapshotRow>\n\t\t\t\t\t\t\t\t\t\t<span>{key}</span>\n\t\t\t\t\t\t\t\t\t\t<IconButton onClick={() => onRefresh()}>\n\t\t\t\t\t\t\t\t\t\t\t<RefreshIcon />\n\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t</SnapshotRow>\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tkey={results[0].filePath}\n\t\t\t\t\t\t\t\t\t\tsrc={`data:image/png;base64,${results[0].base64}`}\n\t\t\t\t\t\t\t\t\t\talt={results[0].fileName}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</ScrollArea>\n\t\t\t) : (\n\t\t\t\t<Placeholder>There is no snapshots for this story</Placeholder>\n\t\t\t)}\n\t\t</AddonPanel>\n\t)\n})\n\nconst SnapshotRow = styled.div<{ failed?: boolean }>(({ theme, failed }) => ({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tgap: '0.5rem',\n\tpaddingBlock: '0.5rem',\n\tpaddingInline: '0.2rem',\n\tbackgroundColor: failed ? theme.background.negative : theme.background.positive,\n\tcolor: theme.barTextColor,\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 React, { useEffect, useState } from 'react'\nimport { addons, types } from 'storybook/manager-api'\nimport { VisPanel } from './components/vis_panel.tsx'\nimport { NAME, VIS_PANEL_ID } from './shared/contants.ts'\nimport {\n\tIMAGE_SNAPSHOT_RESULTS_RESPONSE,\n\trequestImageSnapshotResults,\n\ttype ImageSnapshotResults,\n\ttype VisEvent,\n} from './shared/events.ts'\n\n// Register the addon\naddons.register(NAME, (api) => {\n\t// Register the tool\n\tif ((globalThis as any).CONFIG_TYPE === 'DEVELOPMENT') {\n\t\taddons.add(VIS_PANEL_ID, {\n\t\t\ttype: types.PANEL,\n\t\t\ttitle: 'Vis',\n\t\t\tmatch: ({ tabId, viewMode }) => !tabId && viewMode === 'story',\n\t\t\trender({ active }) {\n\t\t\t\tconst [snapshotResults, setSnapshotResults] = useState<ImageSnapshotResults[]>([])\n\n\t\t\t\tconst storyData = api.getCurrentStoryData()\n\n\t\t\t\tuseEffect(() => {\n\t\t\t\t\tconst disposes = [\n\t\t\t\t\t\tapi.on(NAME, (event: VisEvent) => {\n\t\t\t\t\t\t\tif (event.name !== storyData.name) return\n\t\t\t\t\t\t\tif (event.importPath !== storyData.importPath) return\n\n\t\t\t\t\t\t\tif (event.type === IMAGE_SNAPSHOT_RESULTS_RESPONSE) {\n\t\t\t\t\t\t\t\tsetSnapshotResults(event.results)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}),\n\t\t\t\t\t\t// api.on('UNIVERSAL_STORE:storybook/test', (event) => {\n\t\t\t\t\t\t// \tconsole.log('storybook/test', event)\n\t\t\t\t\t\t// }),\n\t\t\t\t\t]\n\t\t\t\t\tapi.emit(NAME, requestImageSnapshotResults(storyData))\n\t\t\t\t\treturn () =>\n\t\t\t\t\t\tdisposes.forEach((dispose) => {\n\t\t\t\t\t\t\tdispose()\n\t\t\t\t\t\t})\n\t\t\t\t}, [storyData])\n\n\t\t\t\tif (!active) return null\n\n\t\t\t\treturn (\n\t\t\t\t\t<VisPanel\n\t\t\t\t\t\tactive={active}\n\t\t\t\t\t\tsnapshotResults={snapshotResults}\n\t\t\t\t\t\tonRefresh={() => {\n\t\t\t\t\t\t\tapi.emit(NAME, requestImageSnapshotResults(storyData))\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}\n})\n"],"mappings":";;;;;;;;AAaA,MAAa,WAAW,KAAK,SAASA,WAAS,EAAE,QAAQ,kBAAkB,EAAE,EAAE,aAAyB;CACvG,MAAM,iBAAiB,gBAAgB,QACrC,KAAK,WAAW;EAEhB,MAAM,MAAM,IADM,OAAO,gBAAgB,MAAM,kBAAkB,SAAS,EAAE,CAClD,IAAI,OAAO;AACrC,MAAI,OAAO,CAAC,GAAI,IAAI,QAAQ,EAAE,EAAG,OAAO;AACxC,SAAO;IAER,EAAE,CACF;AACD,QACC,oCAAC,cAAmB,UAClB,gBAAgB,SAAS,IACzB,oCAAC,cAAW,kBACV,OAAO,QAAQ,eAAe,CAAC,KAAK,CAAC,KAAK,aAC1C,oCAAC,SAAS,OACR,QAAQ,MAAM,WAAW,OAAO,SAAS,OAAO,GAChD,0DACC,oCAAC,eAAY,gBAAQ,IAAkB,EACtC,QAAQ,KAAK,WACb,oCAAC;EAAI,KAAK,OAAO;EAAU,KAAK,yBAAyB,OAAO;EAAU,KAAK,OAAO;GAAY,CACjG,CACA,GAEH,0DACC,oCAAC,mBACA,oCAAC,cAAM,IAAW,EAClB,oCAAC,cAAW,eAAe,WAAW,IACrC,oCAAC,kBAAc,CACH,CACA,EACd,oCAAC;EACA,KAAK,QAAQ,GAAG;EAChB,KAAK,yBAAyB,QAAQ,GAAG;EACzC,KAAK,QAAQ,GAAG;GACf,CACA,CAEC,CACL,CACU,GAEb,oCAAC,mBAAY,uCAAkD,CAEpD;EAEb;AAEF,MAAM,cAAc,OAAO,KAA2B,EAAE,OAAO,cAAc;CAC5E,SAAS;CACT,YAAY;CACZ,KAAK;CACL,cAAc;CACd,eAAe;CACf,iBAAiB,SAAS,MAAM,WAAW,WAAW,MAAM,WAAW;CACvE,OAAO,MAAM;CACb,EAAE;;;;ACrEH,MAAa,OAAO;AACpB,MAAa,eAAe,GAAG,KAAK;;;;ACCpC,MAAa,iCAAiC;AAC9C,MAAa,kCAAkC;AAE/C,SAAgB,4BAA4B,EAAE,MAAM,cAAoD;AACvG,QAAO;EACN,MAAM;EACN;EACA;EACA;;;;;ACEF,OAAO,SAAS,OAAO,QAAQ;AAE9B,KAAK,WAAmB,gBAAgB,cACvC,QAAO,IAAI,cAAc;EACxB,MAAM,MAAM;EACZ,OAAO;EACP,QAAQ,EAAE,OAAO,eAAe,CAAC,SAAS,aAAa;EACvD,OAAO,EAAE,UAAU;GAClB,MAAM,CAAC,iBAAiB,sBAAsB,SAAiC,EAAE,CAAC;GAElF,MAAM,YAAY,IAAI,qBAAqB;AAE3C,mBAAgB;IACf,MAAM,WAAW,CAChB,IAAI,GAAG,OAAO,UAAoB;AACjC,SAAI,MAAM,SAAS,UAAU,KAAM;AACnC,SAAI,MAAM,eAAe,UAAU,WAAY;AAE/C,SAAI,MAAM,SAAS,gCAClB,oBAAmB,MAAM,QAAQ;MAEjC,CAIF;AACD,QAAI,KAAK,MAAM,4BAA4B,UAAU,CAAC;AACtD,iBACC,SAAS,SAAS,YAAY;AAC7B,cAAS;MACR;MACD,CAAC,UAAU,CAAC;AAEf,OAAI,CAAC,OAAQ,QAAO;AAEpB,UACC,oCAAC;IACQ;IACS;IACjB,iBAAiB;AAChB,SAAI,KAAK,MAAM,4BAA4B,UAAU,CAAC;;KAEtD;;EAGJ,CAAC;EAEF"}

package/dist/matcher.d.ts

@@ -1,8 +1 @@
-import { ImageSnapshotMatcher } from 'vitest-plugin-vis/client-api';
-
-declare global {
-    namespace jest {
-        interface Matchers<R, T> extends ImageSnapshotMatcher {
-        }
-    }
-}
+import "./global_matcher_augment-CYxLwns2.js";

package/dist/matcher.js

@@ -1,3 +0,0 @@
-
-//# sourceMappingURL=matcher.js.map
-//# sourceMappingURL=matcher.js.map

package/dist/node.d.mts

@@ -0,0 +1,77 @@
+import { t as StorybookVisOptions } from "./types-BG2k_RS_.mjs";
+
+//#region src/node/define_storybook_vis.d.ts
+
+/**
+ * Defines the Storybook Visual Testing addon configuration.
+ *
+ * When called without options, returns the package directory name as a string.
+ * When called with options, returns an object containing both the package name and the provided options.
+ *
+ * @returns When called without options, returns the package directory path as a string.
+ *
+ * @example
+ * ```ts
+ * // Without options - returns just the package name
+ * const addonName = defineStorybookVis()
+ * // Returns: string (package directory path)
+ * ```
+ *
+ * @example
+ * ```ts
+ * // With options - returns object with name and options
+ * const addonConfig = defineStorybookVis({
+ *   visProjects: [
+ *     {
+ *       snapshotRootDir: '__vis__/linux',
+ *     },
+ *   ],
+ * })
+ * // Returns: { name: string, options: StorybookVisOptions }
+ * ```
+ */
+declare function defineStorybookVis(): string;
+/**
+ * Defines the Storybook Visual Testing addon configuration with options.
+ *
+ * @param options - Configuration options for visual testing suites in Storybook.
+ * @param options.visProjects - Array of visual testing project configurations.
+ * @param options.visProjects[].snapshotRootDir - Root directory for storing snapshots. Can be a string path or a function that returns a path based on CI and platform context.
+ * @param options.visProjects[].snapshotSubpath - Optional function to customize the snapshot subdirectory path.
+ *
+ * @returns An object containing the package name and the provided options.
+ *
+ * @example
+ * ```ts
+ * // In .storybook/main.ts
+ * import { defineStorybookVis } from 'storybook-addon-vis/node'
+ *
+ * export default {
+ *   addons: [
+ *     defineStorybookVis({
+ *       visProjects: [
+ *         {
+ *           snapshotRootDir: '__vis__/linux',
+ *         },
+ *         {
+ *           snapshotRootDir: '__vis__/local',
+ *         },
+ *       ],
+ *     }),
+ *   ],
+ * }
+ * ```
+ */
+declare function defineStorybookVis(options: StorybookVisOptions): {
+  name: string;
+  options: StorybookVisOptions;
+};
+//#endregion
+//#region src/node/define_storybook_vis_options.d.ts
+/**
+ * Define options for Storybook Visual Testing addon.
+ */
+declare function defineStorybookVisOptions(options: StorybookVisOptions): StorybookVisOptions;
+//#endregion
+export { defineStorybookVis, defineStorybookVisOptions };
+//# sourceMappingURL=node.d.mts.map

package/dist/node.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.mts","names":[],"sources":["../src/node/define_storybook_vis.ts","../src/node/define_storybook_vis_options.ts"],"sourcesContent":[],"mappings":";;;;;;AA+BA;AAgCA;;;;AC1DA;;;;;;;;;;;;;;;;;;;;;iBD0BgB,kBAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAgCA,kBAAA,UAA4B;;WAA+C;;;;;;AAhC3F;AAgCgB,iBC1DA,yBAAA,CD0D4B,OAA+C,EC1DxC,mBD0D2D,CAAA,EC1DxC,mBD0DwC"}

package/dist/node.mjs

@@ -0,0 +1,23 @@
+import { dirname } from "node:path";
+
+//#region src/node/define_storybook_vis.ts
+function defineStorybookVis(options) {
+	const name = dirname(import.meta.resolve("storybook-addon-vis", "package.json"));
+	return !options ? name : {
+		name,
+		options
+	};
+}
+
+//#endregion
+//#region src/node/define_storybook_vis_options.ts
+/**
+* Define options for Storybook Visual Testing addon.
+*/
+function defineStorybookVisOptions(options) {
+	return options;
+}
+
+//#endregion
+export { defineStorybookVis, defineStorybookVisOptions };
+//# sourceMappingURL=node.mjs.map

package/dist/node.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.mjs","names":[],"sources":["../src/node/define_storybook_vis.ts","../src/node/define_storybook_vis_options.ts"],"sourcesContent":["import { dirname } from 'node:path'\nimport type { StorybookVisOptions } from '../server/types.ts'\n\n/**\n * Defines the Storybook Visual Testing addon configuration.\n *\n * When called without options, returns the package directory name as a string.\n * When called with options, returns an object containing both the package name and the provided options.\n *\n * @returns When called without options, returns the package directory path as a string.\n *\n * @example\n * ```ts\n * // Without options - returns just the package name\n * const addonName = defineStorybookVis()\n * // Returns: string (package directory path)\n * ```\n *\n * @example\n * ```ts\n * // With options - returns object with name and options\n * const addonConfig = defineStorybookVis({\n *   visProjects: [\n *     {\n *       snapshotRootDir: '__vis__/linux',\n *     },\n *   ],\n * })\n * // Returns: { name: string, options: StorybookVisOptions }\n * ```\n */\nexport function defineStorybookVis(): string\n/**\n * Defines the Storybook Visual Testing addon configuration with options.\n *\n * @param options - Configuration options for visual testing suites in Storybook.\n * @param options.visProjects - Array of visual testing project configurations.\n * @param options.visProjects[].snapshotRootDir - Root directory for storing snapshots. Can be a string path or a function that returns a path based on CI and platform context.\n * @param options.visProjects[].snapshotSubpath - Optional function to customize the snapshot subdirectory path.\n *\n * @returns An object containing the package name and the provided options.\n *\n * @example\n * ```ts\n * // In .storybook/main.ts\n * import { defineStorybookVis } from 'storybook-addon-vis/node'\n *\n * export default {\n *   addons: [\n *     defineStorybookVis({\n *       visProjects: [\n *         {\n *           snapshotRootDir: '__vis__/linux',\n *         },\n *         {\n *           snapshotRootDir: '__vis__/local',\n *         },\n *       ],\n *     }),\n *   ],\n * }\n * ```\n */\nexport function defineStorybookVis(options: StorybookVisOptions): { name: string; options: StorybookVisOptions }\nexport function defineStorybookVis(options?: StorybookVisOptions | undefined) {\n\tconst name = dirname(import.meta.resolve('storybook-addon-vis', 'package.json'))\n\treturn !options ? name : { name, options }\n}\n","import type { StorybookVisOptions } from '../server/types.ts'\n\n/**\n * Define options for Storybook Visual Testing addon.\n */\nexport function defineStorybookVisOptions(options: StorybookVisOptions) {\n\treturn options\n}\n"],"mappings":";;;AAgEA,SAAgB,mBAAmB,SAA2C;CAC7E,MAAM,OAAO,QAAQ,OAAO,KAAK,QAAQ,uBAAuB,eAAe,CAAC;AAChF,QAAO,CAAC,UAAU,OAAO;EAAE;EAAM;EAAS;;;;;;;;AC7D3C,SAAgB,0BAA0B,SAA8B;AACvE,QAAO"}

package/dist/preset.d.mts

@@ -0,0 +1,8 @@
+import { t as StorybookVisOptions } from "./types-BG2k_RS_.mjs";
+import { Channel } from "storybook/internal/channels";
+
+//#region src/preset.d.ts
+declare const experimental_serverChannel: (channel: Channel, options: StorybookVisOptions) => Promise<Channel>;
+//#endregion
+export { experimental_serverChannel };
+//# sourceMappingURL=preset.d.mts.map

package/dist/preset.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.d.mts","names":[],"sources":["../src/preset.ts"],"sourcesContent":[],"mappings":";;;;cAMa,sCAA6C,kBAAkB,wBAAmB,QAAA"}

package/dist/preset.mjs

@@ -0,0 +1,72 @@
+import { t as NAME } from "./contants-DcocjING.mjs";
+import { globSync } from "glob";
+import ci from "is-ci";
+import memoize from "memoize";
+import { readFileSync } from "node:fs";
+import { platform } from "node:process";
+import { basename, resolve } from "pathe";
+import { BASELINE_DIR, DIFF_DIR, SNAPSHOT_ROOT_DIR, getSnapshotRootDir, trimCommonFolder } from "vitest-plugin-vis/server-utils";
+
+//#region src/server/create_storybook_vis_server.ts
+function createStorybookVisServer(options) {
+	const visSuites = options.visProjects ?? [{}];
+	return {
+		options,
+		async getImageSnapshotResults(name, importPath) {
+			return visSuites.map((suite) => {
+				return {
+					snapshotRootDir: typeof suite.snapshotRootDir === "string" ? suite.snapshotRootDir : typeof suite.snapshotRootDir === "function" ? memoize(suite.snapshotRootDir)({
+						ci,
+						platform
+					}) : memoize(getSnapshotRootDir)(SNAPSHOT_ROOT_DIR),
+					snapshotSubpath: (typeof suite.snapshotSubpath === "function" ? memoize(suite.snapshotSubpath) : memoize(({ subpath }) => trimCommonFolder(subpath.startsWith("./") ? subpath.slice(2) : subpath)))({ subpath: importPath })
+				};
+			}).flatMap(({ snapshotRootDir, snapshotSubpath }) => {
+				const taskId = name.replace(/[^a-z0-9]/gi, "-").toLowerCase();
+				const taskGlob = `${taskId}-*.png`;
+				const baselineGlob = resolve(snapshotRootDir, BASELINE_DIR, snapshotSubpath, taskGlob);
+				const diffGlob = resolve(snapshotRootDir, DIFF_DIR, snapshotSubpath, taskGlob);
+				const taskIdRegex = /* @__PURE__ */ new RegExp(`${taskId}-[^-]*.png$`);
+				const baselineFiles = globSync(baselineGlob).filter((filePath) => taskIdRegex.test(filePath));
+				const diffFiles = globSync(diffGlob).filter((filePath) => taskIdRegex.test(filePath));
+				return [...baselineFiles.map((filePath) => mapFileToResult(filePath, snapshotRootDir, "baseline")), ...diffFiles.map((filePath) => mapFileToResult(filePath, snapshotRootDir, "diff"))];
+			});
+		}
+	};
+}
+function mapFileToResult(filePath, snapshotRootDir, type) {
+	return {
+		filePath,
+		fileName: basename(filePath),
+		snapshotRootDir,
+		type,
+		base64: readFileSync(filePath, "base64")
+	};
+}
+
+//#endregion
+//#region src/shared/events.ts
+const IMAGE_SNAPSHOT_RESULTS_REQUEST = "IMAGE_SNAPSHOT_RESULTS_REQUEST";
+const IMAGE_SNAPSHOT_RESULTS_RESPONSE = "IMAGE_SNAPSHOT_RESULTS_RESPONSE";
+
+//#endregion
+//#region src/preset.ts
+const experimental_serverChannel = async (channel, options) => {
+	const server = createStorybookVisServer(options);
+	channel.on(NAME, async (event) => {
+		if (event.type === IMAGE_SNAPSHOT_RESULTS_REQUEST) {
+			const results = await server.getImageSnapshotResults(event.name, event.importPath);
+			channel.emit(NAME, {
+				type: IMAGE_SNAPSHOT_RESULTS_RESPONSE,
+				name: event.name,
+				importPath: event.importPath,
+				results
+			});
+		}
+	});
+	return channel;
+};
+
+//#endregion
+export { experimental_serverChannel };
+//# sourceMappingURL=preset.mjs.map

package/dist/preset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.mjs","names":[],"sources":["../src/server/create_storybook_vis_server.ts","../src/shared/events.ts","../src/preset.ts"],"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 './types.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 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/types.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"],"mappings":";;;;;;;;;;AAeA,SAAgB,yBAAyB,SAA8B;CACtE,MAAM,YAAY,QAAQ,eAAe,CAAC,EAAE,CAAC;AAC7C,QAAO;EACN;EACA,MAAM,wBAAwB,MAAc,YAAoB;AAC/D,UAAO,UACL,KAAK,UAAU;AAkBf,WAAO;KACN,iBAjBA,OAAO,MAAM,oBAAoB,WAC9B,MAAM,kBACN,OAAO,MAAM,oBAAoB,aAChC,QAAQ,MAAM,gBAAgB,CAAC;MAC/B;MACA;MACA,CAAC,GACD,QAAQ,mBAAmB,CAAC,kBAAkB;KAWlD,kBARA,OAAO,MAAM,oBAAoB,aAC9B,QAAQ,MAAM,gBAAgB,GAC9B,SAAS,EAAE,cACX,iBAAiB,QAAQ,WAAW,KAAK,GAAG,QAAQ,MAAM,EAAE,GAAG,QAAQ,CACvE,EACsC,EAAE,SAAS,YAAY,CAAC;KAIjE;KACA,CACD,SAAS,EAAE,iBAAiB,sBAAsB;IAClD,MAAM,SAAS,KAAK,QAAQ,eAAe,IAAI,CAAC,aAAa;IAC7D,MAAM,WAAW,GAAG,OAAO;IAC3B,MAAM,eAAe,QAAQ,iBAAiB,cAAc,iBAAiB,SAAS;IACtF,MAAM,WAAW,QAAQ,iBAAiB,UAAU,iBAAiB,SAAS;IAE9E,MAAM,8BAAc,IAAI,OAAO,GAAG,OAAO,aAAa;IACtD,MAAM,gBAAgB,SAAS,aAAa,CAAC,QAAQ,aAAa,YAAY,KAAK,SAAS,CAAC;IAC7F,MAAM,YAAY,SAAS,SAAS,CAAC,QAAQ,aAAa,YAAY,KAAK,SAAS,CAAC;AACrF,WAAO,CACN,GAAG,cAAc,KAAK,aAAa,gBAAgB,UAAU,iBAAiB,WAAW,CAAC,EAC1F,GAAG,UAAU,KAAK,aAAa,gBAAgB,UAAU,iBAAiB,OAAO,CAAC,CAClF;KACA;;EAEJ;;AAGF,SAAS,gBAAgB,UAAkB,iBAAyB,MAA2B;AAC9F,QAAO;EACN;EACA,UAAU,SAAS,SAAS;EAC5B;EACA;EACA,QAAQ,aAAa,UAAU,SAAS;EACxC;;;;;ACnEF,MAAa,iCAAiC;AAC9C,MAAa,kCAAkC;;;;ACG/C,MAAa,6BAA6B,OAAO,SAAkB,YAAiC;CACnG,MAAM,SAAS,yBAAyB,QAAQ;AAEhD,SAAQ,GAAG,MAAM,OAAO,UAAoB;AAC3C,MAAI,MAAM,SAAS,gCAAgC;GAClD,MAAM,UAAU,MAAM,OAAO,wBAAwB,MAAM,MAAM,MAAM,WAAW;AAClF,WAAQ,KAAK,MAAM;IAClB,MAAM;IACN,MAAM,MAAM;IACZ,YAAY,MAAM;IAClB;IACA,CAAC;;GAEF;AAEF,QAAO"}

package/dist/types-BG2k_RS_.d.mts

@@ -0,0 +1,22 @@
+//#region src/server/types.d.ts
+/**
+ * Configuration options for visual testing suites in Storybook.
+ *
+ * @param options.visProjects Array of visual testing project configurations
+ * @param options.visProjects[].snapshotRootDir Root directory for storing snapshots. Can be a string path or a function that returns a path based on CI and platform context
+ * @param options.visProjects[].snapshotSubpath Optional function to customize the snapshot subdirectory path
+ */
+type StorybookVisOptions = {
+  visProjects: Array<{
+    snapshotRootDir: string | ((context: {
+      ci: boolean;
+      platform: string;
+    }) => string) | undefined;
+    snapshotSubpath?: ((options: {
+      subpath: string;
+    }) => string) | undefined;
+  }>;
+};
+//#endregion
+export { StorybookVisOptions as t };
+//# sourceMappingURL=types-BG2k_RS_.d.mts.map

package/dist/types-BG2k_RS_.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-BG2k_RS_.d.mts","names":[],"sources":["../src/server/types.ts"],"sourcesContent":[],"mappings":";;AAOA;;;;;;KAAY,mBAAA;eACE"}