@charcuterie/ui 3.2.0 → 3.4.0

package/dist/markdownEditorCodeMirror/MarkdownEditorCodeMirror.d.ts

@@ -0,0 +1,93 @@
+import type { ReactNode } from "react";
+import type { MarkdownEditorIcons, MarkdownImageUpload } from "../MarkdownEditor/MarkdownEditor.tsx";
+import type { SlotProps } from "../slotProps.ts";
+export type MarkdownEditorCodeMirrorProps = SlotProps & {
+    className?: string;
+    /**
+     * **Initial** only, and the same uncontrolled contract as the
+     * sibling `MarkdownEditor` — for the same reason, one layer over:
+     * reassigning the whole document from outside throws away the
+     * undo history that belonged to it. Swap documents with a `key`.
+     */
+    defaultValue?: string;
+    /** Start in raw-markdown mode. **Initial** only. */
+    isRawModeDefault?: boolean;
+    icons?: MarkdownEditorIcons;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    /**
+     * The accessible name. Omit it inside a `Field`, which supplies a
+     * real `<label htmlFor>`.
+     */
+    label?: string;
+    onChange?: (value: string) => void;
+    onUploadError?: (file: File, error: unknown) => void;
+    /**
+     * Paste or drop an image and this runs; the URL you return is
+     * inserted at the caret as `![alt](url)` — and, unlike the
+     * textarea sibling, is then **rendered in place**.
+     */
+    onUploadImage?: (file: File) => Promise<MarkdownImageUpload>;
+    placeholder?: string;
+    /** Label for the raw-markdown toggle. */
+    rawModeLabel?: string;
+    toolbarLabel?: string;
+};
+/**
+ * The live-preview markdown editor: Obsidian's model, on CodeMirror.
+ *
+ * This is the **opt-in** sibling of `MarkdownEditor`, and picking
+ * between them is a real decision rather than a preference:
+ *
+ * | | `MarkdownEditor` | this |
+ * | --- | --- | --- |
+ * | Surface | `<textarea>` + painted layer | CodeMirror 6 |
+ * | New dependency | **none** | ~176 KB gz of optional peer |
+ * | Markers | dimmed, never hidden | **concealed** until the caret arrives |
+ * | Headings | weight and colour only | **actually larger** |
+ * | Images | shown as `![alt](url)` | **rendered in place** |
+ * | Undo, IME | the platform's own | CodeMirror's |
+ *
+ * The default is still the textarea. A component library that makes
+ * every consumer install an editor core to render a description
+ * field has made the wrong trade, which is why this lives behind
+ * `@charcuterie/ui/markdown-editor-codemirror` with every CodeMirror
+ * package as an **optional** peer: a consumer that never imports
+ * this subpath resolves, installs and audits none of it.
+ *
+ * ## What is the same, and it is the important part
+ *
+ * **Markdown is the stored value, byte for byte.** There is no
+ * document model here and no serialiser. CodeMirror's state holds
+ * the markdown *text*; live preview is a set of decorations
+ * *over* that text; concealing `**` hides two characters that are
+ * still in the document and still in `onChange`. Every command is
+ * the same pure `markdownCommands.ts` the sibling uses, returning
+ * markdown in and markdown out.
+ *
+ * That distinction is the whole reason this is not TipTap or
+ * Lexical. Those invert it — their document model is authoritative
+ * and markdown becomes a lossy *export* — and the tracker Docket
+ * replaces died of exactly that: HTML in a field it later read back
+ * as text. An editor core would have been easier to build and is
+ * the one thing that could not be allowed.
+ *
+ * ## What genuinely costs something
+ *
+ * The `<textarea>` sibling gets caret movement, IME composition,
+ * spellcheck, the platform undo stack and `role="textbox"` from the
+ * browser, tested by the vendors. A `contenteditable` re-earns each
+ * of those, and CodeMirror is the reason that is acceptable rather
+ * than reckless: it is the most heavily exercised implementation of
+ * that re-earning in the ecosystem. It is still a re-implementation,
+ * and that is the honest cost of this subpath.
+ *
+ * ## Clicking a link opens it
+ *
+ * Obsidian's behaviour, not VS Code's: where the markup is hidden, a
+ * link that looks like a link acts like one. The trade is that you
+ * cannot click *into* link text to edit it — arrow in from the edge,
+ * or flip the raw-markdown toggle, which is exactly what it is for.
+ */
+export declare const MarkdownEditorCodeMirror: ({ className, defaultValue, icons, isDisabled, isRawModeDefault, isReadOnly, label, onChange, onUploadError, onUploadImage, placeholder, rawModeLabel, toolbarLabel, ...receivedSlotProps }: MarkdownEditorCodeMirrorProps) => ReactNode;
+//# sourceMappingURL=MarkdownEditorCodeMirror.d.ts.map

package/dist/markdownEditorCodeMirror/MarkdownEditorCodeMirror.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditorCodeMirror.d.ts","sourceRoot":"","sources":["../../src/markdownEditorCodeMirror/MarkdownEditorCodeMirror.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,sCAAsC,CAAA;AAkB7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAQhD,MAAM,MAAM,6BAA6B,GAAG,SAAS,GAAG;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,mBAAmB,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACpD;;;;OAIG;IACH,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,IAAI,KACP,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AA2ID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,eAAO,MAAM,wBAAwB,GAAI,4LAetC,6BAA6B,KAAG,SA8jBlC,CAAA"}

package/dist/markdownEditorCodeMirror/MarkdownEditorCodeMirror.js

@@ -0,0 +1,545 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useUniqueId } from "@charcuterie/logic";
+import { defaultKeymap, history, historyKeymap, } from "@codemirror/commands";
+import { markdown, markdownLanguage, } from "@codemirror/lang-markdown";
+import { Compartment, EditorState } from "@codemirror/state";
+import { EditorView, keymap, placeholder as placeholderExtension, } from "@codemirror/view";
+import { useEffect, useRef, useState } from "react";
+import { continueList, getMinimalEdit, indentLines, insertLink, insertText, isLinkPaste, MARKDOWN_LINE_PREFIXES, outdentLines, toggleHeading, toggleInlineMarker, toggleLinePrefix, toMarkdownImage, wrapSelectionInLink, } from "../MarkdownEditor/markdownCommands.js";
+import { Switch } from "../Switch/Switch.js";
+import { Toolbar } from "../Toolbar/Toolbar.js";
+import { toClassName } from "../toClassName.js";
+import { livePreview, setLivePreviewRawMode, } from "./livePreview.js";
+const isImageFile = (file) => file.type.startsWith("image/");
+const readSelection = (view) => {
+    const { main } = view.state.selection;
+    return {
+        selectionEnd: main.to,
+        selectionStart: main.from,
+        text: view.state.doc.toString(),
+    };
+};
+/**
+ * Apply a pure command's result as a **minimal** change.
+ *
+ * `getMinimalEdit` earns its keep differently here than in the
+ * textarea sibling. There it was about not wiping the browser's own
+ * undo stack; here CodeMirror's history would happily record a
+ * document-sized replacement — and then Ctrl+Z undoes the whole
+ * description instead of the bold toggle that caused it.
+ *
+ * Module scope, not a closure, because it is a pure function of its
+ * two arguments. That is not a lint dodge: a helper defined inside
+ * the component is a new identity every render, and this one gets
+ * captured by extensions that are built exactly once.
+ */
+const applyEdit = (view, next) => {
+    const current = view.state.doc.toString();
+    const edit = getMinimalEdit(current, next.text);
+    view.dispatch({
+        changes: {
+            from: edit.start,
+            insert: edit.text,
+            to: edit.end,
+        },
+        selection: {
+            anchor: next.selectionStart,
+            head: next.selectionEnd,
+        },
+    });
+    view.focus();
+};
+/**
+ * Upload one file, with a **markdown** placeholder holding the
+ * caret's place while the request is in flight.
+ *
+ * The placeholder is real text in the document rather than an
+ * overlay, because the user keeps typing during an upload and the
+ * insertion point has to travel with what they type. It carries a
+ * counter so two files of the same name do not resolve into each
+ * other's slot, and it is markdown like everything else — a failed
+ * upload leaves a document the user can read and fix, not a
+ * dangling widget.
+ */
+const uploadImage = async ({ count, file, handlers, setMessage, view, }) => {
+    const { onUploadError, onUploadImage } = handlers;
+    if (!onUploadImage) {
+        return;
+    }
+    const marker = `![Uploading ${file.name}](#uploading-${count})`;
+    applyEdit(view, insertText(readSelection(view), marker));
+    setMessage(`Uploading ${file.name}`);
+    const replaceMarker = (insertion) => {
+        const text = view.state.doc.toString();
+        const start = text.indexOf(marker);
+        if (start === -1) {
+            return;
+        }
+        const caret = start + insertion.length;
+        applyEdit(view, {
+            selectionEnd: caret,
+            selectionStart: caret,
+            text: text.slice(0, start) +
+                insertion +
+                text.slice(start + marker.length),
+        });
+    };
+    try {
+        const uploaded = await onUploadImage(file);
+        replaceMarker(toMarkdownImage({
+            alt: uploaded.alt ?? file.name,
+            url: uploaded.url,
+        }));
+        setMessage(`Inserted ${file.name}`);
+    }
+    catch (error) {
+        replaceMarker("");
+        setMessage(`Could not upload ${file.name}`);
+        onUploadError?.(file, error);
+    }
+};
+/**
+ * The live-preview markdown editor: Obsidian's model, on CodeMirror.
+ *
+ * This is the **opt-in** sibling of `MarkdownEditor`, and picking
+ * between them is a real decision rather than a preference:
+ *
+ * | | `MarkdownEditor` | this |
+ * | --- | --- | --- |
+ * | Surface | `<textarea>` + painted layer | CodeMirror 6 |
+ * | New dependency | **none** | ~176 KB gz of optional peer |
+ * | Markers | dimmed, never hidden | **concealed** until the caret arrives |
+ * | Headings | weight and colour only | **actually larger** |
+ * | Images | shown as `![alt](url)` | **rendered in place** |
+ * | Undo, IME | the platform's own | CodeMirror's |
+ *
+ * The default is still the textarea. A component library that makes
+ * every consumer install an editor core to render a description
+ * field has made the wrong trade, which is why this lives behind
+ * `@charcuterie/ui/markdown-editor-codemirror` with every CodeMirror
+ * package as an **optional** peer: a consumer that never imports
+ * this subpath resolves, installs and audits none of it.
+ *
+ * ## What is the same, and it is the important part
+ *
+ * **Markdown is the stored value, byte for byte.** There is no
+ * document model here and no serialiser. CodeMirror's state holds
+ * the markdown *text*; live preview is a set of decorations
+ * *over* that text; concealing `**` hides two characters that are
+ * still in the document and still in `onChange`. Every command is
+ * the same pure `markdownCommands.ts` the sibling uses, returning
+ * markdown in and markdown out.
+ *
+ * That distinction is the whole reason this is not TipTap or
+ * Lexical. Those invert it — their document model is authoritative
+ * and markdown becomes a lossy *export* — and the tracker Docket
+ * replaces died of exactly that: HTML in a field it later read back
+ * as text. An editor core would have been easier to build and is
+ * the one thing that could not be allowed.
+ *
+ * ## What genuinely costs something
+ *
+ * The `<textarea>` sibling gets caret movement, IME composition,
+ * spellcheck, the platform undo stack and `role="textbox"` from the
+ * browser, tested by the vendors. A `contenteditable` re-earns each
+ * of those, and CodeMirror is the reason that is acceptable rather
+ * than reckless: it is the most heavily exercised implementation of
+ * that re-earning in the ecosystem. It is still a re-implementation,
+ * and that is the honest cost of this subpath.
+ *
+ * ## Clicking a link opens it
+ *
+ * Obsidian's behaviour, not VS Code's: where the markup is hidden, a
+ * link that looks like a link acts like one. The trade is that you
+ * cannot click *into* link text to edit it — arrow in from the edge,
+ * or flip the raw-markdown toggle, which is exactly what it is for.
+ */
+export const MarkdownEditorCodeMirror = ({ className, defaultValue = "", icons, isDisabled = false, isRawModeDefault = false, isReadOnly = false, label, onChange, onUploadError, onUploadImage, placeholder, rawModeLabel = "Markdown source", toolbarLabel = "Markdown formatting", ...receivedSlotProps }) => {
+    const baseId = useUniqueId();
+    const hintId = `${baseId}-hint`;
+    const hostRef = useRef(null);
+    const viewRef = useRef(null);
+    const uploadCount = useRef(0);
+    const editabilityRef = useRef(new Compartment());
+    const [isRawMode, setIsRawMode] = useState(isRawModeDefault);
+    const [uploadMessage, setUploadMessage] = useState("");
+    /**
+     * Callbacks reach the editor through a ref, never a closure.
+     *
+     * The `EditorView` is built once and lives for the component's
+     * whole life — rebuilding it on every render would discard the
+     * undo history and the caret. So its extensions capture *this*
+     * object, and the render loop keeps the object current.
+     */
+    const handlersRef = useRef({
+        onChange,
+        onUploadError,
+        onUploadImage,
+    });
+    handlersRef.current = {
+        onChange,
+        onUploadError,
+        onUploadImage,
+    };
+    /**
+     * The uncontrolled contract, made explicit.
+     *
+     * These are the props that are **initial only**, frozen at mount
+     * in a ref rather than read from the render closure. Writing it
+     * this way says the quiet part out loud — changing `placeholder`
+     * later genuinely does nothing — and it keeps the build-once
+     * effect honestly dependency-free instead of suppressing a lint
+     * rule that is, in every other component here, correct.
+     */
+    const mountRef = useRef({
+        ariaDescribedBy: receivedSlotProps["aria-describedby"],
+        defaultValue,
+        hintId,
+        id: receivedSlotProps.id,
+        isRawModeDefault,
+        label,
+        placeholder,
+    });
+    const runCommand = (command) => {
+        const view = viewRef.current;
+        if (!view || isDisabled || isReadOnly) {
+            return;
+        }
+        applyEdit(view, command(readSelection(view)));
+    };
+    /**
+     * Built exactly once, and the empty dependency array is the whole
+     * point rather than an oversight.
+     *
+     * An `EditorView` owns the caret, the selection, the scroll
+     * position and the undo history. Rebuilding it throws all four
+     * away — so a dependency list here would mean that typing a
+     * description, then having a parent re-render with a new
+     * `placeholder` string, silently drops the user's undo stack
+     * mid-sentence. The values read inside are the *initial* half of
+     * the uncontrolled contract; everything that can legitimately
+     * change afterwards reaches the view through a compartment
+     * (editability) or through `handlersRef` (the callbacks).
+     *
+     * Swapping the document itself — Docket opening a different task —
+     * is a `key`, which is honest about the old history belonging to
+     * the old document.
+     */
+    useEffect(() => {
+        const host = hostRef.current;
+        if (!host) {
+            return;
+        }
+        const view = new EditorView({
+            parent: host,
+            state: EditorState.create({
+                doc: mountRef.current.defaultValue,
+                extensions: [
+                    history(),
+                    // `Tab` is deliberately absent, at every level: indenting
+                    // with it is the convention in editors that own the whole
+                    // page, and inside a form it is a keyboard trap (WCAG
+                    // 2.1.2). `indentWithTab` is the extension that would add
+                    // it, and it is not here. Indent is Ctrl+] / Ctrl+[.
+                    keymap.of([
+                        {
+                            key: "Enter",
+                            run: (target) => {
+                                const continued = continueList(readSelection(target));
+                                if (!continued) {
+                                    return false;
+                                }
+                                applyEdit(target, continued);
+                                return true;
+                            },
+                        },
+                        {
+                            key: "Mod-b",
+                            run: (target) => {
+                                applyEdit(target, toggleInlineMarker(readSelection(target), "**"));
+                                return true;
+                            },
+                        },
+                        {
+                            key: "Mod-i",
+                            run: (target) => {
+                                applyEdit(target, toggleInlineMarker(readSelection(target), "_"));
+                                return true;
+                            },
+                        },
+                        {
+                            key: "Mod-e",
+                            run: (target) => {
+                                applyEdit(target, toggleInlineMarker(readSelection(target), "`"));
+                                return true;
+                            },
+                        },
+                        {
+                            key: "Mod-k",
+                            run: (target) => {
+                                applyEdit(target, insertLink(readSelection(target)));
+                                return true;
+                            },
+                        },
+                        {
+                            key: "Mod-]",
+                            run: (target) => {
+                                applyEdit(target, indentLines(readSelection(target)));
+                                return true;
+                            },
+                        },
+                        {
+                            key: "Mod-[",
+                            run: (target) => {
+                                applyEdit(target, outdentLines(readSelection(target)));
+                                return true;
+                            },
+                        },
+                        ...historyKeymap,
+                        ...defaultKeymap,
+                    ]),
+                    // GFM, not strict CommonMark — which is what autolinks a
+                    // bare URL, renders task lists, and parses tables. A
+                    // pasted link becoming a link with nothing typed around
+                    // it falls straight out of this one argument.
+                    markdown({ base: markdownLanguage }),
+                    EditorView.lineWrapping,
+                    livePreview(),
+                    mountRef.current.placeholder
+                        ? placeholderExtension(mountRef.current.placeholder)
+                        : [],
+                    EditorView.contentAttributes.of({
+                        ...(mountRef.current.label
+                            ? { "aria-label": mountRef.current.label }
+                            : {}),
+                        /**
+                         * Named by the `Field` above, when there is one and no
+                         * `label` was passed.
+                         *
+                         * The sibling editor needs none of this: a `<textarea>`
+                         * is a **labelable** element, so `Field`'s
+                         * `<label htmlFor>` names it and that is the end of it.
+                         * This surface is a `div[role="textbox"]`, which is not
+                         * labelable — `htmlFor` pointing at it names nothing,
+                         * silently, and axe was the only thing that caught it.
+                         *
+                         * `Field` gives its `<label>` the id below for exactly
+                         * this, and `Field.test.tsx` pins the format.
+                         */
+                        ...(mountRef.current.id &&
+                            !mountRef.current.label
+                            ? {
+                                "aria-labelledby": `${mountRef.current.id}-label`,
+                            }
+                            : {}),
+                        // Joined, not replaced. `aria-describedby` is the one
+                        // slot-props key that is a list, and a `Field` above
+                        // this component has already written its description and
+                        // its error into it.
+                        "aria-describedby": [
+                            mountRef.current.ariaDescribedBy,
+                            mountRef.current.hintId,
+                        ]
+                            .filter(Boolean)
+                            .join(" "),
+                        ...(mountRef.current.id
+                            ? { id: mountRef.current.id }
+                            : {}),
+                    }),
+                    EditorView.updateListener.of((update) => {
+                        if (update.docChanged) {
+                            handlersRef.current.onChange?.(update.state.doc.toString());
+                        }
+                    }),
+                    EditorView.domEventHandlers({
+                        drop: (event, target) => {
+                            const files = Array.from(event.dataTransfer?.files ?? []).filter(isImageFile);
+                            if (files.length === 0 ||
+                                !handlersRef.current.onUploadImage) {
+                                return false;
+                            }
+                            event.preventDefault();
+                            for (const file of files) {
+                                uploadCount.current += 1;
+                                void uploadImage({
+                                    count: uploadCount.current,
+                                    file,
+                                    handlers: handlersRef.current,
+                                    setMessage: setUploadMessage,
+                                    view: target,
+                                });
+                            }
+                            return true;
+                        },
+                        paste: (event, target) => {
+                            const files = Array.from(event.clipboardData?.files ?? []).filter(isImageFile);
+                            if (files.length > 0 &&
+                                handlersRef.current.onUploadImage) {
+                                event.preventDefault();
+                                for (const file of files) {
+                                    uploadCount.current += 1;
+                                    void uploadImage({
+                                        count: uploadCount.current,
+                                        file,
+                                        handlers: handlersRef.current,
+                                        setMessage: setUploadMessage,
+                                        view: target,
+                                    });
+                                }
+                                return true;
+                            }
+                            const pasted = event.clipboardData?.getData("text/plain") ?? "";
+                            const selection = readSelection(target);
+                            if (isLinkPaste(pasted) &&
+                                selection.selectionStart !==
+                                    selection.selectionEnd) {
+                                event.preventDefault();
+                                applyEdit(target, wrapSelectionInLink(selection, pasted.trim()));
+                                return true;
+                            }
+                            return false;
+                        },
+                    }),
+                    editabilityRef.current.of([
+                        EditorView.editable.of(true),
+                        EditorState.readOnly.of(false),
+                    ]),
+                ],
+            }),
+        });
+        viewRef.current = view;
+        if (mountRef.current.isRawModeDefault) {
+            view.dispatch({
+                effects: setLivePreviewRawMode.of(true),
+            });
+        }
+        return () => {
+            view.destroy();
+            viewRef.current = null;
+        };
+    }, []);
+    // Editability flips through a compartment rather than a rebuild,
+    // so toggling `isReadOnly` keeps the undo history and the caret.
+    useEffect(() => {
+        const view = viewRef.current;
+        if (!view) {
+            return;
+        }
+        const isEditable = !isDisabled && !isReadOnly;
+        view.dispatch({
+            effects: editabilityRef.current.reconfigure([
+                EditorView.editable.of(isEditable),
+                EditorState.readOnly.of(!isEditable),
+            ]),
+        });
+    }, [isDisabled, isReadOnly]);
+    useEffect(() => {
+        viewRef.current?.dispatch({
+            effects: setLivePreviewRawMode.of(isRawMode),
+        });
+    }, [isRawMode]);
+    return (_jsxs("div", { className: toClassName(
+        // `@container` here rather than on a wrapper: a container
+        // query matches a container's *descendants*, never the
+        // container itself.
+        "@container flex flex-col gap-2 rounded-md border border-border-default bg-surface-base text-content-primary focus-within:outline-solid focus-within:outline-(length:--focus-ring-width) focus-within:outline-offset-(--focus-ring-offset) focus-within:outline-focus-ring", 
+        // A token pair, never `opacity-*` — fading the whole box
+        // fades the hint under it too, and axe measures the
+        // *composited* colour.
+        isDisabled &&
+            "border-border-subtle bg-surface-sunken", className), children: [_jsx("div", { className: "border-border-subtle border-b px-2 pt-2 pb-1", children: _jsx(Toolbar, { items: [
+                        {
+                            icon: icons?.bold,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "bold",
+                            label: "Bold",
+                            onSelect: () => {
+                                runCommand((state) => toggleInlineMarker(state, "**"));
+                            },
+                        },
+                        {
+                            icon: icons?.italic,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "italic",
+                            label: "Italic",
+                            onSelect: () => {
+                                runCommand((state) => toggleInlineMarker(state, "_"));
+                            },
+                        },
+                        {
+                            icon: icons?.heading,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "heading",
+                            label: "Heading",
+                            onSelect: () => {
+                                runCommand((state) => toggleHeading(state, 2));
+                            },
+                        },
+                        {
+                            icon: icons?.bulletedList,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "bulleted-list",
+                            label: "Bulleted list",
+                            onSelect: () => {
+                                runCommand((state) => toggleLinePrefix(state, MARKDOWN_LINE_PREFIXES.bulletList));
+                            },
+                        },
+                        {
+                            icon: icons?.taskList,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "task-list",
+                            label: "Task list",
+                            onSelect: () => {
+                                runCommand((state) => toggleLinePrefix(state, MARKDOWN_LINE_PREFIXES.taskList));
+                            },
+                        },
+                        {
+                            icon: icons?.numberedList,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "numbered-list",
+                            label: "Numbered list",
+                            onSelect: () => {
+                                runCommand((state) => toggleLinePrefix(state, MARKDOWN_LINE_PREFIXES.orderedList));
+                            },
+                        },
+                        {
+                            icon: icons?.quote,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "quote",
+                            label: "Quote",
+                            onSelect: () => {
+                                runCommand((state) => toggleLinePrefix(state, MARKDOWN_LINE_PREFIXES.blockquote));
+                            },
+                        },
+                        {
+                            icon: icons?.code,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "code",
+                            label: "Code",
+                            onSelect: () => {
+                                runCommand((state) => toggleInlineMarker(state, "`"));
+                            },
+                        },
+                        {
+                            icon: icons?.link,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "link",
+                            label: "Link",
+                            onSelect: () => {
+                                runCommand((state) => insertLink(state));
+                            },
+                        },
+                        {
+                            /**
+                             * The "edit Markdown" toggle, as a `Switch` and not a
+                             * toolbar action — because it is state, not a verb.
+                             * A `ToolbarAction` renders a `Button`, which
+                             * announces nothing about being on.
+                             */
+                            element: (_jsx(Switch, { isChecked: isRawMode, isDisabled: isDisabled, label: rawModeLabel, onChange: setIsRawMode, size: "sm" })),
+                            key: "raw-mode",
+                            type: "control",
+                        },
+                    ], label: toolbarLabel, overflow: "panel" }) }), _jsx("div", { className: "min-h-32 px-1 text-md cq-md:min-h-48", ref: hostRef }), _jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1 px-3 pb-2", children: [_jsx("p", { className: "sr-only text-content-secondary text-sm cq-sm:not-sr-only", id: hintId, children: "Markdown. Ctrl+B bold, Ctrl+I italic, Ctrl+K link, Ctrl+E code." }), _jsx("span", { "aria-label": "Image upload", className: "text-content-secondary text-sm", role: "status", children: uploadMessage })] })] }));
+};
+//# sourceMappingURL=MarkdownEditorCodeMirror.js.map

package/dist/markdownEditorCodeMirror/MarkdownEditorCodeMirror.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditorCodeMirror.js","sourceRoot":"","sources":["../../src/markdownEditorCodeMirror/MarkdownEditorCodeMirror.tsx"],"names":[],"mappings":"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"}