keith/barkey
1
0
Fork 0
mirror of https://codeberg.org/yeentown/barkey synced 2024-11-23 02:35:10 +00:00
Code Issues Projects Releases Packages Wiki Activity

build(#10336): show popups on Story

Browse source
This commit is contained in:
Acid Chicken (硫酸鶏) 2023-03-25 12:21:16 +09:00
parent b56d173f8a
commit 8ca9621d42
No known key found for this signature in database
GPG key ID: 3E87B98A3F6BAB99
1 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
packages/frontend/.storybook/preview.ts
View file

@ -14,6 +14,7 @@ const appInitialized = Symbol();
let moduleInitialized = false; let moduleInitialized = false;
let unobserve = () => {}; let unobserve = () => {};
let misskeyOS = null;
function loadTheme(applyTheme: typeof import('../src/scripts/theme')['applyTheme']) { function loadTheme(applyTheme: typeof import('../src/scripts/theme')['applyTheme']) {
unobserve(); unobserve();
@ -51,7 +52,8 @@ queueMicrotask(() => {
import('../src/directives'), import('../src/directives'),
import('../src/widgets'), import('../src/widgets'),
import('../src/scripts/theme'), import('../src/scripts/theme'),
]).then(([{ default: components }, { default: directives }, { default: widgets }, { applyTheme }]) => { import('../src/os'),
]).then(([{ default: components }, { default: directives }, { default: widgets }, { applyTheme }, os]) => {
setup((app) => { setup((app) => {
moduleInitialized = true; moduleInitialized = true;
if (app[appInitialized]) { if (app[appInitialized]) {
@ -62,6 +64,7 @@ queueMicrotask(() => {
components(app); components(app);
directives(app); directives(app);
widgets(app); widgets(app);
misskeyOS = os;
}); });
}); });
}); });
@ -79,6 +82,17 @@ const preview = {
return story; return story;
}, },
mswDecorator, mswDecorator,
(Story, context) => {
return {
setup() {
return {
context,
popups: misskeyOS.popups,
};
},
template: '<div><component :is="popup.component" v-for="popup in popups" :key="popup.id" v-bind="popup.props" v-on="popup.events"/><story /></div>',
};
},
], ],
parameters: { parameters: {
msw: { msw: {