refactor: remove electron-related code

src/components/Embedded/EmbeddedHashtag.tsx

@@ -0,0 +1,22 @@
+import { toNoteList } from '@/lib/link'
+import { SecondaryPageLink } from '@/PageManager'
+import { TEmbeddedRenderer } from './types'
+
+export function EmbeddedHashtag({ hashtag }: { hashtag: string }) {
+  return (
+    <SecondaryPageLink
+      className="text-highlight hover:underline"
+      to={toNoteList({ hashtag })}
+      onClick={(e) => e.stopPropagation()}
+    >
+      #{hashtag}
+    </SecondaryPageLink>
+  )
+}
+
+export const embeddedHashtagRenderer: TEmbeddedRenderer = {
+  regex: /#([\p{L}\p{N}\p{M}]+)/gu,
+  render: (hashtag: string, index: number) => {
+    return <EmbeddedHashtag key={`hashtag-${index}-${hashtag}`} hashtag={hashtag} />
+  }
+}

src/components/Embedded/EmbeddedMention.tsx

@@ -0,0 +1,29 @@
+import Username from '../Username'
+import { TEmbeddedRenderer } from './types'
+
+export function EmbeddedMention({ userId }: { userId: string }) {
+  return <Username userId={userId} showAt className="text-highlight font-normal inline-block" />
+}
+
+export const embeddedNostrNpubRenderer: TEmbeddedRenderer = {
+  regex: /(nostr:npub1[a-z0-9]{58})/g,
+  render: (id: string, index: number) => {
+    const npub1 = id.split(':')[1]
+    return <EmbeddedMention key={`embedded-nostr-npub-${index}-${npub1}`} userId={npub1} />
+  }
+}
+
+export const embeddedNostrProfileRenderer: TEmbeddedRenderer = {
+  regex: /(nostr:nprofile1[a-z0-9]+)/g,
+  render: (id: string, index: number) => {
+    const nprofile = id.split(':')[1]
+    return <EmbeddedMention key={`embedded-nostr-profile-${index}-${nprofile}`} userId={nprofile} />
+  }
+}
+
+export const embeddedNpubRenderer: TEmbeddedRenderer = {
+  regex: /(npub1[a-z0-9]{58})/g,
+  render: (npub1: string, index: number) => {
+    return <EmbeddedMention key={`embedded-npub-${index}-${npub1}`} userId={npub1} />
+  }
+}

src/components/Embedded/EmbeddedNormalUrl.tsx

@@ -0,0 +1,22 @@
+import { TEmbeddedRenderer } from './types'
+
+export function EmbeddedNormalUrl({ url }: { url: string }) {
+  return (
+    <a
+      className="text-highlight hover:underline"
+      href={url}
+      target="_blank"
+      onClick={(e) => e.stopPropagation()}
+      rel="noreferrer"
+    >
+      {url}
+    </a>
+  )
+}
+
+export const embeddedNormalUrlRenderer: TEmbeddedRenderer = {
+  regex: /(https?:\/\/[^\s]+)/g,
+  render: (url: string, index: number) => {
+    return <EmbeddedNormalUrl key={`normal-url-${index}-${url}`} url={url} />
+  }
+}

src/components/Embedded/EmbeddedNote.tsx

@@ -0,0 +1,29 @@
+import { useFetchEvent } from '@/hooks'
+import { toNoStrudelArticle, toNoStrudelNote, toNoStrudelStream } from '@/lib/link'
+import { cn } from '@/lib/utils'
+import { kinds } from 'nostr-tools'
+import ShortTextNoteCard from '../NoteCard/ShortTextNoteCard'
+
+export function EmbeddedNote({ noteId, className }: { noteId: string; className?: string }) {
+  const { event } = useFetchEvent(noteId)
+
+  return event && event.kind === kinds.ShortTextNote ? (
+    <ShortTextNoteCard className={cn('w-full', className)} event={event} embedded />
+  ) : (
+    <a
+      href={
+        event?.kind === kinds.LongFormArticle
+          ? toNoStrudelArticle(noteId)
+          : event?.kind === kinds.LiveEvent
+            ? toNoStrudelStream(noteId)
+            : toNoStrudelNote(noteId)
+      }
+      target="_blank"
+      className="text-highlight hover:underline"
+      onClick={(e) => e.stopPropagation()}
+      rel="noreferrer"
+    >
+      {noteId}
+    </a>
+  )
+}

src/components/Embedded/EmbeddedWebsocketUrl.tsx

@@ -0,0 +1,26 @@
+import { useSecondaryPage } from '@/PageManager'
+import { toNoteList } from '@/lib/link'
+import { TEmbeddedRenderer } from './types'
+
+export function EmbeddedWebsocketUrl({ url }: { url: string }) {
+  const { push } = useSecondaryPage()
+  return (
+    <span
+      className="cursor-pointer px-1 text-highlight hover:bg-highlight/20"
+      onClick={(e) => {
+        e.stopPropagation()
+        push(toNoteList({ relay: url }))
+      }}
+    >
+      [ {url} ]
+      <span className="w-2 h-1 bg-highlight" />
+    </span>
+  )
+}
+
+export const embeddedWebsocketUrlRenderer: TEmbeddedRenderer = {
+  regex: /(wss?:\/\/[^\s]+)/g,
+  render: (url: string, index: number) => {
+    return <EmbeddedWebsocketUrl key={`websocket-url-${index}-${url}`} url={url} />
+  }
+}

src/components/Embedded/index.tsx

@@ -0,0 +1,18 @@
+export * from './EmbeddedHashtag'
+export * from './EmbeddedMention'
+export * from './EmbeddedNormalUrl'
+export * from './EmbeddedNote'
+export * from './EmbeddedWebsocketUrl'
+
+import reactStringReplace from 'react-string-replace'
+import { TEmbeddedRenderer } from './types'
+
+export function embedded(content: string, renderers: TEmbeddedRenderer[]) {
+  let nodes: React.ReactNode[] = [content]
+
+  renderers.forEach((renderer) => {
+    nodes = reactStringReplace(nodes, renderer.regex, renderer.render)
+  })
+
+  return nodes
+}

src/components/Embedded/types.tsx

@@ -0,0 +1,4 @@
+export type TEmbeddedRenderer = {
+  regex: RegExp
+  render: (match: string, index: number) => JSX.Element
+}