@qwanyx/ai-editor 1.0.0

package/dist/components/RichTextEditor.d.ts

@@ -0,0 +1,15 @@
+export interface RichTextEditorProps {
+    initialContent?: string;
+    onChange?: (html: string, json: string) => void;
+    onAIRequest?: (params: {
+        fullText: string;
+        selectedText?: string;
+        action: 'rewrite' | 'proofread' | 'custom';
+        customPrompt?: string;
+    }) => Promise<string>;
+    placeholder?: string;
+    className?: string;
+    minHeight?: string;
+}
+export declare function RichTextEditor({ initialContent, onChange, onAIRequest, placeholder, className, minHeight }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RichTextEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../src/components/RichTextEditor.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QACrB,QAAQ,EAAE,MAAM,CAAA;QAChB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAA;QAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAqKD,wBAAgB,cAAc,CAAC,EAC7B,cAAmB,EACnB,QAAQ,EACR,WAAW,EACX,WAAqC,EACrC,SAAc,EACd,SAAmB,EACpB,EAAE,mBAAmB,2CAyIrB"}

package/dist/components/RichTextEditor.js

@@ -0,0 +1,253 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect } from 'react';
+import { LexicalComposer } from '@lexical/react/LexicalComposer';
+import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
+import { ContentEditable } from '@lexical/react/LexicalContentEditable';
+import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
+import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary';
+import { HeadingNode, QuoteNode } from '@lexical/rich-text';
+import { ListNode, ListItemNode } from '@lexical/list';
+import { LinkNode } from '@lexical/link';
+import { ImageNode } from '../nodes/ImageNode';
+import { ImageLinkNode } from '../nodes/ImageLinkNode';
+import { SimpleLinkNode } from '../nodes/LinkNode';
+import { InsertObjectPlugin } from '../plugins/InsertObjectPlugin';
+import { ImageLinkPlugin } from '../plugins/ImageLinkPlugin';
+import { SimpleLinkPlugin } from '../plugins/LinkPlugin';
+import { ListPlugin } from '@lexical/react/LexicalListPlugin';
+import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
+import { $getRoot, $getSelection, $isRangeSelection, $createParagraphNode, $createTextNode } from 'lexical';
+import { EditorToolbar } from './EditorToolbar';
+// Theme for Lexical editor
+const editorTheme = {
+    paragraph: 'editor-paragraph',
+    heading: {
+        h1: 'editor-heading-h1',
+        h2: 'editor-heading-h2',
+        h3: 'editor-heading-h3',
+    },
+    text: {
+        bold: 'editor-text-bold',
+        italic: 'editor-text-italic',
+        underline: 'editor-text-underline',
+        strikethrough: 'editor-text-strikethrough',
+    },
+    list: {
+        ul: 'editor-list-ul',
+        ol: 'editor-list-ol',
+        listitem: 'editor-listitem',
+        nested: {
+            listitem: 'editor-nested-listitem',
+        },
+    },
+    quote: 'editor-quote',
+    link: 'editor-link',
+};
+// CSS styles for the editor (injected as style tag)
+const editorStyles = `
+  .editor-paragraph {
+    margin-bottom: 8px;
+  }
+  .editor-heading-h1 {
+    font-size: 1.875rem;
+    font-weight: bold;
+    margin-bottom: 16px;
+    margin-top: 24px;
+  }
+  .editor-heading-h2 {
+    font-size: 1.5rem;
+    font-weight: bold;
+    margin-bottom: 12px;
+    margin-top: 20px;
+  }
+  .editor-heading-h3 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    margin-bottom: 8px;
+    margin-top: 16px;
+  }
+  .editor-text-bold {
+    font-weight: bold;
+  }
+  .editor-text-italic {
+    font-style: italic;
+  }
+  .editor-text-underline {
+    text-decoration: underline;
+  }
+  .editor-text-strikethrough {
+    text-decoration: line-through;
+  }
+  .editor-list-ul {
+    list-style-type: disc;
+    margin-left: 24px;
+    margin-bottom: 8px;
+    padding-left: 0;
+  }
+  .editor-list-ol {
+    list-style-type: decimal;
+    margin-left: 24px;
+    margin-bottom: 8px;
+    padding-left: 0;
+  }
+  .editor-listitem {
+    margin-bottom: 4px;
+  }
+  .editor-nested-listitem {
+    list-style-type: none;
+  }
+  .editor-quote {
+    border-left: 4px solid #d1d5db;
+    padding-left: 16px;
+    font-style: italic;
+    color: #6b7280;
+    margin: 16px 0;
+  }
+  .editor-link {
+    color: #2563eb;
+    text-decoration: underline;
+  }
+  .editor-link:hover {
+    color: #1e40af;
+  }
+`;
+// Initial editor config
+function getEditorConfig(initialContent) {
+    return {
+        namespace: 'RichTextEditor',
+        theme: editorTheme,
+        onError: (error) => {
+            console.error('Lexical error:', error);
+        },
+        nodes: [
+            HeadingNode,
+            QuoteNode,
+            ListNode,
+            ListItemNode,
+            LinkNode,
+            ImageNode,
+            ImageLinkNode,
+            SimpleLinkNode,
+        ],
+    };
+}
+// Plugin to set initial content (supports both JSON and plain text)
+function InitialContentPlugin({ content }) {
+    const [editor] = useLexicalComposerContext();
+    const isFirstRender = React.useRef(true);
+    useEffect(() => {
+        if (isFirstRender.current && content) {
+            isFirstRender.current = false;
+            // Try to parse as JSON (Lexical state)
+            try {
+                const parsed = JSON.parse(content);
+                if (parsed.root) {
+                    // It's a Lexical state JSON
+                    const editorState = editor.parseEditorState(parsed);
+                    editor.setEditorState(editorState);
+                    return;
+                }
+            }
+            catch {
+                // Not JSON, treat as plain text
+            }
+            // Fallback: plain text
+            editor.update(() => {
+                const root = $getRoot();
+                root.clear();
+                const paragraph = $createParagraphNode();
+                paragraph.append($createTextNode(content));
+                root.append(paragraph);
+            });
+        }
+    }, [editor, content]);
+    return null;
+}
+// Plugin to get editor reference
+function EditorRefPlugin({ editorRef }) {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        editorRef.current = editor;
+    }, [editor, editorRef]);
+    return null;
+}
+export function RichTextEditor({ initialContent = '', onChange, onAIRequest, placeholder = 'Commencez à écrire...', className = '', minHeight = '300px' }) {
+    const editorRef = React.useRef(null);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [isFullscreen, setIsFullscreen] = React.useState(false);
+    const toggleFullscreen = useCallback(() => {
+        setIsFullscreen(prev => !prev);
+    }, []);
+    // Handle editor changes
+    const handleChange = useCallback((editorState, editor) => {
+        editorState.read(() => {
+            // Get HTML
+            const root = $getRoot();
+            const textContent = root.getTextContent();
+            // Get JSON
+            const json = JSON.stringify(editorState.toJSON());
+            // For now, pass text content as "html" - we can enhance this later
+            onChange?.(textContent, json);
+        });
+    }, [onChange]);
+    // Get selected text for AI operations
+    const getSelectedText = useCallback(() => {
+        if (!editorRef.current)
+            return undefined;
+        let selectedText;
+        editorRef.current.getEditorState().read(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection)) {
+                selectedText = selection.getTextContent();
+            }
+        });
+        return selectedText || undefined;
+    }, []);
+    // Get full text for AI operations
+    const getFullText = useCallback(() => {
+        if (!editorRef.current)
+            return '';
+        let fullText = '';
+        editorRef.current.getEditorState().read(() => {
+            fullText = $getRoot().getTextContent();
+        });
+        return fullText;
+    }, []);
+    // Handle AI actions
+    const handleAIAction = useCallback(async (action, customPrompt) => {
+        if (!onAIRequest || !editorRef.current)
+            return;
+        setIsLoading(true);
+        try {
+            const selectedText = getSelectedText();
+            const fullText = getFullText();
+            const result = await onAIRequest({
+                fullText,
+                selectedText,
+                action,
+                customPrompt
+            });
+            // Replace content with AI result
+            editorRef.current.update(() => {
+                const root = $getRoot();
+                root.clear();
+                const paragraph = $createParagraphNode();
+                paragraph.append($createTextNode(result));
+                root.append(paragraph);
+            });
+        }
+        catch (error) {
+            console.error('AI request failed:', error);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [onAIRequest, getSelectedText, getFullText]);
+    const fullscreenClasses = isFullscreen
+        ? 'fixed inset-0 z-50'
+        : '';
+    return (_jsxs("div", { className: `border border-gray-200 rounded-lg bg-white flex flex-col ${fullscreenClasses} ${className}`, children: [_jsx("style", { dangerouslySetInnerHTML: { __html: editorStyles } }), _jsxs(LexicalComposer, { initialConfig: getEditorConfig(initialContent), children: [_jsx(EditorToolbar, { onAIAction: handleAIAction, isLoading: isLoading, isFullscreen: isFullscreen, onToggleFullscreen: toggleFullscreen }), _jsxs("div", { className: "relative flex-1 overflow-auto", style: minHeight && !isFullscreen ? { minHeight } : {}, children: [_jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: "outline-none p-4 text-gray-900 h-full min-h-full" }), placeholder: _jsx("div", { className: "absolute top-4 left-4 text-gray-400 pointer-events-none", children: placeholder }), ErrorBoundary: LexicalErrorBoundary }), _jsx(HistoryPlugin, {}), _jsx(ListPlugin, {}), _jsx(LinkPlugin, {}), _jsx(OnChangePlugin, { onChange: handleChange }), _jsx(InitialContentPlugin, { content: initialContent }), _jsx(EditorRefPlugin, { editorRef: editorRef }), _jsx(InsertObjectPlugin, {}), _jsx(ImageLinkPlugin, {}), _jsx(SimpleLinkPlugin, {}), isLoading && (_jsx("div", { className: "absolute inset-0 bg-white/80 flex items-center justify-center z-10", children: _jsxs("div", { className: "flex items-center gap-2 text-blue-600", children: [_jsx("span", { className: "material-icons animate-spin", children: "sync" }), _jsx("span", { children: "L'IA travaille..." })] }) }))] })] })] }));
+}

package/dist/hooks/useAIEditor.d.ts

@@ -0,0 +1,15 @@
+export interface AIEditorState {
+    content: string;
+    isLoading: boolean;
+    error: string | null;
+}
+export interface AIEditorActions {
+    setContent: (content: string) => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
+    applyAIEdit: (newContent: string) => void;
+}
+export declare function useAIEditor(initialContent?: string): [AIEditorState, AIEditorActions];
+//# sourceMappingURL=useAIEditor.d.ts.map

package/dist/hooks/useAIEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAIEditor.d.ts","sourceRoot":"","sources":["../../src/hooks/useAIEditor.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,wBAAgB,WAAW,CAAC,cAAc,GAAE,MAAW,GAAG,CAAC,aAAa,EAAE,eAAe,CAAC,CAqDzF"}

package/dist/hooks/useAIEditor.js

@@ -0,0 +1,46 @@
+import { useState, useCallback, useRef } from 'react';
+export function useAIEditor(initialContent = '') {
+    const [content, setContentState] = useState(initialContent);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    // History for undo/redo
+    const historyRef = useRef([{ content: initialContent, timestamp: Date.now() }]);
+    const historyIndexRef = useRef(0);
+    const [canUndo, setCanUndo] = useState(false);
+    const [canRedo, setCanRedo] = useState(false);
+    const updateUndoRedoState = useCallback(() => {
+        setCanUndo(historyIndexRef.current > 0);
+        setCanRedo(historyIndexRef.current < historyRef.current.length - 1);
+    }, []);
+    const setContent = useCallback((newContent) => {
+        // Add to history, removing any future states
+        historyRef.current = historyRef.current.slice(0, historyIndexRef.current + 1);
+        historyRef.current.push({ content: newContent, timestamp: Date.now() });
+        historyIndexRef.current = historyRef.current.length - 1;
+        setContentState(newContent);
+        updateUndoRedoState();
+    }, [updateUndoRedoState]);
+    const undo = useCallback(() => {
+        if (historyIndexRef.current > 0) {
+            historyIndexRef.current--;
+            setContentState(historyRef.current[historyIndexRef.current].content);
+            updateUndoRedoState();
+        }
+    }, [updateUndoRedoState]);
+    const redo = useCallback(() => {
+        if (historyIndexRef.current < historyRef.current.length - 1) {
+            historyIndexRef.current++;
+            setContentState(historyRef.current[historyIndexRef.current].content);
+            updateUndoRedoState();
+        }
+    }, [updateUndoRedoState]);
+    const applyAIEdit = useCallback((newContent) => {
+        setContent(newContent);
+        setIsLoading(false);
+        setError(null);
+    }, [setContent]);
+    return [
+        { content, isLoading, error },
+        { setContent, undo, redo, canUndo, canRedo, applyAIEdit }
+    ];
+}

package/dist/hooks/useSelection.d.ts

@@ -0,0 +1,12 @@
+export interface SelectionInfo {
+    text: string;
+    startOffset: number;
+    endOffset: number;
+    originalStart: number;
+    originalEnd: number;
+}
+export declare function useSelection(containerRef: React.RefObject<HTMLElement>): {
+    selection: SelectionInfo | null;
+    clearSelection: () => void;
+};
+//# sourceMappingURL=useSelection.d.ts.map

package/dist/hooks/useSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelection.d.ts","sourceRoot":"","sources":["../../src/hooks/useSelection.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;;EAmDtE"}

package/dist/hooks/useSelection.js

@@ -0,0 +1,45 @@
+import { useState, useCallback, useEffect } from 'react';
+export function useSelection(containerRef) {
+    const [selection, setSelection] = useState(null);
+    const handleSelectionChange = useCallback(() => {
+        const sel = window.getSelection();
+        if (!sel || sel.isCollapsed || !containerRef.current) {
+            setSelection(null);
+            return;
+        }
+        // Check if selection is within our container
+        const range = sel.getRangeAt(0);
+        if (!containerRef.current.contains(range.commonAncestorContainer)) {
+            setSelection(null);
+            return;
+        }
+        const text = sel.toString();
+        if (!text.trim()) {
+            setSelection(null);
+            return;
+        }
+        // Get the text content of the container up to the selection
+        const preSelectionRange = document.createRange();
+        preSelectionRange.selectNodeContents(containerRef.current);
+        preSelectionRange.setEnd(range.startContainer, range.startOffset);
+        const startOffset = preSelectionRange.toString().length;
+        setSelection({
+            text,
+            startOffset,
+            endOffset: startOffset + text.length,
+            originalStart: startOffset,
+            originalEnd: startOffset + text.length
+        });
+    }, [containerRef]);
+    useEffect(() => {
+        document.addEventListener('selectionchange', handleSelectionChange);
+        return () => {
+            document.removeEventListener('selectionchange', handleSelectionChange);
+        };
+    }, [handleSelectionChange]);
+    const clearSelection = useCallback(() => {
+        setSelection(null);
+        window.getSelection()?.removeAllRanges();
+    }, []);
+    return { selection, clearSelection };
+}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export { RichTextEditor } from './components/RichTextEditor';
+export type { RichTextEditorProps } from './components/RichTextEditor';
+export { EditorToolbar } from './components/EditorToolbar';
+export type { EditorToolbarProps } from './components/EditorToolbar';
+export { ImageNode, $createImageNode, $isImageNode } from './nodes/ImageNode';
+export type { ImagePayload, ImageFloatType } from './nodes/ImageNode';
+export { ImageLinkNode, $createImageLinkNode, $isImageLinkNode, $wrapSelectionInImageLink } from './nodes/ImageLinkNode';
+export type { ImageLinkPayload } from './nodes/ImageLinkNode';
+export { SimpleLinkNode, $createSimpleLinkNode, $isSimpleLinkNode, $wrapSelectionInSimpleLink } from './nodes/LinkNode';
+export type { SimpleLinkPayload } from './nodes/LinkNode';
+export { InsertObjectPlugin, INSERT_OBJECT_COMMAND } from './plugins/InsertObjectPlugin';
+export { ImageLinkPlugin } from './plugins/ImageLinkPlugin';
+export { SimpleLinkPlugin } from './plugins/LinkPlugin';
+export { RichTextEditor as AIEditor } from './components/RichTextEditor';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAGtE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAGpE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC7E,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAErE,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AACxH,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAA;AACvH,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGzD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAGvD,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA"}

package/dist/index.js

@@ -0,0 +1,14 @@
+// Main WYSIWYG editor component
+export { RichTextEditor } from './components/RichTextEditor';
+// Toolbar component (for custom implementations)
+export { EditorToolbar } from './components/EditorToolbar';
+// Custom nodes
+export { ImageNode, $createImageNode, $isImageNode } from './nodes/ImageNode';
+export { ImageLinkNode, $createImageLinkNode, $isImageLinkNode, $wrapSelectionInImageLink } from './nodes/ImageLinkNode';
+export { SimpleLinkNode, $createSimpleLinkNode, $isSimpleLinkNode, $wrapSelectionInSimpleLink } from './nodes/LinkNode';
+// Plugins
+export { InsertObjectPlugin, INSERT_OBJECT_COMMAND } from './plugins/InsertObjectPlugin';
+export { ImageLinkPlugin } from './plugins/ImageLinkPlugin';
+export { SimpleLinkPlugin } from './plugins/LinkPlugin';
+// Alias for backwards compatibility
+export { RichTextEditor as AIEditor } from './components/RichTextEditor';

package/dist/nodes/ImageLinkNode.d.ts

@@ -0,0 +1,48 @@
+import { ElementNode, LexicalNode, NodeKey, RangeSelection, SerializedElementNode, Spread } from 'lexical';
+export interface ImageLinkPayload {
+    url: string;
+    altText?: string;
+    copyright?: string;
+    photographer?: string;
+    comment?: string;
+}
+export type SerializedImageLinkNode = Spread<{
+    url: string;
+    altText?: string;
+    copyright?: string;
+    photographer?: string;
+    comment?: string;
+}, SerializedElementNode>;
+export declare class ImageLinkNode extends ElementNode {
+    __url: string;
+    __altText?: string;
+    __copyright?: string;
+    __photographer?: string;
+    __comment?: string;
+    static getType(): string;
+    static clone(node: ImageLinkNode): ImageLinkNode;
+    constructor(url: string, altText?: string, copyright?: string, photographer?: string, comment?: string, key?: NodeKey);
+    createDOM(): HTMLElement;
+    updateDOM(): boolean;
+    getUrl(): string;
+    setUrl(url: string): void;
+    getAltText(): string | undefined;
+    setAltText(altText: string | undefined): void;
+    getCopyright(): string | undefined;
+    setCopyright(copyright: string | undefined): void;
+    getPhotographer(): string | undefined;
+    setPhotographer(photographer: string | undefined): void;
+    getComment(): string | undefined;
+    setComment(comment: string | undefined): void;
+    static importJSON(serializedNode: SerializedImageLinkNode): ImageLinkNode;
+    exportJSON(): SerializedImageLinkNode;
+    canInsertTextBefore(): boolean;
+    canInsertTextAfter(): boolean;
+    canBeEmpty(): boolean;
+    isInline(): boolean;
+    extractWithChild(): boolean;
+}
+export declare function $createImageLinkNode(payload: ImageLinkPayload): ImageLinkNode;
+export declare function $isImageLinkNode(node: LexicalNode | null | undefined): node is ImageLinkNode;
+export declare function $wrapSelectionInImageLink(selection: RangeSelection, url: string, altText?: string, copyright?: string, photographer?: string, comment?: string): void;
+//# sourceMappingURL=ImageLinkNode.d.ts.map

package/dist/nodes/ImageLinkNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageLinkNode.d.ts","sourceRoot":"","sources":["../../src/nodes/ImageLinkNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,WAAW,EACX,WAAW,EACX,OAAO,EACP,cAAc,EACd,qBAAqB,EACrB,MAAM,EACP,MAAM,SAAS,CAAA;AAGhB,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAC1C;IACE,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,EACD,qBAAqB,CACtB,CAAA;AAoED,qBAAa,aAAc,SAAQ,WAAW;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa;gBAY9C,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,MAAM,EAChB,SAAS,CAAC,EAAE,MAAM,EAClB,YAAY,CAAC,EAAE,MAAM,EACrB,OAAO,CAAC,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,OAAO;IAUf,SAAS,IAAI,WAAW;IAUxB,SAAS,IAAI,OAAO;IAIpB,MAAM,IAAI,MAAM;IAIhB,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAKzB,UAAU,IAAI,MAAM,GAAG,SAAS;IAIhC,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAK7C,YAAY,IAAI,MAAM,GAAG,SAAS;IAIlC,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAKjD,eAAe,IAAI,MAAM,GAAG,SAAS;IAIrC,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAKvD,UAAU,IAAI,MAAM,GAAG,SAAS;IAIhC,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAK7C,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,uBAAuB,GAAG,aAAa;IAczE,UAAU,IAAI,uBAAuB;IAarC,mBAAmB,IAAI,OAAO;IAI9B,kBAAkB,IAAI,OAAO;IAI7B,UAAU,IAAI,OAAO;IAIrB,QAAQ,IAAI,OAAO;IAInB,gBAAgB,IAAI,OAAO;CAG5B;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,aAAa,CAU7E;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,aAAa,CAE5F;AAGD,wBAAgB,yBAAyB,CACvC,SAAS,EAAE,cAAc,EACzB,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,MAAM,EAChB,SAAS,CAAC,EAAE,MAAM,EAClB,YAAY,CAAC,EAAE,MAAM,EACrB,OAAO,CAAC,EAAE,MAAM,GACf,IAAI,CAYN"}

package/dist/nodes/ImageLinkNode.js

@@ -0,0 +1,157 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { $applyNodeReplacement, ElementNode, } from 'lexical';
+// Fullscreen modal component for the image link
+function ImageLinkFullscreen({ url, altText, onClose, }) {
+    return (_jsxs("div", { style: {
+            position: 'fixed',
+            inset: 0,
+            backgroundColor: 'rgba(0, 0, 0, 0.9)',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            zIndex: 100000,
+            cursor: 'pointer',
+        }, onClick: onClose, children: [_jsx("button", { onClick: onClose, style: {
+                    position: 'absolute',
+                    top: '20px',
+                    right: '20px',
+                    width: '40px',
+                    height: '40px',
+                    backgroundColor: 'rgba(255, 255, 255, 0.1)',
+                    border: 'none',
+                    borderRadius: '50%',
+                    cursor: 'pointer',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    transition: 'background-color 0.2s',
+                }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = 'rgba(255, 255, 255, 0.2)', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'rgba(255, 255, 255, 0.1)', title: "Fermer", children: _jsx("span", { className: "material-icons", style: { fontSize: '24px', color: 'white' }, children: "close" }) }), _jsx("img", { src: url, alt: altText || '', style: {
+                    maxWidth: '95vw',
+                    maxHeight: '95vh',
+                    objectFit: 'contain',
+                    borderRadius: '4px',
+                    boxShadow: '0 25px 50px rgba(0,0,0,0.5)',
+                }, onClick: (e) => e.stopPropagation() })] }));
+}
+export class ImageLinkNode extends ElementNode {
+    static getType() {
+        return 'image-link';
+    }
+    static clone(node) {
+        return new ImageLinkNode(node.__url, node.__altText, node.__copyright, node.__photographer, node.__comment, node.__key);
+    }
+    constructor(url, altText, copyright, photographer, comment, key) {
+        super(key);
+        this.__url = url;
+        this.__altText = altText;
+        this.__copyright = copyright;
+        this.__photographer = photographer;
+        this.__comment = comment;
+    }
+    createDOM() {
+        const span = document.createElement('span');
+        span.style.color = '#8b5cf6';
+        span.style.textDecoration = 'underline';
+        span.style.textDecorationStyle = 'dotted';
+        span.style.cursor = 'pointer';
+        span.title = 'Lien image - Ctrl+Clic pour voir';
+        return span;
+    }
+    updateDOM() {
+        return false;
+    }
+    getUrl() {
+        return this.__url;
+    }
+    setUrl(url) {
+        const writable = this.getWritable();
+        writable.__url = url;
+    }
+    getAltText() {
+        return this.__altText;
+    }
+    setAltText(altText) {
+        const writable = this.getWritable();
+        writable.__altText = altText;
+    }
+    getCopyright() {
+        return this.__copyright;
+    }
+    setCopyright(copyright) {
+        const writable = this.getWritable();
+        writable.__copyright = copyright;
+    }
+    getPhotographer() {
+        return this.__photographer;
+    }
+    setPhotographer(photographer) {
+        const writable = this.getWritable();
+        writable.__photographer = photographer;
+    }
+    getComment() {
+        return this.__comment;
+    }
+    setComment(comment) {
+        const writable = this.getWritable();
+        writable.__comment = comment;
+    }
+    static importJSON(serializedNode) {
+        const node = $createImageLinkNode({
+            url: serializedNode.url,
+            altText: serializedNode.altText,
+            copyright: serializedNode.copyright,
+            photographer: serializedNode.photographer,
+            comment: serializedNode.comment,
+        });
+        node.setFormat(serializedNode.format);
+        node.setIndent(serializedNode.indent);
+        node.setDirection(serializedNode.direction);
+        return node;
+    }
+    exportJSON() {
+        return {
+            ...super.exportJSON(),
+            type: 'image-link',
+            url: this.__url,
+            altText: this.__altText,
+            copyright: this.__copyright,
+            photographer: this.__photographer,
+            comment: this.__comment,
+            version: 1,
+        };
+    }
+    canInsertTextBefore() {
+        return false;
+    }
+    canInsertTextAfter() {
+        return false;
+    }
+    canBeEmpty() {
+        return false;
+    }
+    isInline() {
+        return true;
+    }
+    extractWithChild() {
+        return true;
+    }
+}
+export function $createImageLinkNode(payload) {
+    return $applyNodeReplacement(new ImageLinkNode(payload.url, payload.altText, payload.copyright, payload.photographer, payload.comment));
+}
+export function $isImageLinkNode(node) {
+    return node instanceof ImageLinkNode;
+}
+// Helper to wrap selection in an image link
+export function $wrapSelectionInImageLink(selection, url, altText, copyright, photographer, comment) {
+    const nodes = selection.extract();
+    const imageLinkNode = $createImageLinkNode({ url, altText, copyright, photographer, comment });
+    if (nodes.length > 0) {
+        const firstNode = nodes[0];
+        firstNode.insertBefore(imageLinkNode);
+        for (const node of nodes) {
+            imageLinkNode.append(node);
+        }
+    }
+}