feat: add editor

packages/ui/src/editor/utils.ts

@@ -0,0 +1,73 @@
+import { NDKCacheUserProfile } from "@lume/types";
+import { ReactNode } from "react";
+import ReactDOM from "react-dom";
+import { BaseEditor, Transforms } from "slate";
+import { type ReactEditor } from "slate-react";
+
+export const Portal = ({ children }: { children?: ReactNode }) => {
+	return typeof document === "object"
+		? ReactDOM.createPortal(children, document.body)
+		: null;
+};
+
+export const isImageUrl = (url: string) => {
+	try {
+		if (!url) return false;
+		const ext = new URL(url).pathname.split(".").pop();
+		return ["jpg", "jpeg", "gif", "png", "webp", "avif", "tiff"].includes(ext);
+	} catch {
+		return false;
+	}
+};
+
+export const insertImage = (editor: ReactEditor | BaseEditor, url: string) => {
+	const text = { text: "" };
+	const image = [
+		{
+			type: "image",
+			url,
+			children: [text],
+		},
+		{
+			type: "paragraph",
+			children: [text],
+		},
+	];
+
+	Transforms.insertNodes(editor, image);
+};
+
+export const insertMention = (
+	editor: ReactEditor | BaseEditor,
+	contact: NDKCacheUserProfile,
+) => {
+	const mention = {
+		type: "mention",
+		npub: `nostr:${contact.npub}`,
+		name: contact.name || contact.displayName || "anon",
+		children: [{ text: "" }],
+	};
+
+	Transforms.insertNodes(editor, mention);
+	Transforms.move(editor);
+};
+
+export const insertNostrEvent = (
+	editor: ReactEditor | BaseEditor,
+	eventId: string,
+) => {
+	const text = { text: "" };
+	const event = [
+		{
+			type: "event",
+			eventId: `nostr:${eventId}`,
+			children: [text],
+		},
+		{
+			type: "paragraph",
+			children: [text],
+		},
+	];
+
+	Transforms.insertNodes(editor, event);
+};