@qwanyx/ai-editor 1.2.0 → 1.3.0

package/dist/nodes/ImageLinkNode.js

@@ -1,9 +1,15 @@
+"use strict";
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { $applyNodeReplacement, ElementNode, } from 'lexical';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageLinkNode = void 0;
+exports.$createImageLinkNode = $createImageLinkNode;
+exports.$isImageLinkNode = $isImageLinkNode;
+exports.$wrapSelectionInImageLink = $wrapSelectionInImageLink;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lexical_1 = require("lexical");
 // Fullscreen modal component for the image link
 function ImageLinkFullscreen({ url, altText, onClose, }) {
-    return (_jsxs("div", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
             position: 'fixed',
             inset: 0,
             backgroundColor: 'rgba(0, 0, 0, 0.9)',
@@ -12,7 +18,7 @@ function ImageLinkFullscreen({ url, altText, onClose, }) {
             justifyContent: 'center',
             zIndex: 100000,
             cursor: 'pointer',
-        }, onClick: onClose, children: [_jsx("button", { onClick: onClose, style: {
+        }, onClick: onClose, children: [(0, jsx_runtime_1.jsx)("button", { onClick: onClose, style: {
                     position: 'absolute',
                     top: '20px',
                     right: '20px',
@@ -26,7 +32,7 @@ function ImageLinkFullscreen({ url, altText, onClose, }) {
                     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: {
+                }, 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: (0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '24px', color: 'white' }, children: "close" }) }), (0, jsx_runtime_1.jsx)("img", { src: url, alt: altText || '', style: {
                     maxWidth: '95vw',
                     maxHeight: '95vh',
                     objectFit: 'contain',
@@ -34,7 +40,7 @@ function ImageLinkFullscreen({ url, altText, onClose, }) {
                     boxShadow: '0 25px 50px rgba(0,0,0,0.5)',
                 }, onClick: (e) => e.stopPropagation() })] }));
 }
-export class ImageLinkNode extends ElementNode {
+class ImageLinkNode extends lexical_1.ElementNode {
     static getType() {
         return 'image-link';
     }
@@ -137,14 +143,15 @@ export class ImageLinkNode extends ElementNode {
         return true;
     }
 }
-export function $createImageLinkNode(payload) {
-    return $applyNodeReplacement(new ImageLinkNode(payload.url, payload.altText, payload.copyright, payload.photographer, payload.comment));
+exports.ImageLinkNode = ImageLinkNode;
+function $createImageLinkNode(payload) {
+    return (0, lexical_1.$applyNodeReplacement)(new ImageLinkNode(payload.url, payload.altText, payload.copyright, payload.photographer, payload.comment));
 }
-export function $isImageLinkNode(node) {
+function $isImageLinkNode(node) {
     return node instanceof ImageLinkNode;
 }
 // Helper to wrap selection in an image link
-export function $wrapSelectionInImageLink(selection, url, altText, copyright, photographer, comment) {
+function $wrapSelectionInImageLink(selection, url, altText, copyright, photographer, comment) {
     const nodes = selection.extract();
     const imageLinkNode = $createImageLinkNode({ url, altText, copyright, photographer, comment });
     if (nodes.length > 0) {

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

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

package/dist/nodes/ImageNode.js

@@ -1,38 +1,52 @@
+"use strict";
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DecoratorNode, $getNodeByKey, } from 'lexical';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { useCallback, useRef, useState, useEffect } from 'react';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageNode = void 0;
+exports.$createImageNode = $createImageNode;
+exports.$isImageNode = $isImageNode;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lexical_1 = require("lexical");
+const LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+const react_1 = require("react");
+const EditorModeContext_1 = require("../context/EditorModeContext");
 function ImageComponent({ src, altText, width, height, copyright: initialCopyright, photographer: initialPhotographer, comment: initialComment, float: initialFloat, nodeKey, }) {
-    const [editor] = useLexicalComposerContext();
-    const containerRef = useRef(null);
-    const imageRef = useRef(null);
-    const [isSelected, setIsSelected] = useState(false);
-    const [isResizing, setIsResizing] = useState(false);
-    const [showMetadataEditor, setShowMetadataEditor] = useState(false);
-    const [showFullscreen, setShowFullscreen] = useState(false);
-    const [currentWidth, setCurrentWidth] = useState(width);
+    const [editor] = (0, LexicalComposerContext_1.useLexicalComposerContext)();
+    const { isViewer } = (0, EditorModeContext_1.useEditorMode)();
+    const containerRef = (0, react_1.useRef)(null);
+    const imageRef = (0, react_1.useRef)(null);
+    const [isSelected, setIsSelected] = (0, react_1.useState)(false);
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+    const [isResizing, setIsResizing] = (0, react_1.useState)(false);
+    const [showMetadataEditor, setShowMetadataEditor] = (0, react_1.useState)(false);
+    const [showFullscreen, setShowFullscreen] = (0, react_1.useState)(false);
+    const [currentWidth, setCurrentWidth] = (0, react_1.useState)(width);
     // Local state for display (updated after save)
-    const [displayCopyright, setDisplayCopyright] = useState(initialCopyright);
-    const [displayPhotographer, setDisplayPhotographer] = useState(initialPhotographer);
-    const [displayComment, setDisplayComment] = useState(initialComment);
-    const [displayFloat, setDisplayFloat] = useState(initialFloat || 'none');
+    const [displayCopyright, setDisplayCopyright] = (0, react_1.useState)(initialCopyright);
+    const [displayPhotographer, setDisplayPhotographer] = (0, react_1.useState)(initialPhotographer);
+    const [displayComment, setDisplayComment] = (0, react_1.useState)(initialComment);
+    const [displayFloat, setDisplayFloat] = (0, react_1.useState)(initialFloat || 'none');
     // Edit form state
-    const [editSrc, setEditSrc] = useState('');
-    const [editAltText, setEditAltText] = useState('');
-    const [editCopyright, setEditCopyright] = useState('');
-    const [editPhotographer, setEditPhotographer] = useState('');
-    const [editComment, setEditComment] = useState('');
-    const [editFloat, setEditFloat] = useState('none');
-    const startX = useRef(0);
-    const startWidth = useRef(0);
-    // Handle click to select
-    const handleClick = useCallback((e) => {
+    const [editSrc, setEditSrc] = (0, react_1.useState)('');
+    const [editAltText, setEditAltText] = (0, react_1.useState)('');
+    const [editCopyright, setEditCopyright] = (0, react_1.useState)('');
+    const [editPhotographer, setEditPhotographer] = (0, react_1.useState)('');
+    const [editComment, setEditComment] = (0, react_1.useState)('');
+    const [editFloat, setEditFloat] = (0, react_1.useState)('none');
+    const startX = (0, react_1.useRef)(0);
+    const startWidth = (0, react_1.useRef)(0);
+    // Handle click to select (or open fullscreen in viewer mode)
+    const handleClick = (0, react_1.useCallback)((e) => {
         e.stopPropagation();
-        setIsSelected(true);
-    }, []);
+        if (isViewer) {
+            // In viewer mode, click opens fullscreen directly
+            setShowFullscreen(true);
+        }
+        else {
+            setIsSelected(true);
+        }
+    }, [isViewer]);
     // Click outside to deselect
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const handleClickOutside = (e) => {
             if (containerRef.current && !containerRef.current.contains(e.target)) {
                 setIsSelected(false);
@@ -42,7 +56,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
         return () => document.removeEventListener('mousedown', handleClickOutside);
     }, []);
     // Handle resize start
-    const handleResizeStart = useCallback((e) => {
+    const handleResizeStart = (0, react_1.useCallback)((e) => {
         e.preventDefault();
         e.stopPropagation();
         setIsResizing(true);
@@ -50,7 +64,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
         startWidth.current = imageRef.current?.offsetWidth || currentWidth || 300;
     }, [currentWidth]);
     // Handle resize move
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!isResizing)
             return;
         const handleMouseMove = (e) => {
@@ -61,7 +75,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
         const handleMouseUp = () => {
             setIsResizing(false);
             editor.update(() => {
-                const node = $getNodeByKey(nodeKey);
+                const node = (0, lexical_1.$getNodeByKey)(nodeKey);
                 if (node && $isImageNode(node)) {
                     node.setWidth(currentWidth);
                 }
@@ -75,13 +89,13 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
         };
     }, [isResizing, editor, nodeKey, currentWidth]);
     // Open metadata editor
-    const openMetadataEditor = useCallback(() => {
+    const openMetadataEditor = (0, react_1.useCallback)(() => {
         // Use props for src/altText (always current)
         setEditSrc(src);
         setEditAltText(altText);
         // Read other values from node
         editor.getEditorState().read(() => {
-            const node = $getNodeByKey(nodeKey);
+            const node = (0, lexical_1.$getNodeByKey)(nodeKey);
             if (node && $isImageNode(node)) {
                 setEditCopyright(node.getCopyright() || '');
                 setEditPhotographer(node.getPhotographer() || '');
@@ -92,9 +106,9 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
         setShowMetadataEditor(true);
     }, [editor, nodeKey, src, altText]);
     // Save metadata
-    const saveMetadata = useCallback(() => {
+    const saveMetadata = (0, react_1.useCallback)(() => {
         editor.update(() => {
-            const node = $getNodeByKey(nodeKey);
+            const node = (0, lexical_1.$getNodeByKey)(nodeKey);
             if (node && $isImageNode(node)) {
                 if (editSrc)
                     node.setSrc(editSrc);
@@ -122,19 +136,19 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
         }
         return { margin: '8px 0' };
     };
-    return (_jsxs("span", { ref: containerRef, style: {
+    return ((0, jsx_runtime_1.jsxs)("span", { ref: containerRef, style: {
             display: 'inline-block',
             position: 'relative',
             ...getFloatStyles(),
-        }, onClick: handleClick, children: [_jsx("img", { ref: imageRef, src: src, alt: altText, title: displayComment || undefined, style: {
+        }, onClick: handleClick, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [(0, jsx_runtime_1.jsx)("img", { ref: imageRef, src: src, alt: altText, title: displayComment || undefined, style: {
                     maxWidth: '100%',
                     height: 'auto',
                     width: currentWidth ? `${currentWidth}px` : 'auto',
                     display: 'block',
                     borderRadius: '4px',
-                    outline: isSelected ? '2px solid #3b82f6' : 'none',
+                    outline: !isViewer && isSelected ? '2px solid #3b82f6' : 'none',
                     cursor: 'pointer',
-                }, draggable: false }), (displayCopyright || displayPhotographer) && (_jsxs("div", { style: {
+                }, draggable: false }), (displayCopyright || displayPhotographer) && ((0, jsx_runtime_1.jsxs)("div", { style: {
                     position: 'absolute',
                     bottom: '6px',
                     left: '6px',
@@ -144,7 +158,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                     flexDirection: 'column',
                     gap: '2px',
                     textShadow: '0 1px 3px rgba(0,0,0,0.8), 0 0 8px rgba(0,0,0,0.5)',
-                }, children: [displayCopyright && (_jsxs("span", { style: { display: 'flex', alignItems: 'center', gap: '2px' }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '10px' }, children: "copyright" }), displayCopyright] })), displayPhotographer && (_jsxs("span", { style: { display: 'flex', alignItems: 'center', gap: '2px' }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '10px' }, children: "photo_camera" }), displayPhotographer] }))] })), isSelected && (_jsx("button", { onClick: (e) => {
+                }, children: [displayCopyright && ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'flex', alignItems: 'center', gap: '2px' }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '10px' }, children: "copyright" }), displayCopyright] })), displayPhotographer && ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'flex', alignItems: 'center', gap: '2px' }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '10px' }, children: "photo_camera" }), displayPhotographer] }))] })), !isViewer && isSelected && ((0, jsx_runtime_1.jsx)("button", { onClick: (e) => {
                     e.stopPropagation();
                     openMetadataEditor();
                 }, style: {
@@ -161,24 +175,24 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                     alignItems: 'center',
                     justifyContent: 'center',
                     boxShadow: '0 1px 3px rgba(0,0,0,0.3)',
-                }, title: "Modifier les m\u00E9tadonn\u00E9es", children: _jsx("span", { className: "material-icons", style: { fontSize: '14px', color: 'white' }, children: "edit" }) })), isSelected && (_jsx("button", { onClick: (e) => {
+                }, title: "Modifier les m\u00E9tadonn\u00E9es", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '14px', color: 'white' }, children: "edit" }) })), ((!isViewer && isSelected) || (isViewer && isHovered)) && ((0, jsx_runtime_1.jsx)("button", { onClick: (e) => {
                     e.stopPropagation();
                     setShowFullscreen(true);
                 }, style: {
                     position: 'absolute',
-                    top: '-6px',
-                    right: '20px',
+                    top: isViewer ? '8px' : '-6px',
+                    right: isViewer ? '8px' : '20px',
                     width: '24px',
                     height: '24px',
-                    backgroundColor: '#3b82f6',
-                    border: '2px solid white',
-                    borderRadius: '4px',
+                    backgroundColor: isViewer ? 'rgba(0, 0, 0, 0.6)' : '#3b82f6',
+                    border: isViewer ? 'none' : '2px solid white',
+                    borderRadius: isViewer ? '50%' : '4px',
                     cursor: 'pointer',
                     display: 'flex',
                     alignItems: 'center',
                     justifyContent: 'center',
                     boxShadow: '0 1px 3px rgba(0,0,0,0.3)',
-                }, title: "Voir en plein \u00E9cran", children: _jsx("span", { className: "material-icons", style: { fontSize: '14px', color: 'white' }, children: "fullscreen" }) })), isSelected && (_jsx("div", { onMouseDown: handleResizeStart, style: {
+                }, title: "Voir en plein \u00E9cran", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '14px', color: 'white' }, children: "fullscreen" }) })), !isViewer && isSelected && ((0, jsx_runtime_1.jsx)("div", { onMouseDown: handleResizeStart, style: {
                     position: 'absolute',
                     right: '-6px',
                     bottom: '-6px',
@@ -189,7 +203,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                     cursor: 'se-resize',
                     border: '2px solid white',
                     boxShadow: '0 1px 3px rgba(0,0,0,0.3)',
-                } })), showMetadataEditor && (_jsx("div", { style: {
+                } })), showMetadataEditor && ((0, jsx_runtime_1.jsx)("div", { style: {
                     position: 'fixed',
                     inset: 0,
                     backgroundColor: 'rgba(0, 0, 0, 0.5)',
@@ -197,14 +211,14 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                     alignItems: 'center',
                     justifyContent: 'center',
                     zIndex: 100000,
-                }, onClick: () => setShowMetadataEditor(false), children: _jsxs("div", { onClick: (e) => e.stopPropagation(), style: {
+                }, onClick: () => setShowMetadataEditor(false), children: (0, jsx_runtime_1.jsxs)("div", { onClick: (e) => e.stopPropagation(), style: {
                         backgroundColor: 'white',
                         borderRadius: '12px',
                         padding: '24px',
                         boxShadow: '0 25px 50px rgba(0,0,0,0.25)',
                         minWidth: '360px',
                         maxWidth: '450px',
-                    }, children: [_jsx("h3", { style: { margin: '0 0 20px 0', fontSize: '18px', fontWeight: 600, color: '#111827' }, children: "Propri\u00E9t\u00E9s de l'image" }), _jsxs("div", { style: { marginBottom: '16px' }, children: [_jsxs("label", { style: { display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '18px', color: '#6b7280' }, children: "link" }), "URL de l'image"] }), _jsx("input", { type: "url", value: editSrc, onChange: (e) => setEditSrc(e.target.value), placeholder: "https://example.com/image.jpg", style: {
+                    }, children: [(0, jsx_runtime_1.jsx)("h3", { style: { margin: '0 0 20px 0', fontSize: '18px', fontWeight: 600, color: '#111827' }, children: "Propri\u00E9t\u00E9s de l'image" }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '16px' }, children: [(0, jsx_runtime_1.jsxs)("label", { style: { display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '18px', color: '#6b7280' }, children: "link" }), "URL de l'image"] }), (0, jsx_runtime_1.jsx)("input", { type: "url", value: editSrc, onChange: (e) => setEditSrc(e.target.value), placeholder: "https://example.com/image.jpg", style: {
                                         width: '100%',
                                         padding: '10px 12px',
                                         border: '1px solid #d1d5db',
@@ -212,7 +226,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                                         fontSize: '14px',
                                         boxSizing: 'border-box',
                                         outline: 'none',
-                                    }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] }), _jsxs("div", { style: { marginBottom: '16px' }, children: [_jsxs("label", { style: { display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '18px', color: '#6b7280' }, children: "description" }), "Texte alternatif"] }), _jsx("input", { type: "text", value: editAltText, onChange: (e) => setEditAltText(e.target.value), placeholder: "Description de l'image", style: {
+                                    }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '16px' }, children: [(0, jsx_runtime_1.jsxs)("label", { style: { display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '18px', color: '#6b7280' }, children: "description" }), "Texte alternatif"] }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: editAltText, onChange: (e) => setEditAltText(e.target.value), placeholder: "Description de l'image", style: {
                                         width: '100%',
                                         padding: '10px 12px',
                                         border: '1px solid #d1d5db',
@@ -220,7 +234,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                                         fontSize: '14px',
                                         boxSizing: 'border-box',
                                         outline: 'none',
-                                    }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] }), _jsx("hr", { style: { border: 'none', borderTop: '1px solid #e5e7eb', margin: '20px 0' } }), _jsxs("div", { style: { marginBottom: '16px' }, children: [_jsxs("label", { style: { display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '18px', color: '#6b7280' }, children: "photo_camera" }), "Photographe"] }), _jsx("input", { type: "text", value: editPhotographer, onChange: (e) => setEditPhotographer(e.target.value), placeholder: "Nom du photographe", autoFocus: true, style: {
+                                    }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] }), (0, jsx_runtime_1.jsx)("hr", { style: { border: 'none', borderTop: '1px solid #e5e7eb', margin: '20px 0' } }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '16px' }, children: [(0, jsx_runtime_1.jsxs)("label", { style: { display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '18px', color: '#6b7280' }, children: "photo_camera" }), "Photographe"] }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: editPhotographer, onChange: (e) => setEditPhotographer(e.target.value), placeholder: "Nom du photographe", autoFocus: true, style: {
                                         width: '100%',
                                         padding: '10px 12px',
                                         border: '1px solid #d1d5db',
@@ -228,7 +242,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                                         fontSize: '14px',
                                         boxSizing: 'border-box',
                                         outline: 'none',
-                                    }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] }), _jsxs("div", { style: { marginBottom: '16px' }, children: [_jsxs("label", { style: { display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '18px', color: '#6b7280' }, children: "copyright" }), "Copyright"] }), _jsx("input", { type: "text", value: editCopyright, onChange: (e) => setEditCopyright(e.target.value), placeholder: "Ex: \u00A9 2024 Nom", style: {
+                                    }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '16px' }, children: [(0, jsx_runtime_1.jsxs)("label", { style: { display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '18px', color: '#6b7280' }, children: "copyright" }), "Copyright"] }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: editCopyright, onChange: (e) => setEditCopyright(e.target.value), placeholder: "Ex: \u00A9 2024 Nom", style: {
                                         width: '100%',
                                         padding: '10px 12px',
                                         border: '1px solid #d1d5db',
@@ -236,7 +250,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                                         fontSize: '14px',
                                         boxSizing: 'border-box',
                                         outline: 'none',
-                                    }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] }), _jsxs("div", { style: { marginBottom: '16px' }, children: [_jsxs("label", { style: { display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '18px', color: '#6b7280' }, children: "chat" }), "Commentaire (tooltip)"] }), _jsx("textarea", { value: editComment, onChange: (e) => setEditComment(e.target.value), placeholder: "Commentaire affich\u00E9 au survol de l'image", rows: 3, style: {
+                                    }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '16px' }, children: [(0, jsx_runtime_1.jsxs)("label", { style: { display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '18px', color: '#6b7280' }, children: "chat" }), "Commentaire (tooltip)"] }), (0, jsx_runtime_1.jsx)("textarea", { value: editComment, onChange: (e) => setEditComment(e.target.value), placeholder: "Commentaire affich\u00E9 au survol de l'image", rows: 3, style: {
                                         width: '100%',
                                         padding: '10px 12px',
                                         border: '1px solid #d1d5db',
@@ -246,7 +260,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                                         boxSizing: 'border-box',
                                         outline: 'none',
                                         fontFamily: 'inherit',
-                                    }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] }), _jsxs("div", { style: { marginBottom: '24px' }, children: [_jsxs("label", { style: { display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '18px', color: '#6b7280' }, children: "wrap_text" }), "Habillage du texte"] }), _jsxs("div", { style: { display: 'flex', gap: '8px', width: '100%' }, children: [_jsx("button", { type: "button", onClick: () => setEditFloat('none'), style: {
+                                    }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '24px' }, children: [(0, jsx_runtime_1.jsxs)("label", { style: { display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '18px', color: '#6b7280' }, children: "wrap_text" }), "Habillage du texte"] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '8px', width: '100%' }, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setEditFloat('none'), style: {
                                                 flex: 1,
                                                 minWidth: 0,
                                                 padding: '12px',
@@ -261,7 +275,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                                                 alignItems: 'center',
                                                 justifyContent: 'center',
                                                 gap: '4px',
-                                            }, title: "Aucun habillage", children: _jsx("span", { className: "material-icons", style: { fontSize: '24px' }, children: "image" }) }), _jsx("button", { type: "button", onClick: () => setEditFloat('left'), style: {
+                                            }, title: "Aucun habillage", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '24px' }, children: "image" }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setEditFloat('left'), style: {
                                                 flex: 1,
                                                 minWidth: 0,
                                                 padding: '12px',
@@ -276,7 +290,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                                                 alignItems: 'center',
                                                 justifyContent: 'center',
                                                 gap: '4px',
-                                            }, title: "Image \u00E0 gauche", children: _jsx("span", { className: "material-icons", style: { fontSize: '24px' }, children: "west" }) }), _jsx("button", { type: "button", onClick: () => setEditFloat('right'), style: {
+                                            }, title: "Image \u00E0 gauche", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '24px' }, children: "west" }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setEditFloat('right'), style: {
                                                 flex: 1,
                                                 minWidth: 0,
                                                 padding: '12px',
@@ -291,7 +305,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                                                 alignItems: 'center',
                                                 justifyContent: 'center',
                                                 gap: '4px',
-                                            }, title: "Image \u00E0 droite", children: _jsx("span", { className: "material-icons", style: { fontSize: '24px' }, children: "east" }) })] })] }), _jsxs("div", { style: { display: 'flex', gap: '12px', justifyContent: 'flex-end' }, children: [_jsx("button", { onClick: () => setShowMetadataEditor(false), style: {
+                                            }, title: "Image \u00E0 droite", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '24px' }, children: "east" }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '12px', justifyContent: 'flex-end' }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => setShowMetadataEditor(false), style: {
                                         padding: '10px 20px',
                                         border: '1px solid #d1d5db',
                                         backgroundColor: 'white',
@@ -300,7 +314,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                                         fontWeight: 500,
                                         cursor: 'pointer',
                                         color: '#374151',
-                                    }, children: "Annuler" }), _jsx("button", { onClick: saveMetadata, style: {
+                                    }, children: "Annuler" }), (0, jsx_runtime_1.jsx)("button", { onClick: saveMetadata, style: {
                                         padding: '10px 20px',
                                         border: 'none',
                                         backgroundColor: '#3b82f6',
@@ -309,7 +323,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                                         fontSize: '14px',
                                         fontWeight: 500,
                                         cursor: 'pointer',
-                                    }, children: "Enregistrer" })] })] }) })), showFullscreen && (_jsxs("div", { style: {
+                                    }, children: "Enregistrer" })] })] }) })), showFullscreen && ((0, jsx_runtime_1.jsxs)("div", { style: {
                     position: 'fixed',
                     inset: 0,
                     backgroundColor: 'rgba(0, 0, 0, 0.9)',
@@ -318,7 +332,7 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                     justifyContent: 'center',
                     zIndex: 100000,
                     cursor: 'pointer',
-                }, onClick: () => setShowFullscreen(false), children: [_jsx("button", { onClick: () => setShowFullscreen(false), style: {
+                }, onClick: () => setShowFullscreen(false), children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => setShowFullscreen(false), style: {
                             position: 'absolute',
                             top: '20px',
                             right: '20px',
@@ -332,13 +346,13 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                             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: src, alt: altText, style: {
+                        }, 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: (0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '24px', color: 'white' }, children: "close" }) }), (0, jsx_runtime_1.jsx)("img", { src: src, 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() }), (displayCopyright || displayPhotographer || displayComment) && (_jsxs("div", { style: {
+                        }, onClick: (e) => e.stopPropagation() }), (displayCopyright || displayPhotographer || displayComment) && ((0, jsx_runtime_1.jsxs)("div", { style: {
                             position: 'absolute',
                             bottom: '20px',
                             left: '50%',
@@ -348,9 +362,9 @@ function ImageComponent({ src, altText, width, height, copyright: initialCopyrig
                             textAlign: 'center',
                             textShadow: '0 2px 4px rgba(0,0,0,0.8)',
                             maxWidth: '80vw',
-                        }, children: [displayComment && (_jsx("div", { style: { marginBottom: '8px', fontSize: '16px' }, children: displayComment })), _jsxs("div", { style: { display: 'flex', gap: '16px', justifyContent: 'center', fontSize: '12px', opacity: 0.8 }, children: [displayCopyright && (_jsxs("span", { style: { display: 'flex', alignItems: 'center', gap: '4px' }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '14px' }, children: "copyright" }), displayCopyright] })), displayPhotographer && (_jsxs("span", { style: { display: 'flex', alignItems: 'center', gap: '4px' }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '14px' }, children: "photo_camera" }), displayPhotographer] }))] })] }))] }))] }));
+                        }, children: [displayComment && ((0, jsx_runtime_1.jsx)("div", { style: { marginBottom: '8px', fontSize: '16px' }, children: displayComment })), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '16px', justifyContent: 'center', fontSize: '12px', opacity: 0.8 }, children: [displayCopyright && ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'flex', alignItems: 'center', gap: '4px' }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '14px' }, children: "copyright" }), displayCopyright] })), displayPhotographer && ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'flex', alignItems: 'center', gap: '4px' }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '14px' }, children: "photo_camera" }), displayPhotographer] }))] })] }))] }))] }));
 }
-export class ImageNode extends DecoratorNode {
+class ImageNode extends lexical_1.DecoratorNode {
     static getType() {
         return 'image';
     }
@@ -476,12 +490,13 @@ export class ImageNode extends DecoratorNode {
         };
     }
     decorate() {
-        return (_jsx(ImageComponent, { src: this.__src, altText: this.__altText, width: this.__width, height: this.__height, copyright: this.__copyright, photographer: this.__photographer, comment: this.__comment, float: this.__float, nodeKey: this.__key }));
+        return ((0, jsx_runtime_1.jsx)(ImageComponent, { src: this.__src, altText: this.__altText, width: this.__width, height: this.__height, copyright: this.__copyright, photographer: this.__photographer, comment: this.__comment, float: this.__float, nodeKey: this.__key }));
     }
 }
-export function $createImageNode(payload) {
+exports.ImageNode = ImageNode;
+function $createImageNode(payload) {
     return new ImageNode(payload.src, payload.altText || '', payload.width, payload.height, payload.copyright, payload.photographer, payload.comment, payload.float);
 }
-export function $isImageNode(node) {
+function $isImageNode(node) {
     return node instanceof ImageNode;
 }

package/dist/nodes/LinkNode.js

@@ -1,6 +1,12 @@
+"use strict";
 'use client';
-import { $applyNodeReplacement, ElementNode, } from 'lexical';
-export class SimpleLinkNode extends ElementNode {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleLinkNode = void 0;
+exports.$createSimpleLinkNode = $createSimpleLinkNode;
+exports.$isSimpleLinkNode = $isSimpleLinkNode;
+exports.$wrapSelectionInSimpleLink = $wrapSelectionInSimpleLink;
+const lexical_1 = require("lexical");
+class SimpleLinkNode extends lexical_1.ElementNode {
     static getType() {
         return 'simple-link';
     }
@@ -88,14 +94,15 @@ export class SimpleLinkNode extends ElementNode {
         return true;
     }
 }
-export function $createSimpleLinkNode(payload) {
-    return $applyNodeReplacement(new SimpleLinkNode(payload.url, payload.title));
+exports.SimpleLinkNode = SimpleLinkNode;
+function $createSimpleLinkNode(payload) {
+    return (0, lexical_1.$applyNodeReplacement)(new SimpleLinkNode(payload.url, payload.title));
 }
-export function $isSimpleLinkNode(node) {
+function $isSimpleLinkNode(node) {
     return node instanceof SimpleLinkNode;
 }
 // Helper to wrap selection in a link
-export function $wrapSelectionInSimpleLink(selection, url, title) {
+function $wrapSelectionInSimpleLink(selection, url, title) {
     const nodes = selection.extract();
     const linkNode = $createSimpleLinkNode({ url, title });
     if (nodes.length > 0) {

package/dist/plugins/ImageLinkPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageLinkPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/ImageLinkPlugin.tsx"],"names":[],"mappings":"AAuIA,wBAAgB,eAAe,4CA6E9B"}
+{"version":3,"file":"ImageLinkPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/ImageLinkPlugin.tsx"],"names":[],"mappings":"AAwIA,wBAAgB,eAAe,4CAiF9B"}