alice.pds.demo.boltless.dev
This repository has no description
1<script module lang="ts">
2 import { defineMeta } from "@storybook/addon-svelte-csf";
3 import StoryAuthProvider from "../../../../.storybook/StoryAuthProvider.svelte";
4 import RepoHeader from "./RepoHeader.svelte";
5 import type { RepoInfo } from "./types";
6
7 const repo: RepoInfo = {
8 uri: "at://did:plc:repo/sh.tangled.repo.repo/3jzrepo",
9 rkey: "3jzrepo",
10 name: "tangled",
11 ownerDid: "did:plc:owner",
12 ownerHandle: "dawn",
13 repoDid: "did:plc:repo",
14 knot: "knot1.tangled.sh",
15 description: "social code collaboration for the at protocol",
16 website: "https://tangled.org",
17 topics: ["atproto", "git", "svelte"],
18 defaultBranch: "main",
19 source: { ownerHandle: "upstream", name: "tangled" }
20 };
21 const counts = { stars: 128, issues: 7, pulls: 3, forks: 12 };
22
23 const { Story } = defineMeta({
24 title: "Repo/RepoHeader",
25 component: RepoHeader,
26 tags: ["autodocs"]
27 });
28</script>
29
30<Story name="Full metadata" asChild>
31 <StoryAuthProvider>
32 <RepoHeader {repo} {counts} />
33 </StoryAuthProvider>
34</Story>
35<Story name="No description or website" asChild>
36 <StoryAuthProvider>
37 <RepoHeader
38 repo={{ ...repo, description: undefined, website: undefined, topics: [] }}
39 {counts}
40 />
41 </StoryAuthProvider>
42</Story>
43<Story name="Not a fork" asChild>
44 <StoryAuthProvider>
45 <RepoHeader repo={{ ...repo, source: undefined }} {counts} />
46 </StoryAuthProvider>
47</Story>