feat: add support for commenting and reacting on external content

src/hooks/useNoteStatsById.tsx

@@ -1,9 +0,0 @@
-import noteStats from '@/services/note-stats.service'
-import { useSyncExternalStore } from 'react'
-
-export function useNoteStatsById(noteId: string) {
-  return useSyncExternalStore(
-    (cb) => noteStats.subscribeNoteStats(noteId, cb),
-    () => noteStats.getNoteStats(noteId)
-  )
-}

src/hooks/useStuff.tsx

@@ -0,0 +1,15 @@
+import { getEventKey } from '@/lib/event'
+import { Event } from 'nostr-tools'
+import { useMemo } from 'react'
+
+export function useStuff(stuff: Event | string) {
+  const resolvedStuff = useMemo(
+    () =>
+      typeof stuff === 'string'
+        ? { event: undefined, externalContent: stuff, stuffKey: stuff }
+        : { event: stuff, externalContent: undefined, stuffKey: getEventKey(stuff) },
+    [stuff]
+  )
+
+  return resolvedStuff
+}

src/hooks/useStuffStatsById.tsx

@@ -0,0 +1,9 @@
+import stuffStats from '@/services/stuff-stats.service'
+import { useSyncExternalStore } from 'react'
+
+export function useStuffStatsById(stuffKey: string) {
+  return useSyncExternalStore(
+    (cb) => stuffStats.subscribeStuffStats(stuffKey, cb),
+    () => stuffStats.getStuffStats(stuffKey)
+  )
+}