@haklex/rich-editor 0.21.1 → 0.22.0

package/dist/{SubmitShortcutPlugin-CFIOt7Yx.js → SubmitShortcutPlugin-HTwCVN0m.js}

@@ -1,8 +1,8 @@
-import { c as setCodeBlockCursorIntent, o as $createCodeBlockEditNode, s as $createBannerEditNode, t as getResolvedEditNodes } from "./node-registry-C_EUwDDU.js";
+import { c as setCodeBlockCursorIntent, o as $createCodeBlockEditNode, s as $createBannerEditNode, t as getResolvedEditNodes } from "./node-registry-BmMoa_84.js";
 import { C as KaTeXBlockNode, D as OPEN_IMAGE_UPLOAD_DIALOG_COMMAND, F as extractTextContent, N as AlertQuoteNode, O as $createFootnoteNode, _ as MentionNode, b as KaTeXInlineNode, c as SpoilerNode, h as $createMentionNode, k as FootnoteNode, o as $createSpoilerNode, v as $createKaTeXInlineNode, w as $createImageNode, x as $createKaTeXBlockNode } from "./theme-BGKUes-K.js";
 import { a as FootnoteDefinitionsProvider, n as computeImageMeta } from "./KaTeXRenderer-CRL_A32i.js";
 import "./katex.css-0TJGE4On.js";
-import { S as CommentNode, _ as $createDetailsNode, a as $createRubyNode, b as $createCommentPlaceholderNode, f as $isGridContainerNode, g as FootnoteSectionNode, h as $isFootnoteSectionNode, j as BannerNode, m as $createFootnoteSectionNode, s as RubyNode, v as DetailsNode, w as CodeBlockNode, y as $createCommentNode } from "./config-wy9S6JPy.js";
+import { C as CommentNode, M as BannerNode, T as CodeBlockNode, _ as FootnoteSectionNode, b as $createCommentNode, c as RubyNode, g as $isFootnoteSectionNode, h as $createFootnoteSectionNode, i as $createVideoNode, o as $createRubyNode, p as $isGridContainerNode, v as $createDetailsNode, x as $createCommentPlaceholderNode, y as DetailsNode } from "./config-CplWQTph.js";
 import { t as $createAlertQuoteEditNode } from "./AlertQuoteEditNode-CaCADTx3.js";
 import { n as getHostname, r as probeFavicon, t as normalizeSerializedEditorState } from "./normalizeSerializedEditorState-C7VzxLf5.js";
 import { CheckListPlugin } from "@lexical/react/LexicalCheckListPlugin";
@@ -14,7 +14,7 @@ import { AutoLinkNode, LinkNode, createLinkMatcherWithRegExp, registerAutoLink }
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { createContext, use, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { $createQuoteNode, $isQuoteNode, DRAG_DROP_PASTE, QuoteNode } from "@lexical/rich-text";
-import { $addUpdateTag, $createLineBreakNode, $createNodeSelection, $createParagraphNode, $createRangeSelection, $createTextNode, $getNodeByKey, $getRoot, $getSelection, $getState, $insertNodes, $isDecoratorNode, $isElementNode, $isLineBreakNode, $isNodeSelection, $isParagraphNode, $isRangeSelection, $isRootNode, $isTextNode, $nodesOfType, $parseSerializedNode, $setSelection, $setState, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, IS_CODE, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ARROW_UP_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_ENTER_COMMAND, PASTE_COMMAND, SELECTION_CHANGE_COMMAND, createEditor, createState } from "lexical";
+import { $addUpdateTag, $createLineBreakNode, $createNodeSelection, $createParagraphNode, $createRangeSelection, $createTextNode, $getNodeByKey, $getRoot, $getSelection, $getState, $insertNodes, $isDecoratorNode, $isElementNode, $isLineBreakNode, $isNodeSelection, $isParagraphNode, $isRangeSelection, $isRootNode, $isTextNode, $nodesOfType, $parseSerializedNode, $setSelection, $setState, CLICK_COMMAND, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, IS_CODE, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ARROW_UP_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_ENTER_COMMAND, PASTE_COMMAND, SELECTION_CHANGE_COMMAND, createEditor, createState } from "lexical";
 import { $createHorizontalRuleNode, HorizontalRuleNode, INSERT_HORIZONTAL_RULE_COMMAND } from "@lexical/extension";
 import { CODE_BLOCK_NODE_TRANSFORMER, COMMENT_TRANSFORMER, CONTAINER_TRANSFORMER, FOOTNOTE_SECTION_TRANSFORMER, FOOTNOTE_TRANSFORMER, GIT_ALERT_TRANSFORMER, HORIZONTAL_RULE_BLOCK_TRANSFORMER, IMAGE_BLOCK_TRANSFORMER, INSERT_TRANSFORMER, KATEX_BLOCK_TRANSFORMER, KATEX_INLINE_TRANSFORMER, LINK_CARD_BLOCK_TRANSFORMER, MENTION_TRANSFORMER, MERMAID_BLOCK_TRANSFORMER, RUBY_TRANSFORMER, SPOILER_TRANSFORMER, SUBSCRIPT_TRANSFORMER, SUPERSCRIPT_TRANSFORMER, TABLE_BLOCK_TRANSFORMER, VIDEO_BLOCK_TRANSFORMER } from "@haklex/rich-headless/transformers";
 import { $convertFromMarkdownString, CHECK_LIST, CODE, QUOTE, TRANSFORMERS } from "@lexical/markdown";
@@ -204,24 +204,30 @@ function registerBlockExitCommands(editor) {
 		}
 		return false;
 	}, COMMAND_PRIORITY_CRITICAL);
-	const unregisterCmdEnter = editor.registerCommand(KEY_ENTER_COMMAND, (event) => {
-		if (!event?.metaKey && !event?.ctrlKey) return false;
+	const unregisterEnter = editor.registerCommand(KEY_ENTER_COMMAND, (event) => {
 		const selection = $getSelection();
-		if ($isNodeSelection(selection)) {
+		if ($isNodeSelection(selection) && !event?.shiftKey) {
 			const nodes = selection.getNodes();
 			if (nodes.length !== 1) return false;
 			const node = nodes[0];
 			if (!$isDecoratorNode(node)) return false;
-			event.preventDefault();
-			let next = node.getNextSibling();
-			if (!next) {
-				next = $createParagraphNode();
-				node.insertAfter(next);
+			event?.preventDefault();
+			if (event?.metaKey || event?.ctrlKey) {
+				let next = node.getNextSibling();
+				if (!next) {
+					next = $createParagraphNode();
+					node.insertAfter(next);
+				}
+				if ($isElementNode(next)) next.selectStart();
+				else if ($isDecoratorNode(next)) selectDecoratorNode(next, "start");
+				return true;
 			}
-			if ($isElementNode(next)) next.selectStart();
-			else if ($isDecoratorNode(next)) selectDecoratorNode(next, "start");
+			const paragraph = $createParagraphNode();
+			node.insertAfter(paragraph);
+			paragraph.selectStart();
 			return true;
 		}
+		if (!event?.metaKey && !event?.ctrlKey) return false;
 		if (!$isRangeSelection(selection)) return false;
 		const topLevelElement = selection.anchor.getNode().getTopLevelElementOrThrow();
 		if ($isParagraphNode(topLevelElement)) return false;
@@ -329,7 +335,7 @@ function registerBlockExitCommands(editor) {
 		unregisterVirtualParagraphCleanup();
 		unregisterArrowRight();
 		unregisterArrowDown();
-		unregisterCmdEnter();
+		unregisterEnter();
 		unregisterBackspace();
 		unregisterDelete();
 		unregisterArrowUpDecorator();
@@ -338,6 +344,36 @@ function registerBlockExitCommands(editor) {
 	};
 }
 //#endregion
+//#region src/plugins/ClickBelowPlugin.tsx
+function ClickBelowPlugin() {
+	const [editor] = useLexicalComposerContext();
+	useEffect(() => {
+		return registerClickBelowCommand(editor);
+	}, [editor]);
+	return null;
+}
+function registerClickBelowCommand(editor) {
+	return editor.registerCommand(CLICK_COMMAND, (event) => {
+		const rootElement = editor.getRootElement();
+		if (!rootElement || event.target !== rootElement) return false;
+		const root = $getRoot();
+		const last = root.getLastChild();
+		if (last === null) {
+			const paragraph = $createParagraphNode();
+			root.append(paragraph);
+			paragraph.selectStart();
+			return true;
+		}
+		if (!$isDecoratorNode(last)) return false;
+		const lastDom = editor.getElementByKey(last.getKey());
+		if (lastDom && event.clientY <= lastDom.getBoundingClientRect().bottom) return false;
+		const paragraph = $createParagraphNode();
+		last.insertAfter(paragraph);
+		paragraph.selectStart();
+		return true;
+	}, COMMAND_PRIORITY_LOW);
+}
+//#endregion
 //#region src/transformers/horizontal-rule.ts
 var HORIZONTAL_RULE_REGEX = /^(---|\*\*\*|___)\s?$/;
 var HORIZONTAL_RULE_BLOCK_TRANSFORMER$1 = {
@@ -857,6 +893,7 @@ function CorePlugins() {
 		/* @__PURE__ */ jsx(MarkdownShortcutsPlugin, {}),
 		/* @__PURE__ */ jsx(MarkdownPastePlugin, {}),
 		/* @__PURE__ */ jsx(BlockExitPlugin, {}),
+		/* @__PURE__ */ jsx(ClickBelowPlugin, {}),
 		/* @__PURE__ */ jsx(HorizontalRulePlugin, {}),
 		/* @__PURE__ */ jsx(AutoLinkPlugin, {})
 	] });
@@ -874,6 +911,18 @@ function useImageUpload() {
 	return use(ImageUploadContext);
 }
 //#endregion
+//#region src/context/VideoUploadContext.tsx
+var VideoUploadContext = createContext(null);
+function VideoUploadProvider({ upload, children }) {
+	return /* @__PURE__ */ jsx(VideoUploadContext.Provider, {
+		value: upload,
+		children
+	});
+}
+function useVideoUpload() {
+	return use(VideoUploadContext);
+}
+//#endregion
 //#region src/plugins/BlockIdPlugin.tsx
 var blockIdState = createState("blockId", { parse: (v) => typeof v === "string" ? v : "" });
 var NORMALIZATION_TAG = "block-id-normalization";
@@ -976,6 +1025,7 @@ function BlockIdPlugin() {
 //#endregion
 //#region src/plugins/image-upload.css.ts
 var draggingWrapperClass = "rich-image-upload-dragging";
+var toastStack = "_1x58dbf1";
 var toastVariant = {
 	info: "_1x58dbf3",
 	success: "_1x58dbf4",
@@ -1056,7 +1106,7 @@ function ImageUploadPlugin({ onUpload }) {
 	const [dialogDragActive, setDialogDragActive] = useState(false);
 	const [pendingUploads, setPendingUploads] = useState(0);
 	const [dialogUploading, setDialogUploading] = useState(false);
-	const [toast$1, setToast] = useState(null);
+	const [toast$2, setToast] = useState(null);
 	const [urlInput, setUrlInput] = useState("");
 	const [urlPreview$1, setUrlPreview] = useState(null);
 	const [urlMeta, setUrlMeta] = useState(null);
@@ -1227,14 +1277,14 @@ function ImageUploadPlugin({ onUpload }) {
 		urlPreview$1
 	]);
 	const helperMessage = pendingUploads > 0 ? `Uploading ${pendingUploads} image${pendingUploads > 1 ? "s" : ""}...` : rootDragActive ? "Drop image files to upload" : null;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [(helperMessage || toast$1) && /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [(helperMessage || toast$2) && /* @__PURE__ */ jsxs("div", {
 		className: "_1x58dbf1",
 		children: [helperMessage && /* @__PURE__ */ jsxs("div", {
 			className: `_1x58dbf2 ${toastVariant.info}`,
 			children: [/* @__PURE__ */ jsx("span", { className: "_1x58dbf7" }), helperMessage]
-		}), toast$1 && /* @__PURE__ */ jsxs("div", {
-			className: `_1x58dbf2 ${toastVariant[toast$1.kind]}`,
-			children: [toast$1.kind === "success" ? /* @__PURE__ */ jsx(Check, { size: 12 }) : /* @__PURE__ */ jsx(Info, { size: 12 }), toast$1.message]
+		}), toast$2 && /* @__PURE__ */ jsxs("div", {
+			className: `_1x58dbf2 ${toastVariant[toast$2.kind]}`,
+			children: [toast$2.kind === "success" ? /* @__PURE__ */ jsx(Check, { size: 12 }) : /* @__PURE__ */ jsx(Info, { size: 12 }), toast$2.message]
 		})]
 	}), /* @__PURE__ */ jsx(Dialog, {
 		open: dialogOpen,
@@ -2036,6 +2086,134 @@ function TextSelectionPlugin() {
 	return null;
 }
 //#endregion
+//#region src/plugins/VideoUploadPlugin.tsx
+function isVideoFile(file) {
+	return file.type.startsWith("video/");
+}
+function hasVideoData(dataTransfer) {
+	if (!dataTransfer) return false;
+	if ([...dataTransfer.files].some(isVideoFile)) return true;
+	return [...dataTransfer.items].some((item) => item.type.startsWith("video/"));
+}
+function VideoUploadPlugin({ onUpload }) {
+	const [editor] = useLexicalComposerContext();
+	const uploadRef = useRef(onUpload);
+	uploadRef.current = onUpload;
+	const toastTimerRef = useRef(null);
+	const nextUploadIdRef = useRef(0);
+	const [uploads, setUploads] = useState(/* @__PURE__ */ new Map());
+	const [rootDragActive, setRootDragActive] = useState(false);
+	const [toast$1, setToast] = useState(null);
+	const pushToast = useCallback((kind, message) => {
+		setToast({
+			kind,
+			message
+		});
+		if (toastTimerRef.current) window.clearTimeout(toastTimerRef.current);
+		toastTimerRef.current = window.setTimeout(setToast, 2200, null);
+	}, []);
+	const uploadVideo = useCallback(async (file) => {
+		const id = nextUploadIdRef.current++;
+		setUploads((prev) => new Map(prev).set(id, 0));
+		try {
+			const result = await uploadRef.current(file, { onProgress: (percent) => {
+				setUploads((prev) => new Map(prev).set(id, percent));
+			} });
+			editor.update(() => {
+				$insertNodes([$createVideoNode({ src: result.src })]);
+			});
+			pushToast("success", "Video uploaded");
+		} catch (err) {
+			console.error("[VideoUploadPlugin]", err);
+			pushToast("error", "Video upload failed");
+		} finally {
+			setUploads((prev) => {
+				const next = new Map(prev);
+				next.delete(id);
+				return next;
+			});
+		}
+	}, [editor, pushToast]);
+	const handleFiles = useCallback((files) => {
+		const videos = files.filter(isVideoFile);
+		if (videos.length === 0) return false;
+		for (const file of videos) uploadVideo(file);
+		return videos.length === files.length;
+	}, [uploadVideo]);
+	useEffect(() => {
+		const unregisterDragDrop = editor.registerCommand(DRAG_DROP_PASTE, (files) => handleFiles(files), COMMAND_PRIORITY_CRITICAL);
+		const unregisterPaste = editor.registerCommand(PASTE_COMMAND, (event) => {
+			const clipboardData = "clipboardData" in event ? event.clipboardData : null;
+			if (!clipboardData) return false;
+			const files = [...clipboardData.files];
+			if (files.some(isVideoFile)) return handleFiles(files);
+			return false;
+		}, COMMAND_PRIORITY_CRITICAL);
+		const rootElement = editor.getRootElement();
+		const wrapper = rootElement?.parentElement ?? null;
+		if (!wrapper) return () => {
+			unregisterDragDrop();
+			unregisterPaste();
+		};
+		let dragCounter = 0;
+		const setWrapperDragging = (next) => {
+			setRootDragActive(next);
+			wrapper.classList.toggle(draggingWrapperClass, next);
+		};
+		const onDragEnter = (event) => {
+			if (!hasVideoData(event.dataTransfer)) return;
+			dragCounter += 1;
+			setWrapperDragging(true);
+		};
+		const onDragOver = (event) => {
+			if (!hasVideoData(event.dataTransfer)) return;
+			event.preventDefault();
+		};
+		const onDragLeave = () => {
+			dragCounter = Math.max(dragCounter - 1, 0);
+			if (dragCounter === 0) setWrapperDragging(false);
+		};
+		const onDrop = () => {
+			dragCounter = 0;
+			setWrapperDragging(false);
+		};
+		rootElement?.addEventListener("dragenter", onDragEnter);
+		rootElement?.addEventListener("dragover", onDragOver);
+		rootElement?.addEventListener("dragleave", onDragLeave);
+		rootElement?.addEventListener("drop", onDrop);
+		return () => {
+			if (toastTimerRef.current) window.clearTimeout(toastTimerRef.current);
+			unregisterDragDrop();
+			unregisterPaste();
+			setWrapperDragging(false);
+			rootElement?.removeEventListener("dragenter", onDragEnter);
+			rootElement?.removeEventListener("dragover", onDragOver);
+			rootElement?.removeEventListener("dragleave", onDragLeave);
+			rootElement?.removeEventListener("drop", onDrop);
+		};
+	}, [editor, handleFiles]);
+	const helperMessage = (() => {
+		if (uploads.size === 1) {
+			const percent = [...uploads.values()][0] ?? 0;
+			return `Uploading video... ${Math.round(percent)}%`;
+		}
+		if (uploads.size > 1) return `Uploading ${uploads.size} videos...`;
+		if (rootDragActive) return "Drop video files to upload";
+		return null;
+	})();
+	if (!helperMessage && !toast$1) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: toastStack,
+		children: [helperMessage && /* @__PURE__ */ jsxs("div", {
+			className: `_1x58dbf2 ${toastVariant.info}`,
+			children: [/* @__PURE__ */ jsx("span", { className: "_1x58dbf7" }), helperMessage]
+		}), toast$1 && /* @__PURE__ */ jsxs("div", {
+			className: `_1x58dbf2 ${toastVariant[toast$1.kind]}`,
+			children: [toast$1.kind === "success" ? /* @__PURE__ */ jsx(Check, { size: 12 }) : /* @__PURE__ */ jsx(Info, { size: 12 }), toast$1.message]
+		})]
+	});
+}
+//#endregion
 //#region src/plugins/AutoFocusPlugin.tsx
 function AutoFocusPlugin() {
 	const [editor] = useLexicalComposerContext();
@@ -2183,4 +2361,4 @@ function SubmitShortcutPlugin({ onSubmit }) {
 	return null;
 }
 //#endregion
-export { ImageUploadProvider as A, useTextSelectionSnapshot as C, defaultImageUpload as D, ImageUploadPlugin as E, ALL_TRANSFORMERS as F, HorizontalRulePlugin as I, BlockExitPlugin as L, CorePlugins as M, MarkdownShortcutsPlugin as N, BlockIdPlugin as O, MarkdownPastePlugin as P, AutoLinkPlugin as R, createTextSelectionStore as S, LinkFaviconPlugin as T, $getTextOffsetInBlock as _, AutoFocusPlugin as a, buildRangeAnchor as b, $captureTextSelectionFromRangeSelection as c, findDOMPointByTextOffset as d, getBlockElementById as f, $getRootBlock as g, TEXT_SELECTION_HIGHLIGHT_NAME as h, EditorRefPlugin as i, useImageUpload as j, blockIdState as k, $restoreTextSelection as l, getTextOffsetFromDOMPoint as m, OnChangePlugin as n, TextSelectionPlugin as o, getDOMRectFromTextSelection as p, FootnotePlugin as r, $captureTextSelection as s, SubmitShortcutPlugin as t, createDOMRangeFromTextSelection as u, $resolveSelectionPoint as v, useTextSelectionStore as w, TextSelectionStoreProvider as x, buildBlockAnchor as y };
+export { blockIdState as A, ClickBelowPlugin as B, createTextSelectionStore as C, ImageUploadPlugin as D, LinkFaviconPlugin as E, CorePlugins as F, BlockExitPlugin as H, MarkdownShortcutsPlugin as I, MarkdownPastePlugin as L, useVideoUpload as M, ImageUploadProvider as N, defaultImageUpload as O, useImageUpload as P, ALL_TRANSFORMERS as R, TextSelectionStoreProvider as S, useTextSelectionStore as T, AutoLinkPlugin as U, registerClickBelowCommand as V, $getRootBlock as _, AutoFocusPlugin as a, buildBlockAnchor as b, $captureTextSelection as c, createDOMRangeFromTextSelection as d, findDOMPointByTextOffset as f, TEXT_SELECTION_HIGHLIGHT_NAME as g, getTextOffsetFromDOMPoint as h, EditorRefPlugin as i, VideoUploadProvider as j, BlockIdPlugin as k, $captureTextSelectionFromRangeSelection as l, getDOMRectFromTextSelection as m, OnChangePlugin as n, VideoUploadPlugin as o, getBlockElementById as p, FootnotePlugin as r, TextSelectionPlugin as s, SubmitShortcutPlugin as t, $restoreTextSelection as u, $getTextOffsetInBlock as v, useTextSelectionSnapshot as w, buildRangeAnchor as x, $resolveSelectionPoint as y, HorizontalRulePlugin as z };

package/dist/components/CorePlugins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CorePlugins.d.ts","sourceRoot":"","sources":["../../src/components/CorePlugins.tsx"],"names":[],"mappings":"AAYA,wBAAgB,WAAW,gCAe1B"}
+{"version":3,"file":"CorePlugins.d.ts","sourceRoot":"","sources":["../../src/components/CorePlugins.tsx"],"names":[],"mappings":"AAaA,wBAAgB,WAAW,gCAgB1B"}

package/dist/components/RichEditor.d.ts

@@ -1,3 +1,3 @@
 import { RichEditorProps } from '../types';
-export declare function RichEditor({ extraNodes, imageUpload, children, ...shellProps }: RichEditorProps): import("react").JSX.Element;
+export declare function RichEditor({ extraNodes, imageUpload, videoUpload, children, ...shellProps }: RichEditorProps): import("react").JSX.Element;
 //# sourceMappingURL=RichEditor.d.ts.map

package/dist/components/RichEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditor.d.ts","sourceRoot":"","sources":["../../src/components/RichEditor.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,eAAe,+BAsB/F"}
+{"version":3,"file":"RichEditor.d.ts","sourceRoot":"","sources":["../../src/components/RichEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,WAAW,EACX,WAAW,EACX,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,eAAe,+BAyBjB"}

package/dist/{config-wy9S6JPy.js → config-CplWQTph.js}

@@ -1252,4 +1252,4 @@ var customNodes = [
 ];
 var allNodes = [...builtinNodes, ...customNodes];
 //#endregion
-export { BANNER_TYPES as A, $isCodeBlockNode as C, useColorScheme as D, ColorSchemeProvider as E, normalizeBannerType as M, BannerRenderer as N, $isBannerNode as O, CommentNode as S, CodeBlockRenderer as T, $createDetailsNode as _, $createRubyNode as a, $createCommentPlaceholderNode as b, $createLinkCardNode as c, $createGridContainerNode as d, $isGridContainerNode as f, FootnoteSectionNode as g, $isFootnoteSectionNode as h, VideoNode as i, BannerNode as j, BANNER_LABELS as k, $isLinkCardNode as l, $createFootnoteSectionNode as m, builtinNodes as n, $isRubyNode as o, GridContainerNode as p, customNodes as r, RubyNode as s, allNodes as t, LinkCardNode as u, DetailsNode as v, CodeBlockNode as w, $isCommentNode as x, $createCommentNode as y };
+export { BANNER_LABELS as A, CommentNode as C, ColorSchemeProvider as D, CodeBlockRenderer as E, BannerNode as M, normalizeBannerType as N, useColorScheme as O, BannerRenderer as P, $isCommentNode as S, CodeBlockNode as T, FootnoteSectionNode as _, VideoNode as a, $createCommentNode as b, RubyNode as c, LinkCardNode as d, $createGridContainerNode as f, $isFootnoteSectionNode as g, $createFootnoteSectionNode as h, $createVideoNode as i, BANNER_TYPES as j, $isBannerNode as k, $createLinkCardNode as l, GridContainerNode as m, builtinNodes as n, $createRubyNode as o, $isGridContainerNode as p, customNodes as r, $isRubyNode as s, allNodes as t, $isLinkCardNode as u, $createDetailsNode as v, $isCodeBlockNode as w, $createCommentPlaceholderNode as x, DetailsNode as y };

package/dist/context/VideoUploadContext.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { VideoUploadFn } from '../plugins/VideoUploadPlugin';
+export declare function VideoUploadProvider({ upload, children, }: {
+    upload: VideoUploadFn | null;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useVideoUpload(): VideoUploadFn | null;
+//# sourceMappingURL=VideoUploadContext.d.ts.map

package/dist/context/VideoUploadContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoUploadContext.d.ts","sourceRoot":"","sources":["../../src/context/VideoUploadContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAIlE,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAEA;AAED,wBAAgB,cAAc,IAAI,aAAa,GAAG,IAAI,CAErD"}

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { A as ImageUploadProvider, C as useTextSelectionSnapshot, D as defaultImageUpload, E as ImageUploadPlugin, M as CorePlugins, O as BlockIdPlugin, S as createTextSelectionStore, T as LinkFaviconPlugin, _ as $getTextOffsetInBlock, a as AutoFocusPlugin, b as buildRangeAnchor, c as $captureTextSelectionFromRangeSelection, d as findDOMPointByTextOffset, f as getBlockElementById, g as $getRootBlock, h as TEXT_SELECTION_HIGHLIGHT_NAME, i as EditorRefPlugin, k as blockIdState, l as $restoreTextSelection, m as getTextOffsetFromDOMPoint, n as OnChangePlugin, o as TextSelectionPlugin, p as getDOMRectFromTextSelection, r as FootnotePlugin, s as $captureTextSelection, t as SubmitShortcutPlugin, u as createDOMRangeFromTextSelection, v as $resolveSelectionPoint, w as useTextSelectionStore, x as TextSelectionStoreProvider, y as buildBlockAnchor } from "./SubmitShortcutPlugin-CFIOt7Yx.js";
-import { n as setResolvedEditNodes, r as allEditNodes } from "./node-registry-C_EUwDDU.js";
+import { A as blockIdState, C as createTextSelectionStore, D as ImageUploadPlugin, E as LinkFaviconPlugin, F as CorePlugins, N as ImageUploadProvider, O as defaultImageUpload, S as TextSelectionStoreProvider, T as useTextSelectionStore, _ as $getRootBlock, a as AutoFocusPlugin, b as buildBlockAnchor, c as $captureTextSelection, d as createDOMRangeFromTextSelection, f as findDOMPointByTextOffset, g as TEXT_SELECTION_HIGHLIGHT_NAME, h as getTextOffsetFromDOMPoint, i as EditorRefPlugin, j as VideoUploadProvider, k as BlockIdPlugin, l as $captureTextSelectionFromRangeSelection, m as getDOMRectFromTextSelection, n as OnChangePlugin, o as VideoUploadPlugin, p as getBlockElementById, r as FootnotePlugin, s as TextSelectionPlugin, t as SubmitShortcutPlugin, u as $restoreTextSelection, v as $getTextOffsetInBlock, w as useTextSelectionSnapshot, x as buildRangeAnchor, y as $resolveSelectionPoint } from "./SubmitShortcutPlugin-HTwCVN0m.js";
+import { n as setResolvedEditNodes, r as allEditNodes } from "./node-registry-BmMoa_84.js";
 import { L as NestedContentRendererProvider, R as useNestedContentRenderer, t as editorTheme, z as useOptionalNestedContentRenderer } from "./theme-BGKUes-K.js";
 import { C as MENTION_NODE_KEY, D as VIDEO_NODE_KEY, E as TAG_NODE_KEY, S as LINK_CARD_NODE_KEY, T as RUBY_NODE_KEY, _ as CODE_BLOCK_NODE_KEY, a as FootnoteDefinitionsProvider, b as IMAGE_NODE_KEY, c as useFootnoteDisplayNumber, d as RendererConfigProvider, f as useRendererConfig, g as BANNER_NODE_KEY, h as ALERT_NODE_KEY, m as useVariant, o as useFootnoteContent, p as useRendererMode, s as useFootnoteDefinitions, v as FOOTNOTE_NODE_KEY, w as MERMAID_NODE_KEY, x as KATEX_NODE_KEY, y as FOOTNOTE_SECTION_NODE_KEY } from "./KaTeXRenderer-CRL_A32i.js";
 import { a as noteVariant, c as richContent, i as getVariantClass, l as semanticClassNames, n as katexStyles, o as commentVariant, r as clsx, s as articleVariant, t as katexClassNames, u as sharedStyles } from "./katex.css-0TJGE4On.js";
-import { D as useColorScheme, E as ColorSchemeProvider } from "./config-wy9S6JPy.js";
+import { D as ColorSchemeProvider, O as useColorScheme } from "./config-CplWQTph.js";
 import { i as detailsStyles, n as gridStyles, r as detailsClassNames, t as gridClassNames } from "./grid.css-ClPR9Sd5.js";
 import { t as normalizeSerializedEditorState } from "./normalizeSerializedEditorState-C7VzxLf5.js";
 import { n as useExtraNodes, r as LinkFavicon, t as ExtraNodesProvider } from "./ExtraNodesContext-BVJeViBr.js";
@@ -107,28 +107,32 @@ function RichEditorShell({ nodes, initialValue, onChange, variant = "article", t
 }
 //#endregion
 //#region src/components/RichEditor.tsx
-function RichEditor({ extraNodes, imageUpload, children, ...shellProps }) {
+function RichEditor({ extraNodes, imageUpload, videoUpload, children, ...shellProps }) {
 	const nodes = extraNodes ? [...allEditNodes, ...extraNodes] : allEditNodes;
 	const resolvedImageUpload = imageUpload ?? defaultImageUpload;
 	return /* @__PURE__ */ jsx(ImageUploadProvider, {
 		upload: resolvedImageUpload,
-		children: /* @__PURE__ */ jsx(ExtraNodesProvider, {
-			extraNodes,
-			children: /* @__PURE__ */ jsxs(RichEditorShell, {
-				nodes,
-				...shellProps,
-				children: [
-					/* @__PURE__ */ jsx(CorePlugins, {}),
-					/* @__PURE__ */ jsx(ImagePlugin, {}),
-					/* @__PURE__ */ jsx(ImageUploadPlugin, { onUpload: resolvedImageUpload }),
-					/* @__PURE__ */ jsx(KaTeXPlugin, {}),
-					/* @__PURE__ */ jsx(AlertPlugin, {}),
-					/* @__PURE__ */ jsx(MermaidPlugin, {}),
-					/* @__PURE__ */ jsx(LinkFaviconPlugin, {}),
-					/* @__PURE__ */ jsx(BlockIdPlugin, {}),
-					/* @__PURE__ */ jsx(TextSelectionPlugin, {}),
-					children
-				]
+		children: /* @__PURE__ */ jsx(VideoUploadProvider, {
+			upload: videoUpload ?? null,
+			children: /* @__PURE__ */ jsx(ExtraNodesProvider, {
+				extraNodes,
+				children: /* @__PURE__ */ jsxs(RichEditorShell, {
+					nodes,
+					...shellProps,
+					children: [
+						/* @__PURE__ */ jsx(CorePlugins, {}),
+						/* @__PURE__ */ jsx(ImagePlugin, {}),
+						/* @__PURE__ */ jsx(ImageUploadPlugin, { onUpload: resolvedImageUpload }),
+						videoUpload ? /* @__PURE__ */ jsx(VideoUploadPlugin, { onUpload: videoUpload }) : null,
+						/* @__PURE__ */ jsx(KaTeXPlugin, {}),
+						/* @__PURE__ */ jsx(AlertPlugin, {}),
+						/* @__PURE__ */ jsx(MermaidPlugin, {}),
+						/* @__PURE__ */ jsx(LinkFaviconPlugin, {}),
+						/* @__PURE__ */ jsx(BlockIdPlugin, {}),
+						/* @__PURE__ */ jsx(TextSelectionPlugin, {}),
+						children
+					]
+				})
 			})
 		})
 	});

package/dist/{node-registry-C_EUwDDU.js → node-registry-BmMoa_84.js}

@@ -1,7 +1,7 @@
 import { C as KaTeXBlockNode, E as ImageNode, P as _defineProperty, _ as MentionNode, b as KaTeXInlineNode, c as SpoilerNode, i as TagNode, k as FootnoteNode, m as MermaidNode, t as editorTheme } from "./theme-BGKUes-K.js";
 import { _ as CODE_BLOCK_NODE_KEY, g as BANNER_NODE_KEY, l as RendererWrapper, s as useFootnoteDefinitions } from "./KaTeXRenderer-CRL_A32i.js";
 import { l as semanticClassNames, r as clsx, u as sharedStyles } from "./katex.css-0TJGE4On.js";
-import { C as $isCodeBlockNode, M as normalizeBannerType, N as BannerRenderer, O as $isBannerNode, S as CommentNode, T as CodeBlockRenderer, f as $isGridContainerNode, g as FootnoteSectionNode, i as VideoNode, j as BannerNode, n as builtinNodes, p as GridContainerNode, s as RubyNode, u as LinkCardNode, v as DetailsNode, w as CodeBlockNode } from "./config-wy9S6JPy.js";
+import { C as CommentNode, E as CodeBlockRenderer, M as BannerNode, N as normalizeBannerType, P as BannerRenderer, T as CodeBlockNode, _ as FootnoteSectionNode, a as VideoNode, c as RubyNode, d as LinkCardNode, k as $isBannerNode, m as GridContainerNode, n as builtinNodes, p as $isGridContainerNode, w as $isCodeBlockNode, y as DetailsNode } from "./config-CplWQTph.js";
 import { n as gridStyles, t as gridClassNames } from "./grid.css-ClPR9Sd5.js";
 import { n as AlertQuoteEditNode, r as NESTED_EDITOR_NODES } from "./AlertQuoteEditNode-CaCADTx3.js";
 import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";

package/dist/nodes-entry.mjs

@@ -1,5 +1,5 @@
-import { a as FootnoteSectionEditNode, i as customEditNodes, n as setResolvedEditNodes, r as allEditNodes, t as getResolvedEditNodes } from "./node-registry-C_EUwDDU.js";
+import { a as FootnoteSectionEditNode, i as customEditNodes, n as setResolvedEditNodes, r as allEditNodes, t as getResolvedEditNodes } from "./node-registry-BmMoa_84.js";
 import { C as KaTeXBlockNode, E as ImageNode, M as ALERT_TYPES, S as $isKaTeXBlockNode, T as $isImageNode, _ as MentionNode, b as KaTeXInlineNode, d as RichQuoteNode, f as $createMermaidNode, g as $isMentionNode, h as $createMentionNode, i as TagNode, j as ALERT_LABELS, l as $createRichQuoteNode, m as MermaidNode, n as $createTagNode, p as $isMermaidNode, r as $isTagNode, u as $isRichQuoteNode, w as $createImageNode, y as $isKaTeXInlineNode } from "./theme-BGKUes-K.js";
-import { A as BANNER_TYPES, S as CommentNode, a as $createRubyNode, c as $createLinkCardNode, d as $createGridContainerNode, f as $isGridContainerNode, g as FootnoteSectionNode, h as $isFootnoteSectionNode, k as BANNER_LABELS, l as $isLinkCardNode, m as $createFootnoteSectionNode, n as builtinNodes, o as $isRubyNode, p as GridContainerNode, r as customNodes, s as RubyNode, t as allNodes, u as LinkCardNode, x as $isCommentNode, y as $createCommentNode } from "./config-wy9S6JPy.js";
+import { A as BANNER_LABELS, C as CommentNode, S as $isCommentNode, _ as FootnoteSectionNode, b as $createCommentNode, c as RubyNode, d as LinkCardNode, f as $createGridContainerNode, g as $isFootnoteSectionNode, h as $createFootnoteSectionNode, j as BANNER_TYPES, l as $createLinkCardNode, m as GridContainerNode, n as builtinNodes, o as $createRubyNode, p as $isGridContainerNode, r as customNodes, s as $isRubyNode, t as allNodes, u as $isLinkCardNode } from "./config-CplWQTph.js";
 import { r as NESTED_EDITOR_NODES } from "./AlertQuoteEditNode-CaCADTx3.js";
 export { $createCommentNode, $createFootnoteSectionNode, $createGridContainerNode, $createImageNode, $createLinkCardNode, $createMentionNode, $createMermaidNode, $createRichQuoteNode, $createRubyNode, $createTagNode, $isCommentNode, $isFootnoteSectionNode, $isGridContainerNode, $isImageNode, $isKaTeXBlockNode, $isKaTeXInlineNode, $isLinkCardNode, $isMentionNode, $isMermaidNode, $isRichQuoteNode, $isRubyNode, $isTagNode, ALERT_LABELS, ALERT_TYPES, BANNER_LABELS, BANNER_TYPES, CommentNode, FootnoteSectionEditNode, FootnoteSectionNode, GridContainerNode, ImageNode, KaTeXBlockNode, KaTeXInlineNode, LinkCardNode, MentionNode, MermaidNode, NESTED_EDITOR_NODES, RichQuoteNode, RubyNode, TagNode, allEditNodes, allNodes, builtinNodes, customEditNodes, customNodes, getResolvedEditNodes, setResolvedEditNodes };

package/dist/plugins/BlockExitPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockExitPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/BlockExitPlugin.tsx"],"names":[],"mappings":"AAEA,OAAO,EAuBL,KAAK,aAAa,EAGnB,MAAM,SAAS,CAAC;AAqHjB,wBAAgB,eAAe,SAQ9B;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,aAAa,cAmX9D"}
+{"version":3,"file":"BlockExitPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/BlockExitPlugin.tsx"],"names":[],"mappings":"AAEA,OAAO,EAuBL,KAAK,aAAa,EAGnB,MAAM,SAAS,CAAC;AAqHjB,wBAAgB,eAAe,SAQ9B;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,aAAa,cA2X9D"}

package/dist/plugins/ClickBelowPlugin.d.ts

@@ -0,0 +1,4 @@
+import { LexicalEditor } from 'lexical';
+export declare function ClickBelowPlugin(): null;
+export declare function registerClickBelowCommand(editor: LexicalEditor): () => void;
+//# sourceMappingURL=ClickBelowPlugin.d.ts.map

package/dist/plugins/ClickBelowPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickBelowPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/ClickBelowPlugin.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,aAAa,EACnB,MAAM,SAAS,CAAC;AAGjB,wBAAgB,gBAAgB,SAQ/B;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,aAAa,cA+B9D"}

package/dist/plugins/VideoUploadPlugin.d.ts

@@ -0,0 +1,12 @@
+export interface VideoUploadResult {
+    src: string;
+}
+export type VideoUploadFn = (file: File, opts?: {
+    onProgress?: (percent: number) => void;
+}) => Promise<VideoUploadResult>;
+interface VideoUploadPluginProps {
+    onUpload: VideoUploadFn;
+}
+export declare function VideoUploadPlugin({ onUpload }: VideoUploadPluginProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=VideoUploadPlugin.d.ts.map

package/dist/plugins/VideoUploadPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoUploadPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/VideoUploadPlugin.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,aAAa,GAAG,CAC1B,IAAI,EAAE,IAAI,EACV,IAAI,CAAC,EAAE;IAAE,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,KAC9C,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAahC,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,sCAiLrE"}

package/dist/plugins-entry.d.ts

@@ -1,11 +1,13 @@
 export { CorePlugins } from './components/CorePlugins';
 export { ImageUploadProvider, useImageUpload } from './context/ImageUploadContext';
+export { useVideoUpload, VideoUploadProvider } from './context/VideoUploadContext';
 export { AlertPlugin } from './plugins/AlertPlugin';
 export { AutoFocusPlugin } from './plugins/AutoFocusPlugin';
 export { AutoLinkPlugin } from './plugins/AutoLinkPlugin';
 export { BlockExitPlugin } from './plugins/BlockExitPlugin';
 export { BlockIdPlugin } from './plugins/BlockIdPlugin';
 export { blockIdState } from './plugins/BlockIdPlugin';
+export { ClickBelowPlugin, registerClickBelowCommand } from './plugins/ClickBelowPlugin';
 export { EditorRefPlugin } from './plugins/EditorRefPlugin';
 export { FootnotePlugin } from './plugins/FootnotePlugin';
 export { HorizontalRulePlugin } from './plugins/HorizontalRulePlugin';
@@ -19,5 +21,6 @@ export { MermaidPlugin } from './plugins/MermaidPlugin';
 export { OnChangePlugin } from './plugins/OnChangePlugin';
 export { SubmitShortcutPlugin } from './plugins/SubmitShortcutPlugin';
 export { TextSelectionPlugin } from './plugins/TextSelectionPlugin';
+export { type VideoUploadFn, VideoUploadPlugin, type VideoUploadResult, } from './plugins/VideoUploadPlugin';
 export { ALL_TRANSFORMERS } from './transformers';
 //# sourceMappingURL=plugins-entry.d.ts.map

package/dist/plugins-entry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugins-entry.d.ts","sourceRoot":"","sources":["../src/plugins-entry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EACL,kBAAkB,EAClB,KAAK,aAAa,EAClB,iBAAiB,EACjB,KAAK,iBAAiB,GACvB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"plugins-entry.d.ts","sourceRoot":"","sources":["../src/plugins-entry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EACL,kBAAkB,EAClB,KAAK,aAAa,EAClB,iBAAiB,EACjB,KAAK,iBAAiB,GACvB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EACL,KAAK,aAAa,EAClB,iBAAiB,EACjB,KAAK,iBAAiB,GACvB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/plugins-entry.mjs

@@ -1,3 +1,3 @@
-import { A as ImageUploadProvider, D as defaultImageUpload, E as ImageUploadPlugin, F as ALL_TRANSFORMERS, I as HorizontalRulePlugin, L as BlockExitPlugin, M as CorePlugins, N as MarkdownShortcutsPlugin, O as BlockIdPlugin, P as MarkdownPastePlugin, R as AutoLinkPlugin, T as LinkFaviconPlugin, a as AutoFocusPlugin, i as EditorRefPlugin, j as useImageUpload, k as blockIdState, n as OnChangePlugin, o as TextSelectionPlugin, r as FootnotePlugin, t as SubmitShortcutPlugin } from "./SubmitShortcutPlugin-CFIOt7Yx.js";
+import { A as blockIdState, B as ClickBelowPlugin, D as ImageUploadPlugin, E as LinkFaviconPlugin, F as CorePlugins, H as BlockExitPlugin, I as MarkdownShortcutsPlugin, L as MarkdownPastePlugin, M as useVideoUpload, N as ImageUploadProvider, O as defaultImageUpload, P as useImageUpload, R as ALL_TRANSFORMERS, U as AutoLinkPlugin, V as registerClickBelowCommand, a as AutoFocusPlugin, i as EditorRefPlugin, j as VideoUploadProvider, k as BlockIdPlugin, n as OnChangePlugin, o as VideoUploadPlugin, r as FootnotePlugin, s as TextSelectionPlugin, t as SubmitShortcutPlugin, z as HorizontalRulePlugin } from "./SubmitShortcutPlugin-HTwCVN0m.js";
 import { a as KaTeXPlugin, c as AlertPlugin, n as MermaidPlugin, s as ImagePlugin } from "./MermaidPlugin-BK4tJ9xt.js";
-export { ALL_TRANSFORMERS, AlertPlugin, AutoFocusPlugin, AutoLinkPlugin, BlockExitPlugin, BlockIdPlugin, CorePlugins, EditorRefPlugin, FootnotePlugin, HorizontalRulePlugin, ImagePlugin, ImageUploadPlugin, ImageUploadProvider, KaTeXPlugin, LinkFaviconPlugin, MarkdownPastePlugin, MarkdownShortcutsPlugin, MermaidPlugin, OnChangePlugin, SubmitShortcutPlugin, TextSelectionPlugin, blockIdState, defaultImageUpload, useImageUpload };
+export { ALL_TRANSFORMERS, AlertPlugin, AutoFocusPlugin, AutoLinkPlugin, BlockExitPlugin, BlockIdPlugin, ClickBelowPlugin, CorePlugins, EditorRefPlugin, FootnotePlugin, HorizontalRulePlugin, ImagePlugin, ImageUploadPlugin, ImageUploadProvider, KaTeXPlugin, LinkFaviconPlugin, MarkdownPastePlugin, MarkdownShortcutsPlugin, MermaidPlugin, OnChangePlugin, SubmitShortcutPlugin, TextSelectionPlugin, VideoUploadPlugin, VideoUploadProvider, blockIdState, defaultImageUpload, registerClickBelowCommand, useImageUpload, useVideoUpload };

package/dist/static-entry.mjs

@@ -1,7 +1,7 @@
 import { F as extractTextContent, L as NestedContentRendererProvider, R as useNestedContentRenderer, a as getTagBgColor, t as editorTheme, z as useOptionalNestedContentRenderer } from "./theme-BGKUes-K.js";
 import { C as MENTION_NODE_KEY, D as VIDEO_NODE_KEY, E as TAG_NODE_KEY, S as LINK_CARD_NODE_KEY, T as RUBY_NODE_KEY, _ as CODE_BLOCK_NODE_KEY, a as FootnoteDefinitionsProvider, b as IMAGE_NODE_KEY, c as useFootnoteDisplayNumber, d as RendererConfigProvider, f as useRendererConfig, g as BANNER_NODE_KEY, h as ALERT_NODE_KEY, l as RendererWrapper, m as useVariant, o as useFootnoteContent, p as useRendererMode, s as useFootnoteDefinitions, u as createRendererDecoration, v as FOOTNOTE_NODE_KEY, w as MERMAID_NODE_KEY, x as KATEX_NODE_KEY, y as FOOTNOTE_SECTION_NODE_KEY } from "./KaTeXRenderer-CRL_A32i.js";
 import { a as noteVariant, c as richContent, i as getVariantClass, l as semanticClassNames, n as katexStyles, o as commentVariant, r as clsx, s as articleVariant, t as katexClassNames, u as sharedStyles } from "./katex.css-0TJGE4On.js";
-import { D as useColorScheme, E as ColorSchemeProvider, n as builtinNodes, r as customNodes, t as allNodes } from "./config-wy9S6JPy.js";
+import { D as ColorSchemeProvider, O as useColorScheme, n as builtinNodes, r as customNodes, t as allNodes } from "./config-CplWQTph.js";
 import { i as detailsStyles, n as gridStyles, r as detailsClassNames, t as gridClassNames } from "./grid.css-ClPR9Sd5.js";
 import { t as normalizeSerializedEditorState } from "./normalizeSerializedEditorState-C7VzxLf5.js";
 import { n as useExtraNodes, r as LinkFavicon, t as ExtraNodesProvider } from "./ExtraNodesContext-BVJeViBr.js";

package/dist/types.d.ts

@@ -28,5 +28,10 @@ export interface RichEditorProps {
     style?: React.CSSProperties;
     theme?: ColorScheme;
     variant?: RichEditorVariant;
+    videoUpload?: (file: File, opts?: {
+        onProgress?: (percent: number) => void;
+    }) => Promise<{
+        src: string;
+    }>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;QACpC,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;QACpC,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,CACZ,IAAI,EAAE,IAAI,EACV,IAAI,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,KAC9C,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-editor",
-  "version": "0.21.1",
+  "version": "0.22.0",
   "description": "Core rich text editor based on Lexical",
   "repository": {
     "type": "git",
@@ -48,9 +48,9 @@
     "@lexical/code-core": "^0.45.0",
     "nanoid": "^5.1.11",
     "thumbhash": "^0.1.1",
-    "@haklex/rich-editor-ui": "0.21.1",
-    "@haklex/rich-style-token": "0.21.1",
-    "@haklex/rich-headless": "0.21.1"
+    "@haklex/rich-headless": "0.22.0",
+    "@haklex/rich-style-token": "0.22.0",
+    "@haklex/rich-editor-ui": "0.22.0"
   },
   "devDependencies": {
     "@lexical/extension": "^0.45.0",