@pilotiq/tiptap 3.2.1 → 3.3.1

package/dist/react/MarkdownEditor.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { type MarkdownEditorProps } from '@pilotiq/pilotiq/react';
+/**
+ * Plug-in WYSIWYG markdown editor registered with pilotiq core's
+ * `registerMarkdownEditor()`. Replaces the legacy textarea + manual-toolbar
+ * UI with a real rich editor; serializes to markdown on every change via
+ * `tiptap-markdown` so the wire format stays a plain markdown string under
+ * the field name.
+ *
+ * Collab-aware: when a `<RecordCollabRoom>` is mounted up-tree AND
+ * `registerCollabExtensions()` ran (both shipped by `@pilotiq-pro/collab`),
+ * the editor binds to the room's shared `Y.XmlFragment` via Tiptap's
+ * `Collaboration` extension. Every peer mounts the same editor against the
+ * same fragment; markdown serialization runs locally per peer so only the
+ * ProseMirror tree crosses the wire.
+ *
+ * Tabs (top-right):
+ *   - **Editor** (default) — WYSIWYG.
+ *   - **Source** — raw markdown textarea; on switch back to Editor the editor
+ *     parses the textarea contents (round-trips through tiptap-markdown).
+ *   - **Preview** — read-only render of the current markdown via the editor's
+ *     own HTML output. Same view a user would see on the public site if the
+ *     resource ships a read-side renderer.
+ *
+ * Single-source-of-truth posture: the editor's `onUpdate` is the canonical
+ * write path. Source-tab edits flow back through the editor on tab-switch
+ * (no dual state, no drift between source and editor doc).
+ */
+export declare function MarkdownEditor({ name, defaultValue, placeholder, disabled, onChange, onBlur, toolbarButtons, minHeight, maxHeight, fileAttachmentsDirectory, fileAttachmentsVisibility, uploadUrl, }: MarkdownEditorProps): React.ReactElement | null;
+//# sourceMappingURL=MarkdownEditor.d.ts.map

package/dist/react/MarkdownEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../src/react/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAQnE,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,wBAAwB,CAAA;AAuG/B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,QAAgB,EAChB,QAAQ,EACR,MAAM,EACN,cAAc,EACd,SAAS,EACT,SAAS,EACT,wBAAwB,EACxB,yBAAyB,EACzB,SAAS,GACV,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAiVjD"}

package/dist/react/MarkdownEditor.js

@@ -0,0 +1,361 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import Placeholder from '@tiptap/extension-placeholder';
+import Image from '@tiptap/extension-image';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+import { Markdown } from 'tiptap-markdown';
+import { useCollabRoom, getCollabExtensions, } from '@pilotiq/pilotiq/react';
+// Inline lucide.dev SVGs — same posture as `toolbarButtons.tsx` so this
+// package doesn't pull `lucide-react` as a peer dep. Keep stroke / size
+// consistent with the rich-text toolbar.
+const ICON_PROPS = {
+    width: 14, height: 14, viewBox: '0 0 24 24',
+    fill: 'none', stroke: 'currentColor',
+    strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round',
+    'aria-hidden': 'true',
+};
+const Spinner = (_jsx("svg", { ...ICON_PROPS, className: "animate-spin", children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }));
+const SvgIcons = {
+    bold: (_jsxs("svg", { ...ICON_PROPS, strokeWidth: 2.25, children: [_jsx("path", { d: "M6 12h9a4 4 0 0 1 0 8H6Z" }), _jsx("path", { d: "M6 4h7a4 4 0 0 1 0 8H6Z" })] })),
+    italic: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("line", { x1: "19", y1: "4", x2: "10", y2: "4" }), _jsx("line", { x1: "14", y1: "20", x2: "5", y2: "20" }), _jsx("line", { x1: "15", y1: "4", x2: "9", y2: "20" })] })),
+    strike: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }), _jsx("path", { d: "M14 12a4 4 0 0 1 0 8H6" }), _jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" })] })),
+    link: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), _jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.71" })] })),
+    heading: _jsx("span", { className: "text-xs font-semibold leading-none", children: "H2" }),
+    bulletList: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("line", { x1: "8", y1: "6", x2: "21", y2: "6" }), _jsx("line", { x1: "8", y1: "12", x2: "21", y2: "12" }), _jsx("line", { x1: "8", y1: "18", x2: "21", y2: "18" }), _jsx("circle", { cx: "4", cy: "6", r: "1" }), _jsx("circle", { cx: "4", cy: "12", r: "1" }), _jsx("circle", { cx: "4", cy: "18", r: "1" })] })),
+    orderedList: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("line", { x1: "10", y1: "6", x2: "21", y2: "6" }), _jsx("line", { x1: "10", y1: "12", x2: "21", y2: "12" }), _jsx("line", { x1: "10", y1: "18", x2: "21", y2: "18" }), _jsx("path", { d: "M4 6h1v4" }), _jsx("path", { d: "M4 10h2" }), _jsx("path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" })] })),
+    blockquote: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M3 21c3 0 7-1 7-8V5a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h3" }), _jsx("path", { d: "M15 21c3 0 7-1 7-8V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h3" })] })),
+    codeBlock: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("polyline", { points: "16 18 22 12 16 6" }), _jsx("polyline", { points: "8 6 2 12 8 18" })] })),
+    attachFiles: (_jsx("svg", { ...ICON_PROPS, children: _jsx("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) })),
+    pencil: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M12 20h9" }), _jsx("path", { d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4Z" })] })),
+    source: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), _jsx("polyline", { points: "14 2 14 8 20 8" }), _jsx("line", { x1: "9", y1: "13", x2: "15", y2: "13" }), _jsx("line", { x1: "9", y1: "17", x2: "15", y2: "17" })] })),
+    eye: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8Z" }), _jsx("circle", { cx: "12", cy: "12", r: "3" })] })),
+};
+/**
+ * Plug-in WYSIWYG markdown editor registered with pilotiq core's
+ * `registerMarkdownEditor()`. Replaces the legacy textarea + manual-toolbar
+ * UI with a real rich editor; serializes to markdown on every change via
+ * `tiptap-markdown` so the wire format stays a plain markdown string under
+ * the field name.
+ *
+ * Collab-aware: when a `<RecordCollabRoom>` is mounted up-tree AND
+ * `registerCollabExtensions()` ran (both shipped by `@pilotiq-pro/collab`),
+ * the editor binds to the room's shared `Y.XmlFragment` via Tiptap's
+ * `Collaboration` extension. Every peer mounts the same editor against the
+ * same fragment; markdown serialization runs locally per peer so only the
+ * ProseMirror tree crosses the wire.
+ *
+ * Tabs (top-right):
+ *   - **Editor** (default) — WYSIWYG.
+ *   - **Source** — raw markdown textarea; on switch back to Editor the editor
+ *     parses the textarea contents (round-trips through tiptap-markdown).
+ *   - **Preview** — read-only render of the current markdown via the editor's
+ *     own HTML output. Same view a user would see on the public site if the
+ *     resource ships a read-side renderer.
+ *
+ * Single-source-of-truth posture: the editor's `onUpdate` is the canonical
+ * write path. Source-tab edits flow back through the editor on tab-switch
+ * (no dual state, no drift between source and editor doc).
+ */
+export function MarkdownEditor({ name, defaultValue, placeholder, disabled = false, onChange, onBlur, toolbarButtons, minHeight, maxHeight, fileAttachmentsDirectory, fileAttachmentsVisibility, uploadUrl, }) {
+    const room = useCollabRoom();
+    const factory = getCollabExtensions();
+    const collabActive = !!(room && factory);
+    const [tab, setTab] = useState('editor');
+    const [sourceDraft, setSourceDraft] = useState(defaultValue);
+    const [uploading, setUploading] = useState(false);
+    const fileInputRef = useRef(null);
+    // Collab extension factory output. Built once per editor mount (the
+    // factory closes over the room's ydoc + provider + field name); keyed
+    // remount below ensures we never swap it underneath the running editor.
+    const collabExtensions = useMemo(() => {
+        if (!collabActive || !room || !factory)
+            return [];
+        return factory({
+            ydoc: room.ydoc,
+            provider: room.provider,
+            fieldName: name,
+            ...(room.user ? { user: room.user } : {}),
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [collabActive]);
+    const editor = useEditor({
+        // Tiptap v3 SSR guard. With `immediatelyRender: true` (default)
+        // `useEditor` touches the DOM during construction; under Vike's
+        // `onRenderHtml` that throws "SSR has been detected, please set
+        // `immediatelyRender` explicitly to `false` to avoid hydration
+        // mismatches." Deferring until the first React effect lets SSR
+        // produce an empty shell + hydration mount the live editor.
+        immediatelyRender: false,
+        editable: !disabled,
+        extensions: [
+            StarterKit.configure({
+                link: { openOnClick: false, autolink: true },
+                // Collaboration brings its own Yjs-backed history — disable
+                // StarterKit's local undoRedo when collab is active (else Tiptap
+                // logs a "not compatible with @tiptap/extension-undo-redo" warning).
+                ...(collabActive ? { undoRedo: false } : {}),
+            }),
+            // Markdown round-trip — parses `content` (when non-collab) and
+            // exposes `editor.storage.markdown.getMarkdown()`. We pass `html:
+            // false` because the wire format is markdown only.
+            Markdown.configure({
+                html: false,
+                tightLists: true,
+                breaks: false,
+                linkify: true,
+                transformPastedText: true,
+                transformCopiedText: true,
+            }),
+            Image.configure({ inline: false, allowBase64: false }),
+            Placeholder.configure({ placeholder: placeholder ?? 'Write in markdown…' }),
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            ...collabExtensions,
+        ],
+        // Collab takes ownership of the document — passing `content` would
+        // race the Y.XmlFragment sync. Seed after first connect (effect below).
+        content: collabActive ? '' : defaultValue,
+        onUpdate({ editor }) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const storage = editor.storage.markdown;
+            const md = typeof storage?.getMarkdown === 'function' ? storage.getMarkdown() : '';
+            onChange(md);
+        },
+        onBlur() { onBlur?.(); },
+    }, 
+    // Re-mount when collab toggles. Other props (name, placeholder) are
+    // stable per mount — the field renderer doesn't swap them at runtime.
+    [collabActive]);
+    useEffect(() => {
+        if (!editor)
+            return;
+        editor.setEditable(!disabled && tab === 'editor');
+    }, [editor, disabled, tab]);
+    // First-load seed for collab. Collaboration starts the editor empty
+    // regardless of `content`; once the provider syncs from the server we
+    // check whether the field's `Y.XmlFragment` was ever written. Empty +
+    // we have an initial value = first session for this record. Mirrors
+    // the rich-text TiptapEditor seed path and the CollabTextRenderer seed.
+    const [hasSeeded, setHasSeeded] = useState(false);
+    useEffect(() => {
+        if (!editor || !collabActive || !room || hasSeeded)
+            return;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const ydoc = room.ydoc;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const provider = room.provider;
+        if (!ydoc || !provider)
+            return;
+        const trySeed = () => {
+            try {
+                const fragment = ydoc.getXmlFragment(name);
+                if (fragment && fragment.length === 0 && defaultValue) {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    const cmd = editor.commands.setContent;
+                    if (cmd)
+                        cmd(defaultValue);
+                }
+                setHasSeeded(true);
+            }
+            catch {
+                setHasSeeded(true);
+            }
+        };
+        if (provider.synced) {
+            trySeed();
+            return;
+        }
+        provider.once('synced', trySeed);
+        return () => {
+            try {
+                provider.off?.('synced', trySeed);
+            }
+            catch { /* ignore */ }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [editor, collabActive, room]);
+    // Source-tab → Editor: parse the textarea back into the editor (this also
+    // emits onChange via the editor's onUpdate). One-way during the same flip.
+    const enterEditorTab = () => {
+        if (tab === 'source' && editor) {
+            try {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                ;
+                editor.commands.setContent(sourceDraft);
+            }
+            catch { /* ignore parse errors */ }
+        }
+        setTab('editor');
+    };
+    const enterSourceTab = () => {
+        if (editor) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const storage = editor.storage.markdown;
+            const md = typeof storage?.getMarkdown === 'function' ? storage.getMarkdown() : '';
+            setSourceDraft(md);
+        }
+        setTab('source');
+    };
+    const enterPreviewTab = () => {
+        setTab('preview');
+    };
+    // Live preview HTML is the editor's own HTML output — same renderer that
+    // produced what the user sees in the Editor tab. Read-only.
+    const previewHtml = useMemo(() => {
+        if (tab !== 'preview' || !editor)
+            return '';
+        try {
+            return editor.getHTML();
+        }
+        catch {
+            return '';
+        }
+    }, [tab, editor]);
+    const uploadAndInsert = async (file) => {
+        if (!uploadUrl || !editor)
+            return;
+        setUploading(true);
+        try {
+            const fd = new FormData();
+            fd.append('file', file);
+            if (fileAttachmentsDirectory)
+                fd.append('directory', fileAttachmentsDirectory);
+            if (fileAttachmentsVisibility)
+                fd.append('visibility', fileAttachmentsVisibility);
+            fd.append('fieldName', name);
+            const res = await fetch(uploadUrl, { method: 'POST', body: fd, headers: { Accept: 'application/json' } });
+            const data = await res.json().catch(() => ({}));
+            if (!res.ok || !data.ok || !data.url)
+                return;
+            const isImage = file.type.startsWith('image/');
+            if (isImage) {
+                editor.chain().focus().setImage({ src: data.url, alt: file.name }).run();
+            }
+            else {
+                editor.chain().focus().insertContent(`[${file.name}](${data.url})`).run();
+            }
+        }
+        finally {
+            setUploading(false);
+        }
+    };
+    const onAttachClick = () => {
+        const el = fileInputRef.current;
+        if (el)
+            el.click();
+    };
+    const onFilePicked = (e) => {
+        const file = e.target.files?.[0];
+        if (file)
+            void uploadAndInsert(file);
+        e.target.value = '';
+    };
+    // Toolbar item resolution. The pilotiq-side ids map onto Tiptap commands.
+    // attachFiles is gated on a configured uploadUrl (server strips it server-
+    // side when no adapter is registered, but defensive double-gate here too).
+    const allow = useMemo(() => new Set(toolbarButtons), [toolbarButtons]);
+    const canAttach = allow.has('attachFiles') && !!uploadUrl;
+    const exec = (id) => {
+        if (!editor)
+            return;
+        const c = editor.chain().focus();
+        switch (id) {
+            case 'bold':
+                c.toggleBold().run();
+                break;
+            case 'italic':
+                c.toggleItalic().run();
+                break;
+            case 'strike':
+                c.toggleStrike().run();
+                break;
+            case 'link': {
+                const prev = editor.getAttributes('link').href;
+                const url = window.prompt('URL', prev ?? '') ?? '';
+                if (url === '')
+                    c.unsetLink().run();
+                else
+                    c.extendMarkRange('link').setLink({ href: url }).run();
+                break;
+            }
+            case 'heading':
+                c.toggleHeading({ level: 2 }).run();
+                break;
+            case 'bulletList':
+                c.toggleBulletList().run();
+                break;
+            case 'orderedList':
+                c.toggleOrderedList().run();
+                break;
+            case 'blockquote':
+                c.toggleBlockquote().run();
+                break;
+            case 'codeBlock':
+                c.toggleCodeBlock().run();
+                break;
+            case 'attachFiles':
+                onAttachClick();
+                break;
+            default: /* unknown id — skip */ break;
+        }
+    };
+    const isActive = (id) => {
+        if (!editor)
+            return false;
+        switch (id) {
+            case 'bold': return editor.isActive('bold');
+            case 'italic': return editor.isActive('italic');
+            case 'strike': return editor.isActive('strike');
+            case 'link': return editor.isActive('link');
+            case 'heading': return editor.isActive('heading', { level: 2 });
+            case 'bulletList': return editor.isActive('bulletList');
+            case 'orderedList': return editor.isActive('orderedList');
+            case 'blockquote': return editor.isActive('blockquote');
+            case 'codeBlock': return editor.isActive('codeBlock');
+            default: return false;
+        }
+    };
+    const labels = {
+        bold: 'Bold (⌘B)',
+        italic: 'Italic (⌘I)',
+        strike: 'Strikethrough',
+        link: 'Link (⌘K)',
+        heading: 'Heading',
+        bulletList: 'Bulleted list',
+        orderedList: 'Numbered list',
+        blockquote: 'Quote',
+        codeBlock: 'Code block',
+        attachFiles: 'Attach file',
+    };
+    const wrapperStyle = {};
+    if (minHeight)
+        wrapperStyle.minHeight = minHeight;
+    if (maxHeight)
+        wrapperStyle.maxHeight = maxHeight;
+    return (_jsxs("div", { className: "flex flex-col rounded-md border bg-background", children: [canAttach && (_jsx("input", { ref: fileInputRef, type: "file", className: "hidden", onChange: onFilePicked })), _jsxs("div", { className: "flex items-center justify-between border-b px-2 py-1 gap-2", children: [_jsxs("div", { className: "flex items-center gap-0.5", children: [_jsxs(TabButton, { active: tab === 'editor', onClick: enterEditorTab, children: [SvgIcons['pencil'], " Editor"] }), _jsxs(TabButton, { active: tab === 'source', onClick: enterSourceTab, children: [SvgIcons['source'], " Source"] }), _jsxs(TabButton, { active: tab === 'preview', onClick: enterPreviewTab, children: [SvgIcons['eye'], " Preview"] })] }), tab === 'editor' && toolbarButtons.length > 0 && (_jsx("div", { className: "flex items-center gap-0.5", children: toolbarButtons.map((b) => {
+                            if (b === 'attachFiles' && !canAttach)
+                                return null;
+                            const icon = SvgIcons[b];
+                            if (!icon)
+                                return null;
+                            const isAttach = b === 'attachFiles';
+                            const active = isActive(b);
+                            return (_jsx("button", { type: "button", className: [
+                                    'inline-flex size-7 items-center justify-center rounded text-foreground transition-colors',
+                                    active
+                                        ? 'bg-accent text-accent-foreground'
+                                        : 'hover:bg-accent hover:text-accent-foreground',
+                                    'disabled:opacity-50',
+                                ].join(' '), onClick: () => exec(b), disabled: disabled || (isAttach && uploading), title: labels[b] ?? b, "aria-label": labels[b] ?? b, "aria-pressed": active, children: isAttach && uploading ? Spinner : icon }, b));
+                        }) }))] }), tab === 'editor' && (_jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none px-3 py-2 [&_.ProseMirror]:outline-none [&_.ProseMirror]:min-h-[6rem]", style: wrapperStyle, children: _jsx(EditorContent, { editor: editor }) })), tab === 'source' && (_jsx("textarea", { className: "w-full resize-y bg-transparent px-3 py-2 text-sm font-mono leading-relaxed outline-none disabled:opacity-50", style: wrapperStyle, value: sourceDraft, onChange: (e) => setSourceDraft(e.target.value), ...(placeholder !== undefined ? { placeholder } : {}), disabled: disabled, "aria-label": `${name} (markdown source)` })), tab === 'preview' && (_jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none px-3 py-2", style: wrapperStyle, dangerouslySetInnerHTML: { __html: previewHtml || '<p class="text-muted-foreground italic">Nothing to preview</p>' } }))] }));
+}
+function TabButton({ active, onClick, children }) {
+    return (_jsx("button", { type: "button", className: [
+            'inline-flex items-center gap-1 rounded px-2 py-1 text-xs font-medium transition-colors',
+            active
+                ? 'bg-accent text-accent-foreground'
+                : 'text-muted-foreground hover:text-foreground',
+        ].join(' '), onClick: onClick, children: children }));
+}
+//# sourceMappingURL=MarkdownEditor.js.map

package/dist/react/MarkdownEditor.js.map

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

package/dist/register.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,IAAI,IAAI,CASrC"}
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,IAAI,IAAI,CAgBrC"}

package/dist/register.js

@@ -1,7 +1,8 @@
-import { registerFieldRenderer, registerCollabTextRenderer } from '@pilotiq/pilotiq/react';
+import { registerFieldRenderer, registerCollabTextRenderer, registerMarkdownEditor } from '@pilotiq/pilotiq/react';
 import { registerRichTextRenderer } from '@pilotiq/pilotiq/richtext';
 import { TiptapEditor } from './react/TiptapEditor.js';
 import { CollabTextRenderer } from './react/CollabTextRenderer.js';
+import { MarkdownEditor } from './react/MarkdownEditor.js';
 import { renderRichTextToHtml, isRichTextValue } from './render.js';
 /**
  * Register the Tiptap editor as the pilotiq renderer for `fieldType: 'richtext'`.
@@ -30,5 +31,12 @@ export function registerTiptap() {
     // out via `.collab(false)`, the renderer mounts `CollabTextRenderer`
     // instead of the legacy `Y.Text` + `computeDelta` + `preserveCursor` path.
     registerCollabTextRenderer(CollabTextRenderer);
+    // WYSIWYG markdown editor — replaces `MarkdownField`'s legacy textarea +
+    // manual-toolbar path with a real rich editor that serializes to markdown
+    // via `tiptap-markdown` on every change. Collab-aware on the same
+    // `useCollabRoom()` + `getCollabExtensions()` plumbing as the rich-text
+    // editor. Without `@pilotiq/tiptap` installed, `MarkdownInput` falls back
+    // to the textarea path so panels that skip the adapter still work.
+    registerMarkdownEditor(MarkdownEditor);
 }
 //# sourceMappingURL=register.js.map

package/dist/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AAC1F,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAClE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAEnE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,cAAc;IAC5B,qBAAqB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAA;IAC/C,wBAAwB,CAAC,oBAAoB,EAAE,eAAe,CAAC,CAAA;IAC/D,uEAAuE;IACvE,2EAA2E;IAC3E,6EAA6E;IAC7E,qEAAqE;IACrE,2EAA2E;IAC3E,0BAA0B,CAAC,kBAAkB,CAAC,CAAA;AAChD,CAAC"}
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAClH,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAEnE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,cAAc;IAC5B,qBAAqB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAA;IAC/C,wBAAwB,CAAC,oBAAoB,EAAE,eAAe,CAAC,CAAA;IAC/D,uEAAuE;IACvE,2EAA2E;IAC3E,6EAA6E;IAC7E,qEAAqE;IACrE,2EAA2E;IAC3E,0BAA0B,CAAC,kBAAkB,CAAC,CAAA;IAC9C,yEAAyE;IACzE,0EAA0E;IAC1E,kEAAkE;IAClE,wEAAwE;IACxE,0EAA0E;IAC1E,mEAAmE;IACnE,sBAAsB,CAAC,cAAc,CAAC,CAAA;AACxC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pilotiq/tiptap",
-  "version": "3.2.1",
+  "version": "3.3.1",
   "description": "Tiptap rich-text editor adapter for @pilotiq/pilotiq — slash menu, draggable blocks, custom-block API",
   "license": "MIT",
   "repository": {
@@ -51,6 +51,7 @@
     "@tiptap/extension-table": "3.22.4",
     "@tiptap/extension-details": "3.22.4",
     "@tiptap/suggestion": "^3",
+    "tiptap-markdown": "^0.9",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19"
   },
@@ -73,13 +74,14 @@
     "@tiptap/extension-table": "3.22.4",
     "@tiptap/extension-details": "3.22.4",
     "@tiptap/suggestion": "^3",
+    "tiptap-markdown": "^0.9",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "react": "^19",
     "react-dom": "^19",
     "typescript": "^5",
-    "@pilotiq/pilotiq": "^0.12.0"
+    "@pilotiq/pilotiq": "^0.15.0"
   },
   "author": "Suleiman Shahbari",
   "scripts": {

package/src/react/MarkdownEditor.tsx

@@ -0,0 +1,513 @@
+import React, { useEffect, useMemo, useRef, useState } from 'react'
+import { useEditor, EditorContent } from '@tiptap/react'
+import type { AnyExtension } from '@tiptap/core'
+import StarterKit from '@tiptap/starter-kit'
+import Placeholder from '@tiptap/extension-placeholder'
+import Image from '@tiptap/extension-image'
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+import { Markdown } from 'tiptap-markdown'
+import {
+  useCollabRoom,
+  getCollabExtensions,
+  type MarkdownEditorProps,
+} from '@pilotiq/pilotiq/react'
+
+// Inline lucide.dev SVGs — same posture as `toolbarButtons.tsx` so this
+// package doesn't pull `lucide-react` as a peer dep. Keep stroke / size
+// consistent with the rich-text toolbar.
+const ICON_PROPS = {
+  width: 14, height: 14, viewBox: '0 0 24 24',
+  fill: 'none', stroke: 'currentColor',
+  strokeWidth: 2, strokeLinecap: 'round' as const, strokeLinejoin: 'round' as const,
+  'aria-hidden': 'true' as const,
+}
+const Spinner = (
+  <svg {...ICON_PROPS} className="animate-spin">
+    <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+  </svg>
+)
+const SvgIcons: Record<string, React.ReactElement> = {
+  bold: (
+    <svg {...ICON_PROPS} strokeWidth={2.25}>
+      <path d="M6 12h9a4 4 0 0 1 0 8H6Z" />
+      <path d="M6 4h7a4 4 0 0 1 0 8H6Z" />
+    </svg>
+  ),
+  italic: (
+    <svg {...ICON_PROPS}>
+      <line x1="19" y1="4" x2="10" y2="4" />
+      <line x1="14" y1="20" x2="5" y2="20" />
+      <line x1="15" y1="4" x2="9" y2="20" />
+    </svg>
+  ),
+  strike: (
+    <svg {...ICON_PROPS}>
+      <path d="M16 4H9a3 3 0 0 0-2.83 4" />
+      <path d="M14 12a4 4 0 0 1 0 8H6" />
+      <line x1="4" y1="12" x2="20" y2="12" />
+    </svg>
+  ),
+  link: (
+    <svg {...ICON_PROPS}>
+      <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
+      <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.71" />
+    </svg>
+  ),
+  heading: <span className="text-xs font-semibold leading-none">H2</span>,
+  bulletList: (
+    <svg {...ICON_PROPS}>
+      <line x1="8" y1="6" x2="21" y2="6" />
+      <line x1="8" y1="12" x2="21" y2="12" />
+      <line x1="8" y1="18" x2="21" y2="18" />
+      <circle cx="4" cy="6" r="1" />
+      <circle cx="4" cy="12" r="1" />
+      <circle cx="4" cy="18" r="1" />
+    </svg>
+  ),
+  orderedList: (
+    <svg {...ICON_PROPS}>
+      <line x1="10" y1="6" x2="21" y2="6" />
+      <line x1="10" y1="12" x2="21" y2="12" />
+      <line x1="10" y1="18" x2="21" y2="18" />
+      <path d="M4 6h1v4" />
+      <path d="M4 10h2" />
+      <path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" />
+    </svg>
+  ),
+  blockquote: (
+    <svg {...ICON_PROPS}>
+      <path d="M3 21c3 0 7-1 7-8V5a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h3" />
+      <path d="M15 21c3 0 7-1 7-8V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h3" />
+    </svg>
+  ),
+  codeBlock: (
+    <svg {...ICON_PROPS}>
+      <polyline points="16 18 22 12 16 6" />
+      <polyline points="8 6 2 12 8 18" />
+    </svg>
+  ),
+  attachFiles: (
+    <svg {...ICON_PROPS}>
+      <path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" />
+    </svg>
+  ),
+  pencil: (
+    <svg {...ICON_PROPS}>
+      <path d="M12 20h9" />
+      <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4Z" />
+    </svg>
+  ),
+  source: (
+    <svg {...ICON_PROPS}>
+      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+      <polyline points="14 2 14 8 20 8" />
+      <line x1="9" y1="13" x2="15" y2="13" />
+      <line x1="9" y1="17" x2="15" y2="17" />
+    </svg>
+  ),
+  eye: (
+    <svg {...ICON_PROPS}>
+      <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8Z" />
+      <circle cx="12" cy="12" r="3" />
+    </svg>
+  ),
+}
+
+/**
+ * Plug-in WYSIWYG markdown editor registered with pilotiq core's
+ * `registerMarkdownEditor()`. Replaces the legacy textarea + manual-toolbar
+ * UI with a real rich editor; serializes to markdown on every change via
+ * `tiptap-markdown` so the wire format stays a plain markdown string under
+ * the field name.
+ *
+ * Collab-aware: when a `<RecordCollabRoom>` is mounted up-tree AND
+ * `registerCollabExtensions()` ran (both shipped by `@pilotiq-pro/collab`),
+ * the editor binds to the room's shared `Y.XmlFragment` via Tiptap's
+ * `Collaboration` extension. Every peer mounts the same editor against the
+ * same fragment; markdown serialization runs locally per peer so only the
+ * ProseMirror tree crosses the wire.
+ *
+ * Tabs (top-right):
+ *   - **Editor** (default) — WYSIWYG.
+ *   - **Source** — raw markdown textarea; on switch back to Editor the editor
+ *     parses the textarea contents (round-trips through tiptap-markdown).
+ *   - **Preview** — read-only render of the current markdown via the editor's
+ *     own HTML output. Same view a user would see on the public site if the
+ *     resource ships a read-side renderer.
+ *
+ * Single-source-of-truth posture: the editor's `onUpdate` is the canonical
+ * write path. Source-tab edits flow back through the editor on tab-switch
+ * (no dual state, no drift between source and editor doc).
+ */
+export function MarkdownEditor({
+  name,
+  defaultValue,
+  placeholder,
+  disabled = false,
+  onChange,
+  onBlur,
+  toolbarButtons,
+  minHeight,
+  maxHeight,
+  fileAttachmentsDirectory,
+  fileAttachmentsVisibility,
+  uploadUrl,
+}: MarkdownEditorProps): React.ReactElement | null {
+  const room    = useCollabRoom()
+  const factory = getCollabExtensions()
+  const collabActive = !!(room && factory)
+
+  const [tab, setTab] = useState<'editor' | 'source' | 'preview'>('editor')
+  const [sourceDraft, setSourceDraft] = useState<string>(defaultValue)
+  const [uploading, setUploading] = useState(false)
+  const fileInputRef = useRef<HTMLInputElement | null>(null)
+
+  // Collab extension factory output. Built once per editor mount (the
+  // factory closes over the room's ydoc + provider + field name); keyed
+  // remount below ensures we never swap it underneath the running editor.
+  const collabExtensions = useMemo<AnyExtension[]>(() => {
+    if (!collabActive || !room || !factory) return []
+    return factory({
+      ydoc:      room.ydoc,
+      provider:  room.provider,
+      fieldName: name,
+      ...(room.user ? { user: room.user } : {}),
+    }) as AnyExtension[]
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [collabActive])
+
+  const editor = useEditor(
+    {
+      // Tiptap v3 SSR guard. With `immediatelyRender: true` (default)
+      // `useEditor` touches the DOM during construction; under Vike's
+      // `onRenderHtml` that throws "SSR has been detected, please set
+      // `immediatelyRender` explicitly to `false` to avoid hydration
+      // mismatches." Deferring until the first React effect lets SSR
+      // produce an empty shell + hydration mount the live editor.
+      immediatelyRender: false,
+      editable: !disabled,
+      extensions: [
+        StarterKit.configure({
+          link: { openOnClick: false, autolink: true },
+          // Collaboration brings its own Yjs-backed history — disable
+          // StarterKit's local undoRedo when collab is active (else Tiptap
+          // logs a "not compatible with @tiptap/extension-undo-redo" warning).
+          ...(collabActive ? { undoRedo: false } : {}),
+        }),
+        // Markdown round-trip — parses `content` (when non-collab) and
+        // exposes `editor.storage.markdown.getMarkdown()`. We pass `html:
+        // false` because the wire format is markdown only.
+        Markdown.configure({
+          html:        false,
+          tightLists:  true,
+          breaks:      false,
+          linkify:     true,
+          transformPastedText: true,
+          transformCopiedText: true,
+        }),
+        Image.configure({ inline: false, allowBase64: false }),
+        Placeholder.configure({ placeholder: placeholder ?? 'Write in markdown…' }),
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ...(collabExtensions as any[]),
+      ],
+      // Collab takes ownership of the document — passing `content` would
+      // race the Y.XmlFragment sync. Seed after first connect (effect below).
+      content: collabActive ? '' : defaultValue,
+      onUpdate({ editor }) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const storage = (editor.storage as any).markdown
+        const md = typeof storage?.getMarkdown === 'function' ? storage.getMarkdown() : ''
+        onChange(md)
+      },
+      onBlur() { onBlur?.() },
+    },
+    // Re-mount when collab toggles. Other props (name, placeholder) are
+    // stable per mount — the field renderer doesn't swap them at runtime.
+    [collabActive],
+  )
+
+  useEffect(() => {
+    if (!editor) return
+    editor.setEditable(!disabled && tab === 'editor')
+  }, [editor, disabled, tab])
+
+  // First-load seed for collab. Collaboration starts the editor empty
+  // regardless of `content`; once the provider syncs from the server we
+  // check whether the field's `Y.XmlFragment` was ever written. Empty +
+  // we have an initial value = first session for this record. Mirrors
+  // the rich-text TiptapEditor seed path and the CollabTextRenderer seed.
+  const [hasSeeded, setHasSeeded] = useState(false)
+  useEffect(() => {
+    if (!editor || !collabActive || !room || hasSeeded) return
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const ydoc     = room.ydoc as any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const provider = room.provider as any
+    if (!ydoc || !provider) return
+
+    const trySeed = (): void => {
+      try {
+        const fragment = ydoc.getXmlFragment(name)
+        if (fragment && fragment.length === 0 && defaultValue) {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          const cmd = (editor.commands as any).setContent
+          if (cmd) cmd(defaultValue)
+        }
+        setHasSeeded(true)
+      } catch {
+        setHasSeeded(true)
+      }
+    }
+
+    if (provider.synced) {
+      trySeed()
+      return
+    }
+    provider.once('synced', trySeed)
+    return () => {
+      try { provider.off?.('synced', trySeed) } catch { /* ignore */ }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, collabActive, room])
+
+  // Source-tab → Editor: parse the textarea back into the editor (this also
+  // emits onChange via the editor's onUpdate). One-way during the same flip.
+  const enterEditorTab = (): void => {
+    if (tab === 'source' && editor) {
+      try {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ;(editor.commands as any).setContent(sourceDraft)
+      } catch { /* ignore parse errors */ }
+    }
+    setTab('editor')
+  }
+
+  const enterSourceTab = (): void => {
+    if (editor) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const storage = (editor.storage as any).markdown
+      const md = typeof storage?.getMarkdown === 'function' ? storage.getMarkdown() : ''
+      setSourceDraft(md)
+    }
+    setTab('source')
+  }
+
+  const enterPreviewTab = (): void => {
+    setTab('preview')
+  }
+
+  // Live preview HTML is the editor's own HTML output — same renderer that
+  // produced what the user sees in the Editor tab. Read-only.
+  const previewHtml = useMemo<string>(() => {
+    if (tab !== 'preview' || !editor) return ''
+    try {
+      return editor.getHTML()
+    } catch {
+      return ''
+    }
+  }, [tab, editor])
+
+  const uploadAndInsert = async (file: File): Promise<void> => {
+    if (!uploadUrl || !editor) return
+    setUploading(true)
+    try {
+      const fd = new FormData()
+      fd.append('file', file)
+      if (fileAttachmentsDirectory)  fd.append('directory',  fileAttachmentsDirectory)
+      if (fileAttachmentsVisibility) fd.append('visibility', fileAttachmentsVisibility)
+      fd.append('fieldName', name)
+      const res = await fetch(uploadUrl, { method: 'POST', body: fd, headers: { Accept: 'application/json' } })
+      const data = await res.json().catch(() => ({} as { ok?: boolean; url?: string; error?: string }))
+      if (!res.ok || !data.ok || !data.url) return
+      const isImage = file.type.startsWith('image/')
+      if (isImage) {
+        editor.chain().focus().setImage({ src: data.url, alt: file.name }).run()
+      } else {
+        editor.chain().focus().insertContent(`[${file.name}](${data.url})`).run()
+      }
+    } finally {
+      setUploading(false)
+    }
+  }
+
+  const onAttachClick = (): void => {
+    const el = fileInputRef.current
+    if (el) el.click()
+  }
+
+  const onFilePicked = (e: React.ChangeEvent<HTMLInputElement>): void => {
+    const file = e.target.files?.[0]
+    if (file) void uploadAndInsert(file)
+    e.target.value = ''
+  }
+
+  // Toolbar item resolution. The pilotiq-side ids map onto Tiptap commands.
+  // attachFiles is gated on a configured uploadUrl (server strips it server-
+  // side when no adapter is registered, but defensive double-gate here too).
+  const allow = useMemo(() => new Set(toolbarButtons), [toolbarButtons])
+  const canAttach = allow.has('attachFiles') && !!uploadUrl
+
+  const exec = (id: string): void => {
+    if (!editor) return
+    const c = editor.chain().focus()
+    switch (id) {
+      case 'bold':        c.toggleBold().run();         break
+      case 'italic':      c.toggleItalic().run();       break
+      case 'strike':      c.toggleStrike().run();       break
+      case 'link': {
+        const prev = editor.getAttributes('link').href as string | undefined
+        const url = window.prompt('URL', prev ?? '') ?? ''
+        if (url === '')      c.unsetLink().run()
+        else                 c.extendMarkRange('link').setLink({ href: url }).run()
+        break
+      }
+      case 'heading':     c.toggleHeading({ level: 2 }).run(); break
+      case 'bulletList':  c.toggleBulletList().run();   break
+      case 'orderedList': c.toggleOrderedList().run();  break
+      case 'blockquote':  c.toggleBlockquote().run();   break
+      case 'codeBlock':   c.toggleCodeBlock().run();    break
+      case 'attachFiles': onAttachClick();              break
+      default:            /* unknown id — skip */       break
+    }
+  }
+
+  const isActive = (id: string): boolean => {
+    if (!editor) return false
+    switch (id) {
+      case 'bold':        return editor.isActive('bold')
+      case 'italic':      return editor.isActive('italic')
+      case 'strike':      return editor.isActive('strike')
+      case 'link':        return editor.isActive('link')
+      case 'heading':     return editor.isActive('heading', { level: 2 })
+      case 'bulletList':  return editor.isActive('bulletList')
+      case 'orderedList': return editor.isActive('orderedList')
+      case 'blockquote':  return editor.isActive('blockquote')
+      case 'codeBlock':   return editor.isActive('codeBlock')
+      default:            return false
+    }
+  }
+
+  const labels: Record<string, string> = {
+    bold:        'Bold (⌘B)',
+    italic:      'Italic (⌘I)',
+    strike:      'Strikethrough',
+    link:        'Link (⌘K)',
+    heading:     'Heading',
+    bulletList:  'Bulleted list',
+    orderedList: 'Numbered list',
+    blockquote:  'Quote',
+    codeBlock:   'Code block',
+    attachFiles: 'Attach file',
+  }
+
+  const wrapperStyle: React.CSSProperties = {}
+  if (minHeight) wrapperStyle.minHeight = minHeight
+  if (maxHeight) wrapperStyle.maxHeight = maxHeight
+
+  return (
+    <div className="flex flex-col rounded-md border bg-background">
+      {canAttach && (
+        <input
+          ref={fileInputRef}
+          type="file"
+          className="hidden"
+          onChange={onFilePicked}
+        />
+      )}
+      <div className="flex items-center justify-between border-b px-2 py-1 gap-2">
+        <div className="flex items-center gap-0.5">
+          <TabButton active={tab === 'editor'}  onClick={enterEditorTab}>
+            {SvgIcons['pencil']} Editor
+          </TabButton>
+          <TabButton active={tab === 'source'}  onClick={enterSourceTab}>
+            {SvgIcons['source']} Source
+          </TabButton>
+          <TabButton active={tab === 'preview'} onClick={enterPreviewTab}>
+            {SvgIcons['eye']} Preview
+          </TabButton>
+        </div>
+        {tab === 'editor' && toolbarButtons.length > 0 && (
+          <div className="flex items-center gap-0.5">
+            {toolbarButtons.map((b: string) => {
+              if (b === 'attachFiles' && !canAttach) return null
+              const icon = SvgIcons[b]
+              if (!icon) return null
+              const isAttach = b === 'attachFiles'
+              const active = isActive(b)
+              return (
+                <button
+                  key={b}
+                  type="button"
+                  className={[
+                    'inline-flex size-7 items-center justify-center rounded text-foreground transition-colors',
+                    active
+                      ? 'bg-accent text-accent-foreground'
+                      : 'hover:bg-accent hover:text-accent-foreground',
+                    'disabled:opacity-50',
+                  ].join(' ')}
+                  onClick={() => exec(b)}
+                  disabled={disabled || (isAttach && uploading)}
+                  title={labels[b] ?? b}
+                  aria-label={labels[b] ?? b}
+                  aria-pressed={active}
+                >
+                  {isAttach && uploading ? Spinner : icon}
+                </button>
+              )
+            })}
+          </div>
+        )}
+      </div>
+
+      {tab === 'editor' && (
+        <div
+          className="prose prose-sm dark:prose-invert max-w-none px-3 py-2 [&_.ProseMirror]:outline-none [&_.ProseMirror]:min-h-[6rem]"
+          style={wrapperStyle}
+        >
+          <EditorContent editor={editor} />
+        </div>
+      )}
+
+      {tab === 'source' && (
+        <textarea
+          className="w-full resize-y bg-transparent px-3 py-2 text-sm font-mono leading-relaxed outline-none disabled:opacity-50"
+          style={wrapperStyle}
+          value={sourceDraft}
+          onChange={(e) => setSourceDraft(e.target.value)}
+          {...(placeholder !== undefined ? { placeholder } : {})}
+          disabled={disabled}
+          aria-label={`${name} (markdown source)`}
+        />
+      )}
+
+      {tab === 'preview' && (
+        <div
+          className="prose prose-sm dark:prose-invert max-w-none px-3 py-2"
+          style={wrapperStyle}
+          dangerouslySetInnerHTML={{ __html: previewHtml || '<p class="text-muted-foreground italic">Nothing to preview</p>' }}
+        />
+      )}
+    </div>
+  )
+}
+
+function TabButton({ active, onClick, children }: {
+  active: boolean
+  onClick: () => void
+  children: React.ReactNode
+}): React.ReactElement {
+  return (
+    <button
+      type="button"
+      className={[
+        'inline-flex items-center gap-1 rounded px-2 py-1 text-xs font-medium transition-colors',
+        active
+          ? 'bg-accent text-accent-foreground'
+          : 'text-muted-foreground hover:text-foreground',
+      ].join(' ')}
+      onClick={onClick}
+    >
+      {children}
+    </button>
+  )
+}

package/src/register.ts

@@ -1,7 +1,8 @@
-import { registerFieldRenderer, registerCollabTextRenderer } from '@pilotiq/pilotiq/react'
+import { registerFieldRenderer, registerCollabTextRenderer, registerMarkdownEditor } from '@pilotiq/pilotiq/react'
 import { registerRichTextRenderer } from '@pilotiq/pilotiq/richtext'
 import { TiptapEditor } from './react/TiptapEditor.js'
 import { CollabTextRenderer } from './react/CollabTextRenderer.js'
+import { MarkdownEditor } from './react/MarkdownEditor.js'
 import { renderRichTextToHtml, isRichTextValue } from './render.js'
 
 /**
@@ -31,4 +32,11 @@ export function registerTiptap(): void {
   // out via `.collab(false)`, the renderer mounts `CollabTextRenderer`
   // instead of the legacy `Y.Text` + `computeDelta` + `preserveCursor` path.
   registerCollabTextRenderer(CollabTextRenderer)
+  // WYSIWYG markdown editor — replaces `MarkdownField`'s legacy textarea +
+  // manual-toolbar path with a real rich editor that serializes to markdown
+  // via `tiptap-markdown` on every change. Collab-aware on the same
+  // `useCollabRoom()` + `getCollabExtensions()` plumbing as the rich-text
+  // editor. Without `@pilotiq/tiptap` installed, `MarkdownInput` falls back
+  // to the textarea path so panels that skip the adapter still work.
+  registerMarkdownEditor(MarkdownEditor)
 }