@bendyline/squisq-editor-react 0.1.1 → 1.0.1

package/dist/EditorContext.d.ts

@@ -0,0 +1,75 @@
+/**
+ * EditorContext
+ *
+ * Shared React context that synchronizes state across all three editor views
+ * (Raw/Monaco, WYSIWYG/Tiptap, Preview/DocPlayer). When any view modifies the
+ * markdown source, the context re-parses and regenerates the MarkdownDocument
+ * and Doc so all views stay in sync.
+ */
+import { type ReactNode } from 'react';
+import type { Doc } from '@bendyline/squisq/schemas';
+import type { MarkdownDocument } from '@bendyline/squisq/markdown';
+import type { Editor as TiptapEditor } from '@tiptap/core';
+import type { editor as MonacoEditorNs } from 'monaco-editor';
+/** Monaco standalone code editor instance type */
+type MonacoEditor = MonacoEditorNs.IStandaloneCodeEditor;
+export type EditorView = 'raw' | 'wysiwyg' | 'preview';
+export type EditorTheme = 'light' | 'dark';
+export interface EditorState {
+    /** Raw markdown source string */
+    markdownSource: string;
+    /** Parsed markdown document (JSON DOM) */
+    markdownDoc: MarkdownDocument | null;
+    /** Generated Doc (block hierarchy) */
+    doc: Doc | null;
+    /** Currently active editor view */
+    activeView: EditorView;
+    /** Parse error, if any */
+    parseError: string | null;
+    /** Whether a parse is pending */
+    isParsing: boolean;
+    /** Current color theme */
+    theme: EditorTheme;
+}
+export interface EditorActions {
+    /** Set markdown source and trigger re-parse */
+    setMarkdownSource: (source: string) => void;
+    /** Set markdown from a MarkdownDocument (e.g. from WYSIWYG) */
+    setMarkdownDoc: (doc: MarkdownDocument) => void;
+    /** Switch the active view */
+    setActiveView: (view: EditorView) => void;
+    /** Register / unregister the Tiptap editor instance (called by WysiwygEditor) */
+    setTiptapEditor: (editor: TiptapEditor | null) => void;
+    /** Register / unregister the Monaco editor instance (called by RawEditor) */
+    setMonacoEditor: (editor: MonacoEditor | null) => void;
+    /** Set the color theme */
+    setTheme: (theme: EditorTheme) => void;
+}
+export interface EditorContextValue extends EditorState, EditorActions {
+    /** The live Tiptap editor instance (null when WYSIWYG is not mounted) */
+    tiptapEditor: TiptapEditor | null;
+    /** The live Monaco editor instance (null when Raw is not mounted) */
+    monacoEditor: MonacoEditor | null;
+}
+/**
+ * Hook to access the editor context. Must be used within an EditorProvider.
+ */
+export declare function useEditorContext(): EditorContextValue;
+export interface EditorProviderProps {
+    /** Initial markdown content */
+    initialMarkdown?: string;
+    /** Initial active view */
+    initialView?: EditorView;
+    /** Article ID used when generating the Doc */
+    articleId?: string;
+    /** Color theme */
+    theme?: EditorTheme;
+    children: ReactNode;
+}
+/**
+ * Provides shared editor state to all child components.
+ * Automatically parses markdown and generates a Doc whenever the source changes.
+ */
+export declare function EditorProvider({ initialMarkdown, initialView, articleId, theme: initialTheme, children, }: EditorProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditorContext.d.ts.map

package/dist/EditorContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../src/EditorContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,OAAO,KAAK,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAE9D,kDAAkD;AAClD,KAAK,YAAY,GAAG,cAAc,CAAC,qBAAqB,CAAC;AAIzD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;AACvD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,0CAA0C;IAC1C,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,sCAAsC;IACtC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IAChB,mCAAmC;IACnC,UAAU,EAAE,UAAU,CAAC;IACvB,0BAA0B;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,iCAAiC;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,+CAA+C;IAC/C,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,+DAA+D;IAC/D,cAAc,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,6BAA6B;IAC7B,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,iFAAiF;IACjF,eAAe,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,6EAA6E;IAC7E,eAAe,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,0BAA0B;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,kBAAmB,SAAQ,WAAW,EAAE,aAAa;IACpE,yEAAyE;IACzE,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,qEAAqE;IACrE,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;CACnC;AAMD;;GAEG;AAEH,wBAAgB,gBAAgB,IAAI,kBAAkB,CAMrD;AAID,MAAM,WAAW,mBAAmB;IAClC,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,eAAoB,EACpB,WAAmB,EACnB,SAAsB,EACtB,KAAK,EAAE,YAAsB,EAC7B,QAAQ,GACT,EAAE,mBAAmB,2CAyIrB"}

package/dist/EditorContext.js

@@ -0,0 +1,158 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * EditorContext
+ *
+ * Shared React context that synchronizes state across all three editor views
+ * (Raw/Monaco, WYSIWYG/Tiptap, Preview/DocPlayer). When any view modifies the
+ * markdown source, the context re-parses and regenerates the MarkdownDocument
+ * and Doc so all views stay in sync.
+ */
+import { createContext, useContext, useState, useCallback, useMemo, useRef, useEffect, } from 'react';
+import { parseMarkdown, stringifyMarkdown } from '@bendyline/squisq/markdown';
+import { markdownToDoc } from '@bendyline/squisq/doc';
+// ─── Context ─────────────────────────────────────────────
+const EditorContext = createContext(null);
+/**
+ * Hook to access the editor context. Must be used within an EditorProvider.
+ */
+// eslint-disable-next-line react-refresh/only-export-components
+export function useEditorContext() {
+    const ctx = useContext(EditorContext);
+    if (!ctx) {
+        throw new Error('useEditorContext must be used within an <EditorProvider>');
+    }
+    return ctx;
+}
+/**
+ * Provides shared editor state to all child components.
+ * Automatically parses markdown and generates a Doc whenever the source changes.
+ */
+export function EditorProvider({ initialMarkdown = '', initialView = 'raw', articleId = 'untitled', theme: initialTheme = 'light', children, }) {
+    const [markdownSource, setMarkdownSourceRaw] = useState(initialMarkdown);
+    const [markdownDoc, setMarkdownDocState] = useState(null);
+    const [doc, setDoc] = useState(null);
+    const [activeView, setActiveView] = useState(initialView);
+    const [parseError, setParseError] = useState(null);
+    const [isParsing, setIsParsing] = useState(false);
+    const [theme, setTheme] = useState(initialTheme);
+    const [tiptapEditor, setTiptapEditor] = useState(null);
+    const [monacoEditor, setMonacoEditor] = useState(null);
+    const articleIdRef = useRef(articleId);
+    articleIdRef.current = articleId;
+    // Sync theme when prop changes
+    useEffect(() => {
+        setTheme(initialTheme);
+    }, [initialTheme]);
+    // Debounced parse on markdown source change
+    const parseTimeoutRef = useRef(null);
+    const doParse = useCallback((source) => {
+        setIsParsing(true);
+        try {
+            const parsed = parseMarkdown(source);
+            setMarkdownDocState(parsed);
+            setParseError(null);
+            // Generate Doc from parsed markdown
+            try {
+                const generatedDoc = markdownToDoc(parsed, {
+                    articleId: articleIdRef.current,
+                });
+                setDoc(generatedDoc);
+            }
+            catch (docErr) {
+                // Doc generation can fail but markdown parse succeeded
+                setDoc(null);
+                console.warn('Doc generation failed:', docErr instanceof Error ? docErr.message : docErr);
+            }
+        }
+        catch (err) {
+            setParseError(err instanceof Error ? err.message : 'Parse error');
+            setMarkdownDocState(null);
+            setDoc(null);
+        }
+        finally {
+            setIsParsing(false);
+        }
+    }, []);
+    // Parse on source changes with debounce
+    useEffect(() => {
+        if (parseTimeoutRef.current) {
+            clearTimeout(parseTimeoutRef.current);
+        }
+        parseTimeoutRef.current = setTimeout(() => {
+            doParse(markdownSource);
+        }, 150);
+        return () => {
+            if (parseTimeoutRef.current) {
+                clearTimeout(parseTimeoutRef.current);
+            }
+        };
+    }, [markdownSource, doParse]);
+    // Initial parse
+    useEffect(() => {
+        if (initialMarkdown) {
+            doParse(initialMarkdown);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const setMarkdownSource = useCallback((source) => {
+        setMarkdownSourceRaw(source);
+    }, []);
+    const setMarkdownDoc = useCallback((newDoc) => {
+        setMarkdownDocState(newDoc);
+        // Stringify to update the raw source
+        try {
+            const newSource = stringifyMarkdown(newDoc);
+            setMarkdownSourceRaw(newSource);
+            setParseError(null);
+            // Generate Doc
+            try {
+                const generatedDoc = markdownToDoc(newDoc, {
+                    articleId: articleIdRef.current,
+                });
+                setDoc(generatedDoc);
+            }
+            catch (docErr) {
+                setDoc(null);
+                console.warn('Doc generation failed:', docErr instanceof Error ? docErr.message : docErr);
+            }
+        }
+        catch (err) {
+            setParseError(err instanceof Error ? err.message : 'Stringify error');
+        }
+    }, []);
+    const value = useMemo(() => ({
+        markdownSource,
+        markdownDoc,
+        doc,
+        activeView,
+        parseError,
+        isParsing,
+        theme,
+        tiptapEditor,
+        monacoEditor,
+        setMarkdownSource,
+        setMarkdownDoc,
+        setActiveView,
+        setTiptapEditor,
+        setMonacoEditor,
+        setTheme,
+    }), [
+        markdownSource,
+        markdownDoc,
+        doc,
+        activeView,
+        parseError,
+        isParsing,
+        theme,
+        tiptapEditor,
+        monacoEditor,
+        setMarkdownSource,
+        setMarkdownDoc,
+        setActiveView,
+        setTiptapEditor,
+        setMonacoEditor,
+        setTheme,
+    ]);
+    return _jsx(EditorContext.Provider, { value: value, children: children });
+}
+//# sourceMappingURL=EditorContext.js.map

package/dist/EditorContext.js.map

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

package/dist/EditorShell.d.ts

@@ -0,0 +1,34 @@
+/**
+ * EditorShell
+ *
+ * Top-level shell component that composes the Toolbar, ViewSwitcher, editor
+ * views, and StatusBar into a complete editing experience. Wraps everything
+ * in an EditorProvider for shared state.
+ */
+import { type EditorView } from './EditorContext';
+export type { EditorTheme } from './EditorContext';
+export interface EditorShellProps {
+    /** Initial markdown content */
+    initialMarkdown?: string;
+    /** Initial active view */
+    /** Initial active view (default: 'wysiwyg') */
+    initialView?: EditorView;
+    /** Article ID for Doc generation */
+    articleId?: string;
+    /** Base path for media URLs in preview */
+    basePath?: string;
+    /** Called when markdown source changes */
+    onChange?: (source: string) => void;
+    /** Color theme: 'light' or 'dark' (default: 'light') */
+    theme?: 'light' | 'dark';
+    /** Additional class name */
+    className?: string;
+    /** CSS height for the shell container (default: '100vh') */
+    height?: string;
+}
+/**
+ * Complete markdown editor shell with toolbar, view switcher, and three
+ * editing modes: Raw (Monaco), WYSIWYG (Tiptap), and Preview.
+ */
+export declare function EditorShell({ initialMarkdown, initialView, articleId, basePath, onChange, theme, className, height, }: EditorShellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorShell.d.ts.map

package/dist/EditorShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../src/EditorShell.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAoC,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAOpF,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,WAAW,gBAAgB;IAC/B,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0BAA0B;IAC1B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,eAAoB,EACpB,WAAuB,EACvB,SAAsB,EACtB,QAAc,EACd,QAAQ,EACR,KAAe,EACf,SAAS,EACT,MAAgB,GACjB,EAAE,gBAAgB,2CAgBlB"}

package/dist/EditorShell.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * EditorShell
+ *
+ * Top-level shell component that composes the Toolbar, ViewSwitcher, editor
+ * views, and StatusBar into a complete editing experience. Wraps everything
+ * in an EditorProvider for shared state.
+ */
+import { useEffect } from 'react';
+import { EditorProvider, useEditorContext } from './EditorContext';
+import { Toolbar } from './Toolbar';
+import { StatusBar } from './StatusBar';
+import { RawEditor } from './RawEditor';
+import { WysiwygEditor } from './WysiwygEditor';
+import { PreviewPanel } from './PreviewPanel';
+/**
+ * Complete markdown editor shell with toolbar, view switcher, and three
+ * editing modes: Raw (Monaco), WYSIWYG (Tiptap), and Preview.
+ */
+export function EditorShell({ initialMarkdown = '', initialView = 'wysiwyg', articleId = 'untitled', basePath = '/', onChange, theme = 'light', className, height = '100vh', }) {
+    return (_jsx(EditorProvider, { initialMarkdown: initialMarkdown, initialView: initialView, articleId: articleId, theme: theme, children: _jsx(EditorShellInner, { basePath: basePath, onChange: onChange, className: className, height: height }) }));
+}
+function EditorShellInner({ basePath, onChange, className, height }) {
+    const { activeView, markdownSource, theme } = useEditorContext();
+    // Notify parent of changes
+    useEffect(() => {
+        onChange?.(markdownSource);
+    }, [markdownSource, onChange]);
+    // Keyboard shortcuts for view switching
+    useEffect(() => {
+        const handler = (e) => {
+            if (e.ctrlKey || e.metaKey) {
+                switch (e.key) {
+                    case '1':
+                        e.preventDefault();
+                        document.querySelector('[data-view="wysiwyg"]')?.click();
+                        break;
+                    case '2':
+                        e.preventDefault();
+                        document.querySelector('[data-view="raw"]')?.click();
+                        break;
+                    case '3':
+                        e.preventDefault();
+                        document.querySelector('[data-view="preview"]')?.click();
+                        break;
+                }
+            }
+        };
+        window.addEventListener('keydown', handler);
+        return () => window.removeEventListener('keydown', handler);
+    }, []);
+    return (_jsxs("div", { className: `squisq-editor-shell ${className || ''}`, "data-theme": theme, style: {
+            display: 'flex',
+            flexDirection: 'column',
+            height,
+            overflow: 'hidden',
+        }, children: [_jsx("div", { className: "squisq-editor-header", children: _jsx(Toolbar, {}) }), _jsxs("div", { className: "squisq-editor-content", style: { flex: 1, overflow: 'hidden', position: 'relative' }, children: [activeView === 'raw' && _jsx(RawEditor, { theme: theme === 'dark' ? 'vs-dark' : 'vs' }), activeView === 'wysiwyg' && _jsx(WysiwygEditor, {}), activeView === 'preview' && _jsx(PreviewPanel, { basePath: basePath })] }), _jsx(StatusBar, {})] }));
+}
+//# sourceMappingURL=EditorShell.js.map

package/dist/EditorShell.js.map

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

package/dist/PreviewPanel.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 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
+ */
+export interface PreviewPanelProps {
+    /** Base path for resolving media URLs in DocPlayer */
+    basePath?: string;
+    /** Additional class name for the container */
+    className?: string;
+}
+/**
+ * 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 declare function PreviewPanel({ basePath, className }: PreviewPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PreviewPanel.d.ts.map

package/dist/PreviewPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPanel.d.ts","sourceRoot":"","sources":["../src/PreviewPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAcH,MAAM,WAAW,iBAAiB;IAChC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+OD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAc,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAuR5E"}