@modern-admin/ui 0.1.0

package/dist/components/richtext-editor.jsx

@@ -0,0 +1,319 @@
+// Tiptap-3-based WYSIWYG editor with a Source/Plain toggle.
+//
+//   <RichtextEditor value={value} onChange={onChange} format="html" />
+//
+// `format` controls both the I/O contract (HTML vs Markdown) and the
+// content of the Source view: when format='markdown' the editor uses the
+// `tiptap-markdown` extension and `value` is the raw Markdown string;
+// when format='html' the value is the editor's serialised HTML.
+import * as React from 'react';
+import { EditorContent, useEditor } from '@tiptap/react';
+import { StarterKit } from '@tiptap/starter-kit';
+import { Markdown } from 'tiptap-markdown';
+import { Bold, Code, Code2, Columns2, Eye, Heading1, Heading2, Heading3, Italic, Link as LinkIcon, List, ListOrdered, Maximize2, Minimize2, Minus, Quote, Redo2, Strikethrough, Undo2, } from 'lucide-react';
+import { cn } from '../lib/utils.js';
+import { Button } from './button.js';
+import { isSplitAvailable, resolveMode, shouldSyncEditor, } from './richtext-mode.js';
+import { readEditorContent, shouldSyncToEditor } from './richtext-sync.js';
+import { Separator } from './separator.js';
+import { Textarea } from './textarea.js';
+import { Tooltip, TooltipContent, TooltipTrigger } from './tooltip.js';
+const HEADING_ICON = {
+    1: Heading1,
+    2: Heading2,
+    3: Heading3,
+};
+const proseContentClass = 'prose prose-sm max-w-none min-h-[160px] p-3 text-foreground focus:outline-none ' +
+    'prose-headings:scroll-mt-20 prose-headings:text-foreground prose-p:text-foreground ' +
+    'prose-strong:text-foreground prose-li:text-foreground prose-code:text-foreground ' +
+    'prose-pre:text-foreground prose-pre:bg-muted prose-blockquote:text-muted-foreground ' +
+    'prose-blockquote:border-border prose-a:text-foreground dark:prose-invert';
+function ToolbarButton({ active, disabled, onClick, title, children, }) {
+    return (<Tooltip>
+      <TooltipTrigger asChild>
+        <Button type="button" variant={active ? 'secondary' : 'ghost'} size="icon" className="size-8" aria-pressed={active} aria-label={title} disabled={disabled} onMouseDown={(e) => {
+            // Prevent blur of the editor selection
+            e.preventDefault();
+        }} onClick={onClick}>
+          {children}
+        </Button>
+      </TooltipTrigger>
+      <TooltipContent>{title}</TooltipContent>
+    </Tooltip>);
+}
+export function RichtextEditor({ value, onChange, format = 'html', placeholder, disabled, defaultMode = 'wysiwyg', className, onBlur, ariaLabelledBy, labels, }) {
+    const l = {
+        bold: labels?.bold ?? 'Bold',
+        italic: labels?.italic ?? 'Italic',
+        strikethrough: labels?.strikethrough ?? 'Strikethrough',
+        inlineCode: labels?.inlineCode ?? 'Inline code',
+        heading: labels?.heading ?? 'Heading {level}',
+        bulletList: labels?.bulletList ?? 'Bullet list',
+        numberedList: labels?.numberedList ?? 'Numbered list',
+        blockquote: labels?.blockquote ?? 'Blockquote',
+        horizontalRule: labels?.horizontalRule ?? 'Horizontal rule',
+        insertLink: labels?.insertLink ?? 'Insert link',
+        undo: labels?.undo ?? 'Undo',
+        redo: labels?.redo ?? 'Redo',
+        source: labels?.source ?? 'Source ({format})',
+        splitView: labels?.splitView ?? 'Split view',
+        visualEditor: labels?.visualEditor ?? 'Visual editor',
+        fullscreen: labels?.fullscreen ?? 'Fullscreen',
+        exitFullscreen: labels?.exitFullscreen ?? 'Exit fullscreen',
+        urlPrompt: labels?.urlPrompt ?? 'URL',
+    };
+    const [mode, setMode] = React.useState(defaultMode);
+    const [fullscreen, setFullscreen] = React.useState(false);
+    // Effective mode: collapses 'split' to 'wysiwyg' when not fullscreen so the
+    // layout stays usable.  The user's chosen mode is preserved in `mode` so that
+    // re-entering fullscreen restores split.
+    const effectiveMode = resolveMode(mode, fullscreen);
+    // Currently active output format. Initial value comes from `format` prop;
+    // user can override via the toolbar HTML/MD switch. The prop acts as the
+    // controlled default — when it changes externally, sync local state.
+    const [activeFormat, setActiveFormat] = React.useState(format);
+    React.useEffect(() => {
+        setActiveFormat(format);
+    }, [format]);
+    // Stable ref so onUpdate (registered once with the editor) always reads the
+    // latest active format without recreating the editor instance.
+    const activeFormatRef = React.useRef(activeFormat);
+    React.useEffect(() => {
+        activeFormatRef.current = activeFormat;
+    }, [activeFormat]);
+    // Set to true inside handleFormatChange and cleared after the first sync
+    // effect run. Guards against the intermediate render where activeFormat has
+    // already changed to the new format but the external `value` prop still
+    // holds the previous format's string (parent hasn't re-rendered yet).
+    // Without this guard, the stale value would be written into the editor in
+    // the wrong format, corrupting the content.
+    const pendingFormatChangeRef = React.useRef(false);
+    // Tracks the most recent string we emitted via onChange. The sync effect
+    // uses it to detect "echoes" — frames where parent's value caught up to a
+    // previous onChange while the user has *already* typed more characters. In
+    // that frame editor.getHTML() is ahead of value; without echo-suppression
+    // we'd call setContent(value), reverting the editor to the stale string,
+    // dropping just-typed characters and jumping the cursor. See the
+    // "echo-suppression" tests in richtext-sync.test.ts for the full timeline.
+    const lastEmittedRef = React.useRef(value);
+    // Markdown extension is always loaded so the editor can produce both HTML
+    // and Markdown on demand without a costly remount when the user toggles.
+    const extensions = React.useMemo(() => [
+        StarterKit.configure({ heading: { levels: [1, 2, 3] } }),
+        // html: true (the library default) is required so that MarkdownIt
+        // recognises HTML blocks when setContent() is called with an HTML string
+        // (format='html'). With html:false, tags like <p>/<h2>/<strong> are
+        // treated as literal characters and displayed as raw text instead of
+        // being rendered. The markdown *output* (getMarkdown) is still clean
+        // markdown for all standard nodes — html:true only affects input parsing.
+        Markdown.configure({ html: true, transformPastedText: true }),
+    ], []);
+    const editor = useEditor({
+        extensions,
+        content: value,
+        editable: !disabled,
+        editorProps: {
+            attributes: {
+                class: cn(proseContentClass),
+                'aria-labelledby': ariaLabelledBy ?? '',
+            },
+        },
+        onUpdate: ({ editor: ed }) => {
+            const next = readEditorContent(ed, activeFormatRef.current);
+            lastEmittedRef.current = next;
+            onChange(next);
+        },
+        onBlur: () => onBlur?.(),
+        // Tiptap 3 ships with default content sync; no need for autofocus etc.
+        immediatelyRender: false,
+    }, [disabled, ariaLabelledBy]);
+    // Keep editor in sync when external `value` changes (e.g. form reset).
+    // shouldSyncToEditor guards against the intermediate render that follows a
+    // format switch: activeFormat has changed but value hasn't caught up yet.
+    // In that transient frame, calling setContent with the stale value would
+    // write the old format's string into the editor in the new format mode,
+    // corrupting the content. pendingFormatChangeRef is set in handleFormatChange
+    // and cleared here after the first effect invocation.
+    React.useEffect(() => {
+        if (!editor || !shouldSyncEditor(effectiveMode)) {
+            pendingFormatChangeRef.current = false;
+            return;
+        }
+        if (shouldSyncToEditor(readEditorContent(editor, activeFormat), value, pendingFormatChangeRef.current, lastEmittedRef.current)) {
+            editor.commands.setContent(value, { emitUpdate: false });
+            lastEmittedRef.current = value;
+        }
+        pendingFormatChangeRef.current = false;
+    }, [editor, value, activeFormat, effectiveMode]);
+    const handleFormatChange = React.useCallback((next) => {
+        if (next === activeFormat)
+            return;
+        // Set the guard BEFORE queueing the state update so the sync effect
+        // skips the intermediate render where activeFormat='next' but value
+        // still holds the previous format's string.
+        pendingFormatChangeRef.current = true;
+        setActiveFormat(next);
+        if (editor) {
+            const emitted = readEditorContent(editor, next);
+            lastEmittedRef.current = emitted;
+            onChange(emitted);
+        }
+    }, [activeFormat, editor, onChange]);
+    const switchToMode = React.useCallback((next) => {
+        // When entering a mode that shows the editor, refresh its content from
+        // value so any edits made in the source textarea (where the editor sync
+        // was suppressed) become visible. Also update lastEmittedRef so the
+        // upcoming sync effect treats the editor as authoritative.
+        if (next !== 'source' && editor) {
+            editor.commands.setContent(value, { emitUpdate: false });
+            lastEmittedRef.current = value;
+        }
+        setMode(next);
+    }, [editor, value]);
+    const toggleFullscreen = React.useCallback(() => {
+        setFullscreen((v) => !v);
+    }, []);
+    // Exit fullscreen on Escape, and lock body scroll while fullscreen.
+    React.useEffect(() => {
+        if (!fullscreen || typeof window === 'undefined')
+            return;
+        const onKey = (e) => {
+            if (e.key === 'Escape') {
+                e.stopPropagation();
+                setFullscreen(false);
+            }
+        };
+        const prevOverflow = document.body.style.overflow;
+        document.body.style.overflow = 'hidden';
+        window.addEventListener('keydown', onKey);
+        return () => {
+            window.removeEventListener('keydown', onKey);
+            document.body.style.overflow = prevOverflow;
+        };
+    }, [fullscreen]);
+    const promptLink = React.useCallback(() => {
+        if (!editor)
+            return;
+        const prev = editor.getAttributes('link')?.href ?? '';
+        const url = typeof window !== 'undefined' ? window.prompt(l.urlPrompt, prev) : null;
+        if (url == null)
+            return;
+        if (url === '') {
+            editor.chain().focus().extendMarkRange('link').unsetMark('link').run();
+            return;
+        }
+        // Tiptap 3's StarterKit doesn't ship Link by default; it's only available
+        // when the Link extension is included. Fall back to no-op if not present.
+        const chain = editor.chain().focus().extendMarkRange('link');
+        if (typeof chain.setLink === 'function') {
+            chain.setLink({ href: url }).run();
+        }
+    }, [editor, l.urlPrompt]);
+    if (!editor) {
+        return (<div className={cn('rounded-md border border-input bg-background text-sm text-muted-foreground', className)}>
+        <div className="p-3">{placeholder ?? ''}</div>
+      </div>);
+    }
+    return (<div className={cn('rounded-md border border-input bg-background shadow-sm', disabled && 'opacity-50', fullscreen && 'fixed inset-0 z-50 flex flex-col rounded-none border-0 shadow-none', className)}>
+      {/* Toolbar */}
+      <div className={cn('flex flex-wrap items-center gap-0.5 border-b border-border p-1', fullscreen && 'shrink-0 bg-background')}>
+        <ToolbarButton title={l.bold} active={editor.isActive('bold')} disabled={effectiveMode === 'source' || disabled} onClick={() => editor.chain().focus().toggleBold().run()}>
+          <Bold className="size-4"/>
+        </ToolbarButton>
+        <ToolbarButton title={l.italic} active={editor.isActive('italic')} disabled={effectiveMode === 'source' || disabled} onClick={() => editor.chain().focus().toggleItalic().run()}>
+          <Italic className="size-4"/>
+        </ToolbarButton>
+        <ToolbarButton title={l.strikethrough} active={editor.isActive('strike')} disabled={effectiveMode === 'source' || disabled} onClick={() => editor.chain().focus().toggleStrike().run()}>
+          <Strikethrough className="size-4"/>
+        </ToolbarButton>
+        <ToolbarButton title={l.inlineCode} active={editor.isActive('code')} disabled={effectiveMode === 'source' || disabled} onClick={() => editor.chain().focus().toggleCode().run()}>
+          <Code className="size-4"/>
+        </ToolbarButton>
+
+        <Separator orientation="vertical" className="mx-0.5 h-6"/>
+
+        {[1, 2, 3].map((level) => {
+            const Icon = HEADING_ICON[level];
+            return (<ToolbarButton key={level} title={l.heading.replace('{level}', String(level))} active={editor.isActive('heading', { level })} disabled={effectiveMode === 'source' || disabled} onClick={() => editor.chain().focus().toggleHeading({ level }).run()}>
+              <Icon className="size-4"/>
+            </ToolbarButton>);
+        })}
+
+        <Separator orientation="vertical" className="mx-0.5 h-6"/>
+
+        <ToolbarButton title={l.bulletList} active={editor.isActive('bulletList')} disabled={effectiveMode === 'source' || disabled} onClick={() => editor.chain().focus().toggleBulletList().run()}>
+          <List className="size-4"/>
+        </ToolbarButton>
+        <ToolbarButton title={l.numberedList} active={editor.isActive('orderedList')} disabled={effectiveMode === 'source' || disabled} onClick={() => editor.chain().focus().toggleOrderedList().run()}>
+          <ListOrdered className="size-4"/>
+        </ToolbarButton>
+        <ToolbarButton title={l.blockquote} active={editor.isActive('blockquote')} disabled={effectiveMode === 'source' || disabled} onClick={() => editor.chain().focus().toggleBlockquote().run()}>
+          <Quote className="size-4"/>
+        </ToolbarButton>
+        <ToolbarButton title={l.horizontalRule} disabled={effectiveMode === 'source' || disabled} onClick={() => editor.chain().focus().setHorizontalRule().run()}>
+          <Minus className="size-4"/>
+        </ToolbarButton>
+        <ToolbarButton title={l.insertLink} active={editor.isActive('link')} disabled={effectiveMode === 'source' || disabled} onClick={promptLink}>
+          <LinkIcon className="size-4"/>
+        </ToolbarButton>
+
+        <Separator orientation="vertical" className="mx-0.5 h-6"/>
+
+        <ToolbarButton title={l.undo} disabled={effectiveMode === 'source' || !editor.can().undo() || disabled} onClick={() => editor.chain().focus().undo().run()}>
+          <Undo2 className="size-4"/>
+        </ToolbarButton>
+        <ToolbarButton title={l.redo} disabled={effectiveMode === 'source' || !editor.can().redo() || disabled} onClick={() => editor.chain().focus().redo().run()}>
+          <Redo2 className="size-4"/>
+        </ToolbarButton>
+
+        <div className="ml-auto"/>
+
+        {/* Format selector — picks the on-disk markup of the value. Switching
+            re-emits the current editor content in the new format, so it can
+            be used mid-editing without losing state. */}
+        <div className="flex h-8 items-center overflow-hidden rounded-md border border-input">
+          {['html', 'markdown'].map((f) => (<button key={f} type="button" aria-pressed={activeFormat === f} disabled={disabled} onMouseDown={(e) => e.preventDefault()} onClick={() => handleFormatChange(f)} className={cn('h-full cursor-pointer px-2 text-xs font-medium uppercase transition-colors', activeFormat === f
+                ? 'bg-secondary text-secondary-foreground'
+                : 'bg-transparent text-muted-foreground hover:bg-accent hover:text-accent-foreground', disabled && 'pointer-events-none opacity-50')}>
+              {f === 'html' ? 'HTML' : 'MD'}
+            </button>))}
+        </div>
+
+        <Separator orientation="vertical" className="mx-0.5 h-6"/>
+
+        {/* View-mode selector — three modes: source / split / wysiwyg.
+            Split is only enabled in fullscreen since the side-by-side layout
+            requires the full viewport width to be usable. */}
+        <ToolbarButton title={l.source.replace('{format}', activeFormat)} active={effectiveMode === 'source'} disabled={disabled} onClick={() => switchToMode('source')}>
+          <Code2 className="size-4"/>
+        </ToolbarButton>
+        {/* Split button is hidden outside fullscreen — the side-by-side layout
+            requires full viewport width to be usable, so a disabled button
+            would just waste toolbar space. */}
+        {isSplitAvailable(fullscreen) && (<ToolbarButton title={l.splitView} active={effectiveMode === 'split'} disabled={disabled} onClick={() => switchToMode('split')}>
+            <Columns2 className="size-4"/>
+          </ToolbarButton>)}
+        <ToolbarButton title={l.visualEditor} active={effectiveMode === 'wysiwyg'} disabled={disabled} onClick={() => switchToMode('wysiwyg')}>
+          <Eye className="size-4"/>
+        </ToolbarButton>
+
+        <ToolbarButton title={fullscreen ? l.exitFullscreen : l.fullscreen} active={fullscreen} onClick={toggleFullscreen}>
+          {fullscreen ? <Minimize2 className="size-4"/> : <Maximize2 className="size-4"/>}
+        </ToolbarButton>
+      </div>
+
+      {/* Body — three layouts driven by effectiveMode.
+            - source: textarea only
+            - wysiwyg: editor only
+            - split: textarea (left) + editor (right), both bound to the same
+              `value` so each pane stays in sync via onChange + the sync effect. */}
+      {effectiveMode === 'source' ? (<Textarea value={value} onChange={(e) => onChange(e.target.value)} onBlur={() => onBlur?.()} placeholder={placeholder} disabled={disabled} spellCheck={false} className={cn('w-full rounded-none border-0 font-mono text-xs shadow-none focus-visible:ring-0', fullscreen ? 'min-h-0 flex-1 resize-none' : 'min-h-[160px] resize-y')}/>) : effectiveMode === 'split' ? (<div className={cn('flex w-full', fullscreen ? 'min-h-0 flex-1' : 'min-h-[160px]')}>
+          <Textarea value={value} onChange={(e) => onChange(e.target.value)} onBlur={() => onBlur?.()} placeholder={placeholder} disabled={disabled} spellCheck={false} className={cn('w-1/2 rounded-none border-0 font-mono text-xs shadow-none focus-visible:ring-0', fullscreen ? 'min-h-0 resize-none' : 'min-h-[160px] resize-none')}/>
+          {/* Central divider — explicit fixed-width vertical bar so it's
+                clearly visible against both panes' backgrounds. */}
+          <div aria-hidden className="w-px shrink-0 self-stretch bg-border"/>
+          <EditorContent editor={editor} className={cn('w-1/2 overflow-auto', disabled && 'pointer-events-none', fullscreen && 'min-h-0 [&_.ProseMirror]:min-h-full')}/>
+        </div>) : (<EditorContent editor={editor} className={cn(disabled && 'pointer-events-none', fullscreen && 'min-h-0 flex-1 overflow-auto [&_.ProseMirror]:min-h-full')}/>)}
+    </div>);
+}
+//# sourceMappingURL=richtext-editor.jsx.map

package/dist/components/richtext-editor.jsx.map

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

package/dist/components/richtext-mode.d.ts

@@ -0,0 +1,23 @@
+export type RichtextMode = 'wysiwyg' | 'source' | 'split';
+/**
+ * Whether the external `value`→editor sync effect should run for the given mode.
+ *
+ * In 'source' the textarea owns the content; the editor is hidden and we skip
+ * setContent to avoid wasted work.  In 'wysiwyg' and 'split' the editor is
+ * visible and must reflect any external change to `value`.
+ */
+export declare function shouldSyncEditor(mode: RichtextMode): boolean;
+/**
+ * Whether the user can pick the split mode in the current fullscreen state.
+ * Split is only useful at full viewport width — outside fullscreen the panes
+ * would be too narrow to be usable.
+ */
+export declare function isSplitAvailable(fullscreen: boolean): boolean;
+/**
+ * Resolves the *effective* mode to render.  When the user has selected
+ * split but exits fullscreen, we transparently fall back to wysiwyg so the
+ * layout stays usable.  The selected mode is preserved by the caller so that
+ * re-entering fullscreen restores the split view.
+ */
+export declare function resolveMode(mode: RichtextMode, fullscreen: boolean): RichtextMode;
+//# sourceMappingURL=richtext-mode.d.ts.map

package/dist/components/richtext-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"richtext-mode.d.ts","sourceRoot":"","sources":["../../src/components/richtext-mode.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEzD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAE5D;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,OAAO,CAE7D;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,GAAG,YAAY,CAGjF"}

package/dist/components/richtext-mode.js

@@ -0,0 +1,36 @@
+// Pure helpers for the RichtextEditor's view-mode logic.
+//
+// Three modes are supported:
+//   - 'wysiwyg' — only the Tiptap editor is visible
+//   - 'source'  — only a Textarea (raw HTML or Markdown) is visible
+//   - 'split'   — both side-by-side (only meaningful in fullscreen)
+/**
+ * Whether the external `value`→editor sync effect should run for the given mode.
+ *
+ * In 'source' the textarea owns the content; the editor is hidden and we skip
+ * setContent to avoid wasted work.  In 'wysiwyg' and 'split' the editor is
+ * visible and must reflect any external change to `value`.
+ */
+export function shouldSyncEditor(mode) {
+    return mode !== 'source';
+}
+/**
+ * Whether the user can pick the split mode in the current fullscreen state.
+ * Split is only useful at full viewport width — outside fullscreen the panes
+ * would be too narrow to be usable.
+ */
+export function isSplitAvailable(fullscreen) {
+    return fullscreen;
+}
+/**
+ * Resolves the *effective* mode to render.  When the user has selected
+ * split but exits fullscreen, we transparently fall back to wysiwyg so the
+ * layout stays usable.  The selected mode is preserved by the caller so that
+ * re-entering fullscreen restores the split view.
+ */
+export function resolveMode(mode, fullscreen) {
+    if (mode === 'split' && !fullscreen)
+        return 'wysiwyg';
+    return mode;
+}
+//# sourceMappingURL=richtext-mode.js.map

package/dist/components/richtext-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"richtext-mode.js","sourceRoot":"","sources":["../../src/components/richtext-mode.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,EAAE;AACF,6BAA6B;AAC7B,oDAAoD;AACpD,oEAAoE;AACpE,oEAAoE;AAIpE;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAC,IAAkB;IACjD,OAAO,IAAI,KAAK,QAAQ,CAAA;AAC1B,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,UAAmB;IAClD,OAAO,UAAU,CAAA;AACnB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,IAAkB,EAAE,UAAmB;IACjE,IAAI,IAAI,KAAK,OAAO,IAAI,CAAC,UAAU;QAAE,OAAO,SAAS,CAAA;IACrD,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/components/richtext-render.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface RichtextRenderProps {
+    value: string;
+    format?: 'html' | 'markdown';
+    className?: string;
+}
+export declare function RichtextRender({ value, format, className, }: RichtextRenderProps): React.ReactElement;
+//# sourceMappingURL=richtext-render.d.ts.map

package/dist/components/richtext-render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"richtext-render.d.ts","sourceRoot":"","sources":["../../src/components/richtext-render.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAQD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,MAAe,EACf,SAAS,GACV,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAiB1C"}

package/dist/components/richtext-render.jsx

@@ -0,0 +1,33 @@
+// Read-only renderer for HTML/Markdown produced by <RichtextEditor>.
+// Sanitizes HTML through DOMPurify before injection. Markdown is parsed
+// with `marked`, then sanitized. Output is wrapped in Tailwind `prose`
+// utilities so headings/lists/code blocks/etc. get long-form typography.
+import * as React from 'react';
+import DOMPurify from 'dompurify';
+import { marked } from 'marked';
+import { cn } from '../lib/utils.js';
+const proseRenderClass = 'prose prose-sm max-w-none text-foreground prose-headings:text-foreground ' +
+    'prose-p:text-foreground prose-strong:text-foreground prose-li:text-foreground ' +
+    'prose-code:text-foreground prose-pre:text-foreground prose-pre:bg-muted ' +
+    'prose-blockquote:text-muted-foreground prose-blockquote:border-border ' +
+    'prose-a:text-foreground dark:prose-invert';
+function renderHtml(html) {
+    // DOMPurify is browser-only; on SSR fall back to escaping.
+    if (typeof window === 'undefined')
+        return html;
+    return DOMPurify.sanitize(html, { USE_PROFILES: { html: true } });
+}
+export function RichtextRender({ value, format = 'html', className, }) {
+    const html = React.useMemo(() => {
+        if (!value)
+            return '';
+        if (format === 'markdown') {
+            // marked.parse is sync when no async extensions are configured.
+            const out = marked.parse(value, { async: false });
+            return renderHtml(out);
+        }
+        return renderHtml(value);
+    }, [value, format]);
+    return (<div className={cn(proseRenderClass, className)} dangerouslySetInnerHTML={{ __html: html }}/>);
+}
+//# sourceMappingURL=richtext-render.jsx.map

package/dist/components/richtext-render.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"richtext-render.jsx","sourceRoot":"","sources":["../../src/components/richtext-render.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,wEAAwE;AACxE,uEAAuE;AACvE,yEAAyE;AAEzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,SAAS,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AAEpC,MAAM,gBAAgB,GACpB,2EAA2E;IAC3E,gFAAgF;IAChF,0EAA0E;IAC1E,wEAAwE;IACxE,2CAA2C,CAAA;AAQ7C,SAAS,UAAU,CAAC,IAAY;IAC9B,2DAA2D;IAC3D,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,IAAI,CAAA;IAC9C,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAA;AACnE,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,GAAG,MAAM,EACf,SAAS,GACW;IACpB,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAA;QACrB,IAAI,MAAM,KAAK,UAAU,EAAE,CAAC;YAC1B,gEAAgE;YAChE,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAW,CAAA;YAC3D,OAAO,UAAU,CAAC,GAAG,CAAC,CAAA;QACxB,CAAC;QACD,OAAO,UAAU,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAC3C,uBAAuB,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAC1C,CACH,CAAA;AACH,CAAC"}

package/dist/components/richtext-sync.d.ts

@@ -0,0 +1,37 @@
+import type { RichtextFormat } from './richtext-editor.js';
+/**
+ * Reads the current content from a Tiptap editor instance.
+ * Returns the HTML or Markdown string depending on `format`.
+ */
+export declare function readEditorContent(ed: {
+    getHTML(): string;
+    storage: unknown;
+}, format: RichtextFormat): string;
+/**
+ * Returns `true` if the editor content should be replaced with the external
+ * `value` (i.e. `editor.commands.setContent(value)` should be called).
+ *
+ * Returns `false` when:
+ *
+ * 1. `pendingFormatChange === true` — a format switch was just initiated.
+ *    In this intermediate React render, `activeFormat` has already been
+ *    updated to the new format while the external `value` still holds the
+ *    previous format's string (the parent hasn't re-rendered yet).
+ *    Calling `setContent` here would write the stale, wrong-format string
+ *    into the editor and corrupt the content. The flag is cleared after the
+ *    first effect run, so once `value` catches up the normal diff logic
+ *    takes over again.
+ *
+ * 2. `value === lastEmitted` — the parent is just echoing back a value we
+ *    ourselves emitted via onChange.  This is the common race during fast
+ *    typing: the user keeps typing while React is still committing the
+ *    previous onChange, so by the time the effect runs the editor is
+ *    *already* ahead of value.  Calling setContent in that frame would
+ *    rewind the editor to a stale state, dropping the most recent
+ *    keystrokes and resetting the cursor.  When value matches lastEmitted
+ *    we trust the editor and skip the sync.
+ *
+ * 3. `editorContent === value` — the editor already has the correct content.
+ */
+export declare function shouldSyncToEditor(editorContent: string, value: string, pendingFormatChange: boolean, lastEmitted?: string): boolean;
+//# sourceMappingURL=richtext-sync.d.ts.map

package/dist/components/richtext-sync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"richtext-sync.d.ts","sourceRoot":"","sources":["../../src/components/richtext-sync.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,EAAE,EAAE;IAAE,OAAO,IAAI,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,EAC3C,MAAM,EAAE,cAAc,GACrB,MAAM,CAOR;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,MAAM,EACb,mBAAmB,EAAE,OAAO,EAC5B,WAAW,CAAC,EAAE,MAAM,GACnB,OAAO,CAIT"}

package/dist/components/richtext-sync.js

@@ -0,0 +1,46 @@
+// Pure helpers for RichtextEditor content sync logic.
+// Extracted so they can be unit-tested without a DOM/React environment.
+/**
+ * Reads the current content from a Tiptap editor instance.
+ * Returns the HTML or Markdown string depending on `format`.
+ */
+export function readEditorContent(ed, format) {
+    if (format === 'markdown') {
+        return (ed.storage.markdown?.getMarkdown?.() ?? '');
+    }
+    return ed.getHTML();
+}
+/**
+ * Returns `true` if the editor content should be replaced with the external
+ * `value` (i.e. `editor.commands.setContent(value)` should be called).
+ *
+ * Returns `false` when:
+ *
+ * 1. `pendingFormatChange === true` — a format switch was just initiated.
+ *    In this intermediate React render, `activeFormat` has already been
+ *    updated to the new format while the external `value` still holds the
+ *    previous format's string (the parent hasn't re-rendered yet).
+ *    Calling `setContent` here would write the stale, wrong-format string
+ *    into the editor and corrupt the content. The flag is cleared after the
+ *    first effect run, so once `value` catches up the normal diff logic
+ *    takes over again.
+ *
+ * 2. `value === lastEmitted` — the parent is just echoing back a value we
+ *    ourselves emitted via onChange.  This is the common race during fast
+ *    typing: the user keeps typing while React is still committing the
+ *    previous onChange, so by the time the effect runs the editor is
+ *    *already* ahead of value.  Calling setContent in that frame would
+ *    rewind the editor to a stale state, dropping the most recent
+ *    keystrokes and resetting the cursor.  When value matches lastEmitted
+ *    we trust the editor and skip the sync.
+ *
+ * 3. `editorContent === value` — the editor already has the correct content.
+ */
+export function shouldSyncToEditor(editorContent, value, pendingFormatChange, lastEmitted) {
+    if (pendingFormatChange)
+        return false;
+    if (lastEmitted !== undefined && value === lastEmitted)
+        return false;
+    return editorContent !== value;
+}
+//# sourceMappingURL=richtext-sync.js.map

package/dist/components/richtext-sync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"richtext-sync.js","sourceRoot":"","sources":["../../src/components/richtext-sync.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,wEAAwE;AAIxE;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAC/B,EAA2C,EAC3C,MAAsB;IAEtB,IAAI,MAAM,KAAK,UAAU,EAAE,CAAC;QAC1B,OAAO,CACJ,EAAE,CAAC,OAAqD,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,CAC1F,CAAA;IACH,CAAC;IACD,OAAO,EAAE,CAAC,OAAO,EAAE,CAAA;AACrB,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,kBAAkB,CAChC,aAAqB,EACrB,KAAa,EACb,mBAA4B,EAC5B,WAAoB;IAEpB,IAAI,mBAAmB;QAAE,OAAO,KAAK,CAAA;IACrC,IAAI,WAAW,KAAK,SAAS,IAAI,KAAK,KAAK,WAAW;QAAE,OAAO,KAAK,CAAA;IACpE,OAAO,aAAa,KAAK,KAAK,CAAA;AAChC,CAAC"}

package/dist/components/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+export declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAGlE,eAAO,MAAM,UAAU,+JAerB,CAAA;AAGF,eAAO,MAAM,SAAS,wKAiBpB,CAAA"}

package/dist/components/scroll-area.jsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { cn } from '../lib/utils.js';
+export const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (<ScrollAreaPrimitive.Root ref={ref} className={cn('relative overflow-hidden', className)} {...props}>
+    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
+      {children}
+    </ScrollAreaPrimitive.Viewport>
+    <ScrollBar />
+    <ScrollAreaPrimitive.Corner />
+  </ScrollAreaPrimitive.Root>));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+export const ScrollBar = React.forwardRef(({ className, orientation = 'vertical', ...props }, ref) => (<ScrollAreaPrimitive.ScrollAreaScrollbar ref={ref} orientation={orientation} className={cn('flex touch-none select-none transition-colors', orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]', orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]', className)} {...props}>
+    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border"/>
+  </ScrollAreaPrimitive.ScrollAreaScrollbar>));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+//# sourceMappingURL=scroll-area.jsx.map

package/dist/components/scroll-area.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.jsx","sourceRoot":"","sources":["../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,CAAC,mBAAmB,CAAC,IAAI,CACvB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,SAAS,CAAC,CAAC,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,CAAC,CACrD,IAAI,KAAK,CAAC,CAEV;IAAA,CAAC,mBAAmB,CAAC,QAAQ,CAAC,SAAS,CAAC,iCAAiC,CACvE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAmB,CAAC,QAAQ,CAC9B;IAAA,CAAC,SAAS,CAAC,AAAD,EACV;IAAA,CAAC,mBAAmB,CAAC,MAAM,CAAC,AAAD,EAC7B;EAAA,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAC5B,CAAC,CAAA;AACF,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAA;AAE7D,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5D,CAAC,mBAAmB,CAAC,mBAAmB,CACtC,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,SAAS,CAAC,CAAC,EAAE,CACX,+CAA+C,EAC/C,WAAW,KAAK,UAAU,IAAI,oDAAoD,EAClF,WAAW,KAAK,YAAY,IAAI,sDAAsD,EACtF,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;IAAA,CAAC,mBAAmB,CAAC,eAAe,CAAC,SAAS,CAAC,wCAAwC,EACzF;EAAA,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAC3C,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,WAAW,CAAA"}