@bendyline/squisq-editor-react 1.0.0 → 1.1.0

package/dist/DropZoneOverlay.d.ts

@@ -0,0 +1,24 @@
+/**
+ * DropZoneOverlay
+ *
+ * Full-editor overlay that appears when files are dragged over the editor.
+ * Shows contextual drop zones depending on the type of files being dragged:
+ * - Media files → single "Media" drop zone
+ * - Text files → two zones: "Insert" (at cursor) and "Replace" (all content)
+ * - Mixed files → all three zones
+ */
+import type { DragContentType, UseFileDropResult } from './hooks/useFileDrop';
+export interface DropZoneOverlayProps {
+    /** What kind of content is being dragged */
+    dragContentType: DragContentType;
+    /** Factory that creates event props for a specific drop target */
+    zoneProps: UseFileDropResult['zoneProps'];
+    /** Whether a MediaProvider is available (disables media zone when false) */
+    hasMediaProvider: boolean;
+}
+/**
+ * Full-size overlay with contextual drop targets for file uploads.
+ * Rendered conditionally by EditorShell when files are dragged over the editor.
+ */
+export declare function DropZoneOverlay({ dragContentType, zoneProps, hasMediaProvider, }: DropZoneOverlayProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropZoneOverlay.d.ts.map

package/dist/DropZoneOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropZoneOverlay.d.ts","sourceRoot":"","sources":["../src/DropZoneOverlay.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAc,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE1F,MAAM,WAAW,oBAAoB;IACnC,4CAA4C;IAC5C,eAAe,EAAE,eAAe,CAAC;IACjC,kEAAkE;IAClE,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC1C,4EAA4E;IAC5E,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,eAAe,EACf,SAAS,EACT,gBAAgB,GACjB,EAAE,oBAAoB,2CAyCtB"}

package/dist/DropZoneOverlay.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DropZoneOverlay
+ *
+ * Full-editor overlay that appears when files are dragged over the editor.
+ * Shows contextual drop zones depending on the type of files being dragged:
+ * - Media files → single "Media" drop zone
+ * - Text files → two zones: "Insert" (at cursor) and "Replace" (all content)
+ * - Mixed files → all three zones
+ */
+import { useState } from 'react';
+/**
+ * Full-size overlay with contextual drop targets for file uploads.
+ * Rendered conditionally by EditorShell when files are dragged over the editor.
+ */
+export function DropZoneOverlay({ dragContentType, zoneProps, hasMediaProvider, }) {
+    const showMedia = dragContentType === 'media' || dragContentType === 'mixed';
+    const showText = dragContentType === 'text' || dragContentType === 'mixed';
+    return (_jsx("div", { className: "squisq-drop-overlay", children: _jsxs("div", { className: "squisq-drop-overlay-inner", children: [showMedia && (_jsx(DropZone, { target: "media", zoneProps: zoneProps, icon: "\uD83D\uDCF7", label: "Media", description: hasMediaProvider ? 'Add to file bin' : 'No file storage configured', disabled: !hasMediaProvider, variant: "media" })), showText && (_jsxs(_Fragment, { children: [_jsx(DropZone, { target: "insert", zoneProps: zoneProps, icon: "\uD83D\uDCCB", label: "Insert", description: "Insert content at cursor", variant: "insert" }), _jsx(DropZone, { target: "replace", zoneProps: zoneProps, icon: "\uD83D\uDD04", label: "Replace", description: "Replace all editor content", variant: "replace" })] }))] }) }));
+}
+function DropZone({ target, zoneProps, icon, label, description, disabled, variant, }) {
+    const [isHovering, setIsHovering] = useState(false);
+    const props = zoneProps(target);
+    return (_jsxs("div", { className: [
+            'squisq-drop-zone',
+            `squisq-drop-zone--${variant}`,
+            isHovering && !disabled ? 'squisq-drop-zone--active' : '',
+            disabled ? 'squisq-drop-zone--disabled' : '',
+        ]
+            .filter(Boolean)
+            .join(' '), onDragOver: (e) => {
+            if (disabled) {
+                e.preventDefault();
+                return;
+            }
+            props.onDragOver(e);
+        }, onDragEnter: (e) => {
+            e.preventDefault();
+            if (!disabled)
+                setIsHovering(true);
+        }, onDragLeave: (e) => {
+            e.preventDefault();
+            setIsHovering(false);
+        }, onDrop: (e) => {
+            setIsHovering(false);
+            if (disabled) {
+                e.preventDefault();
+                return;
+            }
+            props.onDrop(e);
+        }, children: [_jsx("span", { className: "squisq-drop-zone-icon", children: icon }), _jsx("span", { className: "squisq-drop-zone-label", children: label }), _jsx("span", { className: "squisq-drop-zone-desc", children: description })] }));
+}
+//# sourceMappingURL=DropZoneOverlay.js.map

package/dist/DropZoneOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropZoneOverlay.js","sourceRoot":"","sources":["../src/DropZoneOverlay.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAYjC;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,eAAe,EACf,SAAS,EACT,gBAAgB,GACK;IACrB,MAAM,SAAS,GAAG,eAAe,KAAK,OAAO,IAAI,eAAe,KAAK,OAAO,CAAC;IAC7E,MAAM,QAAQ,GAAG,eAAe,KAAK,MAAM,IAAI,eAAe,KAAK,OAAO,CAAC;IAE3E,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,eAAK,SAAS,EAAC,2BAA2B,aACvC,SAAS,IAAI,CACZ,KAAC,QAAQ,IACP,MAAM,EAAC,OAAO,EACd,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,cAAI,EACT,KAAK,EAAC,OAAO,EACb,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,4BAA4B,EAChF,QAAQ,EAAE,CAAC,gBAAgB,EAC3B,OAAO,EAAC,OAAO,GACf,CACH,EACA,QAAQ,IAAI,CACX,8BACE,KAAC,QAAQ,IACP,MAAM,EAAC,QAAQ,EACf,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,cAAI,EACT,KAAK,EAAC,QAAQ,EACd,WAAW,EAAC,0BAA0B,EACtC,OAAO,EAAC,QAAQ,GAChB,EACF,KAAC,QAAQ,IACP,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,cAAI,EACT,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,4BAA4B,EACxC,OAAO,EAAC,SAAS,GACjB,IACD,CACJ,IACG,GACF,CACP,CAAC;AACJ,CAAC;AAcD,SAAS,QAAQ,CAAC,EAChB,MAAM,EACN,SAAS,EACT,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,GACO;IACd,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEhC,OAAO,CACL,eACE,SAAS,EAAE;YACT,kBAAkB;YAClB,qBAAqB,OAAO,EAAE;YAC9B,UAAU,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE;YACzD,QAAQ,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE;SAC7C;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE;YAChB,IAAI,QAAQ,EAAE,CAAC;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO;YACT,CAAC;YACD,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;YACjB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ;gBAAE,aAAa,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;YACjB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,IAAI,QAAQ,EAAE,CAAC;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO;YACT,CAAC;YACD,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC,aAED,eAAM,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAQ,EACrD,eAAM,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAQ,EACvD,eAAM,SAAS,EAAC,uBAAuB,YAAE,WAAW,GAAQ,IACxD,CACP,CAAC;AACJ,CAAC"}

package/dist/EditorContext.d.ts

@@ -0,0 +1,79 @@
+/**
+ * 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;
+    /** Insert text at the current cursor position in the active editor */
+    insertAtCursor: (text: string) => void;
+    /** Replace all editor content with the given text */
+    replaceAll: (text: string) => 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;AAG9D,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;IACvC,sEAAsE;IACtE,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qDAAqD;IACrD,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;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,2CA4LrB"}

package/dist/EditorContext.js

@@ -0,0 +1,204 @@
+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';
+import { markdownToTiptap } from './tiptapBridge';
+// ─── 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 insertAtCursor = useCallback((text) => {
+        if (activeView === 'wysiwyg' && tiptapEditor) {
+            // Insert as HTML so formatting is preserved
+            const html = markdownToTiptap(text);
+            tiptapEditor.chain().focus().insertContent(html).run();
+        }
+        else if (activeView === 'raw' && monacoEditor) {
+            const position = monacoEditor.getPosition();
+            if (position) {
+                const model = monacoEditor.getModel();
+                if (model) {
+                    const range = {
+                        startLineNumber: position.lineNumber,
+                        startColumn: position.column,
+                        endLineNumber: position.lineNumber,
+                        endColumn: position.column,
+                    };
+                    monacoEditor.executeEdits('drop', [{ range, text }]);
+                }
+            }
+            else {
+                // No cursor — append
+                setMarkdownSourceRaw((prev) => prev + '\n\n' + text);
+            }
+        }
+        else {
+            // Preview or no editor — append to end
+            setMarkdownSourceRaw((prev) => prev + '\n\n' + text);
+        }
+    }, [activeView, tiptapEditor, monacoEditor]);
+    const replaceAll = useCallback((text) => {
+        setMarkdownSourceRaw(text);
+        // Push to editors if mounted
+        if (tiptapEditor) {
+            const html = markdownToTiptap(text);
+            tiptapEditor.commands.setContent(html);
+        }
+        if (monacoEditor) {
+            monacoEditor.setValue(text);
+        }
+    }, [tiptapEditor, monacoEditor]);
+    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,
+        insertAtCursor,
+        replaceAll,
+    }), [
+        markdownSource,
+        markdownDoc,
+        doc,
+        activeView,
+        parseError,
+        isParsing,
+        theme,
+        tiptapEditor,
+        monacoEditor,
+        setMarkdownSource,
+        setMarkdownDoc,
+        setActiveView,
+        setTiptapEditor,
+        setMonacoEditor,
+        setTheme,
+        insertAtCursor,
+        replaceAll,
+    ]);
+    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,39 @@
+/**
+ * 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';
+import type { MediaProvider } from '@bendyline/squisq/schemas';
+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;
+    /** Optional MediaProvider for the Files panel. When set (even to null), a Files toggle appears in the toolbar. */
+    mediaProvider?: MediaProvider | null;
+    /** Show the Files toggle in the toolbar. Defaults to true when mediaProvider is passed. */
+    showFilesToggle?: boolean;
+}
+/**
+ * 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, mediaProvider, showFilesToggle, }: 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;AAepF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,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;IAChB,kHAAkH;IAClH,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,2FAA2F;IAC3F,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,eAAoB,EACpB,WAAuB,EACvB,SAAsB,EACtB,QAAc,EACd,QAAQ,EACR,KAAe,EACf,SAAS,EACT,MAAgB,EAChB,aAAa,EACb,eAAe,GAChB,EAAE,gBAAgB,2CAqBlB"}

package/dist/EditorShell.js

@@ -0,0 +1,104 @@
+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, useState, useCallback } 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';
+import { MediaBin } from './MediaBin';
+import { DropZoneOverlay } from './DropZoneOverlay';
+import { useFileDrop } from './hooks/useFileDrop';
+import { partitionFiles, processMediaFiles, processTextFile, processTextFiles, } from './utils/dropUtils';
+/**
+ * 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', mediaProvider, showFilesToggle, }) {
+    // Show the toggle when explicitly opted in, or when mediaProvider prop was passed at all
+    const filesToggleEnabled = showFilesToggle ?? mediaProvider !== undefined;
+    return (_jsx(EditorProvider, { initialMarkdown: initialMarkdown, initialView: initialView, articleId: articleId, theme: theme, children: _jsx(EditorShellInner, { basePath: basePath, onChange: onChange, className: className, height: height, mediaProvider: mediaProvider ?? null, filesToggleEnabled: filesToggleEnabled }) }));
+}
+function EditorShellInner({ basePath, onChange, className, height, mediaProvider, filesToggleEnabled, }) {
+    const { activeView, markdownSource, theme, insertAtCursor, replaceAll } = useEditorContext();
+    const [showFiles, setShowFiles] = useState(false);
+    const [mediaRefreshKey, setMediaRefreshKey] = useState(0);
+    const isDark = theme === 'dark';
+    const handleToggleFiles = useCallback(() => {
+        setShowFiles((prev) => !prev);
+    }, []);
+    // ── Drag-and-drop file handling ──
+    const handleFileDrop = useCallback(async (files, target) => {
+        try {
+            const { media, text } = partitionFiles(files);
+            // Process media files
+            if (media.length > 0 && mediaProvider) {
+                await processMediaFiles(media, mediaProvider);
+                setMediaRefreshKey((k) => k + 1);
+                // Auto-open the media bin so the user sees the new files
+                if (!showFiles)
+                    setShowFiles(true);
+            }
+            // Process text files
+            if (text.length > 0) {
+                if (target === 'replace') {
+                    // Replace with first text file
+                    const content = await processTextFile(text[0]);
+                    replaceAll(content);
+                }
+                else {
+                    // Insert all text files concatenated
+                    const content = await processTextFiles(text);
+                    insertAtCursor(content);
+                }
+            }
+        }
+        catch (err) {
+            console.error('Failed to process dropped files:', err instanceof Error ? err.message : err);
+        }
+    }, [mediaProvider, showFiles, replaceAll, insertAtCursor]);
+    const { isDragging, dragContentType, containerProps, zoneProps } = useFileDrop({
+        onDrop: handleFileDrop,
+    });
+    // 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',
+        }, ...containerProps, children: [_jsx("div", { className: "squisq-editor-header", children: _jsx(Toolbar, { showFiles: showFiles, onToggleFiles: filesToggleEnabled ? handleToggleFiles : undefined }) }), _jsxs("div", { className: "squisq-editor-content", style: { flex: 1, overflow: 'hidden', position: 'relative', display: 'flex' }, children: [_jsxs("div", { 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 })] }), showFiles && (_jsx(MediaBin, { mediaProvider: mediaProvider, isDark: isDark, refreshKey: mediaRefreshKey })), isDragging && (_jsx(DropZoneOverlay, { dragContentType: dragContentType, zoneProps: zoneProps, hasMediaProvider: mediaProvider !== null }))] }), _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/MediaBin.d.ts

@@ -0,0 +1,18 @@
+/**
+ * MediaBin
+ *
+ * Toggleable side panel that displays files associated with the current
+ * content. Shows image thumbnails, icons for other types, file sizes,
+ * and provides an upload button to add new media.
+ */
+import type { MediaProvider } from '@bendyline/squisq/schemas';
+export interface MediaBinProps {
+    /** The active MediaProvider (null when no media context is available) */
+    mediaProvider: MediaProvider | null;
+    /** Whether the editor is in dark mode */
+    isDark: boolean;
+    /** Incremented externally to signal a re-scan of the media list */
+    refreshKey?: number;
+}
+export declare function MediaBin({ mediaProvider, isDark, refreshKey }: MediaBinProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MediaBin.d.ts.map

package/dist/MediaBin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaBin.d.ts","sourceRoot":"","sources":["../src/MediaBin.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,2BAA2B,CAAC;AAM3E,MAAM,WAAW,aAAa;IAC5B,yEAAyE;IACzE,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IACpC,yCAAyC;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA6BD,wBAAgB,QAAQ,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,aAAa,2CA2K5E"}