chore: add blobpreview, blobviewer video stories

webui/src/stories/BlobPreview.stories.ts

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from "@storybook/svelte";
+import BlobPreview from "../components/display/BlobPreview.svelte";
+import { videoAddress } from "./common";
+
+const meta: Meta<BlobPreview> = {
+  title: "Blobs/BlobPreview",
+  component: BlobPreview,
+  tags: ["autodocs"],
+  argTypes: {},
+};
+
+export default meta;
+type Story = StoryObj<BlobPreview>;
+
+// More on writing stories with args: https://storybook.js.org/docs/7.0/svelte/writing-stories/args
+export const Video: Story = {
+  args: { address: videoAddress },
+};

webui/src/stories/BlobViewer.stories.ts

@@ -0,0 +1,24 @@
+import type { Meta, StoryObj } from "@storybook/svelte";
+import BlobViewer from "../components/display/BlobViewer.svelte";
+import { videoAddress } from "./common";
+
+const meta: Meta<BlobViewer> = {
+  title: "Blobs/BlobViewer",
+  component: BlobViewer,
+  tags: ["autodocs"],
+  argTypes: {
+    detail: {
+      control: {
+        type: "boolean"
+      }
+    }
+  },
+};
+
+export default meta;
+type Story = StoryObj<BlobViewer>;
+
+// More on writing stories with args: https://storybook.js.org/docs/7.0/svelte/writing-stories/args
+export const Video: Story = {
+  args: { address: videoAddress },
+};