@qwanyx/ai-editor 1.1.0 → 1.2.1

package/dist/plugins/InsertObjectPlugin.js

@@ -1,22 +1,26 @@
+"use strict";
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState, useCallback } from 'react';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_HIGH, KEY_DOWN_COMMAND, createCommand, } from 'lexical';
-import { $createImageNode, $isImageNode } from '../nodes/ImageNode';
-import { $wrapSelectionInImageLink, $isImageLinkNode } from '../nodes/ImageLinkNode';
-import { $wrapSelectionInSimpleLink, $isSimpleLinkNode } from '../nodes/LinkNode';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.INSERT_OBJECT_COMMAND = void 0;
+exports.InsertObjectPlugin = InsertObjectPlugin;
+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 ImageNode_1 = require("../nodes/ImageNode");
+const ImageLinkNode_1 = require("../nodes/ImageLinkNode");
+const LinkNode_1 = require("../nodes/LinkNode");
 // Command to open the insert object dialog
-export const INSERT_OBJECT_COMMAND = createCommand('INSERT_OBJECT_COMMAND');
+exports.INSERT_OBJECT_COMMAND = (0, lexical_1.createCommand)('INSERT_OBJECT_COMMAND');
 function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
-    const [objectType, setObjectType] = useState('image');
-    const [url, setUrl] = useState('');
-    const [altText, setAltText] = useState('');
-    const [copyright, setCopyright] = useState('');
-    const [photographer, setPhotographer] = useState('');
-    const [comment, setComment] = useState('');
+    const [objectType, setObjectType] = (0, react_1.useState)('image');
+    const [url, setUrl] = (0, react_1.useState)('');
+    const [altText, setAltText] = (0, react_1.useState)('');
+    const [copyright, setCopyright] = (0, react_1.useState)('');
+    const [photographer, setPhotographer] = (0, react_1.useState)('');
+    const [comment, setComment] = (0, react_1.useState)('');
     // Pre-fill form when editing
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (isOpen && initialData) {
             setObjectType(initialData.type);
             setUrl(initialData.url);
@@ -59,7 +63,7 @@ function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
     };
     if (!isOpen)
         return null;
-    return (_jsx("div", { style: {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
             position: 'fixed',
             inset: 0,
             backgroundColor: 'rgba(0, 0, 0, 0.5)',
@@ -67,16 +71,16 @@ function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
             alignItems: 'center',
             justifyContent: 'center',
             zIndex: 100000,
-        }, onClick: onClose, onKeyDown: handleKeyDown, children: _jsxs("div", { style: {
+        }, onClick: onClose, onKeyDown: handleKeyDown, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                 backgroundColor: 'white',
                 borderRadius: '8px',
                 padding: '24px',
                 minWidth: '400px',
                 maxWidth: '500px',
                 boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
-            }, onClick: (e) => e.stopPropagation(), children: [_jsx("h3", { style: { margin: '0 0 16px 0', fontSize: '18px', fontWeight: 600, color: '#111827' }, children: isEditing
+            }, onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsx)("h3", { style: { margin: '0 0 16px 0', fontSize: '18px', fontWeight: 600, color: '#111827' }, children: isEditing
                         ? (initialData?.type === 'image' ? "Modifier l'image" : initialData?.type === 'link' ? 'Modifier le lien' : 'Modifier le lien image')
-                        : 'Insérer un objet' }), _jsxs("form", { onSubmit: handleSubmit, children: [!isEditing && (_jsxs("div", { style: { marginBottom: '16px' }, children: [_jsx("label", { style: { display: 'block', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: "Type" }), _jsxs("div", { style: { display: 'flex', gap: '8px' }, children: [_jsxs("button", { type: "button", onClick: () => setObjectType('image'), style: {
+                        : 'Insérer un objet' }), (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, children: [!isEditing && ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '16px' }, children: [(0, jsx_runtime_1.jsx)("label", { style: { display: 'block', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: "Type" }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '8px' }, children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => setObjectType('image'), style: {
                                                 flex: 1,
                                                 padding: '8px 16px',
                                                 border: '1px solid',
@@ -90,7 +94,7 @@ function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
                                                 alignItems: 'center',
                                                 justifyContent: 'center',
                                                 gap: '6px',
-                                            }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '18px' }, children: "image" }), "Image"] }), _jsxs("button", { type: "button", onClick: () => setObjectType('image-link'), style: {
+                                            }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '18px' }, children: "image" }), "Image"] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => setObjectType('image-link'), style: {
                                                 flex: 1,
                                                 padding: '8px 16px',
                                                 border: '1px solid',
@@ -104,7 +108,7 @@ function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
                                                 alignItems: 'center',
                                                 justifyContent: 'center',
                                                 gap: '6px',
-                                            }, title: "Lien vers une image (s'ouvre en plein \u00E9cran)", children: [_jsx("span", { className: "material-icons", style: { fontSize: '18px' }, children: "photo_library" }), "Lien image"] }), _jsxs("button", { type: "button", onClick: () => setObjectType('link'), style: {
+                                            }, title: "Lien vers une image (s'ouvre en plein \u00E9cran)", children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '18px' }, children: "photo_library" }), "Lien image"] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => setObjectType('link'), style: {
                                                 flex: 1,
                                                 padding: '8px 16px',
                                                 border: '1px solid',
@@ -118,7 +122,7 @@ function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
                                                 alignItems: 'center',
                                                 justifyContent: 'center',
                                                 gap: '6px',
-                                            }, title: "Lien internet (s'ouvre dans un nouvel onglet)", children: [_jsx("span", { className: "material-icons", style: { fontSize: '18px' }, children: "link" }), "Lien"] })] })] })), _jsxs("div", { style: { marginBottom: '16px' }, children: [_jsx("label", { style: { display: 'block', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: objectType === 'link' ? "URL du lien" : objectType === 'image-link' ? "URL de l'image à afficher" : "URL de l'image" }), _jsx("input", { type: "url", value: url, onChange: (e) => setUrl(e.target.value), placeholder: "https://example.com/image.jpg", autoFocus: true, style: {
+                                            }, title: "Lien internet (s'ouvre dans un nouvel onglet)", children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '18px' }, children: "link" }), "Lien"] })] })] })), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '16px' }, children: [(0, jsx_runtime_1.jsx)("label", { style: { display: 'block', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: objectType === 'link' ? "URL du lien" : objectType === 'image-link' ? "URL de l'image à afficher" : "URL de l'image" }), (0, jsx_runtime_1.jsx)("input", { type: "url", value: url, onChange: (e) => setUrl(e.target.value), placeholder: "https://example.com/image.jpg", autoFocus: true, style: {
                                         width: '100%',
                                         padding: '10px 12px',
                                         border: '1px solid #d1d5db',
@@ -126,7 +130,7 @@ function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
                                         fontSize: '14px',
                                         outline: 'none',
                                         boxSizing: 'border-box',
-                                    }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] }), _jsxs("div", { style: { marginBottom: '16px' }, children: [_jsx("label", { style: { display: 'block', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: objectType === 'link' ? 'Titre (tooltip, optionnel)' : 'Texte alternatif (optionnel)' }), _jsx("input", { type: "text", value: altText, onChange: (e) => setAltText(e.target.value), placeholder: objectType === 'link' ? 'Texte affiché au survol' : '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.jsx)("label", { style: { display: 'block', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: objectType === 'link' ? 'Titre (tooltip, optionnel)' : 'Texte alternatif (optionnel)' }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: altText, onChange: (e) => setAltText(e.target.value), placeholder: objectType === 'link' ? 'Texte affiché au survol' : 'Description de l\'image', style: {
                                         width: '100%',
                                         padding: '10px 12px',
                                         border: '1px solid #d1d5db',
@@ -134,7 +138,7 @@ function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
                                         fontSize: '14px',
                                         outline: 'none',
                                         boxSizing: 'border-box',
-                                    }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] }), objectType === 'image-link' && (_jsxs(_Fragment, { children: [_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: "camera_alt" }), "Photographe"] }), _jsx("input", { type: "text", value: photographer, onChange: (e) => setPhotographer(e.target.value), placeholder: "Nom du photographe", style: {
+                                    }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] }), objectType === 'image-link' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(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: "camera_alt" }), "Photographe"] }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: photographer, onChange: (e) => setPhotographer(e.target.value), placeholder: "Nom du photographe", style: {
                                                 width: '100%',
                                                 padding: '10px 12px',
                                                 border: '1px solid #d1d5db',
@@ -142,7 +146,7 @@ function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
                                                 fontSize: '14px',
                                                 outline: 'none',
                                                 boxSizing: 'border-box',
-                                            }, 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: copyright, onChange: (e) => setCopyright(e.target.value), placeholder: "\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: copyright, onChange: (e) => setCopyright(e.target.value), placeholder: "\u00A9 2024 Nom", style: {
                                                 width: '100%',
                                                 padding: '10px 12px',
                                                 border: '1px solid #d1d5db',
@@ -150,7 +154,7 @@ function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
                                                 fontSize: '14px',
                                                 outline: 'none',
                                                 boxSizing: 'border-box',
-                                            }, 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: comment, onChange: (e) => setComment(e.target.value), placeholder: "Commentaire affich\u00E9 au survol", rows: 2, 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: comment, onChange: (e) => setComment(e.target.value), placeholder: "Commentaire affich\u00E9 au survol", rows: 2, style: {
                                                 width: '100%',
                                                 padding: '10px 12px',
                                                 border: '1px solid #d1d5db',
@@ -160,7 +164,7 @@ function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
                                                 boxSizing: 'border-box',
                                                 resize: 'vertical',
                                                 fontFamily: 'inherit',
-                                            }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] })] })), objectType === 'image-link' && (_jsxs("div", { style: {
+                                            }, onFocus: (e) => e.target.style.borderColor = '#3b82f6', onBlur: (e) => e.target.style.borderColor = '#d1d5db' })] })] })), objectType === 'image-link' && ((0, jsx_runtime_1.jsxs)("div", { style: {
                                 marginBottom: '16px',
                                 padding: '12px',
                                 backgroundColor: '#f3e8ff',
@@ -170,7 +174,7 @@ function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
                                 display: 'flex',
                                 alignItems: 'center',
                                 gap: '8px',
-                            }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '18px' }, children: "info" }), "Le texte s\u00E9lectionn\u00E9 deviendra un lien. Un clic ouvrira l'image en plein \u00E9cran."] })), objectType === 'link' && (_jsxs("div", { style: {
+                            }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '18px' }, children: "info" }), "Le texte s\u00E9lectionn\u00E9 deviendra un lien. Un clic ouvrira l'image en plein \u00E9cran."] })), objectType === 'link' && ((0, jsx_runtime_1.jsxs)("div", { style: {
                                 marginBottom: '16px',
                                 padding: '12px',
                                 backgroundColor: '#dbeafe',
@@ -180,16 +184,16 @@ function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
                                 display: 'flex',
                                 alignItems: 'center',
                                 gap: '8px',
-                            }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '18px' }, children: "info" }), "Le texte s\u00E9lectionn\u00E9 deviendra un lien. Ctrl+Clic pour ouvrir dans un nouvel onglet."] })), url && (objectType === 'image' || objectType === 'image-link') && (_jsxs("div", { style: { marginBottom: '24px' }, children: [_jsx("label", { style: { display: 'block', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: "Aper\u00E7u" }), _jsx("div", { style: {
+                            }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '18px' }, children: "info" }), "Le texte s\u00E9lectionn\u00E9 deviendra un lien. Ctrl+Clic pour ouvrir dans un nouvel onglet."] })), url && (objectType === 'image' || objectType === 'image-link') && ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '24px' }, children: [(0, jsx_runtime_1.jsx)("label", { style: { display: 'block', marginBottom: '6px', fontSize: '14px', fontWeight: 500, color: '#374151' }, children: "Aper\u00E7u" }), (0, jsx_runtime_1.jsx)("div", { style: {
                                         border: '1px solid #e5e7eb',
                                         borderRadius: '6px',
                                         padding: '8px',
                                         backgroundColor: '#f9fafb',
                                         maxHeight: '150px',
                                         overflow: 'hidden',
-                                    }, children: _jsx("img", { src: url, alt: altText || 'Preview', style: { maxWidth: '100%', maxHeight: '130px', display: 'block', margin: '0 auto' }, onError: (e) => {
+                                    }, children: (0, jsx_runtime_1.jsx)("img", { src: url, alt: altText || 'Preview', style: { maxWidth: '100%', maxHeight: '130px', display: 'block', margin: '0 auto' }, onError: (e) => {
                                             e.target.style.display = 'none';
-                                        } }) })] })), _jsxs("div", { style: { display: 'flex', gap: '12px', justifyContent: 'flex-end' }, children: [_jsx("button", { type: "button", onClick: onClose, style: {
+                                        } }) })] })), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '12px', justifyContent: 'flex-end' }, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onClose, style: {
                                         padding: '10px 20px',
                                         border: '1px solid #d1d5db',
                                         backgroundColor: 'white',
@@ -198,7 +202,7 @@ function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
                                         cursor: 'pointer',
                                         fontSize: '14px',
                                         fontWeight: 500,
-                                    }, children: "Annuler" }), _jsx("button", { type: "submit", disabled: !url.trim(), style: {
+                                    }, children: "Annuler" }), (0, jsx_runtime_1.jsx)("button", { type: "submit", disabled: !url.trim(), style: {
                                         padding: '10px 20px',
                                         border: 'none',
                                         backgroundColor: url.trim() ? '#3b82f6' : '#9ca3af',
@@ -209,24 +213,24 @@ function InsertDialog({ isOpen, onClose, onInsert, initialData, isEditing }) {
                                         fontWeight: 500,
                                     }, children: "Ins\u00E9rer" })] })] })] }) }));
 }
-export function InsertObjectPlugin() {
-    const [editor] = useLexicalComposerContext();
-    const [isDialogOpen, setIsDialogOpen] = useState(false);
-    const [editingImageLinkNode, setEditingImageLinkNode] = useState(null);
-    const [editingImageNode, setEditingImageNode] = useState(null);
-    const [editingLinkNode, setEditingLinkNode] = useState(null);
-    const [initialData, setInitialData] = useState(null);
-    const [dialogKey, setDialogKey] = useState(0);
+function InsertObjectPlugin() {
+    const [editor] = (0, LexicalComposerContext_1.useLexicalComposerContext)();
+    const [isDialogOpen, setIsDialogOpen] = (0, react_1.useState)(false);
+    const [editingImageLinkNode, setEditingImageLinkNode] = (0, react_1.useState)(null);
+    const [editingImageNode, setEditingImageNode] = (0, react_1.useState)(null);
+    const [editingLinkNode, setEditingLinkNode] = (0, react_1.useState)(null);
+    const [initialData, setInitialData] = (0, react_1.useState)(null);
+    const [dialogKey, setDialogKey] = (0, react_1.useState)(0);
     // Find ImageLinkNode at current selection
-    const getImageLinkNodeAtSelection = useCallback(() => {
+    const getImageLinkNodeAtSelection = (0, react_1.useCallback)(() => {
         let foundNode = null;
         editor.getEditorState().read(() => {
-            const selection = $getSelection();
-            if ($isRangeSelection(selection)) {
+            const selection = (0, lexical_1.$getSelection)();
+            if ((0, lexical_1.$isRangeSelection)(selection)) {
                 const anchorNode = selection.anchor.getNode();
                 let node = anchorNode;
                 while (node) {
-                    if ($isImageLinkNode(node)) {
+                    if ((0, ImageLinkNode_1.$isImageLinkNode)(node)) {
                         foundNode = node;
                         break;
                     }
@@ -240,14 +244,14 @@ export function InsertObjectPlugin() {
         return foundNode;
     }, [editor]);
     // Find ImageNode at current selection (for DecoratorNodes we check siblings)
-    const getImageNodeAtSelection = useCallback(() => {
+    const getImageNodeAtSelection = (0, react_1.useCallback)(() => {
         let foundNode = null;
         editor.getEditorState().read(() => {
-            const selection = $getSelection();
-            if ($isRangeSelection(selection)) {
+            const selection = (0, lexical_1.$getSelection)();
+            if ((0, lexical_1.$isRangeSelection)(selection)) {
                 const nodes = selection.getNodes();
                 for (const node of nodes) {
-                    if ($isImageNode(node)) {
+                    if ((0, ImageNode_1.$isImageNode)(node)) {
                         foundNode = node;
                         break;
                     }
@@ -257,15 +261,15 @@ export function InsertObjectPlugin() {
         return foundNode;
     }, [editor]);
     // Find SimpleLinkNode at current selection
-    const getSimpleLinkNodeAtSelection = useCallback(() => {
+    const getSimpleLinkNodeAtSelection = (0, react_1.useCallback)(() => {
         let foundNode = null;
         editor.getEditorState().read(() => {
-            const selection = $getSelection();
-            if ($isRangeSelection(selection)) {
+            const selection = (0, lexical_1.$getSelection)();
+            if ((0, lexical_1.$isRangeSelection)(selection)) {
                 const anchorNode = selection.anchor.getNode();
                 let node = anchorNode;
                 while (node) {
-                    if ($isSimpleLinkNode(node)) {
+                    if ((0, LinkNode_1.$isSimpleLinkNode)(node)) {
                         foundNode = node;
                         break;
                     }
@@ -279,8 +283,8 @@ export function InsertObjectPlugin() {
         return foundNode;
     }, [editor]);
     // Handle Ctrl+K
-    useEffect(() => {
-        return editor.registerCommand(KEY_DOWN_COMMAND, (event) => {
+    (0, react_1.useEffect)(() => {
+        return editor.registerCommand(lexical_1.KEY_DOWN_COMMAND, (event) => {
             if (event.ctrlKey && event.key === 'k') {
                 event.preventDefault();
                 // Check if we're on an ImageNode first
@@ -340,11 +344,11 @@ export function InsertObjectPlugin() {
                 return true;
             }
             return false;
-        }, COMMAND_PRIORITY_HIGH);
+        }, lexical_1.COMMAND_PRIORITY_HIGH);
     }, [editor, getImageLinkNodeAtSelection, getImageNodeAtSelection, getSimpleLinkNodeAtSelection]);
     // Handle INSERT_OBJECT_COMMAND (from toolbar)
-    useEffect(() => {
-        return editor.registerCommand(INSERT_OBJECT_COMMAND, () => {
+    (0, react_1.useEffect)(() => {
+        return editor.registerCommand(exports.INSERT_OBJECT_COMMAND, () => {
             // Check if we're on an ImageNode first
             const imageNode = getImageNodeAtSelection();
             if (imageNode) {
@@ -397,9 +401,9 @@ export function InsertObjectPlugin() {
             setDialogKey(k => k + 1);
             setIsDialogOpen(true);
             return true;
-        }, COMMAND_PRIORITY_HIGH);
+        }, lexical_1.COMMAND_PRIORITY_HIGH);
     }, [editor, getImageLinkNodeAtSelection, getImageNodeAtSelection, getSimpleLinkNodeAtSelection]);
-    const handleInsert = useCallback((type, data) => {
+    const handleInsert = (0, react_1.useCallback)((type, data) => {
         if (editingImageNode && type === 'image') {
             // Update existing ImageNode
             editor.update(() => {
@@ -419,9 +423,9 @@ export function InsertObjectPlugin() {
         }
         else if (type === 'image') {
             editor.update(() => {
-                const selection = $getSelection();
-                if ($isRangeSelection(selection)) {
-                    const imageNode = $createImageNode({
+                const selection = (0, lexical_1.$getSelection)();
+                if ((0, lexical_1.$isRangeSelection)(selection)) {
+                    const imageNode = (0, ImageNode_1.$createImageNode)({
                         src: data.url,
                         altText: data.altText || '',
                     });
@@ -438,27 +442,27 @@ export function InsertObjectPlugin() {
         }
         else if (type === 'image-link') {
             editor.update(() => {
-                const selection = $getSelection();
-                if ($isRangeSelection(selection) && !selection.isCollapsed()) {
-                    $wrapSelectionInImageLink(selection, data.url, data.altText || '', data.copyright || '', data.photographer || '', data.comment || '');
+                const selection = (0, lexical_1.$getSelection)();
+                if ((0, lexical_1.$isRangeSelection)(selection) && !selection.isCollapsed()) {
+                    (0, ImageLinkNode_1.$wrapSelectionInImageLink)(selection, data.url, data.altText || '', data.copyright || '', data.photographer || '', data.comment || '');
                 }
             });
         }
         else if (type === 'link') {
             editor.update(() => {
-                const selection = $getSelection();
-                if ($isRangeSelection(selection) && !selection.isCollapsed()) {
-                    $wrapSelectionInSimpleLink(selection, data.url, data.altText || undefined);
+                const selection = (0, lexical_1.$getSelection)();
+                if ((0, lexical_1.$isRangeSelection)(selection) && !selection.isCollapsed()) {
+                    (0, LinkNode_1.$wrapSelectionInSimpleLink)(selection, data.url, data.altText || undefined);
                 }
             });
         }
     }, [editor, editingImageNode, editingImageLinkNode, editingLinkNode]);
-    const handleClose = useCallback(() => {
+    const handleClose = (0, react_1.useCallback)(() => {
         setIsDialogOpen(false);
         setEditingImageLinkNode(null);
         setEditingImageNode(null);
         setEditingLinkNode(null);
         setInitialData(null);
     }, []);
-    return (_jsx(InsertDialog, { isOpen: isDialogOpen, onClose: handleClose, onInsert: handleInsert, initialData: initialData, isEditing: !!(editingImageNode || editingImageLinkNode || editingLinkNode) }, dialogKey));
+    return ((0, jsx_runtime_1.jsx)(InsertDialog, { isOpen: isDialogOpen, onClose: handleClose, onInsert: handleInsert, initialData: initialData, isEditing: !!(editingImageNode || editingImageLinkNode || editingLinkNode) }, dialogKey));
 }

package/dist/plugins/LinkPlugin.js

@@ -1,21 +1,24 @@
+"use strict";
 'use client';
-import { useEffect, useCallback } from 'react';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_HIGH, CLICK_COMMAND, } from 'lexical';
-import { $isSimpleLinkNode } from '../nodes/LinkNode';
-export function SimpleLinkPlugin() {
-    const [editor] = useLexicalComposerContext();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleLinkPlugin = SimpleLinkPlugin;
+const react_1 = require("react");
+const LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+const lexical_1 = require("lexical");
+const LinkNode_1 = require("../nodes/LinkNode");
+function SimpleLinkPlugin() {
+    const [editor] = (0, LexicalComposerContext_1.useLexicalComposerContext)();
     // Find SimpleLinkNode at current selection
-    const getSimpleLinkNodeAtSelection = useCallback(() => {
+    const getSimpleLinkNodeAtSelection = (0, react_1.useCallback)(() => {
         let foundNode = null;
         editor.getEditorState().read(() => {
-            const selection = $getSelection();
-            if ($isRangeSelection(selection)) {
+            const selection = (0, lexical_1.$getSelection)();
+            if ((0, lexical_1.$isRangeSelection)(selection)) {
                 const anchorNode = selection.anchor.getNode();
                 // Check if we're inside a SimpleLinkNode
                 let node = anchorNode;
                 while (node) {
-                    if ($isSimpleLinkNode(node)) {
+                    if ((0, LinkNode_1.$isSimpleLinkNode)(node)) {
                         foundNode = node;
                         break;
                     }
@@ -29,8 +32,8 @@ export function SimpleLinkPlugin() {
         return foundNode;
     }, [editor]);
     // Handle Ctrl+Click on SimpleLinkNode to open in new tab
-    useEffect(() => {
-        return editor.registerCommand(CLICK_COMMAND, (event) => {
+    (0, react_1.useEffect)(() => {
+        return editor.registerCommand(lexical_1.CLICK_COMMAND, (event) => {
             const linkNode = getSimpleLinkNodeAtSelection();
             if (linkNode && event.ctrlKey) {
                 // Ctrl+Click opens in new tab
@@ -39,7 +42,7 @@ export function SimpleLinkPlugin() {
                 return true;
             }
             return false;
-        }, COMMAND_PRIORITY_HIGH);
+        }, lexical_1.COMMAND_PRIORITY_HIGH);
     }, [editor, getSimpleLinkNodeAtSelection]);
     return null;
 }

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@qwanyx/ai-editor",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "AI-powered WYSIWYG rich text editor",
   "main": "./dist/index.js",
-  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
+      "require": "./dist/index.js",
       "default": "./dist/index.js"
     }
   },