sorB
3da363517f
Docker / Docker Buildx (push) Has been cancelled
Build Debian package / Build package (release) Has been cancelled
Build and Deploy / prepare (release) Has been cancelled
Deploy release / Deploy to Cloudflare Pages (release) Has been cancelled
Build and Deploy / Trigger Pro pipeline (release) Has been cancelled
Build and Deploy / Windows arm64 (release) Has been cancelled
Build and Deploy / Windows x64 (release) Has been cancelled
Build and Deploy / macOS (release) Has been cancelled
Build and Deploy / Linux amd64 (sqlcipher static) (release) Has been cancelled
Build and Deploy / Linux arm64 (sqlcipher static) (release) Has been cancelled
Build and Deploy / ${{ needs.prepare.outputs.deploy == 'true' && 'Deploy' || 'Deploy (dry-run)' }} (release) Has been cancelled
Build and Deploy / Deploy builds to ESS (release) Has been cancelled
55 lines
2.0 KiB
TypeScript
55 lines
2.0 KiB
TypeScript
/*
|
|
Copyright 2026 Element Creations Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import * as a11yAddonAnnotations from "@storybook/addon-a11y/preview";
|
|
import { setProjectAnnotations } from "@storybook/react-vite";
|
|
import { vis, visAnnotations } from "storybook-addon-vis/vitest-setup";
|
|
|
|
import * as projectAnnotations from "./preview.tsx";
|
|
|
|
// This is an important step to apply the right configuration when testing your stories.
|
|
// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
|
|
setProjectAnnotations([a11yAddonAnnotations, projectAnnotations, visAnnotations]);
|
|
|
|
vis.setup({
|
|
async auto() {
|
|
const style = document.createElement("style");
|
|
style.setAttribute("type", "text/css");
|
|
style.appendChild(
|
|
document.createTextNode(`
|
|
/* Inhibit all animations for the screenshot to be more stable */
|
|
*, *::before, *::after {
|
|
animation: none !important;
|
|
}
|
|
/*
|
|
* Mask spinner for video overlay during screenshot generation on playwright tests.
|
|
*/
|
|
[data-video-body-mask-target] {
|
|
position: relative;
|
|
}
|
|
[data-video-body-mask-target]::after {
|
|
content: "";
|
|
position: absolute;
|
|
inset-inline-start: 50%;
|
|
inset-block-start: 50%;
|
|
width: 112px;
|
|
height: 112px;
|
|
transform: translate(-50%, -50%);
|
|
border-radius: 999px;
|
|
background: #ff4fcf;
|
|
pointer-events: none;
|
|
}
|
|
/* Hide all storybook elements */
|
|
.sb-wrapper {
|
|
visibility: hidden !important;
|
|
}
|
|
`),
|
|
);
|
|
document.head.appendChild(style);
|
|
},
|
|
});
|