mirror of
https://github.com/gradio-app/gradio.git
synced 2025-01-24 10:54:04 +08:00
b9afe93915
* rename eventSource_factory -> stream_factory + rename event_source -> steam * rename fetch_implementation -> fetch * rename fetch to _fetch due to global.fetch conflict * add changeset * format * format * format * format * fix --------- Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
62 lines
1.2 KiB
TypeScript
62 lines
1.2 KiB
TypeScript
import type { Preview } from "@storybook/svelte";
|
|
import "./theme.css";
|
|
import { setupi18n } from "../app/src/i18n";
|
|
import { Gradio, formatter } from "../app/src/gradio_helper";
|
|
import "../theme/src/reset.css";
|
|
import "../theme/src/global.css";
|
|
|
|
import "../theme/src/pollen.css";
|
|
// import "../theme/src/tokens.css";
|
|
import "../theme/src/typography.css";
|
|
|
|
setupi18n();
|
|
|
|
const preview: Preview = {
|
|
args: {
|
|
gradio: new Gradio(
|
|
0,
|
|
document.createElement("div"),
|
|
"light",
|
|
"1.1.1",
|
|
"localhost:9876",
|
|
false,
|
|
null,
|
|
formatter,
|
|
// @ts-ignore
|
|
{ client: { fetch() {}, upload() {} } }
|
|
)
|
|
},
|
|
argTypes: {
|
|
gradio: {
|
|
table: {
|
|
disable: true
|
|
}
|
|
}
|
|
},
|
|
parameters: {
|
|
controls: {
|
|
matchers: {
|
|
color: /(background|color)$/i,
|
|
date: /Date$/
|
|
}
|
|
},
|
|
options: {
|
|
storySort: {
|
|
order: ["Design System", "Components"]
|
|
}
|
|
},
|
|
viewport: {
|
|
viewports: {
|
|
mobile: { name: "mobile", styles: { width: "320px", height: "400px" } },
|
|
tablet: { name: "tablet", styles: { width: "640px", height: "800px" } },
|
|
desktop: {
|
|
name: "desktop",
|
|
styles: { width: "1024px", height: "1000px" }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
export default preview;
|