@hitch42/applet 0.1.1-beta.14 → 0.1.1-beta.16

package/dist/markdown-CwlqzBtP.js

@@ -0,0 +1,88 @@
+import { n as cachedDownloadUrl, r as invalidateDownloadUrl, t as HITCH_FILE_PREFIX } from "./hitch-file-url-BPKj9zVG.js";
+import { useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Streamdown, defaultRehypePlugins, defaultUrlTransform } from "streamdown";
+//#region src/react/markdown.tsx
+function withHitchFileProtocol() {
+	const sanitize = defaultRehypePlugins.sanitize;
+	if (!Array.isArray(sanitize)) throw new Error("streamdown's default sanitize plugin is no longer [plugin, schema].");
+	const [plugin, schema] = sanitize;
+	if (!Array.isArray(schema.protocols?.src)) throw new Error("streamdown's sanitize schema no longer lists src protocols.");
+	return Object.values({
+		...defaultRehypePlugins,
+		sanitize: [plugin, {
+			...schema,
+			protocols: {
+				...schema.protocols,
+				src: [...schema.protocols.src, "hitch-file"]
+			}
+		}]
+	});
+}
+function HitchImage({ src, alt, files, node: _node, ...props }) {
+	const id = typeof src === "string" && src.startsWith("hitch-file://") ? src.slice(HITCH_FILE_PREFIX.length) : void 0;
+	const [state, setState] = useState({ id });
+	useEffect(() => {
+		if (id === void 0 || files === void 0) return;
+		let active = true;
+		cachedDownloadUrl(files, id).then((url) => {
+			if (active) setState({
+				id,
+				url
+			});
+		}, (error) => {
+			invalidateDownloadUrl(id);
+			console.error(`Failed to download Hitch file "${id}".`, error);
+			if (active) setState({
+				id,
+				error
+			});
+		});
+		return () => {
+			active = false;
+		};
+	}, [files, id]);
+	if (id === void 0) return /* @__PURE__ */ jsx("img", {
+		src,
+		alt,
+		...props
+	});
+	if (files === void 0 || state.error !== void 0) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground text-sm",
+		children: alt ?? "Image unavailable"
+	});
+	if (state.id !== id || state.url === void 0) return /* @__PURE__ */ jsx("span", {
+		className: "inline-block min-h-16 min-w-32 animate-pulse rounded-md bg-muted p-3 text-muted-foreground text-sm",
+		role: "img",
+		"aria-label": alt ?? "Loading image",
+		children: alt ?? "Loading image"
+	});
+	return /* @__PURE__ */ jsx("img", {
+		src: state.url,
+		alt,
+		...props,
+		onError: () => {
+			invalidateDownloadUrl(id);
+			setState({
+				id,
+				error: /* @__PURE__ */ new Error("image failed to load")
+			});
+		}
+	});
+}
+function Markdown({ children, files, className }) {
+	const rehypePlugins = useMemo(withHitchFileProtocol, []);
+	const components = useMemo(() => ({ img: (props) => /* @__PURE__ */ jsx(HitchImage, {
+		...props,
+		files
+	}) }), [files]);
+	return /* @__PURE__ */ jsx(Streamdown, {
+		className,
+		components,
+		rehypePlugins,
+		urlTransform: (url, key, node) => url.startsWith("hitch-file://") ? url : defaultUrlTransform(url, key, node),
+		children
+	});
+}
+//#endregion
+export { Markdown as t };

package/dist/markdown-DSHOQIOb.d.ts

@@ -0,0 +1,14 @@
+import { a as UploadedHitchFile } from "./upload-D_kkmne_.js";
+import { ReactElement } from "react";
+//#region src/react/markdown.d.ts
+type MarkdownFiles = {
+  download: (id: string) => Promise<Pick<UploadedHitchFile, "downloadUrl">>;
+};
+type MarkdownProps = {
+  children: string;
+  files?: MarkdownFiles;
+  className?: string;
+};
+declare function Markdown({ children, files, className }: MarkdownProps): ReactElement;
+//#endregion
+export { MarkdownFiles as n, MarkdownProps as r, Markdown as t };

package/dist/markdown-editor-BmEaBzd7.d.ts

@@ -0,0 +1,27 @@
+import { a as UploadedHitchFile } from "./upload-D_kkmne_.js";
+import { ReactElement } from "react";
+import "@tiptap/core";
+//#region src/react/markdown-editor-extensions.d.ts
+type MarkdownEditorFiles = {
+  upload: (file: File) => Promise<Pick<UploadedHitchFile, "id" | "downloadUrl">>;
+  download: (id: string) => Promise<Pick<UploadedHitchFile, "downloadUrl">>;
+};
+//#endregion
+//#region src/react/markdown-editor.d.ts
+type MarkdownEditorProps = {
+  value: string;
+  onChange: (value: string) => void;
+  files?: MarkdownEditorFiles;
+  id?: string;
+  placeholder?: string;
+  required?: boolean;
+  minLength?: number;
+  maxLength?: number;
+  disabled?: boolean;
+  autoFocus?: boolean;
+  className?: string;
+  onUploadError?: (error: unknown, file: File) => void;
+};
+declare function MarkdownEditor({ value, onChange, files, id, placeholder, required, minLength, maxLength, disabled, autoFocus, className, onUploadError }: MarkdownEditorProps): ReactElement;
+//#endregion
+export { MarkdownEditorProps as n, MarkdownEditorFiles as r, MarkdownEditor as t };

package/dist/markdown-editor-C5mLHGqu.js

@@ -0,0 +1,428 @@
+import { i as seedDownloadUrl, n as cachedDownloadUrl, r as invalidateDownloadUrl, t as HITCH_FILE_PREFIX } from "./hitch-file-url-BPKj9zVG.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { BetweenHorizontalEnd, BetweenVerticalEnd, Bold, Code, Heading, Italic, Link, List, ListMinus, ListOrdered, ListTodo, Quote, Strikethrough, Table, Trash2, X } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { GapCursor } from "@tiptap/pm/gapcursor";
+import { NodeSelection } from "@tiptap/pm/state";
+import { EditorContent, NodeViewWrapper, ReactNodeViewRenderer, useEditor, useEditorState } from "@tiptap/react";
+import { Button, Toolbar } from "react-aria-components";
+import { twMerge } from "cn";
+import { generateHTML } from "@tiptap/core";
+import Image from "@tiptap/extension-image";
+import { TaskItem, TaskList } from "@tiptap/extension-list";
+import { Table as Table$1, TableCell, TableHeader, TableRow, renderTableToMarkdown } from "@tiptap/extension-table";
+import { Placeholder } from "@tiptap/extensions";
+import { Markdown } from "@tiptap/markdown";
+import StarterKit from "@tiptap/starter-kit";
+//#region src/react/markdown-editor-extensions.tsx
+function sanitizeAltText(text) {
+	return text.replaceAll(/[[\]()\\]/g, "").replaceAll(/\s+/g, " ");
+}
+function editorMarkdown(editor) {
+	return editor.getMarkdown().trimEnd();
+}
+function tableHasBlockCells(node) {
+	return (node.content ?? []).some((row) => (row.content ?? []).some((cell) => cell.content?.length !== 1 || cell.content[0]?.type !== "paragraph"));
+}
+function hitchImageNode(files) {
+	return function HitchImageNode({ node, selected, editor, deleteNode }) {
+		const src = String(node.attrs.src);
+		const alt = typeof node.attrs.alt === "string" ? node.attrs.alt : void 0;
+		const id = src.startsWith("hitch-file://") ? src.slice(HITCH_FILE_PREFIX.length) : void 0;
+		const [state, setState] = useState({ id });
+		useEffect(() => {
+			if (id === void 0 || files === void 0) return;
+			let active = true;
+			cachedDownloadUrl(files, id).then((url) => {
+				if (active) setState({
+					id,
+					url
+				});
+			}, (error) => {
+				invalidateDownloadUrl(id);
+				console.error(`Failed to download Hitch file "${id}".`, error);
+				if (active) setState({
+					id,
+					error
+				});
+			});
+			return () => {
+				active = false;
+			};
+		}, [files, id]);
+		const content = id === void 0 ? /* @__PURE__ */ jsx("img", {
+			src,
+			alt,
+			className: "max-w-full rounded-lg",
+			"data-drag-handle": true
+		}) : files === void 0 || state.error !== void 0 ? /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground text-sm",
+			children: alt ?? "Image unavailable"
+		}) : state.id !== id || state.url === void 0 ? /* @__PURE__ */ jsx("span", {
+			className: "inline-block min-h-16 min-w-32 animate-pulse rounded-md bg-muted p-3 text-muted-foreground text-sm",
+			role: "img",
+			"aria-label": alt ?? "Loading image",
+			children: alt ?? "Loading image"
+		}) : /* @__PURE__ */ jsx("img", {
+			src: state.url,
+			alt,
+			className: "max-w-full rounded-lg",
+			"data-drag-handle": true,
+			onError: () => {
+				invalidateDownloadUrl(id);
+				setState({
+					id,
+					error: /* @__PURE__ */ new Error("image failed to load")
+				});
+			}
+		});
+		return /* @__PURE__ */ jsxs(NodeViewWrapper, {
+			as: "span",
+			className: twMerge("relative inline-block max-w-full rounded-lg", selected && "in-[.ProseMirror[contenteditable=true]:focus-within]:ring-2 in-[.ProseMirror[contenteditable=true]:focus-within]:ring-ring"),
+			children: [content, selected && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				contentEditable: false,
+				"aria-label": "Remove image",
+				className: "absolute top-1.5 right-1.5 hidden size-6 in-[.ProseMirror[contenteditable=true]:focus-within]:inline-flex items-center justify-center rounded-full bg-background/90 text-foreground shadow-sm outline-none hover:bg-muted focus-visible:ring-3 focus-visible:ring-ring/30 [&_svg]:size-3.5",
+				onClick: () => {
+					deleteNode();
+					editor.commands.focus();
+				},
+				children: /* @__PURE__ */ jsx(X, {})
+			})]
+		});
+	};
+}
+function markdownEditorExtensions(files, placeholder = "") {
+	const extensions = [];
+	extensions.push(StarterKit.configure({ link: { openOnClick: false } }), Table$1.extend({ renderMarkdown(node, helpers) {
+		if (!tableHasBlockCells(node)) return renderTableToMarkdown(node, helpers);
+		return `\n${generateHTML({
+			type: "doc",
+			content: [node]
+		}, extensions)}\n`;
+	} }), TableRow, TableHeader, TableCell, TaskList, TaskItem.configure({ nested: true }), Image.extend({ addNodeView() {
+		return ReactNodeViewRenderer(hitchImageNode(files));
+	} }), Markdown, Placeholder.configure({
+		placeholder,
+		showOnlyWhenEditable: false
+	}));
+	return extensions;
+}
+//#endregion
+//#region src/react/markdown-editor.tsx
+const buttonClassName = "inline-flex size-7 shrink-0 items-center justify-center rounded-2xl border border-transparent text-muted-foreground outline-none transition-all select-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
+const editorClassName = "min-h-32 w-full px-2.5 py-2 text-base md:text-sm outline-none whitespace-pre-wrap space-y-4 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&_h1]:mt-6 [&_h1]:mb-2 [&_h1]:font-semibold [&_h1]:text-3xl [&_h2]:mt-6 [&_h2]:mb-2 [&_h2]:font-semibold [&_h2]:text-2xl [&_h3]:mt-6 [&_h3]:mb-2 [&_h3]:font-semibold [&_h3]:text-xl [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:font-semibold [&_h4]:text-lg [&_h5]:mt-6 [&_h5]:mb-2 [&_h5]:font-semibold [&_h5]:text-base [&_h6]:mt-6 [&_h6]:mb-2 [&_h6]:font-semibold [&_h6]:text-sm [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:pl-5 [&_blockquote]:my-4 [&_blockquote]:border-l-4 [&_blockquote]:border-muted-foreground/30 [&_blockquote]:pl-4 [&_blockquote]:text-muted-foreground [&_blockquote]:italic [&_code]:rounded [&_code]:bg-muted [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:border [&_pre]:border-border [&_pre]:bg-background [&_pre]:p-4 [&_pre]:text-sm [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_a]:font-medium [&_a]:text-primary [&_a]:underline [&_a]:wrap-anywhere [&_hr]:my-4 [&_hr]:border-border [&_table]:my-4 [&_table]:w-full [&_table]:border-collapse [&_th]:border [&_th]:border-border [&_th]:px-4 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold [&_th]:text-sm [&_td]:border [&_td]:border-border [&_td]:px-4 [&_td]:py-2 [&_td]:text-sm [&_ul[data-type=taskList]]:list-none [&_ul[data-type=taskList]]:pl-0 [&_li[data-type=taskItem]]:flex [&_li[data-type=taskItem]]:items-start [&_li[data-type=taskItem]]:gap-2 [&_li[data-type=taskItem]>div]:flex-1 [&_p.is-editor-empty:first-child]:before:content-[attr(data-placeholder)] [&_p.is-editor-empty:first-child]:before:float-left [&_p.is-editor-empty:first-child]:before:h-0 [&_p.is-editor-empty:first-child]:before:pointer-events-none [&_p.is-editor-empty:first-child]:before:text-muted-foreground";
+function findImage(view, src) {
+	let found;
+	view.state.doc.descendants((node, pos) => {
+		if (found !== void 0) return false;
+		if (node.type.name === "image" && node.attrs.src === src) found = {
+			pos,
+			size: node.nodeSize
+		};
+		return found === void 0;
+	});
+	return found;
+}
+function MarkdownEditor({ value, onChange, files, id, placeholder, required, minLength, maxLength, disabled, autoFocus, className, onUploadError }) {
+	const validationRef = useRef(null);
+	const lastEmittedRef = useRef(value);
+	const filesRef = useRef(files);
+	const uploadErrorRef = useRef(onUploadError);
+	const pendingUploads = useRef(0);
+	useEffect(() => {
+		filesRef.current = files;
+		uploadErrorRef.current = onUploadError;
+	});
+	const hasFiles = files !== void 0;
+	const stableFiles = useMemo(() => {
+		if (!hasFiles) return void 0;
+		const current = () => {
+			const filesNow = filesRef.current;
+			if (filesNow === void 0) throw new Error("files was removed while the editor used it.");
+			return filesNow;
+		};
+		return {
+			upload: (file) => current().upload(file),
+			download: (fileId) => current().download(fileId)
+		};
+	}, [hasFiles]);
+	const extensions = useMemo(() => markdownEditorExtensions(stableFiles, placeholder), [stableFiles, placeholder]);
+	const applyValidity = () => {
+		validationRef.current?.setCustomValidity(pendingUploads.current > 0 ? "Wait for the image upload to finish." : minLength !== void 0 && value.length > 0 && value.length < minLength ? `Use at least ${minLength} characters.` : maxLength !== void 0 && value.length > maxLength ? `Use no more than ${maxLength} characters.` : "");
+	};
+	useEffect(applyValidity);
+	const markUploadPending = (delta) => {
+		pendingUploads.current += delta;
+		applyValidity();
+	};
+	const editor = useEditor({
+		extensions,
+		content: value,
+		contentType: "markdown",
+		editable: !disabled,
+		autofocus: autoFocus ? "end" : false,
+		editorProps: {
+			attributes: { class: editorClassName },
+			handlePaste: (view, event) => {
+				const imageFiles = Array.from(event.clipboardData?.files ?? []).filter((file) => file.type.startsWith("image/"));
+				if (filesRef.current === void 0 || imageFiles.length === 0) return false;
+				uploadImages(view, imageFiles, view.state.selection.from);
+				return true;
+			},
+			handleDrop: (view, event) => {
+				const imageFiles = Array.from(event.dataTransfer?.files ?? []).filter((file) => file.type.startsWith("image/"));
+				if (filesRef.current === void 0 || imageFiles.length === 0) return false;
+				const position = view.posAtCoords({
+					left: event.clientX,
+					top: event.clientY
+				})?.pos;
+				if (position === void 0) return false;
+				uploadImages(view, imageFiles, position);
+				return true;
+			}
+		},
+		onCreate: ({ editor: createdEditor }) => {
+			if (autoFocus) createdEditor.commands.focus("end");
+			else if (createdEditor.state.selection instanceof NodeSelection) {
+				const { state, view } = createdEditor;
+				view.dispatch(state.tr.setSelection(new GapCursor(state.doc.resolve(0))));
+			}
+		},
+		onUpdate: ({ editor: updatedEditor, transaction }) => {
+			if (!transaction.docChanged) return;
+			const markdown = editorMarkdown(updatedEditor);
+			if (markdown === lastEmittedRef.current) return;
+			lastEmittedRef.current = markdown;
+			onChange(markdown);
+		}
+	}, [extensions]);
+	async function uploadImages(view, imageFiles, position) {
+		const uploadFiles = filesRef.current;
+		if (uploadFiles === void 0) return;
+		markUploadPending(1);
+		try {
+			const pending = imageFiles.map((file) => ({
+				file,
+				url: URL.createObjectURL(file)
+			}));
+			const transaction = view.state.tr;
+			let insertPosition = position;
+			for (const { file, url } of pending) {
+				const node = view.state.schema.nodes.image.create({
+					src: url,
+					alt: sanitizeAltText(file.name)
+				});
+				transaction.insert(insertPosition, node);
+				insertPosition += node.nodeSize;
+			}
+			view.dispatch(transaction);
+			for (const { file, url } of pending) try {
+				const uploaded = await uploadFiles.upload(file);
+				seedDownloadUrl(uploaded.id, uploaded.downloadUrl);
+				const image = findImage(view, url);
+				if (image !== void 0) view.dispatch(view.state.tr.setNodeMarkup(image.pos, void 0, {
+					...view.state.doc.nodeAt(image.pos)?.attrs,
+					src: `${HITCH_FILE_PREFIX}${uploaded.id}`
+				}));
+			} catch (error) {
+				const image = findImage(view, url);
+				if (image !== void 0) view.dispatch(view.state.tr.delete(image.pos, image.pos + image.size));
+				if (uploadErrorRef.current !== void 0) uploadErrorRef.current(error, file);
+				else console.error(`Upload of "${file.name}" failed.`, error);
+			} finally {
+				URL.revokeObjectURL(url);
+			}
+		} finally {
+			markUploadPending(-1);
+		}
+	}
+	useEffect(() => {
+		if (value !== lastEmittedRef.current && value !== editorMarkdown(editor)) editor.commands.setContent(value, {
+			contentType: "markdown",
+			emitUpdate: false
+		});
+		lastEmittedRef.current = value;
+	}, [editor, value]);
+	useEffect(() => editor.setEditable(!disabled, false), [disabled, editor]);
+	const active = useEditorState({
+		editor,
+		selector: ({ editor: current }) => ({
+			heading: current.isActive("heading"),
+			bold: current.isActive("bold"),
+			italic: current.isActive("italic"),
+			strike: current.isActive("strike"),
+			code: current.isActive("code"),
+			link: current.isActive("link"),
+			bulletList: current.isActive("bulletList"),
+			orderedList: current.isActive("orderedList"),
+			taskList: current.isActive("taskList"),
+			blockquote: current.isActive("blockquote"),
+			table: current.isActive("table")
+		})
+	});
+	const cycleHeading = () => {
+		const level = [
+			1,
+			2,
+			3
+		].find((item) => editor.isActive("heading", { level: item }));
+		if (level === void 0) editor.chain().focus().toggleHeading({ level: 1 }).run();
+		else if (level < 3) editor.chain().focus().toggleHeading({ level: level + 1 }).run();
+		else editor.chain().focus().setParagraph().run();
+	};
+	const toggleLink = () => {
+		if (editor.isActive("link")) return void editor.chain().focus().unsetLink().run();
+		const url = window.prompt("Link URL");
+		if (!url) return;
+		if (editor.state.selection.empty) editor.chain().focus().insertContent({
+			type: "text",
+			text: url,
+			marks: [{
+				type: "link",
+				attrs: { href: url }
+			}]
+		}).run();
+		else editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+	};
+	const items = [
+		{
+			title: "Heading",
+			active: active.heading,
+			icon: Heading,
+			command: cycleHeading
+		},
+		{
+			title: "Bold",
+			active: active.bold,
+			icon: Bold,
+			command: () => editor.chain().focus().toggleBold().run()
+		},
+		{
+			title: "Italic",
+			active: active.italic,
+			icon: Italic,
+			command: () => editor.chain().focus().toggleItalic().run()
+		},
+		{
+			title: "Strikethrough",
+			active: active.strike,
+			icon: Strikethrough,
+			command: () => editor.chain().focus().toggleStrike().run()
+		},
+		{
+			title: "Inline code",
+			active: active.code,
+			icon: Code,
+			command: () => editor.chain().focus().toggleCode().run()
+		},
+		{
+			title: "Link",
+			active: active.link,
+			icon: Link,
+			command: toggleLink
+		},
+		{
+			title: "Bulleted list",
+			active: active.bulletList,
+			icon: List,
+			command: () => editor.chain().focus().toggleBulletList().run()
+		},
+		{
+			title: "Numbered list",
+			active: active.orderedList,
+			icon: ListOrdered,
+			command: () => editor.chain().focus().toggleOrderedList().run()
+		},
+		{
+			title: "Task list",
+			active: active.taskList,
+			icon: ListTodo,
+			command: () => editor.chain().focus().toggleTaskList().run()
+		},
+		{
+			title: "Quote",
+			active: active.blockquote,
+			icon: Quote,
+			command: () => editor.chain().focus().toggleBlockquote().run()
+		},
+		{
+			title: "Table",
+			active: active.table,
+			icon: Table,
+			command: () => editor.chain().focus().insertTable({
+				rows: 3,
+				cols: 3,
+				withHeaderRow: true
+			}).run()
+		}
+	];
+	const tableItems = [
+		{
+			title: "Add row below",
+			icon: BetweenHorizontalEnd,
+			command: () => editor.chain().focus().addRowAfter().run()
+		},
+		{
+			title: "Add column right",
+			icon: BetweenVerticalEnd,
+			command: () => editor.chain().focus().addColumnAfter().run()
+		},
+		{
+			title: "Delete row",
+			icon: ListMinus,
+			command: () => editor.chain().focus().deleteRow().run()
+		},
+		{
+			title: "Delete column",
+			icon: ListMinus,
+			iconClassName: "rotate-90",
+			command: () => editor.chain().focus().deleteColumn().run()
+		},
+		{
+			title: "Delete table",
+			icon: Trash2,
+			command: () => editor.chain().focus().deleteTable().run()
+		}
+	];
+	return /* @__PURE__ */ jsxs("div", {
+		className: twMerge("flex flex-col overflow-hidden rounded-2xl border border-input bg-background", className),
+		children: [
+			/* @__PURE__ */ jsx(EditorContent, { editor }),
+			/* @__PURE__ */ jsxs(Toolbar, {
+				className: "order-first flex flex-wrap gap-1 border-b border-input p-1",
+				"aria-label": "Markdown formatting",
+				children: [items.map(({ title, active: isActive, icon: Icon, command }) => /* @__PURE__ */ jsx(Button, {
+					className: twMerge(buttonClassName, isActive && "bg-muted text-foreground"),
+					"aria-label": title,
+					isDisabled: disabled,
+					onPress: command,
+					children: /* @__PURE__ */ jsx(Icon, {})
+				}, title)), active.table && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+					"aria-hidden": true,
+					className: "mx-1 w-px self-stretch bg-border"
+				}), tableItems.map(({ title, icon: Icon, iconClassName, command }) => /* @__PURE__ */ jsx(Button, {
+					className: buttonClassName,
+					"aria-label": title,
+					isDisabled: disabled,
+					onPress: command,
+					children: /* @__PURE__ */ jsx(Icon, { className: iconClassName })
+				}, title))] })]
+			}),
+			/* @__PURE__ */ jsx("textarea", {
+				ref: validationRef,
+				id,
+				className: "sr-only",
+				tabIndex: -1,
+				value,
+				required,
+				disabled,
+				onChange: () => void 0,
+				onFocus: () => editor.commands.focus()
+			})
+		]
+	});
+}
+//#endregion
+export { MarkdownEditor as t };

package/dist/{project-z7x0omdw.js → project-CCVqCCgU.js}

@@ -1,5 +1,6 @@
-import { i as readWorkspaceConfig, l as organizationInstanceUrl, s as DEFAULT_INSTANCE_URL } from "./workspace-D0dnnlxL.js";
-import { n as loadAppletSourceDefinition } from "./load-config-BeQZ2yOa.js";
+import { a as organizationInstanceUrl, n as DEFAULT_INSTANCE_URL } from "./store-B8N_8JIN.js";
+import { n as readWorkspaceConfig } from "./workspace-8yqXsvce.js";
+import { n as loadAppletSourceDefinition } from "./load-config-Dkr2VxZN.js";
 import { z } from "zod";
 import { existsSync } from "node:fs";
 import { cp, mkdir, readFile, readdir, rm, symlink, writeFile } from "node:fs/promises";
@@ -140,7 +141,7 @@ function workspacePackage(org) {
 		scripts: {
 			lint: "oxlint",
 			fmt: "oxfmt",
-			check: "oxfmt --check && oxlint"
+			check: "oxfmt --check; s=$?; oxlint && exit $s"
 		},
 		devDependencies: {
 			"@hitch42/applet": "catalog:",
@@ -375,7 +376,7 @@ function appletPackage(definition, options) {
 			typecheck: "tsc --noEmit",
 			lint: "oxlint",
 			fmt: "oxfmt",
-			check: "oxfmt --check && oxlint"
+			check: "oxfmt --check; s=$?; oxlint && exit $s"
 		},
 		dependencies: sortedByName({
 			"@hitch42/applet": "catalog:",

package/dist/react/markdown-editor.d.ts

@@ -0,0 +1,2 @@
+import { n as MarkdownEditorProps, r as MarkdownEditorFiles, t as MarkdownEditor } from "../markdown-editor-BmEaBzd7.js";
+export { MarkdownEditor, type MarkdownEditorFiles, MarkdownEditorProps };

package/dist/react/markdown-editor.js

@@ -0,0 +1,2 @@
+import { t as MarkdownEditor } from "../markdown-editor-C5mLHGqu.js";
+export { MarkdownEditor };

package/dist/react/markdown.d.ts

@@ -0,0 +1,2 @@
+import { n as MarkdownFiles, r as MarkdownProps, t as Markdown } from "../markdown-DSHOQIOb.js";
+export { Markdown, MarkdownFiles, MarkdownProps };

package/dist/react/markdown.js

@@ -0,0 +1,2 @@
+import { t as Markdown } from "../markdown-CwlqzBtP.js";
+export { Markdown };

package/dist/react.d.ts

@@ -1,38 +1,3 @@
-import { a as UploadedHitchFile } from "./upload-DKZzz5kW.js";
-import { ReactElement } from "react";
-import "@tiptap/core";
-//#region src/react/markdown.d.ts
-type MarkdownFiles = {
-  download: (id: string) => Promise<Pick<UploadedHitchFile, "downloadUrl">>;
-};
-type MarkdownProps = {
-  children: string;
-  files?: MarkdownFiles;
-  className?: string;
-};
-declare function Markdown({ children, files, className }: MarkdownProps): ReactElement;
-//#endregion
-//#region src/react/markdown-editor-extensions.d.ts
-type MarkdownEditorFiles = {
-  upload: (file: File) => Promise<Pick<UploadedHitchFile, "id" | "downloadUrl">>;
-  download: (id: string) => Promise<Pick<UploadedHitchFile, "downloadUrl">>;
-};
-//#endregion
-//#region src/react/markdown-editor.d.ts
-type MarkdownEditorProps = {
-  value: string;
-  onChange: (value: string) => void;
-  files?: MarkdownEditorFiles;
-  id?: string;
-  placeholder?: string;
-  required?: boolean;
-  minLength?: number;
-  maxLength?: number;
-  disabled?: boolean;
-  autoFocus?: boolean;
-  className?: string;
-  onUploadError?: (error: unknown, file: File) => void;
-};
-declare function MarkdownEditor({ value, onChange, files, id, placeholder, required, minLength, maxLength, disabled, autoFocus, className, onUploadError }: MarkdownEditorProps): ReactElement;
-//#endregion
+import { n as MarkdownFiles, r as MarkdownProps, t as Markdown } from "./markdown-DSHOQIOb.js";
+import { n as MarkdownEditorProps, r as MarkdownEditorFiles, t as MarkdownEditor } from "./markdown-editor-BmEaBzd7.js";
 export { Markdown, MarkdownEditor, type MarkdownEditorFiles, type MarkdownEditorProps, type MarkdownFiles, type MarkdownProps };