@qwanyx/ai-editor 1.0.0

package/dist/nodes/LinkNode.js

@@ -0,0 +1,108 @@
+'use client';
+import { $applyNodeReplacement, ElementNode, } from 'lexical';
+export class SimpleLinkNode extends ElementNode {
+    static getType() {
+        return 'simple-link';
+    }
+    static clone(node) {
+        return new SimpleLinkNode(node.__url, node.__title, node.__key);
+    }
+    constructor(url, title, key) {
+        super(key);
+        this.__url = url;
+        this.__title = title;
+    }
+    createDOM() {
+        const anchor = document.createElement('a');
+        anchor.href = this.__url;
+        anchor.target = '_blank';
+        anchor.rel = 'noopener noreferrer';
+        anchor.style.color = '#3b82f6';
+        anchor.style.textDecoration = 'underline';
+        anchor.style.cursor = 'pointer';
+        if (this.__title) {
+            anchor.title = this.__title;
+        }
+        return anchor;
+    }
+    updateDOM(prevNode, dom) {
+        if (prevNode.__url !== this.__url) {
+            dom.href = this.__url;
+        }
+        if (prevNode.__title !== this.__title) {
+            if (this.__title) {
+                dom.title = this.__title;
+            }
+            else {
+                dom.removeAttribute('title');
+            }
+        }
+        return false;
+    }
+    getUrl() {
+        return this.__url;
+    }
+    setUrl(url) {
+        const writable = this.getWritable();
+        writable.__url = url;
+    }
+    getTitle() {
+        return this.__title;
+    }
+    setTitle(title) {
+        const writable = this.getWritable();
+        writable.__title = title;
+    }
+    static importJSON(serializedNode) {
+        const node = $createSimpleLinkNode({
+            url: serializedNode.url,
+            title: serializedNode.title,
+        });
+        node.setFormat(serializedNode.format);
+        node.setIndent(serializedNode.indent);
+        node.setDirection(serializedNode.direction);
+        return node;
+    }
+    exportJSON() {
+        return {
+            ...super.exportJSON(),
+            type: 'simple-link',
+            url: this.__url,
+            title: this.__title,
+            version: 1,
+        };
+    }
+    canInsertTextBefore() {
+        return false;
+    }
+    canInsertTextAfter() {
+        return false;
+    }
+    canBeEmpty() {
+        return false;
+    }
+    isInline() {
+        return true;
+    }
+    extractWithChild() {
+        return true;
+    }
+}
+export function $createSimpleLinkNode(payload) {
+    return $applyNodeReplacement(new SimpleLinkNode(payload.url, payload.title));
+}
+export function $isSimpleLinkNode(node) {
+    return node instanceof SimpleLinkNode;
+}
+// Helper to wrap selection in a link
+export function $wrapSelectionInSimpleLink(selection, url, title) {
+    const nodes = selection.extract();
+    const linkNode = $createSimpleLinkNode({ url, title });
+    if (nodes.length > 0) {
+        const firstNode = nodes[0];
+        firstNode.insertBefore(linkNode);
+        for (const node of nodes) {
+            linkNode.append(node);
+        }
+    }
+}

package/dist/plugins/ImageLinkPlugin.d.ts

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

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

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

package/dist/plugins/ImageLinkPlugin.js

@@ -0,0 +1,112 @@
+'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, CLICK_COMMAND, } from 'lexical';
+import { $isImageLinkNode } from '../nodes/ImageLinkNode';
+// Fullscreen modal component
+function ImageLinkFullscreenModal({ url, altText, copyright, photographer, comment, onClose, }) {
+    // Close on Escape key
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                onClose();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [onClose]);
+    const hasMetadata = copyright || photographer || comment;
+    return (_jsxs("div", { style: {
+            position: 'fixed',
+            inset: 0,
+            backgroundColor: 'rgba(0, 0, 0, 0.9)',
+            display: 'flex',
+            flexDirection: 'column',
+            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 (\u00C9chap)", children: _jsx("span", { className: "material-icons", style: { fontSize: '24px', color: 'white' }, children: "close" }) }), _jsx("img", { src: url, alt: altText || '', title: comment || undefined, style: {
+                    maxWidth: '95vw',
+                    maxHeight: hasMetadata ? '85vh' : '95vh',
+                    objectFit: 'contain',
+                    borderRadius: '4px',
+                    boxShadow: '0 25px 50px rgba(0,0,0,0.5)',
+                }, onClick: (e) => e.stopPropagation() }), hasMetadata && (_jsxs("div", { style: {
+                    marginTop: '16px',
+                    padding: '12px 20px',
+                    backgroundColor: 'rgba(0, 0, 0, 0.7)',
+                    borderRadius: '8px',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '4px',
+                    maxWidth: '90vw',
+                }, onClick: (e) => e.stopPropagation(), children: [photographer && (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '8px', color: 'white', fontSize: '14px' }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '16px', color: '#9ca3af' }, children: "camera_alt" }), photographer] })), copyright && (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '8px', color: 'white', fontSize: '14px' }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '16px', color: '#9ca3af' }, children: "copyright" }), copyright] })), comment && (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '8px', color: '#d1d5db', fontSize: '13px', fontStyle: 'italic' }, children: [_jsx("span", { className: "material-icons", style: { fontSize: '16px', color: '#9ca3af' }, children: "chat" }), comment] }))] }))] }));
+}
+export function ImageLinkPlugin() {
+    const [editor] = useLexicalComposerContext();
+    const [fullscreenData, setFullscreenData] = useState(null);
+    // Find ImageLinkNode at current selection
+    const getImageLinkNodeAtSelection = useCallback(() => {
+        let foundNode = null;
+        editor.getEditorState().read(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection)) {
+                const anchorNode = selection.anchor.getNode();
+                // Check if we're inside an ImageLinkNode
+                let node = anchorNode;
+                while (node) {
+                    if ($isImageLinkNode(node)) {
+                        foundNode = node;
+                        break;
+                    }
+                    const parent = node.getParent();
+                    if (!parent)
+                        break;
+                    node = parent;
+                }
+            }
+        });
+        return foundNode;
+    }, [editor]);
+    // Handle Ctrl+Click on ImageLinkNode
+    useEffect(() => {
+        return editor.registerCommand(CLICK_COMMAND, (event) => {
+            const target = event.target;
+            // Check if we clicked on an element inside the editor that is an ImageLinkNode
+            const imageLinkNode = getImageLinkNodeAtSelection();
+            if (imageLinkNode && event.ctrlKey) {
+                // Ctrl+Click opens fullscreen
+                event.preventDefault();
+                setFullscreenData({
+                    url: imageLinkNode.getUrl(),
+                    altText: imageLinkNode.getAltText(),
+                    copyright: imageLinkNode.getCopyright(),
+                    photographer: imageLinkNode.getPhotographer(),
+                    comment: imageLinkNode.getComment(),
+                });
+                return true;
+            }
+            return false;
+        }, COMMAND_PRIORITY_HIGH);
+    }, [editor, getImageLinkNodeAtSelection]);
+    const closeFullscreen = useCallback(() => {
+        setFullscreenData(null);
+    }, []);
+    return (_jsx(_Fragment, { children: fullscreenData && (_jsx(ImageLinkFullscreenModal, { url: fullscreenData.url, altText: fullscreenData.altText, copyright: fullscreenData.copyright, photographer: fullscreenData.photographer, comment: fullscreenData.comment, onClose: closeFullscreen })) }));
+}

package/dist/plugins/InsertObjectPlugin.d.ts

@@ -0,0 +1,4 @@
+import { LexicalCommand } from 'lexical';
+export declare const INSERT_OBJECT_COMMAND: LexicalCommand<void>;
+export declare function InsertObjectPlugin(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InsertObjectPlugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InsertObjectPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/InsertObjectPlugin.tsx"],"names":[],"mappings":"AAIA,OAAO,EAML,cAAc,EACf,MAAM,SAAS,CAAA;AAMhB,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC,IAAI,CAA0C,CAAA;AA2ZjG,wBAAgB,kBAAkB,4CA6RjC"}