Add tags from content to notes

src/lib/editor/EditEvent.svelte

@@ -1,24 +1,27 @@
 <script lang="ts">
+  import cx from 'classnames'
   import type {NodeViewProps} from "@tiptap/core"
   import {NodeViewWrapper} from "svelte-tiptap"
-  import {ellipsize} from "@welshman/lib"
+  import {ellipsize, nthEq} from "@welshman/lib"
   import {type TrustedEvent, fromNostrURI, Address} from "@welshman/util"
   import Link from "@lib/components/Link.svelte"
   import {deriveEvent, entityLink} from "@app/state"
 
   export let node: NodeViewProps["node"]
+  export let selected: NodeViewProps["selected"]
 
-  const displayEvent = (e: TrustedEvent) =>
-    e?.content.length > 1
-      ? ellipsize(e.content, 50)
-      : fromNostrURI(nevent || naddr).slice(0, 16) + "..."
+  const displayEvent = (e: TrustedEvent) => {
+    const content = e?.tags.find(nthEq(0, 'alt'))?.[1] || e?.content
+
+    return content.length > 1 ? ellipsize(content, 30) : fromNostrURI(nevent || naddr).slice(0, 16) + "..."
+  }
 
   $: ({identifier, pubkey, kind, id, relays = [], nevent, naddr} = node.attrs)
   $: event = deriveEvent(id || new Address(kind, pubkey, identifier).toString(), relays)
 </script>
 
 <NodeViewWrapper class="inline">
-  <Link external href={entityLink(node.attrs.nevent)} class="link-content">
+  <Link external href={entityLink(node.attrs.nevent)} class={cx("link-content", {"link-content-selected": selected})}>
     {displayEvent($event)}
   </Link>
 </NodeViewWrapper>