@bendyline/squisq-editor-react 0.1.1 → 1.0.1

package/dist/PreviewPanel.js

@@ -0,0 +1,385 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PreviewPanel
+ *
+ * Renders a live preview of the current markdown document as a slideshow
+ * using the DocPlayer component from @bendyline/squisq-react.
+ *
+ * The markdown-derived Doc (from markdownToDoc) contains hierarchical blocks
+ * with template names, heading text, and body content — but no audio or
+ * visual layers. This component bridges the gap by:
+ *
+ * 1. Flattening the block tree into a linear slide sequence
+ * 2. Converting each block into a TemplateBlock-compatible object
+ *    (mapping heading text → title, templateOverrides → template fields)
+ * 3. Synthesizing a dummy audio segment so DocPlayer's timing works
+ *    (the player enters fallback-timer mode when audio can't load)
+ * 4. Passing the prepared Doc to DocPlayer for SVG-based rendering
+ */
+import { useMemo, useState, useEffect } from 'react';
+import { DocPlayer, LinearDocView } from '@bendyline/squisq-react';
+import { flattenBlocks } from '@bendyline/squisq/doc';
+import { hasTemplate } from '@bendyline/squisq/doc';
+import { extractPlainText } from '@bendyline/squisq/markdown';
+import { VIEWPORT_PRESETS } from '@bendyline/squisq/schemas';
+import { getThemeSummaries, resolveTheme } from '@bendyline/squisq/schemas';
+import { useEditorContext } from './EditorContext';
+// ── Helpers ────────────────────────────────────────────────────────
+/**
+ * Extract plain text from an array of markdown block nodes.
+ * Walks paragraphs, blockquotes, and list items to collect all text.
+ */
+function extractBodyText(contents) {
+    if (!contents || contents.length === 0)
+        return '';
+    const parts = [];
+    for (const node of contents) {
+        parts.push(extractPlainText(node));
+    }
+    return parts.join('\n').trim();
+}
+/**
+ * Extract list items from markdown body content.
+ * Returns an array of plain text strings for each list item found.
+ */
+function extractListItems(contents) {
+    if (!contents)
+        return [];
+    const items = [];
+    for (const node of contents) {
+        if (node.type === 'list') {
+            for (const item of node.children) {
+                const text = extractPlainText(item).trim();
+                if (text)
+                    items.push(text);
+            }
+        }
+    }
+    return items;
+}
+/**
+ * Provide sensible default fields for templates that require more than
+ * just a `title`. This prevents crashes from undefined required fields
+ * when the markdown annotations don't supply all template-specific values.
+ */
+function getTemplateDefaults(templateName, headingText, block) {
+    const body = extractBodyText(block.contents);
+    switch (templateName) {
+        case 'statHighlight':
+            return {
+                stat: headingText,
+                description: body || headingText,
+            };
+        case 'quoteBlock':
+        case 'fullBleedQuote':
+        case 'pullQuote':
+            return {
+                quote: body || headingText,
+            };
+        case 'factCard':
+            return {
+                fact: headingText,
+                explanation: body || headingText,
+            };
+        case 'comparisonBar':
+            return {
+                leftLabel: 'A',
+                leftValue: 60,
+                rightLabel: 'B',
+                rightValue: 40,
+            };
+        case 'listBlock':
+            return {
+                items: extractListItems(block.contents) || ['Item 1', 'Item 2', 'Item 3'],
+            };
+        case 'definitionCard':
+            return {
+                term: headingText,
+                definition: body || headingText,
+            };
+        case 'dateEvent':
+            return {
+                date: headingText,
+                description: body || headingText,
+            };
+        default:
+            return {};
+    }
+}
+/**
+ * Convert a markdown-derived Block into a TemplateBlock-compatible object.
+ *
+ * The block's heading text becomes `title` (works for sectionHeader,
+ * titleBlock, factCard, etc.). Any templateOverrides from annotation
+ * syntax `{[template key=value]}` are spread on top so template-specific
+ * fields (stat, quote, description, …) are available.
+ *
+ * If the requested template doesn't exist in the registry, falls back
+ * to `sectionHeader` to avoid "Unknown template" warnings.
+ */
+function blockToSlide(block, index) {
+    const headingText = block.sourceHeading
+        ? extractPlainText(block.sourceHeading)
+        : block.id || `Slide ${index + 1}`;
+    // Validate template name — fall back to sectionHeader for unknowns
+    const requestedTemplate = block.template || 'sectionHeader';
+    const template = hasTemplate(requestedTemplate) ? requestedTemplate : 'sectionHeader';
+    // Get sensible defaults for templates that need more than just `title`
+    const defaults = getTemplateDefaults(template, headingText, block);
+    return {
+        id: block.id,
+        template,
+        duration: block.duration,
+        audioSegment: 0,
+        transition: index > 0 ? { type: 'fade', duration: 0.5 } : undefined,
+        // Provide heading text as title — consumed by sectionHeader, titleBlock, etc.
+        title: headingText,
+        // Template-specific defaults (safe fallbacks for required fields)
+        ...defaults,
+        // Spread annotation overrides last so explicit values win
+        ...block.templateOverrides,
+    };
+}
+/**
+ * Build a player-ready Doc from the markdown-derived Doc.
+ *
+ * Flattens hierarchical blocks, converts each to a TemplateBlock-compatible
+ * slide, recalculates timing, and adds a synthetic audio segment.
+ */
+function buildPreviewDoc(doc) {
+    const flat = flattenBlocks(doc.blocks);
+    const slides = flat.map(blockToSlide);
+    // Recalculate sequential timing
+    let t = 0;
+    for (const slide of slides) {
+        slide.startTime = t;
+        t += slide.duration;
+    }
+    return {
+        articleId: doc.articleId,
+        duration: t,
+        blocks: slides,
+        audio: {
+            // Synthetic segment — audio will fail to load and DocPlayer will use
+            // its fallback timer to advance currentTime via requestAnimationFrame.
+            segments: t > 0 ? [{ src: '', name: 'preview', duration: t, startTime: 0 }] : [],
+        },
+    };
+}
+// ── Viewport helpers ───────────────────────────────────────────────
+/** All viewport preset entries for the dropdown */
+const VIEWPORT_OPTIONS = [
+    { key: 'landscape', label: '16:9 Landscape' },
+    { key: 'portrait', label: '9:16 Portrait' },
+    { key: 'square', label: '1:1 Square' },
+    { key: 'standard', label: '4:3 Standard' },
+];
+/**
+ * Resolve a `document-render-as` frontmatter value to a ViewportPreset.
+ * Accepts preset names ("landscape"), aspect ratio shorthand ("16:9"),
+ * and common aliases ("widescreen", "vertical", "stories").
+ */
+function resolveRenderAs(value) {
+    if (typeof value !== 'string')
+        return null;
+    const v = value.trim().toLowerCase();
+    const mapping = {
+        landscape: 'landscape',
+        '16:9': 'landscape',
+        widescreen: 'landscape',
+        portrait: 'portrait',
+        '9:16': 'portrait',
+        vertical: 'portrait',
+        stories: 'portrait',
+        square: 'square',
+        '1:1': 'square',
+        standard: 'standard',
+        '4:3': 'standard',
+    };
+    return mapping[v] ?? null;
+}
+/** Display mode options for the dropdown */
+const DISPLAY_MODE_OPTIONS = [
+    { key: 'video', label: 'Video' },
+    { key: 'slideshow', label: 'Slideshow' },
+    { key: 'linear', label: 'Document' },
+];
+/** Theme options for the dropdown */
+const THEME_OPTIONS = getThemeSummaries().map((s) => ({ key: s.id, label: s.name }));
+/** Set of valid theme IDs for fast lookup */
+const VALID_THEME_IDS = new Set(THEME_OPTIONS.map((o) => o.key));
+/**
+ * Resolve a `theme` frontmatter value to a theme id.
+ * Accepts exact theme ids ('documentary', 'bold') and common aliases.
+ */
+function resolveFrontmatterTheme(value) {
+    if (typeof value !== 'string')
+        return null;
+    const v = value.trim().toLowerCase();
+    if (VALID_THEME_IDS.has(v))
+        return v;
+    // Allow hyphenated/spaced aliases: "morning light" → "morning-light"
+    const normalized = v.replace(/\s+/g, '-');
+    if (VALID_THEME_IDS.has(normalized))
+        return normalized;
+    return null;
+}
+/**
+ * Resolve a `display-mode` frontmatter value to a DisplayMode.
+ */
+function resolveDisplayMode(value) {
+    if (typeof value !== 'string')
+        return null;
+    const v = value.trim().toLowerCase();
+    if (v === 'video' || v === 'slideshow' || v === 'linear')
+        return v;
+    if (v === 'slides' || v === 'presentation' || v === 'deck')
+        return 'slideshow';
+    if (v === 'document' || v === 'scroll' || v === 'page')
+        return 'linear';
+    return null;
+}
+// ── Component ──────────────────────────────────────────────────────
+/**
+ * Live preview panel that renders the current document as a slideshow.
+ * Uses DocPlayer from @bendyline/squisq-react for SVG block rendering
+ * with template expansion, transitions, and playback controls.
+ *
+ * Includes a viewport format dropdown above the player. The default
+ * format can be hinted via YAML frontmatter `document-render-as:`.
+ */
+export function PreviewPanel({ basePath = '/', className }) {
+    const { doc, parseError, isParsing } = useEditorContext();
+    // Determine the frontmatter-hinted viewport preset (if any)
+    const frontmatterPreset = useMemo(() => {
+        if (!doc?.frontmatter)
+            return null;
+        return resolveRenderAs(doc.frontmatter['document-render-as']);
+    }, [doc?.frontmatter]);
+    // Track user-selected viewport; null means "use frontmatter or default"
+    const [selectedPreset, setSelectedPreset] = useState(null);
+    // When frontmatter preset changes and user hasn't explicitly chosen, sync
+    useEffect(() => {
+        setSelectedPreset(null);
+    }, [frontmatterPreset]);
+    // Active preset: explicit user choice > frontmatter hint > landscape
+    const activePreset = selectedPreset ?? frontmatterPreset ?? 'landscape';
+    const activeViewport = VIEWPORT_PRESETS[activePreset];
+    // ── Display mode (video vs slideshow) ──────────────────────────
+    // Determine the frontmatter-hinted display mode (if any)
+    const frontmatterDisplayMode = useMemo(() => {
+        if (!doc?.frontmatter)
+            return null;
+        return resolveDisplayMode(doc.frontmatter['display-mode']);
+    }, [doc?.frontmatter]);
+    // Track user-selected display mode; null means "use frontmatter or default"
+    const [selectedDisplayMode, setSelectedDisplayMode] = useState(null);
+    // When frontmatter display mode changes and user hasn't explicitly chosen, sync
+    useEffect(() => {
+        setSelectedDisplayMode(null);
+    }, [frontmatterDisplayMode]);
+    // Active display mode: explicit user choice > frontmatter hint > video
+    const activeDisplayMode = selectedDisplayMode ?? frontmatterDisplayMode ?? 'video';
+    // ── Theme selection ────────────────────────────────────────────
+    // Determine the frontmatter-hinted theme (if any)
+    const frontmatterThemeId = useMemo(() => {
+        if (!doc?.frontmatter)
+            return null;
+        return resolveFrontmatterTheme(doc.frontmatter['theme']);
+    }, [doc?.frontmatter]);
+    // Track user-selected theme; null means "use frontmatter or default"
+    const [selectedThemeId, setSelectedThemeId] = useState(null);
+    // When frontmatter theme changes and user hasn't explicitly chosen, sync
+    useEffect(() => {
+        setSelectedThemeId(null);
+    }, [frontmatterThemeId]);
+    // Active theme: explicit user choice > frontmatter hint > documentary
+    const activeThemeId = selectedThemeId ?? frontmatterThemeId ?? 'documentary';
+    const activeTheme = useMemo(() => resolveTheme(activeThemeId), [activeThemeId]);
+    // Build the player-ready Doc whenever the parsed doc changes
+    const previewDoc = useMemo(() => {
+        if (!doc || !doc.blocks.length)
+            return null;
+        return buildPreviewDoc(doc);
+    }, [doc]);
+    // Status overlays for non-ready states
+    if (isParsing) {
+        return (_jsx("div", { className: `squisq-preview-status ${className || ''}`, "data-testid": "preview-panel", children: _jsx("p", { children: "Parsing\u2026" }) }));
+    }
+    if (parseError) {
+        return (_jsxs("div", { className: `squisq-preview-status ${className || ''}`, "data-testid": "preview-panel", children: [_jsx("h3", { children: "Parse Error" }), _jsx("pre", { children: parseError })] }));
+    }
+    if (!previewDoc) {
+        return (_jsx("div", { className: `squisq-preview-status ${className || ''}`, "data-testid": "preview-panel", children: _jsx("p", { children: "No content to preview. Start typing in the editor." }) }));
+    }
+    return (_jsxs("div", { className: `squisq-preview-container ${className || ''}`, "data-testid": "preview-panel", style: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            overflow: 'hidden',
+            background: 'var(--squisq-bg, #f5f5f5)',
+        }, children: [_jsxs("div", { className: "squisq-preview-toolbar", style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '8px',
+                    padding: '6px 12px',
+                    borderBottom: '1px solid var(--squisq-border, #e0e0e0)',
+                    flexShrink: 0,
+                    fontSize: '13px',
+                }, children: [_jsx("label", { htmlFor: "viewport-preset", style: { color: 'var(--squisq-text-muted, #6b7280)' }, children: "Format:" }), _jsx("select", { id: "viewport-preset", value: activePreset, onChange: (e) => setSelectedPreset(e.target.value), style: {
+                            padding: '3px 8px',
+                            borderRadius: '4px',
+                            border: '1px solid var(--squisq-border, #d1d5db)',
+                            background: 'var(--squisq-input-bg, #fff)',
+                            color: 'var(--squisq-text, #1f2937)',
+                            fontSize: '13px',
+                            cursor: 'pointer',
+                        }, children: VIEWPORT_OPTIONS.map((opt) => (_jsx("option", { value: opt.key, children: opt.label }, opt.key))) }), frontmatterPreset && selectedPreset === null && (_jsx("span", { style: {
+                            fontSize: '11px',
+                            color: 'var(--squisq-text-muted, #9ca3af)',
+                            fontStyle: 'italic',
+                        }, children: "(from frontmatter)" })), _jsx("span", { style: {
+                            width: '1px',
+                            height: '18px',
+                            background: 'var(--squisq-border, #d1d5db)',
+                            margin: '0 4px',
+                        } }), _jsx("label", { htmlFor: "display-mode", style: { color: 'var(--squisq-text-muted, #6b7280)' }, children: "Mode:" }), _jsx("select", { id: "display-mode", value: activeDisplayMode, onChange: (e) => setSelectedDisplayMode(e.target.value), style: {
+                            padding: '3px 8px',
+                            borderRadius: '4px',
+                            border: '1px solid var(--squisq-border, #d1d5db)',
+                            background: 'var(--squisq-input-bg, #fff)',
+                            color: 'var(--squisq-text, #1f2937)',
+                            fontSize: '13px',
+                            cursor: 'pointer',
+                        }, children: DISPLAY_MODE_OPTIONS.map((opt) => (_jsx("option", { value: opt.key, children: opt.label }, opt.key))) }), frontmatterDisplayMode && selectedDisplayMode === null && (_jsx("span", { style: {
+                            fontSize: '11px',
+                            color: 'var(--squisq-text-muted, #9ca3af)',
+                            fontStyle: 'italic',
+                        }, children: "(from frontmatter)" })), _jsx("span", { style: {
+                            width: '1px',
+                            height: '18px',
+                            background: 'var(--squisq-border, #d1d5db)',
+                            margin: '0 4px',
+                        } }), _jsx("label", { htmlFor: "theme-select", style: { color: 'var(--squisq-text-muted, #6b7280)' }, children: "Theme:" }), _jsx("select", { id: "theme-select", value: activeThemeId, onChange: (e) => setSelectedThemeId(e.target.value), style: {
+                            padding: '3px 8px',
+                            borderRadius: '4px',
+                            border: '1px solid var(--squisq-border, #d1d5db)',
+                            background: 'var(--squisq-input-bg, #fff)',
+                            color: 'var(--squisq-text, #1f2937)',
+                            fontSize: '13px',
+                            cursor: 'pointer',
+                        }, children: THEME_OPTIONS.map((opt) => (_jsx("option", { value: opt.key, children: opt.label }, opt.key))) }), frontmatterThemeId && selectedThemeId === null && (_jsx("span", { style: {
+                            fontSize: '11px',
+                            color: 'var(--squisq-text-muted, #9ca3af)',
+                            fontStyle: 'italic',
+                        }, children: "(from frontmatter)" }))] }), _jsx("div", { className: "squisq-preview-player", style: {
+                    flex: 1,
+                    display: 'flex',
+                    alignItems: activeDisplayMode === 'linear' ? 'stretch' : 'center',
+                    justifyContent: 'center',
+                    overflow: 'hidden',
+                    minHeight: 0,
+                }, children: activeDisplayMode === 'linear' ? (_jsx(LinearDocView, { doc: doc, basePath: basePath, viewport: activeViewport, theme: activeTheme })) : (_jsx(DocPlayer, { script: previewDoc, basePath: basePath, showControls: true, muted: true, forceViewport: activeViewport, displayMode: activeDisplayMode, theme: activeTheme })) })] }));
+}
+//# sourceMappingURL=PreviewPanel.js.map

package/dist/PreviewPanel.js.map

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

package/dist/RawEditor.d.ts

@@ -0,0 +1,25 @@
+/**
+ * RawEditor
+ *
+ * Monaco-based raw markdown editor. Provides full VS Code-like editing
+ * experience with syntax highlighting, minimap, and bracket matching.
+ * Syncs changes back to EditorContext on every keystroke (debounced).
+ */
+export interface RawEditorProps {
+    /** Monaco editor theme (default: 'vs-dark') */
+    theme?: string;
+    /** Show minimap (default: false) */
+    minimap?: boolean;
+    /** Font size in pixels (default: 14) */
+    fontSize?: number;
+    /** Word wrap setting (default: 'on') */
+    wordWrap?: 'on' | 'off' | 'wordWrapColumn' | 'bounded';
+    /** Additional class name for the container */
+    className?: string;
+}
+/**
+ * Raw markdown editor using Monaco Editor.
+ * Binds to the shared EditorContext for source synchronization.
+ */
+export declare function RawEditor({ theme, minimap, fontSize, wordWrap, className, }: RawEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RawEditor.d.ts.map

package/dist/RawEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RawEditor.d.ts","sourceRoot":"","sources":["../src/RawEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAWH,MAAM,WAAW,cAAc;IAC7B,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,gBAAgB,GAAG,SAAS,CAAC;IACvD,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAY,EACZ,OAAe,EACf,QAAa,EACb,QAAe,EACf,SAAS,GACV,EAAE,cAAc,2CA8GhB"}

package/dist/RawEditor.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * RawEditor
+ *
+ * Monaco-based raw markdown editor. Provides full VS Code-like editing
+ * experience with syntax highlighting, minimap, and bracket matching.
+ * Syncs changes back to EditorContext on every keystroke (debounced).
+ */
+import { useRef, useCallback, useEffect } from 'react';
+import Editor, { loader } from '@monaco-editor/react';
+import * as monaco from 'monaco-editor';
+import { useEditorContext } from './EditorContext';
+import { getAvailableTemplates } from '@bendyline/squisq/doc';
+// Use locally installed monaco-editor instead of CDN
+loader.config({ monaco });
+/**
+ * Raw markdown editor using Monaco Editor.
+ * Binds to the shared EditorContext for source synchronization.
+ */
+export function RawEditor({ theme = 'vs', minimap = false, fontSize = 14, wordWrap = 'on', className, }) {
+    const { markdownSource, setMarkdownSource, setMonacoEditor } = useEditorContext();
+    const editorRef = useRef(null);
+    const isExternalUpdate = useRef(false);
+    const completionDisposable = useRef(null);
+    const handleMount = useCallback((editor, monaco) => {
+        editorRef.current = editor;
+        setMonacoEditor(editor);
+        editor.focus();
+        // Dispose any previous completion provider (from a prior mount)
+        completionDisposable.current?.dispose();
+        // Register template annotation completion provider for {[ trigger
+        const templates = getAvailableTemplates();
+        completionDisposable.current = monaco.languages.registerCompletionItemProvider('markdown', {
+            triggerCharacters: ['['],
+            provideCompletionItems(model, position) {
+                const lineContent = model.getLineContent(position.lineNumber);
+                // Only trigger inside a heading line that has {[ before the cursor
+                if (!/^#{1,6}\s/.test(lineContent))
+                    return { suggestions: [] };
+                const textBeforeCursor = lineContent.substring(0, position.column - 1);
+                const bracketIdx = textBeforeCursor.lastIndexOf('{[');
+                if (bracketIdx === -1)
+                    return { suggestions: [] };
+                // The range to replace: from after {[ to the cursor
+                const startCol = bracketIdx + 3; // after {[
+                const range = new monaco.Range(position.lineNumber, startCol, position.lineNumber, position.column);
+                const suggestions = templates.map((name) => ({
+                    label: name,
+                    kind: monaco.languages.CompletionItemKind.Value,
+                    insertText: name + ']}',
+                    range,
+                    detail: 'Block template',
+                    sortText: name,
+                }));
+                return { suggestions };
+            },
+        });
+    }, [setMonacoEditor]);
+    // Unregister on unmount
+    useEffect(() => {
+        return () => {
+            setMonacoEditor(null);
+            completionDisposable.current?.dispose();
+            completionDisposable.current = null;
+        };
+    }, [setMonacoEditor]);
+    const handleChange = useCallback((value) => {
+        if (isExternalUpdate.current)
+            return;
+        if (value !== undefined) {
+            setMarkdownSource(value);
+        }
+    }, [setMarkdownSource]);
+    // When external changes happen (e.g. from WYSIWYG), update Monaco
+    useEffect(() => {
+        const editor = editorRef.current;
+        if (editor) {
+            const currentValue = editor.getValue();
+            if (currentValue !== markdownSource) {
+                isExternalUpdate.current = true;
+                editor.setValue(markdownSource);
+                isExternalUpdate.current = false;
+            }
+        }
+    }, [markdownSource]);
+    return (_jsx("div", { className: className, style: { width: '100%', height: '100%' }, "data-testid": "raw-editor", children: _jsx(Editor, { defaultLanguage: "markdown", value: markdownSource, theme: theme, onMount: handleMount, onChange: handleChange, options: {
+                fontSize,
+                wordWrap,
+                minimap: { enabled: minimap },
+                lineNumbers: 'on',
+                scrollBeyondLastLine: false,
+                automaticLayout: true,
+                tabSize: 2,
+                renderWhitespace: 'selection',
+                bracketPairColorization: { enabled: true },
+                guides: { indentation: true },
+                padding: { top: 12, bottom: 12 },
+            } }) }));
+}
+//# sourceMappingURL=RawEditor.js.map

package/dist/RawEditor.js.map

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

package/dist/StatusBar.d.ts

@@ -0,0 +1,15 @@
+/**
+ * StatusBar
+ *
+ * Bottom status bar showing document statistics and parse status.
+ */
+export interface StatusBarProps {
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * Status bar displaying document statistics: character count, word count,
+ * block count, and parse/error status.
+ */
+export declare function StatusBar({ className }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusBar.d.ts.map

package/dist/StatusBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../src/StatusBar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,cAAc,2CA6BtD"}

package/dist/StatusBar.js

@@ -0,0 +1,24 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * StatusBar
+ *
+ * Bottom status bar showing document statistics and parse status.
+ */
+import { useMemo } from 'react';
+import { useEditorContext } from './EditorContext';
+/**
+ * Status bar displaying document statistics: character count, word count,
+ * block count, and parse/error status.
+ */
+export function StatusBar({ className }) {
+    const { markdownSource, doc, parseError, isParsing } = useEditorContext();
+    const stats = useMemo(() => {
+        const chars = markdownSource.length;
+        const words = markdownSource.trim() ? markdownSource.trim().split(/\s+/).length : 0;
+        const lines = markdownSource.split('\n').length;
+        const blocks = doc?.blocks.length ?? 0;
+        return { chars, words, lines, blocks };
+    }, [markdownSource, doc]);
+    return (_jsxs("div", { className: `squisq-status-bar ${className || ''}`, children: [_jsxs("span", { className: "squisq-status-item", children: [stats.words, " words"] }), _jsxs("span", { className: "squisq-status-item", children: [stats.chars, " chars"] }), _jsxs("span", { className: "squisq-status-item", children: [stats.lines, " lines"] }), _jsxs("span", { className: "squisq-status-item", children: [stats.blocks, " blocks"] }), _jsx("span", { className: "squisq-status-spacer" }), isParsing && _jsx("span", { className: "squisq-status-item squisq-status-parsing", children: "Parsing\u2026" }), parseError && (_jsx("span", { className: "squisq-status-item squisq-status-error", title: parseError, children: "\u26A0 Error" })), !isParsing && !parseError && (_jsx("span", { className: "squisq-status-item squisq-status-ok", children: "\u2713 OK" }))] }));
+}
+//# sourceMappingURL=StatusBar.js.map

package/dist/StatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../src/StatusBar.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAOnD;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAkB;IACrD,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE1E,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC;QACpC,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACpF,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;QAChD,MAAM,MAAM,GAAG,GAAG,EAAE,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;QACvC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IACzC,CAAC,EAAE,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,eAAK,SAAS,EAAE,qBAAqB,SAAS,IAAI,EAAE,EAAE,aACpD,gBAAM,SAAS,EAAC,oBAAoB,aAAE,KAAK,CAAC,KAAK,cAAc,EAC/D,gBAAM,SAAS,EAAC,oBAAoB,aAAE,KAAK,CAAC,KAAK,cAAc,EAC/D,gBAAM,SAAS,EAAC,oBAAoB,aAAE,KAAK,CAAC,KAAK,cAAc,EAC/D,gBAAM,SAAS,EAAC,oBAAoB,aAAE,KAAK,CAAC,MAAM,eAAe,EACjE,eAAM,SAAS,EAAC,sBAAsB,GAAG,EACxC,SAAS,IAAI,eAAM,SAAS,EAAC,0CAA0C,8BAAgB,EACvF,UAAU,IAAI,CACb,eAAM,SAAS,EAAC,wCAAwC,EAAC,KAAK,EAAE,UAAU,6BAEnE,CACR,EACA,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,CAC5B,eAAM,SAAS,EAAC,qCAAqC,0BAAY,CAClE,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/TemplateAnnotation.d.ts

@@ -0,0 +1,20 @@
+/**
+ * TemplateAnnotation — Tiptap Heading Extension
+ *
+ * Extends Tiptap's built-in Heading node to support `data-template` and
+ * `data-template-params` HTML attributes. These attributes store which block
+ * template should be used for a heading section.
+ *
+ * When present, the heading renders a visible badge (styled CSS chip)
+ * showing the template name, e.g. `[chart]`.
+ *
+ * The tiptapBridge converts `### Title {[chart]}` markdown into
+ * `<h3 data-template="chart">Title</h3>` and back, so this extension
+ * ensures Tiptap's schema preserves those attributes through edits.
+ */
+/**
+ * HeadingWithTemplate — drop-in replacement for Tiptap's Heading that
+ * persists template annotation attributes.
+ */
+export declare const HeadingWithTemplate: import("@tiptap/core").Node<import("@tiptap/extension-heading").HeadingOptions, any>;
+//# sourceMappingURL=TemplateAnnotation.d.ts.map

package/dist/TemplateAnnotation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateAnnotation.d.ts","sourceRoot":"","sources":["../src/TemplateAnnotation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAIH;;;GAGG;AACH,eAAO,MAAM,mBAAmB,sFAiD9B,CAAC"}