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 MockAuthProvider from "$lib/components/testing/MockAuthProvider.svelte";
4 import TimelineRepoEvent from "./TimelineRepoEvent.svelte";
5 import type { RepoEvent } from "$lib/api/lexicons/types/sh/tangled/feed/getTimeline";
6
7 const owner = { did: "did:plc:3p7ejjxnufohsygt5vbyxb2i", handle: "tangled.org" };
8
9 const repo = {
10 did: "did:plc:3p7ejjxnufohsygt5vbyxb2i",
11 slug: "core",
12 owner,
13 createdAt: "2025-06-01T10:30:00Z",
14 description: "The knot server, appview, and everything that makes tangled tick.",
15 starCount: 42
16 };
17
18 const created = {
19 $type: "sh.tangled.feed.getTimeline#repoEvent",
20 cid: "bafyreib2",
21 uri: "at://did:plc:3p7ejjxnufohsygt5vbyxb2i/sh.tangled.repo/core",
22 repo
23 } as unknown as RepoEvent;
24
25 const forked = {
26 ...created,
27 repo: { ...repo, slug: "core-fork" },
28 source: repo
29 } as unknown as RepoEvent;
30
31 const { Story } = defineMeta({
32 title: "Timeline/TimelineRepoEvent",
33 component: TimelineRepoEvent,
34 tags: ["autodocs"],
35 args: {
36 event: created,
37 eventAt: "2025-06-02T09:00:00Z"
38 }
39 });
40</script>
41
42<Story name="Created">
43 {#snippet template(args)}
44 <MockAuthProvider>
45 <TimelineRepoEvent {...args} />
46 </MockAuthProvider>
47 {/snippet}
48</Story>
49
50<Story name="Forked">
51 {#snippet template(args)}
52 <MockAuthProvider>
53 <TimelineRepoEvent {...args} event={forked} />
54 </MockAuthProvider>
55 {/snippet}
56</Story>