vitest-plugin-vis 4.1.0 → 4.2.0

package/dist/server/vis_server_context.logic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vis_server_context.logic.mjs","names":["r"],"sources":["../../src/server/vis_server_context.logic.ts"],"sourcesContent":["import { basename, join, resolve } from 'pathe'\nimport { pick } from 'type-plus'\nimport type { ImageSnapshotKeyOptions } from '../client-api.ts'\nimport type { ImageSnapshotResult } from '../shared/commands.types.ts'\nimport { file } from './externals/file.ts'\nimport { getSuite, getTaskSubpath } from './suite.ts'\nimport { getVisOption } from './vis_options.ts'\nimport type { ExtendedBrowserCommandContext } from './vis_server_context.types.ts'\n\nexport function createVisServerContext() {\n\tconst context = {\n\t\tasync getSnapshotResults(browserContext: ExtendedBrowserCommandContext, taskId: string) {\n\t\t\tconst suiteInfo = await context.getSuiteInfo(browserContext, taskId)\n\t\t\tconst baselines = await file.glob(join(suiteInfo.projectRoot, suiteInfo.baselineDir, `${suiteInfo.taskId}-*.png`))\n\t\t\tconst results = await file.glob(join(suiteInfo.projectRoot, suiteInfo.resultDir, `${suiteInfo.taskId}-*.png`))\n\t\t\tconst diffs = await file.glob(join(suiteInfo.projectRoot, suiteInfo.diffDir, `${suiteInfo.taskId}-*.png`))\n\n\t\t\tconst r: ImageSnapshotResult[] = []\n\t\t\tawait Promise.all(\n\t\t\t\tbaselines.map(async (baselinePath) => {\n\t\t\t\t\tconst filename = basename(baselinePath)\n\t\t\t\t\tconst resultPath = results.find((r) => r.endsWith(filename))\n\t\t\t\t\tconst diffPath = diffs.find((d) => d.endsWith(filename))\n\n\t\t\t\t\tconst baselineBuffer = await file.tryReadFile(baselinePath)\n\t\t\t\t\tconst resultBuffer = await file.tryReadFile(resultPath)\n\t\t\t\t\tconst diffBuffer = await file.tryReadFile(diffPath)\n\t\t\t\t\tr.push({\n\t\t\t\t\t\tfilename,\n\t\t\t\t\t\tbaseline: baselineBuffer?.toString('base64'),\n\t\t\t\t\t\tresult: resultBuffer?.toString('base64'),\n\t\t\t\t\t\tdiff: diffBuffer?.toString('base64'),\n\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t)\n\t\t\treturn r\n\t\t},\n\t\tasync getSnapshotInfo(\n\t\t\tbrowserContext: ExtendedBrowserCommandContext,\n\t\t\ttaskId: string,\n\t\t\toptions?: ImageSnapshotKeyOptions,\n\t\t) {\n\t\t\tconst suiteInfo = await context.getSuiteInfo(browserContext, taskId)\n\t\t\tconst snapshotFilename = context.getSnapshotFilename(browserContext, suiteInfo, options?.snapshotKey)\n\n\t\t\tconst { baselineDir, resultDir, diffDir, task } = suiteInfo\n\n\t\t\ttask.count = task.count + 1\n\t\t\tconst baselinePath = join(baselineDir, snapshotFilename)\n\t\t\tconst resultPath = join(resultDir, snapshotFilename)\n\t\t\tconst diffPath = join(diffDir, snapshotFilename)\n\n\t\t\treturn {\n\t\t\t\t...pick(\n\t\t\t\t\tgetVisOption(browserContext),\n\t\t\t\t\t'comparisonMethod',\n\t\t\t\t\t'diffOptions',\n\t\t\t\t\t'failureThreshold',\n\t\t\t\t\t'failureThresholdType',\n\t\t\t\t\t'timeout',\n\t\t\t\t),\n\t\t\t\tbaselinePath,\n\t\t\t\tresultPath,\n\t\t\t\tdiffPath,\n\t\t\t}\n\t\t},\n\n\t\tasync getTaskCount(browserContext: ExtendedBrowserCommandContext, taskId: string) {\n\t\t\treturn (await context.getSuiteInfo(browserContext, taskId)).task.count\n\t\t},\n\t\tasync hasImageSnapshot(\n\t\t\tbrowserContext: ExtendedBrowserCommandContext,\n\t\t\ttaskId: string,\n\t\t\tsnapshotKey: string | undefined,\n\t\t) {\n\t\t\tconst info = await context.getSuiteInfo(browserContext, taskId)\n\n\t\t\treturn file.existFile(\n\t\t\t\tresolve(info.projectRoot, info.baselineDir, context.getSnapshotFilename(browserContext, info, snapshotKey)),\n\t\t\t)\n\t\t},\n\t\tgetSnapshotFilename(\n\t\t\tbrowserContext: ExtendedBrowserCommandContext,\n\t\t\tinfo: { taskId: string; task: { count: number } },\n\t\t\tsnapshotKey: string | undefined,\n\t\t) {\n\t\t\tif (snapshotKey) return `${info.taskId}-${snapshotKey}.png`\n\t\t\tconst visOptions = getVisOption(browserContext)\n\t\t\tif (typeof visOptions.snapshotKey === 'string') {\n\t\t\t\treturn `${info.taskId}-${visOptions.snapshotKey}.png`\n\t\t\t}\n\t\t\treturn `${info.taskId}-${info.task.count}.png`\n\t\t},\n\t\tasync getSuiteInfo(browserContext: ExtendedBrowserCommandContext, taskId: string) {\n\t\t\tconst projectState = await getSuite(browserContext)\n\t\t\tconst visOptions = getVisOption(browserContext)\n\t\t\tconst moduleId = getTaskSubpath(projectState, browserContext.testPath, visOptions)\n\t\t\tconst m = projectState.modules[moduleId]!\n\t\t\tconst task = (m.tasks[taskId] = m.tasks[taskId] ?? { count: 1 })\n\t\t\treturn {\n\t\t\t\tprojectRoot: projectState.projectRoot,\n\t\t\t\tsuiteId: moduleId,\n\t\t\t\ttaskId,\n\t\t\t\tbaselineDir: m.baselineDir,\n\t\t\t\tresultDir: m.resultDir,\n\t\t\t\tdiffDir: m.diffDir,\n\t\t\t\ttask,\n\t\t\t}\n\t\t},\n\t}\n\treturn context\n}\n"],"mappings":";;;;;;;AASA,SAAgB,yBAAyB;CACxC,MAAM,UAAU;EACf,MAAM,mBAAmB,gBAA+C,QAAgB;GACvF,MAAM,YAAY,MAAM,QAAQ,aAAa,gBAAgB,OAAO;GACpE,MAAM,YAAY,MAAM,KAAK,KAAK,KAAK,UAAU,aAAa,UAAU,aAAa,GAAG,UAAU,OAAO,QAAQ,CAAC;GAClH,MAAM,UAAU,MAAM,KAAK,KAAK,KAAK,UAAU,aAAa,UAAU,WAAW,GAAG,UAAU,OAAO,QAAQ,CAAC;GAC9G,MAAM,QAAQ,MAAM,KAAK,KAAK,KAAK,UAAU,aAAa,UAAU,SAAS,GAAG,UAAU,OAAO,QAAQ,CAAC;GAE1G,MAAM,IAA2B,EAAE;AACnC,SAAM,QAAQ,IACb,UAAU,IAAI,OAAO,iBAAiB;IACrC,MAAM,WAAW,SAAS,aAAa;IACvC,MAAM,aAAa,QAAQ,MAAM,QAAMA,IAAE,SAAS,SAAS,CAAC;IAC5D,MAAM,WAAW,MAAM,MAAM,MAAM,EAAE,SAAS,SAAS,CAAC;IAExD,MAAM,iBAAiB,MAAM,KAAK,YAAY,aAAa;IAC3D,MAAM,eAAe,MAAM,KAAK,YAAY,WAAW;IACvD,MAAM,aAAa,MAAM,KAAK,YAAY,SAAS;AACnD,MAAE,KAAK;KACN;KACA,UAAU,gBAAgB,SAAS,SAAS;KAC5C,QAAQ,cAAc,SAAS,SAAS;KACxC,MAAM,YAAY,SAAS,SAAS;KACpC,CAAC;KACD,CACF;AACD,UAAO;;EAER,MAAM,gBACL,gBACA,QACA,SACC;GACD,MAAM,YAAY,MAAM,QAAQ,aAAa,gBAAgB,OAAO;GACpE,MAAM,mBAAmB,QAAQ,oBAAoB,gBAAgB,WAAW,SAAS,YAAY;GAErG,MAAM,EAAE,aAAa,WAAW,SAAS,SAAS;AAElD,QAAK,QAAQ,KAAK,QAAQ;GAC1B,MAAM,eAAe,KAAK,aAAa,iBAAiB;GACxD,MAAM,aAAa,KAAK,WAAW,iBAAiB;GACpD,MAAM,WAAW,KAAK,SAAS,iBAAiB;AAEhD,UAAO;IACN,GAAG,KACF,aAAa,eAAe,EAC5B,oBACA,eACA,oBACA,wBACA,UACA;IACD;IACA;IACA;IACA;;EAGF,MAAM,aAAa,gBAA+C,QAAgB;AACjF,WAAQ,MAAM,QAAQ,aAAa,gBAAgB,OAAO,EAAE,KAAK;;EAElE,MAAM,iBACL,gBACA,QACA,aACC;GACD,MAAM,OAAO,MAAM,QAAQ,aAAa,gBAAgB,OAAO;AAE/D,UAAO,KAAK,UACX,QAAQ,KAAK,aAAa,KAAK,aAAa,QAAQ,oBAAoB,gBAAgB,MAAM,YAAY,CAAC,CAC3G;;EAEF,oBACC,gBACA,MACA,aACC;AACD,OAAI,YAAa,QAAO,GAAG,KAAK,OAAO,GAAG,YAAY;GACtD,MAAM,aAAa,aAAa,eAAe;AAC/C,OAAI,OAAO,WAAW,gBAAgB,SACrC,QAAO,GAAG,KAAK,OAAO,GAAG,WAAW,YAAY;AAEjD,UAAO,GAAG,KAAK,OAAO,GAAG,KAAK,KAAK,MAAM;;EAE1C,MAAM,aAAa,gBAA+C,QAAgB;GACjF,MAAM,eAAe,MAAM,SAAS,eAAe;GACnD,MAAM,aAAa,aAAa,eAAe;GAC/C,MAAM,WAAW,eAAe,cAAc,eAAe,UAAU,WAAW;GAClF,MAAM,IAAI,aAAa,QAAQ;GAC/B,MAAM,OAAQ,EAAE,MAAM,UAAU,EAAE,MAAM,WAAW,EAAE,OAAO,GAAG;AAC/D,UAAO;IACN,aAAa,aAAa;IAC1B,SAAS;IACT;IACA,aAAa,EAAE;IACf,WAAW,EAAE;IACb,SAAS,EAAE;IACX;IACA;;EAEF;AACD,QAAO"}

package/dist/server/vis_server_context.mjs

@@ -0,0 +1,8 @@
+import { createVisServerContext } from "./vis_server_context.logic.mjs";
+
+//#region src/server/vis_server_context.ts
+const visServerContext = createVisServerContext();
+
+//#endregion
+export { visServerContext };
+//# sourceMappingURL=vis_server_context.mjs.map

package/dist/server/vis_server_context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vis_server_context.mjs","names":[],"sources":["../../src/server/vis_server_context.ts"],"sourcesContent":["import { createVisServerContext } from './vis_server_context.logic.ts'\n\nexport const visServerContext = createVisServerContext()\n"],"mappings":";;;AAEA,MAAa,mBAAmB,wBAAwB"}

package/dist/server/vis_server_context.types.d.mts

@@ -0,0 +1,2 @@
+import "../shared/types.mjs";
+import "type-plus";

package/dist/server-utils.d.mts

@@ -1,19 +1,4 @@
-import { C as SNAPSHOT_ROOT_DIR, S as RESULT_DIR, b as DIFF_DIR, x as NAME, y as BASELINE_DIR } from "./types-CEmjj-A9.mjs";
-import "./types-DJYCbyT8.mjs";
-import { t as trimCommonFolder } from "./trim_common_folder-DBThLerp.mjs";
-import "type-plus";
-
-//#region src/server/snapshot_path.d.ts
-
-/**
- * Gets the root directory for storing snapshots.
- *
- * @param snapshotRootDir - Base directory for snapshots. Defaults to `__vis__`.
- * @returns The full snapshot root directory path, which includes a platform-specific subdirectory:
- * - When running in CI: `<snapshotRootDir>/<platform>` (e.g. `__vis__/linux`)
- * - When running locally: `<snapshotRootDir>/local`
- */
-declare function getSnapshotRootDir(snapshotRootDir?: string): string;
-//#endregion
-export { BASELINE_DIR, DIFF_DIR, NAME, RESULT_DIR, SNAPSHOT_ROOT_DIR, getSnapshotRootDir, trimCommonFolder };
-//# sourceMappingURL=server-utils.d.mts.map
+import { BASELINE_DIR, DIFF_DIR, NAME, RESULT_DIR, SNAPSHOT_ROOT_DIR } from "./shared/constants.mjs";
+import { trimCommonFolder } from "./shared/trim_common_folder.mjs";
+import { getSnapshotRootDir } from "./server/snapshot_path.mjs";
+export { BASELINE_DIR, DIFF_DIR, NAME, RESULT_DIR, SNAPSHOT_ROOT_DIR, getSnapshotRootDir, trimCommonFolder };

package/dist/server-utils.mjs

@@ -1,4 +1,5 @@
-import { a as SNAPSHOT_ROOT_DIR, i as RESULT_DIR, n as DIFF_DIR, r as NAME, t as BASELINE_DIR } from "./constants-CTBaz8Ml.mjs";
-import { i as trimCommonFolder, t as getSnapshotRootDir } from "./snapshot_path-7GliOSH_.mjs";
+import { BASELINE_DIR, DIFF_DIR, NAME, RESULT_DIR, SNAPSHOT_ROOT_DIR } from "./shared/constants.mjs";
+import { trimCommonFolder } from "./shared/trim_common_folder.mjs";
+import { getSnapshotRootDir } from "./server/snapshot_path.mjs";
 
 export { BASELINE_DIR, DIFF_DIR, NAME, RESULT_DIR, SNAPSHOT_ROOT_DIR, getSnapshotRootDir, trimCommonFolder };

package/dist/setup/create_vis.d.mts

@@ -0,0 +1,108 @@
+import { SnapshotMeta } from "../auto_snapshots/snapshot_meta.mjs";
+import { ComparisonMethod, SetupVisOptions } from "../shared/types.mjs";
+import { SetupVisSuiteCommand } from "../shared/commands.types.mjs";
+
+//#region src/setup/create_vis.d.ts
+
+/**
+ * Visual test configuration on the client side.
+ */
+type VisClientConfigurator<GM extends Record<string, any> | unknown = unknown> = {
+  /**
+   * Setup the visual test configuration.
+   *
+   * @example
+   * ```ts
+   * // Setup with auto snapshot enabled
+   * vis().setup({ auto: true })
+   *
+   * // Setup with auto snapshot disabled
+   * vis().setup({ auto: false })
+   *
+   * // Same as `vis.setup({ auto: false })`
+   * vis.setup()
+   *
+   * // Setup with auto snapshot determined by the test meta
+   * vis.setup({
+   * 	auto: async ({ meta }) => meta['darkOnly'],
+   * })
+   *
+   * // Setup with multiple auto snapshots
+   * vis.setup({
+   *   auto: {
+   *     async light() { document.body.classList.remove('dark') },
+   *     async dark() { document.body.classList.add('dark') },
+   *   }
+   * })
+   * ```
+   */
+  setup(options?: SetupVisOptions<GM>): void;
+  /**
+   * @deprecated Use `vis.setup()` instead.
+   */
+  presets: {
+    /**
+     * @deprecated Use `vis.setup()` instead.
+     *
+     * Enable visual testing.
+     *
+     * auto snapshot is turned off by default.
+     * You can specify the test to take a snapshot during `afterEach()` hook with `setAutoSnapshotOptions()`.
+     */
+    enable(): void;
+    /**
+     * @deprecated Use `vis.setup()` instead.
+     *
+     * Enable visual testing.
+     *
+     * `setAutoSnapshotOptions` will have no effect in this preset.
+     */
+    manual(): void;
+    /**
+     * @deprecated Use `vis.setup()` instead.
+     *
+     * Enable automatic visual testing.
+     *
+     * This will take a snapshot after each test.
+     */
+    auto(): void;
+    /**
+     * @deprecated Use `vis.setup()` instead.
+     *
+     * Enable automatic visual testing with multiple themes.
+     *
+     * This will take a snapshot after each test for each theme.
+     *
+     * @param themes A record of theme names and their setup functions.
+     *
+     * @example
+     * ```ts
+     * vis().presets.theme({
+     *  light() { document.body.classList.add('light') },
+     *  dark() { document.body.classList.add('dark') },
+     * })
+     * ```
+     */
+    theme<C extends ComparisonMethod, M extends Record<string, any> | unknown = unknown>(themes: Record<string, boolean | ((options: SnapshotMeta<C> & M & GM) => Promise<boolean> | Promise<void> | boolean | void)>): void;
+  };
+  beforeAll: {
+    /**
+     * @deprecated No known use case.
+     */
+    setup(): Promise<void>;
+  };
+  afterEach: {
+    /**
+     * @deprecated No known use case.
+     */
+    matchImageSnapshot(): Promise<void>;
+    /**
+     * @deprecated No known use case.
+     */
+    matchPerTheme<C extends ComparisonMethod, M extends Record<string, any> | unknown = unknown>(themes: Record<string, boolean | ((options: SnapshotMeta<C> & M & GM) => Promise<boolean> | Promise<void> | boolean | void)>): () => Promise<void>;
+  };
+};
+declare function createVis<GM extends Record<string, any> | unknown = unknown>(commands: SetupVisSuiteCommand): VisClientConfigurator<GM>;
+//#endregion
+export { VisClientConfigurator, createVis };
+//# sourceMappingURL=create_vis.d.mts.map

package/dist/setup/create_vis.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create_vis.d.mts","names":[],"sources":["../../src/setup/create_vis.ts"],"sourcesContent":[],"mappings":";;;;;;;;AAUA;AAA6C,KAAjC,qBAAiC,CAAA,WAAA,MAAA,CAAA,MAAA,EAAA,GAAA,CAAA,GAAA,OAAA,GAAA,OAAA,CAAA,GAAA;EA6BZ;;;;;;;;;;;;;;;;;;;;;;;;AA6EjC;;;;EAA4G,KAAA,CAAA,OAAA,CAAA,EA7E3F,eA6E2F,CA7E3E,EA6E2E,CAAA,CAAA,EAAA,IAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA9B1F,4BAA4B,iDACnC,oCAEc,aAAa,KAAK,IAAI,OAAO,mBAAmB;;;;;;aAQ9D;;;;;;0BAMa;;;;4BAIE,4BAA4B,iDAC3C,oCAEc,aAAa,KAAK,IAAI,OAAO,mBAAmB,yCAE9D;;;iBAIK,qBAAqB,mDAAmD,uBAAoB,sBAAA"}

package/dist/setup/create_vis.mjs

@@ -0,0 +1,58 @@
+import { setAutoSnapshotOptions } from "../auto_snapshots/auto_snapshot_options.mjs";
+import { autoSnapshotMatcher } from "../client/suite/auto_snapshot_matcher.mjs";
+import { afterEach, beforeAll, expect } from "vitest";
+
+//#region src/setup/create_vis.ts
+function createVis(commands) {
+	const matcher = autoSnapshotMatcher(commands, expect);
+	return {
+		setup(options) {
+			if (!options || options.auto === false) beforeAll(matcher.setup);
+			else beforeAll(async () => {
+				await matcher.setup();
+				setAutoSnapshotOptions(true);
+			});
+			if (typeof options?.auto === "function") afterEach(matcher.createMatcher({ auto: options.auto }));
+			else if (typeof options?.auto === "object") afterEach(matcher.createMatcher(options.auto));
+			else afterEach(matcher.createMatcher({ async auto() {} }));
+		},
+		presets: {
+			enable() {
+				beforeAll(matcher.setup);
+				afterEach(matcher.createMatcher({ async auto() {} }));
+			},
+			manual() {
+				beforeAll(matcher.setup);
+			},
+			auto() {
+				beforeAll(async () => {
+					await matcher.setup();
+					setAutoSnapshotOptions(true);
+				});
+				afterEach(matcher.createMatcher({ async auto() {} }));
+			},
+			theme(themes) {
+				beforeAll(async () => {
+					await matcher.setup();
+					setAutoSnapshotOptions(true);
+				});
+				afterEach(matcher.createMatcher(themes));
+			}
+		},
+		beforeAll: { async setup() {
+			await matcher.setup();
+		} },
+		afterEach: {
+			async matchImageSnapshot() {
+				return matcher.createMatcher({ async auto() {} })();
+			},
+			matchPerTheme(themes) {
+				return matcher.createMatcher(themes);
+			}
+		}
+	};
+}
+
+//#endregion
+export { createVis };
+//# sourceMappingURL=create_vis.mjs.map

package/dist/setup/create_vis.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"create_vis.mjs","names":[],"sources":["../../src/setup/create_vis.ts"],"sourcesContent":["import { afterEach, beforeAll, expect } from 'vitest'\nimport { setAutoSnapshotOptions } from '../auto_snapshots/auto_snapshot_options.ts'\nimport type { SnapshotMeta } from '../auto_snapshots/snapshot_meta.ts'\nimport { autoSnapshotMatcher } from '../client/suite/auto_snapshot_matcher.ts'\nimport type { SetupVisSuiteCommand } from '../shared/commands.types.ts'\nimport type { ComparisonMethod, SetupVisOptions } from '../shared/types.ts'\n\n/**\n * Visual test configuration on the client side.\n */\nexport type VisClientConfigurator<GM extends Record<string, any> | unknown = unknown> = {\n\t/**\n\t * Setup the visual test configuration.\n\t *\n\t * @example\n\t * ```ts\n\t * // Setup with auto snapshot enabled\n\t * vis().setup({ auto: true })\n\t *\n\t * // Setup with auto snapshot disabled\n\t * vis().setup({ auto: false })\n\t *\n\t * // Same as `vis.setup({ auto: false })`\n\t * vis.setup()\n\t *\n\t * // Setup with auto snapshot determined by the test meta\n\t * vis.setup({\n\t * \tauto: async ({ meta }) => meta['darkOnly'],\n\t * })\n\t *\n\t * // Setup with multiple auto snapshots\n\t * vis.setup({\n\t *   auto: {\n\t *     async light() { document.body.classList.remove('dark') },\n\t *     async dark() { document.body.classList.add('dark') },\n\t *   }\n\t * })\n\t * ```\n\t */\n\tsetup(options?: SetupVisOptions<GM>): void\n\t/**\n\t * @deprecated Use `vis.setup()` instead.\n\t */\n\tpresets: {\n\t\t/**\n\t\t * @deprecated Use `vis.setup()` instead.\n\t\t *\n\t\t * Enable visual testing.\n\t\t *\n\t\t * auto snapshot is turned off by default.\n\t\t * You can specify the test to take a snapshot during `afterEach()` hook with `setAutoSnapshotOptions()`.\n\t\t */\n\t\tenable(): void\n\t\t/**\n\t\t * @deprecated Use `vis.setup()` instead.\n\t\t *\n\t\t * Enable visual testing.\n\t\t *\n\t\t * `setAutoSnapshotOptions` will have no effect in this preset.\n\t\t */\n\t\tmanual(): void\n\t\t/**\n\t\t * @deprecated Use `vis.setup()` instead.\n\t\t *\n\t\t * Enable automatic visual testing.\n\t\t *\n\t\t * This will take a snapshot after each test.\n\t\t */\n\t\tauto(): void\n\t\t/**\n\t\t * @deprecated Use `vis.setup()` instead.\n\t\t *\n\t\t * Enable automatic visual testing with multiple themes.\n\t\t *\n\t\t * This will take a snapshot after each test for each theme.\n\t\t *\n\t\t * @param themes A record of theme names and their setup functions.\n\t\t *\n\t\t * @example\n\t\t * ```ts\n\t\t * vis().presets.theme({\n\t\t *  light() { document.body.classList.add('light') },\n\t\t *  dark() { document.body.classList.add('dark') },\n\t\t * })\n\t\t * ```\n\t\t */\n\t\ttheme<C extends ComparisonMethod, M extends Record<string, any> | unknown = unknown>(\n\t\t\tthemes: Record<\n\t\t\t\tstring,\n\t\t\t\tboolean | ((options: SnapshotMeta<C> & M & GM) => Promise<boolean> | Promise<void> | boolean | void)\n\t\t\t>,\n\t\t): void\n\t}\n\tbeforeAll: {\n\t\t/**\n\t\t * @deprecated No known use case.\n\t\t */\n\t\tsetup(): Promise<void>\n\t}\n\tafterEach: {\n\t\t/**\n\t\t * @deprecated No known use case.\n\t\t */\n\t\tmatchImageSnapshot(): Promise<void>\n\t\t/**\n\t\t * @deprecated No known use case.\n\t\t */\n\t\tmatchPerTheme<C extends ComparisonMethod, M extends Record<string, any> | unknown = unknown>(\n\t\t\tthemes: Record<\n\t\t\t\tstring,\n\t\t\t\tboolean | ((options: SnapshotMeta<C> & M & GM) => Promise<boolean> | Promise<void> | boolean | void)\n\t\t\t>,\n\t\t): () => Promise<void>\n\t}\n}\n\nexport function createVis<GM extends Record<string, any> | unknown = unknown>(commands: SetupVisSuiteCommand) {\n\tconst matcher = autoSnapshotMatcher(commands, expect)\n\n\tconst vis: VisClientConfigurator<GM> = {\n\t\tsetup(options) {\n\t\t\tif (!options || options.auto === false) {\n\t\t\t\tbeforeAll(matcher.setup)\n\t\t\t} else {\n\t\t\t\tbeforeAll(async () => {\n\t\t\t\t\tawait matcher.setup()\n\t\t\t\t\tsetAutoSnapshotOptions(true)\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tif (typeof options?.auto === 'function') {\n\t\t\t\tafterEach(matcher.createMatcher({ auto: options.auto }))\n\t\t\t} else if (typeof options?.auto === 'object') {\n\t\t\t\tafterEach(matcher.createMatcher(options.auto))\n\t\t\t} else {\n\t\t\t\tafterEach(matcher.createMatcher({ async auto() {} }))\n\t\t\t}\n\t\t},\n\t\tpresets: {\n\t\t\tenable() {\n\t\t\t\tbeforeAll(matcher.setup)\n\t\t\t\tafterEach(matcher.createMatcher({ async auto() {} }))\n\t\t\t},\n\t\t\tmanual() {\n\t\t\t\tbeforeAll(matcher.setup)\n\t\t\t},\n\t\t\tauto() {\n\t\t\t\tbeforeAll(async () => {\n\t\t\t\t\tawait matcher.setup()\n\t\t\t\t\tsetAutoSnapshotOptions(true)\n\t\t\t\t})\n\t\t\t\tafterEach(matcher.createMatcher({ async auto() {} }))\n\t\t\t},\n\t\t\ttheme(themes) {\n\t\t\t\tbeforeAll(async () => {\n\t\t\t\t\tawait matcher.setup()\n\t\t\t\t\tsetAutoSnapshotOptions(true)\n\t\t\t\t})\n\t\t\t\tafterEach(matcher.createMatcher(themes))\n\t\t\t},\n\t\t},\n\t\tbeforeAll: {\n\t\t\tasync setup() {\n\t\t\t\tawait matcher.setup()\n\t\t\t},\n\t\t},\n\t\tafterEach: {\n\t\t\tasync matchImageSnapshot() {\n\t\t\t\treturn matcher.createMatcher({ async auto() {} })()\n\t\t\t},\n\t\t\tmatchPerTheme(themes) {\n\t\t\t\treturn matcher.createMatcher(themes)\n\t\t\t},\n\t\t},\n\t}\n\treturn vis\n}\n"],"mappings":";;;;;AAoHA,SAAgB,UAA8D,UAAgC;CAC7G,MAAM,UAAU,oBAAoB,UAAU,OAAO;AA0DrD,QAxDuC;EACtC,MAAM,SAAS;AACd,OAAI,CAAC,WAAW,QAAQ,SAAS,MAChC,WAAU,QAAQ,MAAM;OAExB,WAAU,YAAY;AACrB,UAAM,QAAQ,OAAO;AACrB,2BAAuB,KAAK;KAC3B;AAGH,OAAI,OAAO,SAAS,SAAS,WAC5B,WAAU,QAAQ,cAAc,EAAE,MAAM,QAAQ,MAAM,CAAC,CAAC;YAC9C,OAAO,SAAS,SAAS,SACnC,WAAU,QAAQ,cAAc,QAAQ,KAAK,CAAC;OAE9C,WAAU,QAAQ,cAAc,EAAE,MAAM,OAAO,IAAI,CAAC,CAAC;;EAGvD,SAAS;GACR,SAAS;AACR,cAAU,QAAQ,MAAM;AACxB,cAAU,QAAQ,cAAc,EAAE,MAAM,OAAO,IAAI,CAAC,CAAC;;GAEtD,SAAS;AACR,cAAU,QAAQ,MAAM;;GAEzB,OAAO;AACN,cAAU,YAAY;AACrB,WAAM,QAAQ,OAAO;AACrB,4BAAuB,KAAK;MAC3B;AACF,cAAU,QAAQ,cAAc,EAAE,MAAM,OAAO,IAAI,CAAC,CAAC;;GAEtD,MAAM,QAAQ;AACb,cAAU,YAAY;AACrB,WAAM,QAAQ,OAAO;AACrB,4BAAuB,KAAK;MAC3B;AACF,cAAU,QAAQ,cAAc,OAAO,CAAC;;GAEzC;EACD,WAAW,EACV,MAAM,QAAQ;AACb,SAAM,QAAQ,OAAO;KAEtB;EACD,WAAW;GACV,MAAM,qBAAqB;AAC1B,WAAO,QAAQ,cAAc,EAAE,MAAM,OAAO,IAAI,CAAC,EAAE;;GAEpD,cAAc,QAAQ;AACrB,WAAO,QAAQ,cAAc,OAAO;;GAErC;EACD"}

package/dist/setup/vis.d.mts

@@ -0,0 +1,10 @@
+import { VisClientConfigurator } from "./create_vis.mjs";
+
+//#region src/setup/vis.d.ts
+/**
+ * Visual test configuration on the client side.
+ */
+declare const vis: VisClientConfigurator<unknown>;
+//#endregion
+export { vis };
+//# sourceMappingURL=vis.d.mts.map

package/dist/setup/vis.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vis.d.mts","names":[],"sources":["../../src/setup/vis.ts"],"sourcesContent":[],"mappings":";;;;;;AAMa,cAAA,GAAyB,EAAA,qBAAtB,CAAA,OAAA,CAAA"}

package/dist/setup/vis.mjs

@@ -0,0 +1,12 @@
+import { createVis } from "./create_vis.mjs";
+import { commands } from "vitest/browser";
+
+//#region src/setup/vis.ts
+/**
+* Visual test configuration on the client side.
+*/
+const vis = createVis(commands);
+
+//#endregion
+export { vis };
+//# sourceMappingURL=vis.mjs.map

package/dist/setup/vis.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vis.mjs","names":[],"sources":["../../src/setup/vis.ts"],"sourcesContent":["import { commands } from 'vitest/browser'\nimport { createVis } from './create_vis.ts'\n\n/**\n * Visual test configuration on the client side.\n */\nexport const vis = createVis(commands)\n"],"mappings":";;;;;;;AAMA,MAAa,MAAM,UAAU,SAAS"}

package/dist/setup-api.d.mts

@@ -0,0 +1,4 @@
+import "./client/expect/extend.mjs";
+import "./client/page/extend.mjs";
+import { VisClientConfigurator, createVis } from "./setup/create_vis.mjs";
+export { VisClientConfigurator, createVis };

package/dist/setup-api.mjs

@@ -0,0 +1,5 @@
+import "./client/expect/extend.mjs";
+import "./client/page/extend.mjs";
+import { createVis } from "./setup/create_vis.mjs";
+
+export { createVis };

package/dist/setup.d.mts

@@ -1,106 +1,13 @@
-import { n as ComparisonMethod, p as SetupVisOptions, w as SnapshotMeta } from "./types-CEmjj-A9.mjs";
-import "./types-DJYCbyT8.mjs";
-import { s as SetupVisSuiteCommand } from "./commands.types-BVhcnnHw.mjs";
-import "./to_match_image_snapshot.types--tTmHoRA.mjs";
-import "./augment-C1tjdh5B.mjs";
+import { createVis as createVis$1 } from "./setup/create_vis.mjs";
+import "./setup-api.mjs";
+import { vis } from "./setup/vis.mjs";
+
+//#region src/setup.d.ts
 
-//#region src/setup/create_vis.d.ts
-/**
- * Visual test configuration on the client side.
- */
-type VisClientConfigurator<GM extends Record<string, any> | unknown = unknown> = {
-  /**
-   * Setup the visual test configuration.
-   *
-   * @example
-   * ```ts
-   * // Setup with auto snapshot enabled
-   * vis().setup({ auto: true })
-   *
-   * // Setup with auto snapshot disabled
-   * vis().setup({ auto: false })
-   *
-   * // Same as `vis.setup({ auto: false })`
-   * vis.setup()
-   *
-   * // Setup with auto snapshot determined by the test meta
-   * vis.setup({
-   * 	auto: async ({ meta }) => meta['darkOnly'],
-   * })
-   *
-   * // Setup with multiple auto snapshots
-   * vis.setup({
-   *   auto: {
-   *     async light() { document.body.classList.remove('dark') },
-   *     async dark() { document.body.classList.add('dark') },
-   *   }
-   * })
-   * ```
-   */
-  setup(options?: SetupVisOptions<GM>): void;
-  /**
-   * @deprecated Use `vis.setup()` instead.
-   */
-  presets: {
-    /**
-     * @deprecated Use `vis.setup()` instead.
-     *
-     * Enable visual testing.
-     *
-     * auto snapshot is turned off by default.
-     * You can specify the test to take a snapshot during `afterEach()` hook with `setAutoSnapshotOptions()`.
-     */
-    enable(): void;
-    /**
-     * @deprecated Use `vis.setup()` instead.
-     *
-     * Enable visual testing.
-     *
-     * `setAutoSnapshotOptions` will have no effect in this preset.
-     */
-    manual(): void;
-    /**
-     * @deprecated Use `vis.setup()` instead.
-     *
-     * Enable automatic visual testing.
-     *
-     * This will take a snapshot after each test.
-     */
-    auto(): void;
-    /**
-     * @deprecated Use `vis.setup()` instead.
-     *
-     * Enable automatic visual testing with multiple themes.
-     *
-     * This will take a snapshot after each test for each theme.
-     *
-     * @param themes A record of theme names and their setup functions.
-     *
-     * @example
-     * ```ts
-     * vis().presets.theme({
-     *  light() { document.body.classList.add('light') },
-     *  dark() { document.body.classList.add('dark') },
-     * })
-     * ```
-     */
-    theme<C extends ComparisonMethod, M extends Record<string, any> | unknown = unknown>(themes: Record<string, boolean | ((options: SnapshotMeta<C> & M & GM) => Promise<boolean> | Promise<void> | boolean | void)>): void;
-  };
-  beforeAll: {
-    setup(): Promise<void>;
-  };
-  afterEach: {
-    matchImageSnapshot(): Promise<void>;
-    matchPerTheme<C extends ComparisonMethod, M extends Record<string, any> | unknown = unknown>(themes: Record<string, boolean | ((options: SnapshotMeta<C> & M & GM) => Promise<boolean> | Promise<void> | boolean | void)>): () => Promise<void>;
-  };
-};
-declare function createVis<GM extends Record<string, any> | unknown = unknown>(commands: SetupVisSuiteCommand): VisClientConfigurator<GM>;
-//#endregion
-//#region src/setup/vis.d.ts
 /**
- * Visual test configuration on the client side.
+ * @deprecated Use `createVis` from `vitest-plugin-vis/setup-api` instead.
  */
-declare const vis: VisClientConfigurator<unknown>;
+declare const createVis: typeof createVis$1;
 //#endregion
-export { VisClientConfigurator, createVis, vis };
+export { createVis, vis };
 //# sourceMappingURL=setup.d.mts.map

package/dist/setup.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"setup.d.mts","names":[],"sources":["../src/setup/create_vis.ts","../src/setup/vis.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAUY,iCAAiC;EAAjC;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGZ;;EAAwF,KAAA,CAAA,OAAA,CAAA,EApEvE,eAoEuE,CApEvD,EAoEuD,CAAA,CAAA,EAAA,IAAA;EAAoB;;;;;;ACrG5G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBDgFkB,4BAA4B,iDACnC,oCAEc,aAAa,KAAK,IAAI,OAAO,mBAAmB;;;aAK9D;;;0BAGa;4BACE,4BAA4B,iDAC3C,oCAEc,aAAa,KAAK,IAAI,OAAO,mBAAmB,yCAE9D;;;iBAIK,qBAAqB,mDAAmD,uBAAoB,sBAAA;;;;;;cCrG/F,KAAyB"}
+{"version":3,"file":"setup.d.mts","names":[],"sources":["../src/setup.ts"],"sourcesContent":[],"mappings":";;;;;;;;AASA;cAAa,kBAAS"}

package/dist/setup.mjs

@@ -1,8 +1,13 @@
-import "./asserts--HSSlgPD.mjs";
-import "./constants-CTBaz8Ml.mjs";
-import "./auto_snapshot_options-DUOTpF2N.mjs";
-import "./base64-CHSENEAO.mjs";
-import "./auto_snapshot_matcher-C0y6mAeS.mjs";
-import { n as createVis, t as vis } from "./setup-DCytWz48.mjs";
+import { createVis as createVis$1 } from "./setup/create_vis.mjs";
+import "./setup-api.mjs";
+import { vis } from "./setup/vis.mjs";
 
-export { createVis, vis };
+//#region src/setup.ts
+/**
+* @deprecated Use `createVis` from `vitest-plugin-vis/setup-api` instead.
+*/
+const createVis = createVis$1;
+
+//#endregion
+export { createVis, vis };
+//# sourceMappingURL=setup.mjs.map

package/dist/setup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.mjs","names":["createVisDeprecated"],"sources":["../src/setup.ts"],"sourcesContent":["import './setup-api.ts'\n\nexport * from './setup/vis.ts'\n\nimport { createVis as createVisDeprecated } from './setup/create_vis.ts'\n\n/**\n * @deprecated Use `createVis` from `vitest-plugin-vis/setup-api` instead.\n */\nexport const createVis = createVisDeprecated\n"],"mappings":";;;;;;;;AASA,MAAa,YAAYA"}

package/dist/{asserts--HSSlgPD.mjs → shared/asserts.mjs}

@@ -4,5 +4,5 @@ function assertSnapshotKeyWithoutDash(snapshotKey) {
 }
 
 //#endregion
-export { assertSnapshotKeyWithoutDash as t };
-//# sourceMappingURL=asserts--HSSlgPD.mjs.map
+export { assertSnapshotKeyWithoutDash };
+//# sourceMappingURL=asserts.mjs.map

package/dist/shared/asserts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"asserts.mjs","names":[],"sources":["../../src/shared/asserts.ts"],"sourcesContent":["export function assertSnapshotKeyWithoutDash(snapshotKey: string | undefined) {\n\tif (snapshotKey?.includes('-')) {\n\t\tthrow new Error('Snapshot key cannot contain dash')\n\t}\n}\n"],"mappings":";AAAA,SAAgB,6BAA6B,aAAiC;AAC7E,KAAI,aAAa,SAAS,IAAI,CAC7B,OAAM,IAAI,MAAM,mCAAmC"}

package/dist/{base64-CHSENEAO.mjs → shared/base64.mjs}

@@ -4,5 +4,5 @@ function isBase64String(value) {
 }
 
 //#endregion
-export { isBase64String as t };
-//# sourceMappingURL=base64-CHSENEAO.mjs.map
+export { isBase64String };
+//# sourceMappingURL=base64.mjs.map

package/dist/shared/base64.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"base64.mjs","names":[],"sources":["../../src/shared/base64.ts"],"sourcesContent":["export function isBase64String(value: unknown): value is string {\n\treturn typeof value === 'string' && /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/.test(value)\n}\n"],"mappings":";AAAA,SAAgB,eAAe,OAAiC;AAC/D,QAAO,OAAO,UAAU,YAAY,mEAAmE,KAAK,MAAM"}

package/dist/{commands.types-BVhcnnHw.d.mts → shared/commands.types.d.mts}

@@ -1,13 +1,13 @@
-import { a as ImageSnapshotComparisonInfo, l as MatchImageSnapshotOptions } from "./types-CEmjj-A9.mjs";
-import { t as VisOptions } from "./types-DJYCbyT8.mjs";
+import { ImageSnapshotComparisonInfo, MatchImageSnapshotOptions } from "./types.mjs";
+import { VisOptions } from "../config/types.mjs";
 import { Pick } from "type-plus";
 
 //#region src/shared/commands.types.d.ts
 interface PrepareImageSnapshotComparisonCommand {
-  prepareImageSnapshotComparison: (taskId: string, subject: string, options?: MatchImageSnapshotOptions | undefined) => Promise<ImageSnapshotComparisonInfo | undefined>;
+  prepareImageSnapshotComparison: (taskId: string, subject: string, options?: MatchImageSnapshotOptions | undefined) => Promise<ImageSnapshotComparisonInfo>;
 }
 interface PreparePageImageSnapshotComparisonCommand {
-  preparePageImageSnapshotComparison: (taskId: string, options?: MatchImageSnapshotOptions | undefined) => Promise<ImageSnapshotComparisonInfo | undefined>;
+  preparePageImageSnapshotComparison: (taskId: string, options?: MatchImageSnapshotOptions | undefined) => Promise<ImageSnapshotComparisonInfo>;
 }
 interface SetupVisSuiteCommand {
   /**
@@ -47,5 +47,5 @@ interface ImageSnapshotNextIndexCommand {
   imageSnapshotNextIndex(taskId: string): Promise<number>;
 }
 //#endregion
-export { PrepareImageSnapshotComparisonCommand as a, LoadImageSnapshotResultsCommand as i, ImageSnapshotNextIndexCommand as n, PreparePageImageSnapshotComparisonCommand as o, ImageSnapshotResult as r, SetupVisSuiteCommand as s, HasImageSnapshotCommand as t };
-//# sourceMappingURL=commands.types-BVhcnnHw.d.mts.map
+export { HasImageSnapshotCommand, ImageSnapshotNextIndexCommand, ImageSnapshotResult, LoadImageSnapshotResultsCommand, PrepareImageSnapshotComparisonCommand, PreparePageImageSnapshotComparisonCommand, SetupVisSuiteCommand };
+//# sourceMappingURL=commands.types.d.mts.map

package/dist/shared/commands.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.types.d.mts","names":[],"sources":["../../src/shared/commands.types.ts"],"sourcesContent":[],"mappings":";;;;;UAIiB,qCAAA;8EAIL,0CACN,QAAQ;AALd;AAIY,UAIK,yCAAA,CAJL;EACE,kCAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAMF,yBANE,GAAA,SAAA,EAAA,GAOR,OAPQ,CAOA,2BAPA,CAAA;;AAAD,UAUI,oBAAA,CAVJ;EAGI;;;;;AAOjB;;EASE,aAAA,EAAA,GAAA,GADoB,OACpB,CAAA,IAAA,CACC,UADD,EAAA,kBAAA,GAAA,aAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,SAAA,GAAA,SAAA,CAAA,CAAA;;AAD2B,UAcZ,+BAAA,CAdY;EAcZ,wBAAA,CAAA,MAAA,EAAA,MAA+B,CAAA,EACL,OAAQ,CAAA,mBAAR,EAAA,CAAA;AAG3C;AAgBiB,UAhBA,mBAAA,CAgBuB;EAIvB,QAAA,EAAA,MAAA;;;;;;;;;;;;;;UAJA,uBAAA;qEACmD;;UAGnD,6BAAA;;;;0CAIwB"}

package/dist/shared/compare_image.mjs

@@ -0,0 +1,46 @@
+import { convertThresholdUnit } from "./convert_threshold_unit.mjs";
+import pixelMatch from "pixelmatch";
+import { ssim } from "ssim.js";
+
+//#region src/shared/compare_image.ts
+function compareImage(img1, img2, output, width, height, options = {}) {
+	const pixelDiff = options.comparisonMethod === "ssim" ? compareWithSsim(img1, img2, output, width, height, options.diffOptions) : pixelMatch(img1, img2, output, width, height, options.diffOptions);
+	const diffAmount = convertThresholdUnit({
+		failureThresholdType: options.failureThresholdType ?? "pixel",
+		width,
+		height
+	}, pixelDiff);
+	return {
+		pass: diffAmount <= (options.failureThreshold ?? 0),
+		diffAmount
+	};
+}
+/**
+* @author This code is based on `jest-image-snapshot` implementation.
+*/
+function compareWithSsim(img1, img2, output, width, height, diffOptions) {
+	const { ssim_map, mssim } = ssim({
+		data: img1,
+		width,
+		height
+	}, {
+		data: img2,
+		width,
+		height
+	}, {
+		ssim: "bezkrovny",
+		...diffOptions
+	});
+	const diffPixels = Math.round((1 - mssim) * width * height);
+	const diffRgbaPixels = new DataView(output.buffer, output.byteOffset);
+	for (let ln = 0; ln !== height; ++ln) for (let pos = 0; pos !== width; ++pos) {
+		const rPos = ln * width + pos;
+		const diffValue = 4278190080 + Math.floor(255 * (1 - ssim_map.data[ssim_map.width * Math.round(ssim_map.height * ln / height) + Math.round(ssim_map.width * pos / width)]));
+		diffRgbaPixels.setUint32(rPos * 4, diffValue);
+	}
+	return diffPixels;
+}
+
+//#endregion
+export { compareImage };
+//# sourceMappingURL=compare_image.mjs.map

package/dist/shared/compare_image.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare_image.mjs","names":["pixelmatch"],"sources":["../../src/shared/compare_image.ts"],"sourcesContent":["import pixelmatch from 'pixelmatch'\nimport { type Options, ssim } from 'ssim.js'\nimport { convertThresholdUnit } from './convert_threshold_unit.ts'\nimport type { ComparisonMethod, ImageSnapshotCompareOptions } from './types.ts'\n\nexport function compareImage<M extends ComparisonMethod>(\n\timg1: Uint8ClampedArray | Buffer,\n\timg2: Uint8ClampedArray | Buffer,\n\toutput: Uint8ClampedArray | Buffer,\n\twidth: number,\n\theight: number,\n\toptions: ImageSnapshotCompareOptions<M> = {} as any,\n) {\n\tconst pixelDiff =\n\t\toptions.comparisonMethod === 'ssim'\n\t\t\t? compareWithSsim(img1, img2, output, width, height, options.diffOptions)\n\t\t\t: pixelmatch(img1, img2, output, width, height, options.diffOptions)\n\tconst diffAmount = convertThresholdUnit(\n\t\t{ failureThresholdType: options.failureThresholdType ?? 'pixel', width, height },\n\t\tpixelDiff,\n\t)\n\n\treturn {\n\t\tpass: diffAmount <= (options.failureThreshold ?? 0),\n\t\tdiffAmount,\n\t}\n}\n\n/**\n * @author This code is based on `jest-image-snapshot` implementation.\n */\nfunction compareWithSsim(\n\timg1: Uint8ClampedArray | Buffer,\n\timg2: Uint8ClampedArray | Buffer,\n\toutput: Uint8ClampedArray | Buffer,\n\twidth: number,\n\theight: number,\n\tdiffOptions?: Partial<Options>,\n) {\n\tconst newImage = { data: img1, width: width, height: height }\n\tconst baselineImage = { data: img2, width: width, height: height }\n\tconst { ssim_map, mssim } = ssim(newImage as any, baselineImage as any, {\n\t\tssim: 'bezkrovny',\n\t\t...diffOptions,\n\t})\n\t// Converts the SSIM value to different pixels based on image width and height\n\t// conforms to how pixelmatch works.\n\tconst diffPixels = Math.round((1 - mssim) * width * height)\n\tconst diffRgbaPixels = new DataView(output.buffer, output.byteOffset)\n\tfor (let ln = 0; ln !== height; ++ln) {\n\t\tfor (let pos = 0; pos !== width; ++pos) {\n\t\t\tconst rPos = ln * width + pos\n\t\t\t// initial value is transparent.  We'll add in the SSIM offset.\n\t\t\t// red (ff) green (00) blue (00) alpha (00)\n\t\t\tconst diffValue =\n\t\t\t\t0xff000000 +\n\t\t\t\tMath.floor(\n\t\t\t\t\t0xff *\n\t\t\t\t\t\t(1 -\n\t\t\t\t\t\t\tssim_map.data[\n\t\t\t\t\t\t\t\tssim_map.width * Math.round((ssim_map.height * ln) / height) +\n\t\t\t\t\t\t\t\t\tMath.round((ssim_map.width * pos) / width)\n\t\t\t\t\t\t\t]!),\n\t\t\t\t)\n\t\t\tdiffRgbaPixels.setUint32(rPos * 4, diffValue)\n\t\t}\n\t}\n\treturn diffPixels\n}\n"],"mappings":";;;;;AAKA,SAAgB,aACf,MACA,MACA,QACA,OACA,QACA,UAA0C,EAAE,EAC3C;CACD,MAAM,YACL,QAAQ,qBAAqB,SAC1B,gBAAgB,MAAM,MAAM,QAAQ,OAAO,QAAQ,QAAQ,YAAY,GACvEA,WAAW,MAAM,MAAM,QAAQ,OAAO,QAAQ,QAAQ,YAAY;CACtE,MAAM,aAAa,qBAClB;EAAE,sBAAsB,QAAQ,wBAAwB;EAAS;EAAO;EAAQ,EAChF,UACA;AAED,QAAO;EACN,MAAM,eAAe,QAAQ,oBAAoB;EACjD;EACA;;;;;AAMF,SAAS,gBACR,MACA,MACA,QACA,OACA,QACA,aACC;CAGD,MAAM,EAAE,UAAU,UAAU,KAFX;EAAE,MAAM;EAAa;EAAe;EAAQ,EACvC;EAAE,MAAM;EAAa;EAAe;EAAQ,EACM;EACvE,MAAM;EACN,GAAG;EACH,CAAC;CAGF,MAAM,aAAa,KAAK,OAAO,IAAI,SAAS,QAAQ,OAAO;CAC3D,MAAM,iBAAiB,IAAI,SAAS,OAAO,QAAQ,OAAO,WAAW;AACrE,MAAK,IAAI,KAAK,GAAG,OAAO,QAAQ,EAAE,GACjC,MAAK,IAAI,MAAM,GAAG,QAAQ,OAAO,EAAE,KAAK;EACvC,MAAM,OAAO,KAAK,QAAQ;EAG1B,MAAM,YACL,aACA,KAAK,MACJ,OACE,IACA,SAAS,KACR,SAAS,QAAQ,KAAK,MAAO,SAAS,SAAS,KAAM,OAAO,GAC3D,KAAK,MAAO,SAAS,QAAQ,MAAO,MAAM,GAE9C;AACF,iBAAe,UAAU,OAAO,GAAG,UAAU;;AAG/C,QAAO"}

package/dist/shared/constants.d.mts

@@ -0,0 +1,9 @@
+//#region src/shared/constants.d.ts
+declare const NAME = "vis";
+declare const SNAPSHOT_ROOT_DIR = "__vis__";
+declare const BASELINE_DIR = "__baselines__";
+declare const RESULT_DIR = "__results__";
+declare const DIFF_DIR = "__diffs__";
+//#endregion
+export { BASELINE_DIR, DIFF_DIR, NAME, RESULT_DIR, SNAPSHOT_ROOT_DIR };
+//# sourceMappingURL=constants.d.mts.map

package/dist/shared/constants.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.mts","names":[],"sources":["../../src/shared/constants.ts"],"sourcesContent":[],"mappings":";cAAa,IAAA;AAAA,cACA,iBAAA,GADI,SAAA;AACJ,cACA,YAAA,GADiB,eAAA;AACjB,cACA,UAAA,GADY,aAAA;AACZ,cACA,QAAA,GADU,WAAA"}

package/dist/{constants-CTBaz8Ml.mjs → shared/constants.mjs}

@@ -6,5 +6,5 @@ const RESULT_DIR = "__results__";
 const DIFF_DIR = "__diffs__";
 
 //#endregion
-export { SNAPSHOT_ROOT_DIR as a, RESULT_DIR as i, DIFF_DIR as n, NAME as r, BASELINE_DIR as t };
-//# sourceMappingURL=constants-CTBaz8Ml.mjs.map
+export { BASELINE_DIR, DIFF_DIR, NAME, RESULT_DIR, SNAPSHOT_ROOT_DIR };
+//# sourceMappingURL=constants.mjs.map

package/dist/shared/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","names":[],"sources":["../../src/shared/constants.ts"],"sourcesContent":["export const NAME = 'vis'\nexport const SNAPSHOT_ROOT_DIR = '__vis__'\nexport const BASELINE_DIR = '__baselines__'\nexport const RESULT_DIR = '__results__'\nexport const DIFF_DIR = '__diffs__'\n"],"mappings":";AAAA,MAAa,OAAO;AACpB,MAAa,oBAAoB;AACjC,MAAa,eAAe;AAC5B,MAAa,aAAa;AAC1B,MAAa,WAAW"}

package/dist/shared/convert_threshold_unit.mjs

@@ -0,0 +1,12 @@
+//#region src/shared/convert_threshold_unit.ts
+function convertThresholdUnit({ failureThresholdType, width, height }, pixelDiff) {
+	switch (failureThresholdType) {
+		case "pixel": return pixelDiff;
+		case "percent": return pixelDiff / (width * height) * 100;
+		default: throw new Error(`Unsupported failureThresholdType: ${failureThresholdType}`);
+	}
+}
+
+//#endregion
+export { convertThresholdUnit };
+//# sourceMappingURL=convert_threshold_unit.mjs.map

package/dist/shared/convert_threshold_unit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"convert_threshold_unit.mjs","names":[],"sources":["../../src/shared/convert_threshold_unit.ts"],"sourcesContent":["export function convertThresholdUnit(\n\t{ failureThresholdType, width, height }: { failureThresholdType: 'pixel' | 'percent'; width: number; height: number },\n\tpixelDiff: number,\n): number {\n\tswitch (failureThresholdType) {\n\t\tcase 'pixel':\n\t\t\treturn pixelDiff\n\t\tcase 'percent':\n\t\t\treturn (pixelDiff / (width * height)) * 100\n\t\tdefault:\n\t\t\tthrow new Error(`Unsupported failureThresholdType: ${failureThresholdType}`)\n\t}\n}\n"],"mappings":";AAAA,SAAgB,qBACf,EAAE,sBAAsB,OAAO,UAC/B,WACS;AACT,SAAQ,sBAAR;EACC,KAAK,QACJ,QAAO;EACR,KAAK,UACJ,QAAQ,aAAa,QAAQ,UAAW;EACzC,QACC,OAAM,IAAI,MAAM,qCAAqC,uBAAuB"}

package/dist/shared/get_max_size.mjs

@@ -0,0 +1,11 @@
+//#region src/shared/get_max_size.ts
+function getMaxSize(image1, image2) {
+	return {
+		width: Math.max(image1.width, image2.width),
+		height: Math.max(image1.height, image2.height)
+	};
+}
+
+//#endregion
+export { getMaxSize };
+//# sourceMappingURL=get_max_size.mjs.map

package/dist/shared/get_max_size.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get_max_size.mjs","names":[],"sources":["../../src/shared/get_max_size.ts"],"sourcesContent":["export function getMaxSize(image1: { width: number; height: number }, image2: { width: number; height: number }) {\n\tconst width = Math.max(image1.width, image2.width)\n\tconst height = Math.max(image1.height, image2.height)\n\treturn { width, height }\n}\n"],"mappings":";AAAA,SAAgB,WAAW,QAA2C,QAA2C;AAGhH,QAAO;EAAE,OAFK,KAAK,IAAI,OAAO,OAAO,OAAO,MAAM;EAElC,QADD,KAAK,IAAI,OAAO,QAAQ,OAAO,OAAO;EAC7B"}

package/dist/shared/is_same_size.mjs

@@ -0,0 +1,8 @@
+//#region src/shared/is_same_size.ts
+function isSameSize(image1, image2) {
+	return image1.width === image2.width && image1.height === image2.height;
+}
+
+//#endregion
+export { isSameSize };
+//# sourceMappingURL=is_same_size.mjs.map