@hitch42/applet 0.1.1-beta.15 → 0.1.1-beta.17

package/dist/{manifest-ARAy2HP7.d.ts → manifest-BSUtHbu-.d.ts}

@@ -69,9 +69,6 @@ interface AppletPackages {
   devDependencies?: Readonly<Record<string, string>>;
 }
 type AppletSourceDefinition = AppletDefinition & AppletPackages;
-declare const appletManifestSchema: z.ZodType<AppletManifest>;
-declare const appletDefinitionSchema: z.ZodType<AppletDefinition>;
-declare const appletSourceDefinitionSchema: z.ZodType<AppletSourceDefinition>;
 type RegisteredAppletManifestObject = { [Code in keyof RegisteredCatalog]: Omit<AppletManifestObject, "code" | "readOnly" | "readWrite"> & {
   code: Code;
   readOnly: readonly RegisteredCatalog[Code][];
@@ -90,4 +87,4 @@ type RegisteredAppletManifest = Omit<AppletManifest, "objects" | "schedules"> &
 type RegisteredAppletDefinition = Omit<RegisteredAppletManifest, "org">;
 type RegisteredAppletSourceDefinition = RegisteredAppletDefinition & AppletPackages;
 //#endregion
-export { RegisteredWorkflows as _, AppletSourceDefinition as a, appletManifestSchema as c, RegisteredCatalog as d, RegisteredContract as f, RegisteredVariables as g, RegisteredVariableKeys as h, AppletPackages as i, appletSourceDefinitionSchema as l, RegisteredRouter as m, AppletManifest as n, RegisteredAppletSourceDefinition as o, RegisteredManifest as p, AppletManifestObject as r, appletDefinitionSchema as s, AppletDefinition as t, HitchRegister as u, registerHitchContract as v };
+export { AppletSourceDefinition as a, RegisteredCatalog as c, RegisteredRouter as d, RegisteredVariableKeys as f, registerHitchContract as h, AppletPackages as i, RegisteredContract as l, RegisteredWorkflows as m, AppletManifest as n, RegisteredAppletSourceDefinition as o, RegisteredVariables as p, AppletManifestObject as r, HitchRegister as s, AppletDefinition as t, RegisteredManifest as u };

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-NcWw8SwL.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";

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 };