highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-04-07 03:18:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

display custom emojis

Browse Source
This commit is contained in:
hzrd149 2023-06-16 20:46:41 -05:00
parent c3128f1b7d
commit 2eeb79c92f
4 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/happy-cats-arrive.md Normal file
View File

@ -0,0 +1,5 @@
---
"nostrudel": minor
---
Display custom emojis

23
src/components/embed-types/emoji.tsx Normal file
View File

@ -0,0 +1,23 @@
import { Image } from "@chakra-ui/react";
import { EmbedableContent, embedJSX } from "../../helpers/embeds";
import { DraftNostrEvent, NostrEvent } from "../../types/nostr-event";
export function embedEmoji(content: EmbedableContent, note: NostrEvent | DraftNostrEvent) {
return embedJSX(content, {
regexp: /:([a-zA-Z0-9]+):/i,
render: (match) => {
console.log(match);
const emojiTag = note.tags.find(
(tag) => tag[0] === "emoji" && tag[1].toLowerCase() === match[1].toLowerCase() && tag[2]
);
if (emojiTag) {
return (
<Image src={emojiTag[2]} height="1.5em" display="inline-block" verticalAlign="middle" title={match[1]} />
);
}
return null;
},
name: "emoji",
});
}

1
src/components/embed-types/index.ts
View File

@ -4,3 +4,4 @@ export * from "./music";
export * from "./common";
export * from "./youtube";
export * from "./nostr";
export * from "./emoji";

2
src/components/note/note-contents.tsx
View File

@ -18,6 +18,7 @@ import {
renderSpotifyUrl,
renderTidalUrl,
renderVideoUrl,
embedEmoji,
} from "../embed-types";
import { ImageGalleryProvider } from "../image-gallery";
import { useTrusted } from "./trust";
@ -47,6 +48,7 @@ function buildContents(event: NostrEvent | DraftNostrEvent, trusted = false) {
content = embedNostrLinks(content);
content = embedNostrMentions(content, event);
content = embedNostrHashtags(content, event);
content = embedEmoji(content, event);
return content;
}