vitest-plugin-vis 1.0.0

package/esm/server/vis_context.logic.js

@@ -0,0 +1,116 @@
+import { join, relative } from 'pathe';
+import { DIFF_DIR, RESULT_DIR } from "../shared/constants.js";
+import { file } from "./file.js";
+import { getSnapshotSubpath, resolveSnapshotRootDir } from "./snapshot_path.js";
+import { ctx } from "./vis_context.ctx.js";
+export function createVisContext() {
+    let visOptions = {};
+    let state;
+    let globalStateReady;
+    const context = {
+        setOptions(options = {}) {
+            visOptions = options;
+        },
+        __test__getOptions() {
+            return visOptions;
+        },
+        __test__reset() {
+            visOptions = undefined;
+        },
+        __test__getState() {
+            return state;
+        },
+        /**
+         * Setup suite is called on each test file's beforeAll hook.
+         * Test files include vitest test files and storybook story files.
+         * It needs to make sure there is no race condition between the test files.
+         */
+        async setupSuite(context) {
+            if (!globalStateReady) {
+                globalStateReady = setupState(context, visOptions);
+                state = await globalStateReady;
+            }
+            else {
+                await globalStateReady;
+            }
+            const { suiteId, suite } = createSuite(state, context.testPath, visOptions);
+            state.suites[suiteId] = suite;
+            await Promise.allSettled([ctx.rimraf(suite.diffDir), ctx.rimraf(suite.resultDir)]);
+        },
+        getSnapshotInfo(testPath, name, options) {
+            const info = context.getSuiteInfo(testPath, name);
+            const snapshotFilename = context.getSnapshotFilename(info, options?.snapshotFileId);
+            const { baselineDir, resultDir, diffDir, task } = info;
+            task.count = task.count + 1;
+            const baselinePath = join(baselineDir, snapshotFilename);
+            const resultPath = join(resultDir, snapshotFilename);
+            const diffPath = join(diffDir, snapshotFilename);
+            return {
+                baselinePath,
+                resultPath,
+                diffPath,
+            };
+        },
+        getTaskCount(testPath, taskId) {
+            return context.getSuiteInfo(testPath, taskId).task.count;
+        },
+        hasImageSnapshot(testPath, taskId, snapshotFileId) {
+            const info = context.getSuiteInfo(testPath, taskId);
+            return file.existFile(join(info.baselineDir, context.getSnapshotFilename(info, snapshotFileId)));
+        },
+        getSnapshotFilename(info, snapshotFileId) {
+            if (snapshotFileId)
+                return `${snapshotFileId}.png`;
+            const customizeSnapshotId = visOptions.customizeSnapshotId ?? ((id, index) => `${id}-${index}`);
+            return `${customizeSnapshotId(info.taskId, info.task.count)}.png`;
+        },
+        getSuiteInfo(testPath, taskId) {
+            const suiteId = getSuiteId(state, testPath, visOptions);
+            const suite = state.suites[suiteId];
+            const task = (suite.tasks[taskId] = suite.tasks[taskId] ?? { count: 1 });
+            return {
+                suiteId,
+                taskId,
+                baselineDir: suite.baselineDir,
+                resultDir: suite.resultDir,
+                diffDir: suite.diffDir,
+                task,
+            };
+        },
+    };
+    return context;
+}
+async function setupState(suite, visOptions) {
+    const snapshotRootDir = resolveSnapshotRootDir(visOptions);
+    const projectPath = suite.project.config.root;
+    const platform = ctx.getSnapshotPlatform();
+    const state = {
+        projectPath,
+        platform,
+        testTimeout: suite.project.config.testTimeout,
+        hookTimeout: suite.project.config.hookTimeout,
+        snapshotRootDir,
+        snapshotBaselineDir: join(snapshotRootDir, platform),
+        snapshotResultDir: join(snapshotRootDir, RESULT_DIR),
+        snapshotDiffDir: join(snapshotRootDir, DIFF_DIR),
+        snapshotRootPath: join(projectPath, snapshotRootDir),
+        suites: {},
+    };
+    await Promise.allSettled([ctx.rimraf(join(state.snapshotDiffDir)), ctx.rimraf(join(state.snapshotResultDir))]);
+    return state;
+}
+export function getSuiteId(state, testPath, options) {
+    return getSnapshotSubpath(relative(state.projectPath, testPath), options);
+}
+export function createSuite(state, testPath, options) {
+    const suiteId = getSuiteId(state, testPath, options);
+    return {
+        suiteId,
+        suite: {
+            baselineDir: join(state.snapshotBaselineDir, suiteId),
+            resultDir: join(state.snapshotResultDir, suiteId),
+            diffDir: join(state.snapshotDiffDir, suiteId),
+            tasks: {},
+        },
+    };
+}

package/esm/server/vis_context.types.d.ts

@@ -0,0 +1,20 @@
+export type VisState = {
+    projectPath: string;
+    platform: string;
+    testTimeout: number;
+    hookTimeout: number;
+    snapshotRootDir: string;
+    snapshotBaselineDir: string;
+    snapshotResultDir: string;
+    snapshotDiffDir: string;
+    snapshotRootPath: string;
+    suites: Record<string, {
+        baselineDir: string;
+        resultDir: string;
+        diffDir: string;
+        tasks: Record<string, {
+            count: number;
+        }>;
+    }>;
+};
+//# sourceMappingURL=vis_context.types.d.ts.map

package/esm/server/vis_context.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vis_context.types.d.ts","sourceRoot":"","sources":["../../src/server/vis_context.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG;IACtB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,iBAAiB,EAAE,MAAM,CAAA;IACzB,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,MAAM,CAAA;IACxB,MAAM,EAAE,MAAM,CACb,MAAM,EACN;QACC,WAAW,EAAE,MAAM,CAAA;QACnB,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,CACZ,MAAM,EACN;YACC,KAAK,EAAE,MAAM,CAAA;SACb,CACD,CAAA;KACD,CACD,CAAA;CACD,CAAA"}

package/esm/server/vis_context.types.js

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

package/esm/setup/create_vis.d.ts

@@ -0,0 +1,39 @@
+import type { SetupVisSuiteCommand } from '../server/commands/setup_vis_suite.ts';
+export declare function createVis(commands: SetupVisSuiteCommand): {
+    presets: {
+        /**
+         * Enable manual visual testing.
+         */
+        manual(): void;
+        /**
+         * Enable automatic visual testing.
+         *
+         * This will take a snapshot after each test.
+         */
+        auto(): void;
+        /**
+         * 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(themes: Record<string, () => void | Promise<void>>): void;
+    };
+    beforeAll: {
+        setup(): Promise<void>;
+    };
+    afterEach: {
+        matchImageSnapshot(): Promise<void>;
+        matchPerTheme(themes: Record<string, () => Promise<void> | void>): () => Promise<void>;
+    };
+};
+//# sourceMappingURL=create_vis.d.ts.map

package/esm/setup/create_vis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create_vis.d.ts","sourceRoot":"","sources":["../../src/setup/create_vis.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAEjF,wBAAgB,SAAS,CAAC,QAAQ,EAAE,oBAAoB;;QAMrD;;WAEG;;QAIH;;;;WAIG;;QAKH;;;;;;;;;;;;;;WAcG;sBACW,MAAM,CAAC,MAAM,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;;;;;;;8BAgBlC,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;;EAqClE"}

package/esm/setup/create_vis.js

@@ -0,0 +1,96 @@
+import dedent from 'dedent';
+import { afterEach, beforeAll, expect } from 'vitest';
+import { toTaskId } from "../client.js";
+import { ctx } from "../client/ctx.js";
+import { shouldTakeSnapshot } from "../client/should_take_snapshot.js";
+import { getAutoSnapshotOptions } from '../client/snapshot_options.internal.js';
+export function createVis(commands) {
+    /**
+     * Visual test configuration on the client side.
+     */
+    const vis = {
+        presets: {
+            /**
+             * Enable manual visual testing.
+             */
+            manual() {
+                beforeAll(vis.beforeAll.setup);
+            },
+            /**
+             * Enable automatic visual testing.
+             *
+             * This will take a snapshot after each test.
+             */
+            auto() {
+                beforeAll(vis.beforeAll.setup);
+                afterEach(vis.afterEach.matchImageSnapshot);
+            },
+            /**
+             * 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(themes) {
+                beforeAll(vis.beforeAll.setup);
+                afterEach(vis.afterEach.matchPerTheme(themes));
+            },
+        },
+        beforeAll: {
+            async setup() {
+                await commands.setupVisSuite();
+            },
+        },
+        afterEach: {
+            async matchImageSnapshot() {
+                const meta = getAutoSnapshotOptions(ctx.getCurrentTest());
+                if (!shouldTakeSnapshot(meta))
+                    return;
+                await expect(document.body).toMatchImageSnapshot(meta);
+            },
+            matchPerTheme(themes) {
+                return async function matchImageSnapshot() {
+                    const test = ctx.getCurrentTest();
+                    const meta = getAutoSnapshotOptions(test);
+                    if (!shouldTakeSnapshot(meta))
+                        return;
+                    const errors = [];
+                    for (const themeId in themes) {
+                        try {
+                            await themes[themeId]();
+                            await expect(document.body).toMatchImageSnapshot({
+                                ...meta,
+                                customizeSnapshotId: (id) => `${id}-${themeId}`,
+                            });
+                        }
+                        catch (error) {
+                            errors.push([themeId, error]);
+                        }
+                    }
+                    if (errors.length > 0) {
+                        if (errors.length === 1)
+                            throw errors[0][1];
+                        const taskId = toTaskId(test);
+                        throw new AggregateError(errors, dedent `Snapshot \`${taskId}\` mismatched
+
+						${errors
+                            .map(([themeId, error]) => {
+                            return `Theme \`${themeId}\` failed: ${error.message}`;
+                        })
+                            .join('\n')}`);
+                    }
+                };
+            },
+        },
+    };
+    return vis;
+}

package/esm/setup/vis.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Visual test configuration on the client side.
+ */
+export declare const vis: {
+    presets: {
+        manual(): void;
+        auto(): void;
+        theme(themes: Record<string, () => void | Promise<void>>): void;
+    };
+    beforeAll: {
+        setup(): Promise<void>;
+    };
+    afterEach: {
+        matchImageSnapshot(): Promise<void>;
+        matchPerTheme(themes: Record<string, () => Promise<void> | void>): () => Promise<void>;
+    };
+};
+//# sourceMappingURL=vis.d.ts.map

package/esm/setup/vis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vis.d.ts","sourceRoot":"","sources":["../../src/setup/vis.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,GAAG;;;;;;;;;;;;;CAAsB,CAAA"}

package/esm/setup/vis.js

@@ -0,0 +1,6 @@
+import { commands } from '@vitest/browser/context';
+import { createVis } from "./create_vis.js";
+/**
+ * Visual test configuration on the client side.
+ */
+export const vis = createVis(commands);

package/esm/setup.d.ts

@@ -0,0 +1,5 @@
+import './client/expect/extend.ts';
+import './client/page/extend.ts';
+export * from './setup/vis.ts';
+export * from './setup/create_vis.ts';
+//# sourceMappingURL=setup.d.ts.map

package/esm/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../src/setup.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAA;AAClC,OAAO,yBAAyB,CAAA;AAEhC,cAAc,gBAAgB,CAAA;AAI9B,cAAc,uBAAuB,CAAA"}

package/esm/setup.js

@@ -0,0 +1,7 @@
+// `vitest-plugin-vis/setup` provides code needed in `vitest.setup.ts`.
+import "./client/expect/extend.js";
+import "./client/page/extend.js";
+export * from "./setup/vis.js";
+// This is exported for main/app boundary separation
+// They can co-exist in the same export file thanks to ESM.
+export * from "./setup/create_vis.js";

package/esm/shared/base64.d.ts

@@ -0,0 +1,2 @@
+export declare function isBase64String(value: unknown): value is string;
+//# sourceMappingURL=base64.d.ts.map

package/esm/shared/base64.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base64.d.ts","sourceRoot":"","sources":["../../src/shared/base64.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAE9D"}

package/esm/shared/base64.js

@@ -0,0 +1,3 @@
+export function isBase64String(value) {
+    return typeof value === 'string' && /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/.test(value);
+}

package/esm/shared/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const NAME = "vis";
+export declare const SNAPSHOT_ROOT_DIR = "__vis__";
+export declare const RESULT_DIR = "__results__";
+export declare const DIFF_DIR = "__diffs__";
+//# sourceMappingURL=constants.d.ts.map

package/esm/shared/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/shared/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,QAAQ,CAAA;AACzB,eAAO,MAAM,iBAAiB,YAAY,CAAA;AAC1C,eAAO,MAAM,UAAU,gBAAgB,CAAA;AACvC,eAAO,MAAM,QAAQ,cAAc,CAAA"}

package/esm/shared/constants.js

@@ -0,0 +1,4 @@
+export const NAME = 'vis';
+export const SNAPSHOT_ROOT_DIR = '__vis__';
+export const RESULT_DIR = '__results__';
+export const DIFF_DIR = '__diffs__';

package/esm/shared/convert_threshold_unit.d.ts

@@ -0,0 +1,6 @@
+export declare function convertThresholdUnit({ failureThresholdType, width, height }: {
+    failureThresholdType: 'pixel' | 'percent';
+    width: number;
+    height: number;
+}, pixelDiff: number): number;
+//# sourceMappingURL=convert_threshold_unit.d.ts.map

package/esm/shared/convert_threshold_unit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convert_threshold_unit.d.ts","sourceRoot":"","sources":["../../src/shared/convert_threshold_unit.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,CACnC,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,oBAAoB,EAAE,OAAO,GAAG,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EACrH,SAAS,EAAE,MAAM,GACf,MAAM,CASR"}

package/esm/shared/convert_threshold_unit.js

@@ -0,0 +1,10 @@
+export function convertThresholdUnit({ failureThresholdType, width, height }, pixelDiff) {
+    switch (failureThresholdType) {
+        case 'pixel':
+            return pixelDiff;
+        case 'percent':
+            return (pixelDiff / (width * height)) * 100;
+        default:
+            throw new Error(`Invalid failureThresholdType: ${failureThresholdType}`);
+    }
+}

package/esm/shared/get_max_size.d.ts

@@ -0,0 +1,11 @@
+export declare function getMaxSize(image1: {
+    width: number;
+    height: number;
+}, image2: {
+    width: number;
+    height: number;
+}): {
+    width: number;
+    height: number;
+};
+//# sourceMappingURL=get_max_size.d.ts.map

package/esm/shared/get_max_size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get_max_size.d.ts","sourceRoot":"","sources":["../../src/shared/get_max_size.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAAE,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;;;EAI9G"}

package/esm/shared/get_max_size.js

@@ -0,0 +1,5 @@
+export function getMaxSize(image1, image2) {
+    const width = Math.max(image1.width, image2.width);
+    const height = Math.max(image1.height, image2.height);
+    return { width, height };
+}

package/esm/shared/is_same_size.d.ts

@@ -0,0 +1,8 @@
+export declare function isSameSize(image1: {
+    width: number;
+    height: number;
+}, image2: {
+    width: number;
+    height: number;
+}): boolean;
+//# sourceMappingURL=is_same_size.d.ts.map

package/esm/shared/is_same_size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is_same_size.d.ts","sourceRoot":"","sources":["../../src/shared/is_same_size.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAAE,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,WAE9G"}

package/esm/shared/is_same_size.js

@@ -0,0 +1,3 @@
+export function isSameSize(image1, image2) {
+    return image1.width === image2.width && image1.height === image2.height;
+}

package/esm/shared/trim_common_folder.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Trim off common folder such as `src` or `tests` from the test file path.
+ * This is used to generate the default snapshot sub-path.
+ */
+export declare function trimCommonFolder(suiteName: string): string;
+//# sourceMappingURL=trim_common_folder.d.ts.map

package/esm/shared/trim_common_folder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trim_common_folder.d.ts","sourceRoot":"","sources":["../../src/shared/trim_common_folder.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,UAKjD"}

package/esm/shared/trim_common_folder.js

@@ -0,0 +1,10 @@
+/**
+ * Trim off common folder such as `src` or `tests` from the test file path.
+ * This is used to generate the default snapshot sub-path.
+ */
+export function trimCommonFolder(suiteName) {
+    const suiteDir = suiteName.split('/', 1)[0];
+    if (['tests', 'test', 'src', 'source', 'js', 'ts', 'lib'].includes(suiteDir))
+        return suiteName.slice(suiteDir.length + 1);
+    return suiteName;
+}

package/esm/shared/types.d.ts

@@ -0,0 +1,37 @@
+import type { PixelmatchOptions } from 'pixelmatch';
+export interface ImageSnapshotTimeoutOptions {
+    /**
+     * Timeout for taking the snapshot.
+     *
+     * Default: 5000 ms locally, 30000 ms on CI.
+     */
+    timeout?: number | undefined;
+}
+export interface ImageSnapshotIdOptions {
+    /**
+     * Customize the snapshot id. This is used as the filename of the snapshot: `${snapshotId}.png`
+     *
+     * @param id The id of the snapshot.
+     * @param index The index of the snapshot.
+     */
+    customizeSnapshotId?: (id: string, index: number) => string;
+}
+export interface ImageSnapshotCompareOptions {
+    /**
+     * Custom options passed to 'pixelmatch'
+     */
+    diffOptions?: PixelmatchOptions | undefined;
+    /**
+     * Failure threshold should measure in `pixel` or `percent`.
+     *
+     * Default is `pixel`.
+     */
+    failureThresholdType?: 'pixel' | 'percent' | undefined;
+    /**
+     * Failure tolerance threshold.
+     *
+     * Default is `0`.
+     */
+    failureThreshold?: number | undefined;
+}
+//# sourceMappingURL=types.d.ts.map

package/esm/shared/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAEnD,MAAM,WAAW,2BAA2B;IAC3C;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC5B;AAED,MAAM,WAAW,sBAAsB;IACtC;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CAC3D;AAED,MAAM,WAAW,2BAA2B;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAA;IAC3C;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;IACtD;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACrC"}

package/esm/shared/types.js

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

package/esm/testing/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const UNI_PNG_BASE64 = "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";
+export declare const UNI_PNG_URL = "data:image/png;base64,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";
+export declare const UNI_IMAGE_DATA: {
+    width: number;
+    height: number;
+    colorSpace: PredefinedColorSpace;
+    data: Uint8ClampedArray<ArrayBuffer>;
+};
+//# sourceMappingURL=constants.d.ts.map

package/esm/testing/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/testing/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,qqGACwoG,CAAA;AAEnqG,eAAO,MAAM,WAAW,2rGAA4C,CAAA;AAEpE,eAAO,MAAM,cAAc;;;gBAGJ,oBAAoB;;CAu4D1C,CAAA"}