@qwanyx/ai-editor 1.7.3 → 1.7.4

package/dist/components/MarkdownEditor.d.ts

@@ -0,0 +1,10 @@
+export interface MarkdownEditorProps {
+    value: string;
+    onChange: (markdown: string) => void;
+    placeholder?: string;
+    minHeight?: string;
+    className?: string;
+    externalUpdate?: string | number;
+}
+export declare function MarkdownEditor({ value, onChange, placeholder, minHeight, className, externalUpdate, }: MarkdownEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MarkdownEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownEditor.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACjC;AAuKD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAAqC,EACrC,SAAmB,EACnB,SAAc,EACd,cAAc,GACf,EAAE,mBAAmB,2CA8CrB"}

package/dist/components/MarkdownEditor.js

@@ -0,0 +1,179 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarkdownEditor = MarkdownEditor;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const LexicalComposer_1 = require("@lexical/react/LexicalComposer");
+const LexicalRichTextPlugin_1 = require("@lexical/react/LexicalRichTextPlugin");
+const LexicalContentEditable_1 = require("@lexical/react/LexicalContentEditable");
+const LexicalHistoryPlugin_1 = require("@lexical/react/LexicalHistoryPlugin");
+const LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+const LexicalErrorBoundary_1 = require("@lexical/react/LexicalErrorBoundary");
+const rich_text_1 = require("@lexical/rich-text");
+const list_1 = require("@lexical/list");
+const link_1 = require("@lexical/link");
+const LexicalListPlugin_1 = require("@lexical/react/LexicalListPlugin");
+const LexicalLinkPlugin_1 = require("@lexical/react/LexicalLinkPlugin");
+const LexicalMarkdownShortcutPlugin_1 = require("@lexical/react/LexicalMarkdownShortcutPlugin");
+const markdown_1 = require("@lexical/markdown");
+const MarkdownToolbar_1 = require("./MarkdownToolbar");
+// Dark theme for Markdown editor
+const mdEditorTheme = {
+    paragraph: 'md-editor-paragraph',
+    heading: {
+        h1: 'md-editor-heading-h1',
+        h2: 'md-editor-heading-h2',
+        h3: 'md-editor-heading-h3',
+    },
+    text: {
+        bold: 'md-editor-text-bold',
+        italic: 'md-editor-text-italic',
+    },
+    list: {
+        ul: 'md-editor-list-ul',
+        ol: 'md-editor-list-ol',
+        listitem: 'md-editor-listitem',
+        nested: {
+            listitem: 'md-editor-nested-listitem',
+        },
+    },
+    quote: 'md-editor-quote',
+    link: 'md-editor-link',
+};
+const mdEditorStyles = `
+  .md-editor-paragraph {
+    margin-bottom: 8px;
+    color: #e5e7eb;
+    line-height: 1.6;
+  }
+  .md-editor-heading-h1 {
+    font-size: 1.875rem;
+    font-weight: bold;
+    margin-bottom: 16px;
+    margin-top: 24px;
+    color: #f9fafb;
+  }
+  .md-editor-heading-h2 {
+    font-size: 1.5rem;
+    font-weight: bold;
+    margin-bottom: 12px;
+    margin-top: 20px;
+    color: #f3f4f6;
+  }
+  .md-editor-heading-h3 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    margin-bottom: 8px;
+    margin-top: 16px;
+    color: #e5e7eb;
+  }
+  .md-editor-text-bold {
+    font-weight: bold;
+  }
+  .md-editor-text-italic {
+    font-style: italic;
+  }
+  .md-editor-list-ul {
+    list-style-type: disc;
+    margin-left: 24px;
+    margin-bottom: 8px;
+    padding-left: 0;
+    color: #e5e7eb;
+  }
+  .md-editor-list-ol {
+    list-style-type: decimal;
+    margin-left: 24px;
+    margin-bottom: 8px;
+    padding-left: 0;
+    color: #e5e7eb;
+  }
+  .md-editor-listitem {
+    margin-bottom: 4px;
+  }
+  .md-editor-nested-listitem {
+    list-style-type: none;
+  }
+  .md-editor-quote {
+    border-left: 4px solid #4b5563;
+    padding-left: 16px;
+    font-style: italic;
+    color: #9ca3af;
+    margin: 16px 0;
+  }
+  .md-editor-link {
+    color: #60a5fa;
+    text-decoration: underline;
+  }
+  .md-editor-link:hover {
+    color: #93bbfc;
+  }
+`;
+function getEditorConfig() {
+    return {
+        namespace: 'MarkdownEditor',
+        theme: mdEditorTheme,
+        onError: (error) => {
+            console.error('MarkdownEditor error:', error);
+        },
+        nodes: [
+            rich_text_1.HeadingNode,
+            rich_text_1.QuoteNode,
+            list_1.ListNode,
+            list_1.ListItemNode,
+            link_1.LinkNode,
+        ],
+    };
+}
+// Plugin to initialize from markdown on mount
+function InitialMarkdownPlugin({ value }) {
+    const [editor] = (0, LexicalComposerContext_1.useLexicalComposerContext)();
+    const isFirstRender = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            if (value) {
+                editor.update(() => {
+                    (0, markdown_1.$convertFromMarkdownString)(value, markdown_1.TRANSFORMERS);
+                });
+            }
+        }
+    }, [editor, value]);
+    return null;
+}
+// Plugin to reload from value when externalUpdate changes
+function ExternalUpdatePlugin({ value, externalUpdate }) {
+    const [editor] = (0, LexicalComposerContext_1.useLexicalComposerContext)();
+    const prevUpdate = (0, react_1.useRef)(externalUpdate);
+    (0, react_1.useEffect)(() => {
+        if (externalUpdate !== undefined && externalUpdate !== prevUpdate.current) {
+            prevUpdate.current = externalUpdate;
+            editor.update(() => {
+                (0, markdown_1.$convertFromMarkdownString)(value, markdown_1.TRANSFORMERS);
+            });
+        }
+    }, [editor, value, externalUpdate]);
+    return null;
+}
+// Plugin to emit markdown on every change
+function MarkdownOnChangePlugin({ onChange }) {
+    const [editor] = (0, LexicalComposerContext_1.useLexicalComposerContext)();
+    (0, react_1.useEffect)(() => {
+        return editor.registerUpdateListener(({ editorState, dirtyElements, dirtyLeaves }) => {
+            // Only fire if something actually changed
+            if (dirtyElements.size === 0 && dirtyLeaves.size === 0)
+                return;
+            editorState.read(() => {
+                const md = (0, markdown_1.$convertToMarkdownString)(markdown_1.TRANSFORMERS);
+                onChange(md);
+            });
+        });
+    }, [editor, onChange]);
+    return null;
+}
+function MarkdownEditor({ value, onChange, placeholder = 'Commencez à écrire...', minHeight = '300px', className = '', externalUpdate, }) {
+    const handleChange = (0, react_1.useCallback)((md) => {
+        onChange(md);
+    }, [onChange]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `border border-gray-700 rounded-xl bg-[#1A1A1A] flex flex-col overflow-hidden ${className}`, style: { minHeight }, children: [(0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: mdEditorStyles } }), (0, jsx_runtime_1.jsxs)(LexicalComposer_1.LexicalComposer, { initialConfig: getEditorConfig(), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex-shrink-0", children: (0, jsx_runtime_1.jsx)(MarkdownToolbar_1.MarkdownToolbar, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative flex-1 overflow-y-auto", children: [(0, jsx_runtime_1.jsx)(LexicalRichTextPlugin_1.RichTextPlugin, { contentEditable: (0, jsx_runtime_1.jsx)(LexicalContentEditable_1.ContentEditable, { className: "outline-none p-4 text-gray-200 min-h-[200px]", style: { minHeight: `calc(${minHeight} - 50px)` } }), placeholder: (0, jsx_runtime_1.jsx)("div", { className: "absolute top-4 left-4 text-gray-500 pointer-events-none", children: placeholder }), ErrorBoundary: LexicalErrorBoundary_1.LexicalErrorBoundary }), (0, jsx_runtime_1.jsx)(LexicalHistoryPlugin_1.HistoryPlugin, {}), (0, jsx_runtime_1.jsx)(LexicalListPlugin_1.ListPlugin, {}), (0, jsx_runtime_1.jsx)(LexicalLinkPlugin_1.LinkPlugin, {}), (0, jsx_runtime_1.jsx)(LexicalMarkdownShortcutPlugin_1.MarkdownShortcutPlugin, { transformers: markdown_1.TRANSFORMERS }), (0, jsx_runtime_1.jsx)(InitialMarkdownPlugin, { value: value }), (0, jsx_runtime_1.jsx)(ExternalUpdatePlugin, { value: value, externalUpdate: externalUpdate }), (0, jsx_runtime_1.jsx)(MarkdownOnChangePlugin, { onChange: handleChange })] })] })] }));
+}

package/dist/components/MarkdownToolbar.d.ts

@@ -0,0 +1,2 @@
+export declare function MarkdownToolbar(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MarkdownToolbar.d.ts.map

package/dist/components/MarkdownToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownToolbar.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownToolbar.tsx"],"names":[],"mappings":"AAwEA,wBAAgB,eAAe,4CAoN9B"}

package/dist/components/MarkdownToolbar.js

@@ -0,0 +1,132 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarkdownToolbar = MarkdownToolbar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+const lexical_1 = require("lexical");
+const list_1 = require("@lexical/list");
+const rich_text_1 = require("@lexical/rich-text");
+const selection_1 = require("@lexical/selection");
+const link_1 = require("@lexical/link");
+// Dropdown component using fixed positioning to escape overflow containers
+function FixedDropdown({ show, buttonRef, children }) {
+    const [position, setPosition] = (0, react_1.useState)({ top: 0, left: 0 });
+    (0, react_1.useEffect)(() => {
+        if (show && buttonRef.current) {
+            const rect = buttonRef.current.getBoundingClientRect();
+            setPosition({
+                top: rect.bottom + 4,
+                left: rect.left
+            });
+        }
+    }, [show, buttonRef]);
+    if (!show)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            position: 'fixed',
+            top: position.top,
+            left: position.left,
+            zIndex: 99999,
+            backgroundColor: '#1f2937',
+            border: '1px solid #374151',
+            borderRadius: '8px',
+            boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.3)',
+            padding: '4px 0',
+            minWidth: '160px'
+        }, onClick: (e) => e.stopPropagation(), children: children }));
+}
+function MarkdownToolbar() {
+    const [editor] = (0, LexicalComposerContext_1.useLexicalComposerContext)();
+    const [canUndo, setCanUndo] = (0, react_1.useState)(false);
+    const [canRedo, setCanRedo] = (0, react_1.useState)(false);
+    const [isBold, setIsBold] = (0, react_1.useState)(false);
+    const [isItalic, setIsItalic] = (0, react_1.useState)(false);
+    const [showHeadingMenu, setShowHeadingMenu] = (0, react_1.useState)(false);
+    const headingButtonRef = (0, react_1.useRef)(null);
+    const toolbarRef = (0, react_1.useRef)(null);
+    // Update toolbar state based on selection
+    const updateToolbar = (0, react_1.useCallback)(() => {
+        const selection = (0, lexical_1.$getSelection)();
+        if ((0, lexical_1.$isRangeSelection)(selection)) {
+            setIsBold(selection.hasFormat('bold'));
+            setIsItalic(selection.hasFormat('italic'));
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        return editor.registerUpdateListener(({ editorState }) => {
+            editorState.read(() => {
+                updateToolbar();
+            });
+        });
+    }, [editor, updateToolbar]);
+    (0, react_1.useEffect)(() => {
+        return editor.registerCommand(lexical_1.CAN_UNDO_COMMAND, (payload) => { setCanUndo(payload); return false; }, lexical_1.COMMAND_PRIORITY_CRITICAL);
+    }, [editor]);
+    (0, react_1.useEffect)(() => {
+        return editor.registerCommand(lexical_1.CAN_REDO_COMMAND, (payload) => { setCanRedo(payload); return false; }, lexical_1.COMMAND_PRIORITY_CRITICAL);
+    }, [editor]);
+    const formatBold = () => editor.dispatchCommand(lexical_1.FORMAT_TEXT_COMMAND, 'bold');
+    const formatItalic = () => editor.dispatchCommand(lexical_1.FORMAT_TEXT_COMMAND, 'italic');
+    const formatHeading = (headingTag) => {
+        editor.update(() => {
+            const selection = (0, lexical_1.$getSelection)();
+            if ((0, lexical_1.$isRangeSelection)(selection)) {
+                (0, selection_1.$setBlocksType)(selection, () => (0, rich_text_1.$createHeadingNode)(headingTag));
+            }
+        });
+        setShowHeadingMenu(false);
+    };
+    const formatParagraph = () => {
+        editor.update(() => {
+            const selection = (0, lexical_1.$getSelection)();
+            if ((0, lexical_1.$isRangeSelection)(selection)) {
+                (0, selection_1.$setBlocksType)(selection, () => (0, lexical_1.$createParagraphNode)());
+            }
+        });
+        setShowHeadingMenu(false);
+    };
+    const formatQuote = () => {
+        editor.update(() => {
+            const selection = (0, lexical_1.$getSelection)();
+            if ((0, lexical_1.$isRangeSelection)(selection)) {
+                (0, selection_1.$setBlocksType)(selection, () => (0, rich_text_1.$createQuoteNode)());
+            }
+        });
+    };
+    const formatBulletList = () => {
+        editor.dispatchCommand(list_1.INSERT_UNORDERED_LIST_COMMAND, undefined);
+    };
+    const formatNumberedList = () => {
+        editor.dispatchCommand(list_1.INSERT_ORDERED_LIST_COMMAND, undefined);
+    };
+    const insertLink = () => {
+        const url = window.prompt('URL du lien:');
+        if (url) {
+            editor.dispatchCommand(link_1.TOGGLE_LINK_COMMAND, url);
+        }
+    };
+    const undo = () => editor.dispatchCommand(lexical_1.UNDO_COMMAND, undefined);
+    const redo = () => editor.dispatchCommand(lexical_1.REDO_COMMAND, undefined);
+    // Close menus when clicking outside
+    (0, react_1.useEffect)(() => {
+        const handleClickOutside = (e) => {
+            if (toolbarRef.current && !toolbarRef.current.contains(e.target)) {
+                setShowHeadingMenu(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    const btnClass = (active = false) => `p-1.5 rounded transition-colors ${active
+        ? 'bg-gray-600 text-white'
+        : 'text-gray-400 hover:text-white hover:bg-gray-700'}`;
+    const disabledBtnClass = (enabled) => `p-1.5 rounded transition-colors ${enabled
+        ? 'text-gray-400 hover:text-white hover:bg-gray-700'
+        : 'text-gray-600 cursor-not-allowed opacity-30'}`;
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: toolbarRef, className: "flex flex-wrap items-center gap-1 p-2 bg-[#1e1e1e] border-b border-gray-700 flex-shrink-0", children: [(0, jsx_runtime_1.jsx)("button", { onClick: undo, disabled: !canUndo, className: disabledBtnClass(canUndo), title: "Annuler (Ctrl+Z)", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons text-lg", children: "undo" }) }), (0, jsx_runtime_1.jsx)("button", { onClick: redo, disabled: !canRedo, className: disabledBtnClass(canRedo), title: "Refaire (Ctrl+Y)", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons text-lg", children: "redo" }) }), (0, jsx_runtime_1.jsx)("div", { className: "w-px h-6 bg-gray-700 mx-1" }), (0, jsx_runtime_1.jsx)("button", { onClick: formatBold, className: btnClass(isBold), title: "Gras (Ctrl+B)", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons text-lg", children: "format_bold" }) }), (0, jsx_runtime_1.jsx)("button", { onClick: formatItalic, className: btnClass(isItalic), title: "Italique (Ctrl+I)", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons text-lg", children: "format_italic" }) }), (0, jsx_runtime_1.jsx)("div", { className: "w-px h-6 bg-gray-700 mx-1" }), (0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsxs)("button", { ref: headingButtonRef, onClick: (e) => {
+                            e.stopPropagation();
+                            setShowHeadingMenu(!showHeadingMenu);
+                        }, className: "p-1.5 text-gray-400 hover:text-white hover:bg-gray-700 rounded transition-colors flex items-center", title: "Titres", children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons text-lg", children: "title" }), (0, jsx_runtime_1.jsx)("span", { className: "material-icons text-sm", children: "arrow_drop_down" })] }), (0, jsx_runtime_1.jsxs)(FixedDropdown, { show: showHeadingMenu, buttonRef: headingButtonRef, children: [(0, jsx_runtime_1.jsx)("button", { onClick: formatParagraph, style: { display: 'block', width: '100%', padding: '6px 16px', textAlign: 'left', fontSize: '14px', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#d1d5db' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#374151', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "Paragraphe" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => formatHeading('h1'), style: { display: 'block', width: '100%', padding: '6px 16px', textAlign: 'left', fontSize: '20px', fontWeight: 'bold', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#d1d5db' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#374151', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "Titre 1" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => formatHeading('h2'), style: { display: 'block', width: '100%', padding: '6px 16px', textAlign: 'left', fontSize: '18px', fontWeight: 'bold', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#d1d5db' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#374151', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "Titre 2" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => formatHeading('h3'), style: { display: 'block', width: '100%', padding: '6px 16px', textAlign: 'left', fontSize: '16px', fontWeight: '600', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#d1d5db' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#374151', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "Titre 3" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-px h-6 bg-gray-700 mx-1" }), (0, jsx_runtime_1.jsx)("button", { onClick: formatBulletList, className: btnClass(), title: "Liste \u00E0 puces", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons text-lg", children: "format_list_bulleted" }) }), (0, jsx_runtime_1.jsx)("button", { onClick: formatNumberedList, className: btnClass(), title: "Liste num\u00E9rot\u00E9e", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons text-lg", children: "format_list_numbered" }) }), (0, jsx_runtime_1.jsx)("button", { onClick: formatQuote, className: btnClass(), title: "Citation", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons text-lg", children: "format_quote" }) }), (0, jsx_runtime_1.jsx)("div", { className: "w-px h-6 bg-gray-700 mx-1" }), (0, jsx_runtime_1.jsx)("button", { onClick: insertLink, className: btnClass(), title: "Ins\u00E9rer un lien", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons text-lg", children: "link" }) })] }));
+}

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 export { RichTextEditor } from './components/RichTextEditor';
 export type { RichTextEditorProps } from './components/RichTextEditor';
+export { MarkdownEditor } from './components/MarkdownEditor';
+export type { MarkdownEditorProps } from './components/MarkdownEditor';
 export { RichTextViewer } from './components/RichTextViewer';
 export type { RichTextViewerProps } from './components/RichTextViewer';
 export { EditorToolbar } from './components/EditorToolbar';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -1,10 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.lexicalToPageDocument = exports.isLexicalState = exports.isPageDocument = exports.detectFormat = exports.createDefaultGalleryContent = exports.GalleryLayout = exports.createDefaultRichTextContent = exports.RichTextLayout = exports.createDefaultOgilvyContent = exports.OgilvyLayout = exports.initializeLayouts = exports.getLayoutDefaultContent = exports.getLayoutComponent = exports.getLayoutsByCategory = exports.getAllLayouts = exports.getLayout = exports.registerLayout = exports.PaddingEditor = exports.SectionOptionsModal = exports.ImageMetadataDialog = exports.SmartViewer = exports.SmartEditor = exports.SectionComponent = exports.PageViewer = exports.PageEditor = exports.usePageContextSafe = exports.usePageContext = exports.PageProvider = exports.PageContext = exports.useEditorMode = exports.EditorModeProvider = exports.EditorModeContext = exports.SimpleLinkPlugin = exports.ImageLinkPlugin = exports.INSERT_OBJECT_COMMAND = exports.InsertObjectPlugin = exports.$wrapSelectionInSimpleLink = exports.$isSimpleLinkNode = exports.$createSimpleLinkNode = exports.SimpleLinkNode = exports.$wrapSelectionInImageLink = exports.$isImageLinkNode = exports.$createImageLinkNode = exports.ImageLinkNode = exports.$isImageNode = exports.$createImageNode = exports.ImageNode = exports.EditorToolbar = exports.RichTextViewer = exports.RichTextEditor = void 0;
-exports.AIEditor = exports.createEmptyPage = exports.createSection = exports.generateId = exports.DEFAULT_SEPARATOR = exports.DEFAULT_DROP_CAP = exports.VIDEO_PRESETS = exports.PRINT_PRESETS = exports.prepareForSave = exports.isSimpleDocument = exports.ensurePageDocument = exports.pageDocumentToLexical = void 0;
+exports.isLexicalState = exports.isPageDocument = exports.detectFormat = exports.createDefaultGalleryContent = exports.GalleryLayout = exports.createDefaultRichTextContent = exports.RichTextLayout = exports.createDefaultOgilvyContent = exports.OgilvyLayout = exports.initializeLayouts = exports.getLayoutDefaultContent = exports.getLayoutComponent = exports.getLayoutsByCategory = exports.getAllLayouts = exports.getLayout = exports.registerLayout = exports.PaddingEditor = exports.SectionOptionsModal = exports.ImageMetadataDialog = exports.SmartViewer = exports.SmartEditor = exports.SectionComponent = exports.PageViewer = exports.PageEditor = exports.usePageContextSafe = exports.usePageContext = exports.PageProvider = exports.PageContext = exports.useEditorMode = exports.EditorModeProvider = exports.EditorModeContext = exports.SimpleLinkPlugin = exports.ImageLinkPlugin = exports.INSERT_OBJECT_COMMAND = exports.InsertObjectPlugin = exports.$wrapSelectionInSimpleLink = exports.$isSimpleLinkNode = exports.$createSimpleLinkNode = exports.SimpleLinkNode = exports.$wrapSelectionInImageLink = exports.$isImageLinkNode = exports.$createImageLinkNode = exports.ImageLinkNode = exports.$isImageNode = exports.$createImageNode = exports.ImageNode = exports.EditorToolbar = exports.RichTextViewer = exports.MarkdownEditor = exports.RichTextEditor = void 0;
+exports.AIEditor = exports.createEmptyPage = exports.createSection = exports.generateId = exports.DEFAULT_SEPARATOR = exports.DEFAULT_DROP_CAP = exports.VIDEO_PRESETS = exports.PRINT_PRESETS = exports.prepareForSave = exports.isSimpleDocument = exports.ensurePageDocument = exports.pageDocumentToLexical = exports.lexicalToPageDocument = void 0;
 // Main WYSIWYG editor component
 var RichTextEditor_1 = require("./components/RichTextEditor");
 Object.defineProperty(exports, "RichTextEditor", { enumerable: true, get: function () { return RichTextEditor_1.RichTextEditor; } });
+// Markdown WYSIWYG editor (reads/writes Markdown)
+var MarkdownEditor_1 = require("./components/MarkdownEditor");
+Object.defineProperty(exports, "MarkdownEditor", { enumerable: true, get: function () { return MarkdownEditor_1.MarkdownEditor; } });
 // Read-only viewer component
 var RichTextViewer_1 = require("./components/RichTextViewer");
 Object.defineProperty(exports, "RichTextViewer", { enumerable: true, get: function () { return RichTextViewer_1.RichTextViewer; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwanyx/ai-editor",
-  "version": "1.7.3",
+  "version": "1.7.4",
   "description": "AI-powered WYSIWYG rich text editor",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -26,6 +26,7 @@
     "@lexical/history": "^0.17.0",
     "@lexical/list": "^0.17.0",
     "@lexical/link": "^0.17.0",
+    "@lexical/markdown": "^0.17.0",
     "@lexical/selection": "^0.17.0",
     "lexical": "^0.17.0",
     "react": "^18.3.1",