Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849<script module lang="ts"> import { defineMeta } from "@storybook/addon-svelte-csf"; import FileTree from "$lib/components/repo/FileTree.svelte"; import LastCommitPanel from "$lib/components/repo/LastCommitPanel.svelte"; import TreeHeader from "$lib/components/repo/TreeHeader.svelte"; import TabPanel from "$lib/components/ui/TabPanel.svelte";
const entries = Array.from({ length: 24 }, (_, index) => ({ name: index < 5 ? ["components", "routes", "tests", "README.md", "package.json"][index] : `module-${index}.ts`, kind: index < 3 ? ("directory" as const) : ("file" as const), size: index < 3 ? 0 : 128 + index * 71, lastCommitHash: `${String(index).padStart(8, "0")}abcdef01234567`, lastCommitWhen: "2026-08-19T12:00:00Z", lastCommitMessage: [ "align generated skeleton geometry", "preserve panel borders", "update repository components" ][index % 3] })); const commit = { hash: "0123456789abcdef0123456789abcdef01234567", shortHash: "01234567", subject: "align generated skeleton geometry", body: "", authorName: "dawn", authorEmail: "dawn@example.test", when: "2026-08-19T12:00:00Z" }; const { Story } = defineMeta({ title: "Bones/TreeView" });</script>
<Story name="Skeleton fixture" asChild> <TabPanel padded={false} class="relative mx-auto w-full p-4"> <TreeHeader ownerHandle="dawn" repoName="tangled" ref="main" path="src/lib" {entries} /> <LastCommitPanel ownerHandle="dawn" repoName="tangled" {commit} /> <FileTree ownerHandle="dawn" repoName="tangled" ref="main" {entries} path="src/lib" withMessage /> </TabPanel></Story>