From 961d1d8645078f4c4600b200e1d56048c25f2439 Mon Sep 17 00:00:00 2001
From: DanConwayDev <DanConwayDev@protonmail.com>
Date: Tue, 23 Apr 2024 12:25:12 +0100
Subject: [PATCH] feat: add lite event wrapper for reposts

as a temporary measure to prevent a wall of json

if this information is displayed at all it should be in the footer
of the event rather than amoung the replies
---
 .../components/events/EventWrapperLite.svelte | 23 ++++++++++
 src/lib/wrappers/EventCard.svelte             | 45 +++++++++++++------
 2 files changed, 54 insertions(+), 14 deletions(-)
 create mode 100644 src/lib/components/events/EventWrapperLite.svelte

diff --git a/src/lib/components/events/EventWrapperLite.svelte b/src/lib/components/events/EventWrapperLite.svelte
new file mode 100644
index 0000000..33b9622
--- /dev/null
+++ b/src/lib/components/events/EventWrapperLite.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+  import dayjs from 'dayjs'
+  import UserHeader from '../users/UserHeader.svelte'
+  import type { User } from '../users/type'
+  import { defaults as user_defaults } from '../users/type'
+
+  export let author: User = { ...user_defaults }
+  export let created_at: number | undefined
+  let created_at_ago = ''
+  $: created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : ''
+</script>
+
+<div class="max-w-4xl border-b border-base-300 p-3 pl-3">
+  <div class="flex">
+    <div class="flex-auto">
+      <div class="inline text-neutral-400"><slot /></div>
+      <div class="badge bg-base-400 text-neutral-400">
+        <UserHeader user={author} inline />
+      </div>
+    </div>
+    <span class="m-auto pr-1 text-xs">{created_at_ago}</span>
+  </div>
+</div>
diff --git a/src/lib/wrappers/EventCard.svelte b/src/lib/wrappers/EventCard.svelte
index 612d6f5..d672edc 100644
--- a/src/lib/wrappers/EventCard.svelte
+++ b/src/lib/wrappers/EventCard.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import EventWrapper from '$lib/components/events/EventWrapper.svelte'
+  import EventWrapperLite from '$lib/components/events/EventWrapperLite.svelte'
   import Status from '$lib/components/events/content/Status.svelte'
   import Patch from '$lib/components/events/content/Patch.svelte'
   import ParsedContent from '$lib/components/events/content/ParsedContent.svelte'
@@ -28,21 +29,37 @@
   onDestroy(() => {
     if (author_unsubsriber) author_unsubsriber()
   })
+  const getDtag = (event: NDKEvent): undefined | string => {
+    try {
+      const tag = event.replaceableDTag()
+      return tag
+    } catch {}
+  }
 </script>
 
-<EventWrapper {type} author={$author} created_at={event.created_at} {event}>
-  {#if event.kind == patch_kind}
-    {#if isCoverLetter(event.content)}
-      <ParsedContent
-        content={extractPatchMessage(event.content)}
-        tags={event.tags}
-      />
+{#if event.kind && event.kind === 6}
+  <EventWrapperLite author={$author} created_at={event.created_at}>
+    reposted by
+  </EventWrapperLite>
+{:else if event.kind && event.kind === 30001}
+  <EventWrapperLite author={$author} created_at={event.created_at}>
+    added to '{getDtag(event) || 'unknown'}' list by
+  </EventWrapperLite>
+{:else}
+  <EventWrapper {type} author={$author} created_at={event.created_at} {event}>
+    {#if event.kind == patch_kind}
+      {#if isCoverLetter(event.content)}
+        <ParsedContent
+          content={extractPatchMessage(event.content)}
+          tags={event.tags}
+        />
+      {:else}
+        <Patch content={event.content} tags={event.tags} />
+      {/if}
+    {:else if event.kind && proposal_status_kinds.includes(event.kind)}
+      <Status {type} status={event.kind} />
     {:else}
-      <Patch content={event.content} tags={event.tags} />
+      <ParsedContent content={event.content} tags={event.tags} />
     {/if}
-  {:else if event.kind && proposal_status_kinds.includes(event.kind)}
-    <Status {type} status={event.kind} />
-  {:else}
-    <ParsedContent content={event.content} tags={event.tags} />
-  {/if}
-</EventWrapper>
+  </EventWrapper>
+{/if}