@meowdown/react 0.39.0 → 0.40.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { clsx } from "clsx/lite";
 import { Fragment, cloneElement, createElement, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { codeBlockLanguages, defaultResolveImageUrl, defineBulletAfterHeading, defineCodeBlockPreviewPlugin, defineEditorExtension, defineEmbedPaste, defineExitBoundaryHandler, defineFileClickHandler, defineFilePaste, defineFileView, defineFollowLinkHandler, defineHTMLPaste, defineImage, defineImageClickHandler, defineLinkClickHandler, defineLinkEditKeymap, defineLinkHoverHandler, defineLinkPaste, defineMarkdownCopy, definePendingReplacementHandler, definePlaceholder, defineReadonly, defineSpellCheckPlugin, defineTagClickHandler, defineWikilinkClickHandler, defineWikilinkTrigger, docToMarkdown, getCodeTokens, getMarkBuilders, getPendingReplacement, getSelectedText, getTableColumnAlign, getVirtualElementFromRange, inlineTextToMarkChunks, isCodeBlockPreviewHiddenDecoration, isSelectionInTableCell, listenForTweetHeight, loadKaTeX, markdownToDoc, matchEmbed, renderMathInto } from "@meowdown/core";
+import { buildFileMarkdown, codeBlockLanguages, defaultResolveImageUrl, defineBulletAfterHeading, defineCodeBlockPreviewPlugin, defineEditorExtension, defineEmbedPaste, defineExitBoundaryHandler, defineFileClickHandler, defineFilePaste, defineFileView, defineFollowLinkHandler, defineHTMLPaste, defineImage, defineImageClickHandler, defineLinkClickHandler, defineLinkEditKeymap, defineLinkHoverHandler, defineLinkPaste, defineMarkdownCopy, definePendingReplacementHandler, definePlaceholder, defineReadonly, defineSpellCheckPlugin, defineTagClickHandler, defineWikilinkClickHandler, defineWikilinkTrigger, docToMarkdown, getCodeTokens, getMarkBuilders, getPendingReplacement, getSelectedText, getTableColumnAlign, getVirtualElementFromRange, inlineTextToMarkChunks, isCodeBlockPreviewHiddenDecoration, isSelectionInTableCell, listenForTweetHeight, loadKaTeX, markdownToDoc, matchEmbed, renderMathInto } from "@meowdown/core";
 import { clamp } from "@ocavue/utils";
 import { canUseRegexLookbehind, createEditor, defineDocChangeHandler, defineUpdateHandler, isTextSelection, union } from "@prosekit/core";
 import { Selection, TextSelection } from "@prosekit/pm/state";
@@ -999,6 +999,9 @@ var autocomplete_menu_module_default = {
 //#endregion
 //#region src/components/slash-menu.tsx
 const regex$2 = canUseRegexLookbehind() ? /(?<!\S)\/(\S.*)?$/u : /\/(\S.*)?$/u;
+const defaultOnFileSaveError = (error) => {
+	console.error("[meowdown] failed to save attached file:", error);
+};
 function SlashMenuItem({ label, keywords, detail, kbd, onSelect }) {
 	return /* @__PURE__ */ jsxs(AutocompleteItem, {
 		value: [label, ...keywords ?? []].join(" "),
@@ -1020,8 +1023,9 @@ function SlashMenuItem({ label, keywords, detail, kbd, onSelect }) {
 function selectionInTableCell(editor) {
 	return isSelectionInTableCell(editor.state);
 }
-function SlashMenu({ timeFormat = "12", onSlashMenuSearch }) {
+function SlashMenu({ timeFormat = "12", onSlashMenuSearch, onFilePaste, onFileSaveError }) {
 	const editor = useEditor$1();
+	const fileInputRef = useRef(null);
 	const inTableCell = useEditorDerivedValue(selectionInTableCell);
 	const [open, setOpen] = useState(false);
 	const [query, setQuery] = useState("");
@@ -1046,11 +1050,42 @@ function SlashMenu({ timeFormat = "12", onSlashMenuSearch }) {
 		query,
 		fetchHostItems
 	]);
-	return /* @__PURE__ */ jsx(AutocompleteRoot, {
+	const openFilePicker = useCallback(() => {
+		fileInputRef.current?.click();
+	}, []);
+	const handleFileInputChange = useCallback(async (event) => {
+		const input = event.currentTarget;
+		const files = Array.from(input.files ?? []);
+		input.value = "";
+		if (!onFilePaste || files.length === 0) return;
+		const onSaveError = onFileSaveError ?? defaultOnFileSaveError;
+		const markdown = [];
+		for (const file of files) try {
+			const destination = await onFilePaste(file);
+			if (destination) markdown.push(buildFileMarkdown(file, destination));
+		} catch (error) {
+			onSaveError(error, file);
+		}
+		if (markdown.length === 0) return;
+		editor.focus();
+		editor.commands.insertText({ text: markdown.join("\n") });
+	}, [
+		editor,
+		onFilePaste,
+		onFileSaveError
+	]);
+	return /* @__PURE__ */ jsxs(AutocompleteRoot, {
 		regex: regex$2,
 		onOpenChange: (event) => setOpen(event.detail),
 		onQueryChange: (event) => setQuery(event.detail),
-		children: /* @__PURE__ */ jsx(AutocompletePositioner, {
+		children: [onFilePaste ? /* @__PURE__ */ jsx("input", {
+			ref: fileInputRef,
+			"data-testid": "slash-menu-file-input",
+			type: "file",
+			multiple: true,
+			hidden: true,
+			onChange: handleFileInputChange
+		}) : null, /* @__PURE__ */ jsx(AutocompletePositioner, {
 			className: autocomplete_menu_module_default.Positioner,
 			children: /* @__PURE__ */ jsxs(AutocompletePopup, {
 				className: autocomplete_menu_module_default.Popup,
@@ -1126,6 +1161,15 @@ function SlashMenu({ timeFormat = "12", onSlashMenuSearch }) {
 						label: "Now",
 						onSelect: () => editor.commands.insertText({ text: formatNowTime(timeFormat) })
 					}),
+					onFilePaste ? /* @__PURE__ */ jsx(SlashMenuItem, {
+						label: "Attach file",
+						keywords: [
+							"attachment",
+							"file",
+							"upload"
+						],
+						onSelect: openFilePicker
+					}) : null,
 					hostItems.map((item) => /* @__PURE__ */ jsx(SlashMenuItem, {
 						label: item.label,
 						keywords: item.keywords,
@@ -1138,7 +1182,7 @@ function SlashMenu({ timeFormat = "12", onSlashMenuSearch }) {
 					})
 				]
 			})
-		})
+		})]
 	});
 }
 
@@ -1644,7 +1688,9 @@ function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onSl
 			blockHandle && !readOnly && /* @__PURE__ */ jsx(DropIndicator$1, {}),
 			/* @__PURE__ */ jsx(SlashMenu, {
 				timeFormat,
-				onSlashMenuSearch
+				onSlashMenuSearch,
+				onFilePaste,
+				onFileSaveError
 			}),
 			!readOnly && /* @__PURE__ */ jsx(LinkMenu, {
 				onLinkClick,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/react",
   "type": "module",
-  "version": "0.39.0",
+  "version": "0.40.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -26,7 +26,7 @@
     "clsx": "^2.1.1",
     "lucide-react": "^1.21.0",
     "react-property": "^2.0.2",
-    "@meowdown/core": "0.39.0"
+    "@meowdown/core": "0.40.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",