@docs.plus/extension-hyperlink 1.5.2 → 2.1.0

package/dist/index.js

@@ -1,707 +1,22 @@
-import { combineTransactionSteps, getChangedRanges, getMarksBetween, findChildrenInRange, posToDOMRect, getAttributes, Mark, mergeAttributes, markPasteRule } from '@tiptap/core';
-import { test, find, registerCustomProtocol, reset } from 'linkifyjs';
-import { Plugin, PluginKey } from '@tiptap/pm/state';
-import tippy, { roundArrow } from 'tippy.js';
-
-function autoHyperlink(options) {
-    return new Plugin({
-        key: new PluginKey("autoHyperlink"),
-        appendTransaction: (transactions, oldState, newState) => {
-            const docChanges = transactions.some((transaction) => transaction.docChanged) &&
-                !oldState.doc.eq(newState.doc);
-            const preventAutoHyperlink = transactions.some((transaction) => transaction.getMeta("preventAutoHyperlink"));
-            if (!docChanges || preventAutoHyperlink) {
-                return;
-            }
-            const { tr } = newState;
-            const transform = combineTransactionSteps(oldState.doc, [
-                ...transactions,
-            ]);
-            const { mapping } = transform;
-            const changes = getChangedRanges(transform);
-            changes.forEach(({ oldRange, newRange }) => {
-                // at first we check if we have to remove links
-                getMarksBetween(oldRange.from, oldRange.to, oldState.doc)
-                    .filter((item) => item.mark.type === options.type)
-                    .forEach((oldMark) => {
-                    const newFrom = mapping.map(oldMark.from);
-                    const newTo = mapping.map(oldMark.to);
-                    const newMarks = getMarksBetween(newFrom, newTo, newState.doc).filter((item) => item.mark.type === options.type);
-                    if (!newMarks.length) {
-                        return;
-                    }
-                    const newMark = newMarks[0];
-                    const oldLinkText = oldState.doc.textBetween(oldMark.from, oldMark.to, undefined, " ");
-                    const newLinkText = newState.doc.textBetween(newMark.from, newMark.to, undefined, " ");
-                    const wasLink = test(oldLinkText);
-                    const isLink = test(newLinkText);
-                    // remove only the link, if it was a link before too
-                    // because we don’t want to remove links that were set manually
-                    if (wasLink && !isLink) {
-                        tr.removeMark(newMark.from, newMark.to, options.type);
-                    }
-                });
-                // now let’s see if we can add new links
-                const nodesInChangedRanges = findChildrenInRange(newState.doc, newRange, (node) => node.isTextblock);
-                let textBlock;
-                let textBeforeWhitespace;
-                if (nodesInChangedRanges.length > 1) {
-                    // Grab the first node within the changed ranges (ex. the first of two paragraphs when hitting enter)
-                    textBlock = nodesInChangedRanges[0];
-                    textBeforeWhitespace = newState.doc.textBetween(textBlock.pos, textBlock.pos + textBlock.node.nodeSize, undefined, " ");
-                }
-                else if (nodesInChangedRanges.length &&
-                    // We want to make sure to include the block seperator argument to treat hard breaks like spaces
-                    newState.doc
-                        .textBetween(newRange.from, newRange.to, " ", " ")
-                        .endsWith(" ")) {
-                    textBlock = nodesInChangedRanges[0];
-                    textBeforeWhitespace = newState.doc.textBetween(textBlock.pos, newRange.to, undefined, " ");
-                }
-                if (textBlock && textBeforeWhitespace) {
-                    const wordsBeforeWhitespace = textBeforeWhitespace
-                        .split(" ")
-                        .filter((s) => s !== "");
-                    if (wordsBeforeWhitespace.length <= 0) {
-                        return false;
-                    }
-                    const lastWordBeforeSpace = wordsBeforeWhitespace[wordsBeforeWhitespace.length - 1];
-                    const lastWordAndBlockOffset = textBlock.pos +
-                        textBeforeWhitespace.lastIndexOf(lastWordBeforeSpace);
-                    if (!lastWordBeforeSpace) {
-                        return false;
-                    }
-                    find(lastWordBeforeSpace)
-                        .filter((link) => link.isLink)
-                        .filter((link) => {
-                        if (options.validate) {
-                            return options.validate(link.value);
-                        }
-                        return true;
-                    })
-                        // calculate link position
-                        .map((link) => ({
-                        ...link,
-                        from: lastWordAndBlockOffset + link.start + 1,
-                        to: lastWordAndBlockOffset + link.end + 1,
-                    }))
-                        // add link mark
-                        .forEach((link) => {
-                        tr.addMark(link.from, link.to, options.type.create({
-                            href: link.href,
-                        }));
-                    });
-                }
-            });
-            if (!tr.steps.length) {
-                return;
-            }
-            return tr;
-        },
-    });
-}
-
-class Tooltip {
-    constructor(options) {
-        this.preventHide = false;
-        this.mousedownHandler = () => {
-            this.preventHide = true;
-        };
-        this.dragstartHandler = () => {
-            this.hide();
-        };
-        this.blurHandler = ({ event }) => {
-            var _a;
-            if (this.preventHide) {
-                this.preventHide = false;
-                return;
-            }
-            if ((event === null || event === void 0 ? void 0 : event.relatedTarget) &&
-                ((_a = this.tippyWrapper.parentNode) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget))) {
-                return;
-            }
-            this.hide();
-        };
-        this.tippyBlurHandler = (event) => {
-            this.blurHandler({ event });
-        };
-        this.editor = options.editor;
-        this.view = this.editor.view;
-        this.tippyWrapper = document.createElement("div");
-        this.tippyWrapper.addEventListener("mousedown", this.mousedownHandler, {
-            capture: true,
-        });
-        this.view.dom.addEventListener("dragstart", this.dragstartHandler);
-        this.editor.on("blur", this.blurHandler);
-    }
-    init() {
-        this.tippyWrapper.innerHTML = "";
-        return { tippyModal: this.tippyWrapper, tippyInstance: this.tippyInstance };
-    }
-    show() {
-        var _a;
-        (_a = this.tippyInstance) === null || _a === void 0 ? void 0 : _a.show();
-        return true;
-    }
-    hide() {
-        setTimeout(() => { var _a; return (_a = this.tippyInstance) === null || _a === void 0 ? void 0 : _a.hide(); });
-        return false;
-    }
-    createTooltip() {
-        if (!this.editor || !this.editor.options)
-            return;
-        const { element: editorElement } = this.editor.options;
-        const editorIsAttached = !!editorElement.parentElement;
-        if (this.tippyInstance || !editorIsAttached) {
-            return;
-        }
-        this.tippyInstance = tippy(editorElement, {
-            duration: 0,
-            getReferenceClientRect: null,
-            content: this.tippyWrapper,
-            interactive: true,
-            trigger: "manual",
-            placement: "bottom",
-            hideOnClick: true,
-            onClickOutside: (instance, event) => {
-                this.hide();
-            },
-            onAfterUpdate: (instance, partialProps) => {
-                this.show();
-            },
-        });
-        if (this.tippyInstance.popper.firstChild) {
-            this.tippyInstance.popper.firstChild.addEventListener("blur", this.tippyBlurHandler);
-        }
-    }
-    update(view, option = {}) {
-        var _a;
-        this.createTooltip();
-        option.arrow = (_a = option === null || option === void 0 ? void 0 : option.arrow) !== null && _a !== void 0 ? _a : false;
-        if (this.tippyInstance) {
-            this.tippyInstance.setProps({
-                ...option,
-                getReferenceClientRect: () => {
-                    const pos = view.state.selection.from;
-                    // width: 0 is a hack to prevent tippy display in the wrong position
-                    return { ...posToDOMRect(view, pos, pos), width: 0 };
-                },
-            });
-        }
-        return {};
-    }
-    destroyTooltip() {
-        if (this.tippyInstance) {
-            this.tippyInstance.destroy();
-            this.tippyInstance = undefined;
-            this.tippyWrapper.removeEventListener("mousedown", this.mousedownHandler, {
-                capture: true,
-            });
-            this.view.dom.removeEventListener("dragstart", this.dragstartHandler);
-            this.editor.off("blur", this.blurHandler);
-        }
-    }
-}
-
-function clickHandler(options) {
-    // Create the tooltip instance
-    let tooltip = new Tooltip(options);
-    // Initialize the tooltip
-    let { tippyModal, tippyInstance } = tooltip.init();
-    return new Plugin({
-        key: new PluginKey("handleClickHyperlink"),
-        props: {
-            handleClick: (view, pos, event) => {
-                var _a, _b;
-                if (event.button !== 0)
-                    return false;
-                // Get the target HTML element and its position
-                const nodeTarget = event.target;
-                const nodePos = view.posAtDOM(nodeTarget, 0);
-                // Find the closest link element to the target element
-                const link = nodeTarget === null || nodeTarget === void 0 ? void 0 : nodeTarget.closest("a");
-                // Extract attributes from the state
-                const attrs = getAttributes(view.state, options.type.name);
-                // Extract href and target attributes from the link element or the state
-                const href = (_a = link === null || link === void 0 ? void 0 : link.href) !== null && _a !== void 0 ? _a : attrs.href;
-                const target = (_b = link === null || link === void 0 ? void 0 : link.target) !== null && _b !== void 0 ? _b : attrs.target;
-                // If there is no previewHyperlink modal provided, then open the link in new window
-                if (!options.modal) {
-                    if (link && href) {
-                        window.open(href, target);
-                    }
-                    return true;
-                }
-                // if the link does not contain href attribute, hide the tooltip
-                if (!(link === null || link === void 0 ? void 0 : link.href))
-                    return tooltip.hide();
-                // Create a preview of the hyperlink
-                const hyperlinkPreview = options.modal({
-                    link,
-                    nodePos,
-                    tippy: tooltip,
-                    ...options,
-                });
-                // If there is no hyperlink preview, hide the modal
-                if (!hyperlinkPreview)
-                    return tooltip.hide();
-                // Empty the modal and append the hyperlink preview box
-                while (tippyModal.firstChild) {
-                    tippyModal.removeChild(tippyModal.firstChild);
-                }
-                tippyModal.append(hyperlinkPreview);
-                // Update the modal position
-                tooltip.update(options.editor.view);
-                return false;
-            },
-        },
-    });
-}
-
-function pasteHandler(options) {
-    return new Plugin({
-        key: new PluginKey("handlePasteHyperlink"),
-        props: {
-            handlePaste: (view, event, slice) => {
-                const { state } = view;
-                const { selection } = state;
-                const { empty } = selection;
-                if (empty) {
-                    return false;
-                }
-                let textContent = "";
-                slice.content.forEach((node) => {
-                    textContent += node.textContent;
-                });
-                const link = find(textContent).find((item) => item.isLink && item.value === textContent);
-                if (!textContent || !link) {
-                    return false;
-                }
-                options.editor.commands.setMark(options.type, {
-                    href: link.href,
-                });
-                return true;
-            },
-        },
-    });
-}
-
-function editHyperlink(options) {
-    var _a;
-    const { state, dispatch } = options.editor.view;
-    const { from, to } = state.selection;
-    let link = null;
-    const selectedNode = options.editor.view.domAtPos(from - 1).node;
-    const nodeName = selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.nodeName;
-    if (nodeName === "#text") {
-        link = (_a = selectedNode.parentNode) === null || _a === void 0 ? void 0 : _a.closest("a");
-    }
-    else {
-        link = selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.closest("a");
-    }
-    // If no link found and node is paragraph, try finding link in sibling/parent
-    if (!link && options.editor.view.domAtPos(from).node.nodeName === "P" && selectedNode.nextSibling)
-        link =
-            selectedNode.nextSibling ||
-                selectedNode.parentElement;
-    if (!link)
-        return true;
-    const text = options.newText || (link === null || link === void 0 ? void 0 : link.innerText);
-    // Get the position of the link in the editor view
-    const nodePos = options.editor.view.posAtDOM(link, 0);
-    const sanitizeURL = find(options.newURL || link.href)
-        .filter((link) => link.isLink)
-        .filter((link) => (options.validate ? options.validate(link.value) : true))
-        .at(0);
-    return options.editor
-        .chain()
-        .focus()
-        .command(({ tr }) => {
-        var _a;
-        tr.deleteRange(nodePos, nodePos + ((_a = ((link === null || link === void 0 ? void 0 : link.innerText) || "")) === null || _a === void 0 ? void 0 : _a.length)).replaceWith(nodePos, nodePos, options.editor.schema.text(text, [
-            options.editor.schema.marks.hyperlink.create({
-                href: sanitizeURL === null || sanitizeURL === void 0 ? void 0 : sanitizeURL.href,
-            }),
-        ]));
-        return true;
-    })
-        .run();
-}
-
-const Hyperlink = Mark.create({
-    name: "hyperlink",
-    priority: 1000,
-    keepOnSplit: false,
-    onCreate() {
-        this.options.protocols.forEach((protocol) => {
-            if (typeof protocol === "string") {
-                registerCustomProtocol(protocol);
-                return;
-            }
-            registerCustomProtocol(protocol.scheme, protocol.optionalSlashes);
-        });
-    },
-    onDestroy() {
-        reset();
-    },
-    inclusive() {
-        return this.options.autoHyperlink;
-    },
-    addOptions() {
-        return {
-            openOnClick: true,
-            hyperlinkOnPaste: true,
-            autoHyperlink: true,
-            protocols: [],
-            HTMLAttributes: {
-                target: "_blank",
-                rel: "noopener noreferrer nofollow",
-                class: null,
-            },
-            modals: {
-                previewHyperlink: null,
-                setHyperlink: null,
-            },
-            validate: undefined,
-        };
-    },
-    addAttributes() {
-        return {
-            href: {
-                default: null,
-            },
-            target: {
-                default: this.options.HTMLAttributes.target,
-            },
-            class: {
-                default: this.options.HTMLAttributes.class,
-            },
-        };
-    },
-    parseHTML() {
-        return [{ tag: 'a[href]:not([href *= "javascript:" i])' }];
-    },
-    renderHTML({ HTMLAttributes }) {
-        return ["a", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
-    },
-    addCommands() {
-        return {
-            setHyperlink: (attributes) => ({ editor, chain }) => {
-                if (!this.options.modals.setHyperlink) {
-                    return chain()
-                        .setMark(this.name, attributes)
-                        .setMeta("preventAutohyperlink", true)
-                        .run();
-                }
-                else {
-                    this.options.modals.setHyperlink({
-                        editor,
-                        validate: this.options.validate,
-                        extentionName: this.name,
-                        attributes,
-                        Tooltip,
-                        roundArrow,
-                    });
-                    return true;
-                }
-            },
-            editHyperlink: (attributes) => ({ editor }) => {
-                return editHyperlink({
-                    ...attributes,
-                    editor,
-                    validate: this.options.validate,
-                });
-            },
-            editHyperLinkText: (newText) => ({ editor }) => {
-                return editHyperlink({
-                    editor,
-                    newText,
-                    validate: this.options.validate,
-                });
-            },
-            editHyperLinkHref: (newURL) => ({ editor }) => {
-                return editHyperlink({
-                    editor,
-                    validate: this.options.validate,
-                    newURL,
-                });
-            },
-            unsetHyperlink: () => ({ chain }) => {
-                return chain()
-                    .unsetMark(this.name, { extendEmptyMarkRange: true })
-                    .setMeta("preventAutohyperlink", true)
-                    .run();
-            },
-        };
-    },
-    addPasteRules() {
-        return [
-            markPasteRule({
-                find: (text) => find(text)
-                    .filter((link) => {
-                    if (this.options.validate) {
-                        return this.options.validate(link.value);
-                    }
-                    return true;
-                })
-                    .filter((link) => link.isLink)
-                    .map((link) => ({
-                    text: link.value,
-                    index: link.start,
-                    data: link,
-                })),
-                type: this.type,
-                getAttributes: (match) => {
-                    var _a;
-                    return ({
-                        href: (_a = match.data) === null || _a === void 0 ? void 0 : _a.href,
-                    });
-                },
-            }),
-        ];
-    },
-    addProseMirrorPlugins() {
-        const plugins = [];
-        if (this.options.autoHyperlink) {
-            plugins.push(autoHyperlink({
-                type: this.type,
-                validate: this.options.validate,
-            }));
-        }
-        if (this.options.openOnClick) {
-            plugins.push(clickHandler({
-                type: this.type,
-                editor: this.editor,
-                validate: this.options.validate,
-                modal: this.options.modals.previewHyperlink,
-            }));
-        }
-        if (this.options.hyperlinkOnPaste) {
-            plugins.push(pasteHandler({
-                editor: this.editor,
-                type: this.type,
-            }));
-        }
-        return plugins;
-    },
-});
-
-const editHyperlinkHandler = (options) => {
-    var _a;
-    // Create the form
-    const form = document.createElement("form");
-    const buttonsWrapper = document.createElement("div");
-    const inputsWrapper = document.createElement("div");
-    const linkTextInput = document.createElement("input");
-    const hrefInput = document.createElement("input");
-    const applyButton = document.createElement("button");
-    buttonsWrapper.classList.add("hyperlink-edit-modal__buttons-wrapper");
-    inputsWrapper.classList.add("hyperlink-edit-modal__inputs-wrapper");
-    linkTextInput.type = "text";
-    linkTextInput.value = ((_a = options.link) === null || _a === void 0 ? void 0 : _a.innerText) || "";
-    linkTextInput.placeholder = "Enter link text";
-    hrefInput.type = "text";
-    hrefInput.value = options.link.href;
-    hrefInput.placeholder = "Enter href";
-    applyButton.type = "submit";
-    applyButton.classList.add("hyperlink-edit-modal__apply-button");
-    applyButton.innerText = "Apply";
-    buttonsWrapper.append(applyButton);
-    inputsWrapper.append(linkTextInput, hrefInput);
-    // Append to form
-    form.append(inputsWrapper, buttonsWrapper);
-    options.hyperlinkModal.innerHTML = "";
-    options.hyperlinkModal.appendChild(form);
-    hrefInput.addEventListener("keydown", () => {
-        hrefInput.style.outlineColor = " #dadce0";
-    });
-    hrefInput.addEventListener("keydown", () => {
-        linkTextInput.style.outlineColor = " #dadce0";
-    });
-    // Handle form submission
-    form.addEventListener("submit", (e) => {
-        e.preventDefault();
-        const newLinkText = linkTextInput.value;
-        const newHref = hrefInput.value;
-        if (!newHref || !newLinkText) {
-            if (!newHref)
-                hrefInput.style.outlineColor = "red";
-            if (!newLinkText)
-                linkTextInput.style.outlineColor = "red";
-            return;
-        }
-        const sanitizeURL = find(newHref)
-            .filter((link) => link.isLink)
-            .filter((link) => {
-            if (options.validate) {
-                return options.validate(link.value);
-            }
-            return true;
-        })
-            .at(0);
-        if (!(sanitizeURL === null || sanitizeURL === void 0 ? void 0 : sanitizeURL.href)) {
-            hrefInput.style.outlineColor = "red";
-            return;
-        }
-        options.editor.chain().focus().extendMarkRange("hyperlink").editHyperlink({
-            newURL: newHref,
-            newText: newLinkText,
-        });
-        options.tippy.hide();
-    });
-    // Show tooltip
-    options.tippy.update(options.editor.view, {
-        arrow: roundArrow,
-    });
-    setTimeout(() => linkTextInput.focus());
-};
-
-// prettier-ignore
-const Copy = ({ size = 24, fill = 'rgb(104, 81, 255)' } = {}) => {
-    return `
-        <svg fill=${fill} viewBox="0 0 24 24" width=${size} xmlns="http://www.w3.org/2000/svg">
-            <path d="m13 20a5.006 5.006 0 0 0 5-5v-8.757a3.972 3.972 0 0 0 -1.172-2.829l-2.242-2.242a3.972 3.972 0 0 0 -2.829-1.172h-4.757a5.006 5.006 0 0 0 -5 5v10a5.006 5.006 0 0 0 5 5zm-9-5v-10a3 3 0 0 1 3-3s4.919.014 5 .024v1.976a2 2 0 0 0 2 2h1.976c.01.081.024 9 .024 9a3 3 0 0 1 -3 3h-6a3 3 0 0 1 -3-3zm18-7v11a5.006 5.006 0 0 1 -5 5h-9a1 1 0 0 1 0-2h9a3 3 0 0 0 3-3v-11a1 1 0 0 1 2 0z"/>
-        </svg>
-    `;
-};
-const LinkSlash = ({ size = 24, fill = "rgb(104, 81, 255)", } = {}) => {
-    return `
-        <svg fill=${fill} viewBox="0 0 24 24" width=${size} xmlns="http://www.w3.org/2000/svg">
-            <path d="M11.953,17.993c-1.557-.074-3.021-.722-4.121-1.823-.23-.23-.446-.482-.641-.748-.325-.446-.227-1.072,.22-1.397,.446-.325,1.071-.227,1.397,.219,.129,.178,.274,.349,.437,.511,.749,.75,1.744,1.19,2.802,1.24,.552,.026,.979,.495,.952,1.046-.025,.536-.468,.953-.998,.953h-.048ZM1.831,13.331C.65,14.511,0,16.081,0,17.75c0,1.669,.65,3.239,1.831,4.419,1.18,1.181,2.749,1.831,4.419,1.831s3.239-.65,4.419-1.831l1.058-1.058c.391-.391,.391-1.023,0-1.414s-1.023-.391-1.414,0l-1.058,1.058c-.803,.803-1.87,1.245-3.005,1.245s-2.202-.442-3.005-1.245-1.245-1.87-1.245-3.005,.442-2.203,1.245-3.005l3.037-3.038c.391-.391,.391-1.024,0-1.414-.391-.391-1.023-.391-1.414,0l-3.037,3.038ZM.293,1.707L22.293,23.707c.195,.195,.451,.293,.707,.293s.512-.098,.707-.293c.391-.391,.391-1.023,0-1.414l-6.581-6.581,5.043-5.043c1.181-1.18,1.831-2.75,1.831-4.419,0-1.669-.65-3.239-1.831-4.419C20.989,.65,19.42,0,17.75,0s-3.239,.65-4.419,1.831l-1.058,1.058c-.391,.391-.391,1.023,0,1.414s1.023,.391,1.414,0l1.058-1.058c.803-.803,1.87-1.245,3.005-1.245s2.202,.442,3.005,1.245,1.245,1.87,1.245,3.005-.442,2.203-1.245,3.005l-5.043,5.043-5.852-5.852c1.612-.808,3.575-.52,4.894,.798,.162,.162,.308,.333,.437,.511,.196,.269,.501,.411,.81,.411,.204,0,.41-.063,.588-.192,.446-.325,.545-.951,.22-1.397-.194-.266-.41-.518-.641-.748-2.095-2.095-5.297-2.408-7.76-.835L1.707,.293c-.391-.391-1.023-.391-1.414,0s-.391,1.023,0,1.414Z"/>
-        </svg>
-    `;
-};
-const Pencil = ({ size = 24, fill = "rgb(104, 81, 255)", } = {}) => {
-    return `
-        <svg fill=${fill} viewBox="0 0 24 24" width=${size} xmlns="http://www.w3.org/2000/svg">
-            <path d="M22.853,1.148a3.626,3.626,0,0,0-5.124,0L1.465,17.412A4.968,4.968,0,0,0,0,20.947V23a1,1,0,0,0,1,1H3.053a4.966,4.966,0,0,0,3.535-1.464L22.853,6.271A3.626,3.626,0,0,0,22.853,1.148ZM5.174,21.122A3.022,3.022,0,0,1,3.053,22H2V20.947a2.98,2.98,0,0,1,.879-2.121L15.222,6.483l2.3,2.3ZM21.438,4.857,18.932,7.364l-2.3-2.295,2.507-2.507a1.623,1.623,0,1,1,2.295,2.3Z"/>
-        </svg>
-    `;
-};
-
-function previewHyperlinkModal(options) {
-    const href = options.link.href;
-    const hyperlinkModal = document.createElement("div");
-    const removeButton = document.createElement("button");
-    const copyButton = document.createElement("button");
-    const editButton = document.createElement("button");
-    const newBubble = document.createElement("div");
-    newBubble.classList.add("hyperlink-preview-modal__metadata");
-    const hrefTitle = document.createElement("a");
-    hrefTitle.setAttribute("target", "_blank");
-    hrefTitle.setAttribute("rel", "noreferrer");
-    hrefTitle.setAttribute("href", href);
-    hrefTitle.innerText = href;
-    newBubble.append(hrefTitle);
-    fetch("/api/metadata", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ url: href }),
-    })
-        .then((response) => response.json())
-        .then((data) => {
-        // Create a new bubble with the title
-        hrefTitle.setAttribute("href", href);
-        hrefTitle.innerText = data.title || data["og:title"] || href;
-        newBubble.replaceChildren(hrefTitle);
-        // Create an image element if image exists in metadata
-        if (data.icon || data.image || data["og:image"]) {
-            const img = document.createElement("img");
-            img.src = data.icon || data.image || data["og:image"];
-            img.alt = data.title || data["og:title"] || "hyperlink image";
-            newBubble.appendChild(img);
-        }
-    })
-        .catch((error) => {
-        console.error("Error fetching metadata:", error);
-    });
-    hyperlinkModal.classList.add("hyperlink-preview-modal");
-    removeButton.classList.add("hyperlink-preview-modal__remove-button");
-    removeButton.innerHTML = LinkSlash();
-    editButton.classList.add("hyperlink-preview-modal__edit-button");
-    editButton.innerHTML = Pencil();
-    copyButton.classList.add("hyperlink-preview-modal__copy-button");
-    copyButton.innerHTML = Copy();
-    removeButton.addEventListener("click", () => {
-        options.tippy.hide();
-        return options.editor.chain().focus().unsetHyperlink().run();
-    });
-    editButton.addEventListener("click", () => editHyperlinkHandler({ ...options, hyperlinkModal }));
-    copyButton.addEventListener("click", () => {
-        options.tippy.hide();
-        navigator.clipboard.writeText(href);
-    });
-    hyperlinkModal.append(newBubble, copyButton, editButton, removeButton);
-    return hyperlinkModal;
-}
-
-let tooltip = undefined;
-function setHyperlinkModal(options) {
-    // Create the tooltip instance
-    if (!tooltip)
-        tooltip = new options.Tooltip(options);
-    // Initialize the tooltip
-    let { tippyModal } = tooltip.init();
-    const hyperlinkModal = document.createElement("div");
-    const buttonsWrapper = document.createElement("div");
-    const inputsWrapper = document.createElement("div");
-    hyperlinkModal.classList.add("hyperlink-set-modal");
-    buttonsWrapper.classList.add("hyperlink-set-modal__buttons-wrapper");
-    inputsWrapper.classList.add("hyperlink-set-modal__inputs-wrapper");
-    // create a form that contain url input and a button for submit
-    const form = document.createElement("form");
-    const input = document.createElement("input");
-    const button = document.createElement("button");
-    input.setAttribute("type", "text");
-    input.setAttribute("placeholder", "https://example.com");
-    button.setAttribute("type", "submit");
-    button.innerText = "Submit";
-    inputsWrapper.append(input);
-    buttonsWrapper.append(button);
-    form.append(inputsWrapper, buttonsWrapper);
-    hyperlinkModal.append(form);
-    tippyModal.innerHTML = "";
-    tippyModal.append(hyperlinkModal);
-    tooltip.update(options.editor.view, {
-        arrow: options.roundArrow,
-    });
-    // make sure
-    setTimeout(() => {
-        input.focus();
-        input.style.outlineColor = " #dadce0";
-    }, 100);
-    input.addEventListener("keydown", () => {
-        input.style.outlineColor = " #dadce0";
-    });
-    // event listenr for submit button
-    form.addEventListener("submit", (event) => {
-        event.preventDefault();
-        const url = input.value;
-        if (!url) {
-            input.style.outlineColor = "red";
-            return;
-        }
-        const sanitizeURL = find(url)
-            .filter((link) => link.isLink)
-            .filter((link) => {
-            if (options.validate) {
-                return options.validate(link.value);
-            }
-            return true;
-        })
-            .at(0);
-        if (!(sanitizeURL === null || sanitizeURL === void 0 ? void 0 : sanitizeURL.href)) {
-            input.style.outlineColor = "red";
-            return;
-        }
-        tooltip === null || tooltip === void 0 ? void 0 : tooltip.hide();
-        return options.editor
-            .chain()
-            .setMark(options.extentionName, { href: sanitizeURL.href })
-            .setMeta("preventautohyperlink", true)
-            .run();
-    });
-}
-
-export { Hyperlink, Tooltip, previewHyperlinkModal, setHyperlinkModal };
-//# sourceMappingURL=index.js.map
+import{Mark as Cr,mergeAttributes as Pr}from"@tiptap/core";import{registerCustomProtocol as Tr}from"linkifyjs";var M="hyperlink",ee="preventAutolink";var B="noopener,noreferrer";function Ue({markName:e,urls:t}){let r=(n,{commands:i,tr:s,dispatch:a})=>{if(!n.href)return!1;let[l]=t.forWrite({kind:"href",href:n.href});if(!l)return!1;let c=i.setMark(e,{...n,href:l.href});return c&&a&&s.setMeta(ee,!0),c},o=({commands:n,tr:i,dispatch:s})=>{let a=n.unsetMark(e,{extendEmptyMarkRange:!0});return a&&s&&i.setMeta(ee,!0),a};return{set:n=>i=>r(n,i),unset:()=>n=>o(n),toggle:n=>i=>i.editor.isActive(e)?o(i):r(n,i)}}import{computePosition as ct,flip as ut,offset as mt,shift as dt}from"@floating-ui/dom";var ft=400,Se="visible",N=null,te=null;function yt(){return N||(N=document.createElement("div"),N.className="floating-tooltip",N.setAttribute("role","tooltip"),document.body.append(N)),N}function Ne(){te!==null&&(clearTimeout(te),te=null)}async function gt(e,t){if(!e.isConnected)return;let r=yt();r.textContent=t;let{x:o,y:n}=await ct(e,r,{strategy:"fixed",placement:"top",middleware:[mt(6),ut(),dt({padding:8})]});r.style.left=`${o}px`,r.style.top=`${n}px`,r.classList.add(Se)}function x(){Ne(),N?.classList.remove(Se)}function Le(e,t){let r=()=>{Ne(),te=setTimeout(()=>{te=null,gt(e,t)},ft)},o=()=>{e.matches(":focus-visible")&&r()};return e.addEventListener("mouseenter",r),e.addEventListener("focus",o),e.addEventListener("mouseleave",x),e.addEventListener("blur",x),e.addEventListener("pointerdown",x),e.addEventListener("click",x),()=>{e.removeEventListener("mouseenter",r),e.removeEventListener("focus",o),e.removeEventListener("mouseleave",x),e.removeEventListener("blur",x),e.removeEventListener("pointerdown",x),e.removeEventListener("click",x),x()}}import{arrow as vt,autoUpdate as _e,computePosition as Et,flip as Lt,hide as Ht,offset as xt,shift as bt}from"@floating-ui/dom";function ht(){let e=null,t=new Set,r=()=>e===null?{kind:"idle"}:{kind:"mounted",popoverKind:e.kind,element:e.metadata.element,referenceElement:e.metadata.referenceElement},o=()=>{let n=r();t.forEach(i=>i(n))};return{adopt(n,i,s){let a=e;return e={popover:n,kind:i,metadata:s},a&&a.popover!==n&&a.popover.destroy(),o(),()=>{e?.popover===n&&(e=null,o())}},close(){if(e===null)return;let{popover:n}=e;e=null,n.hide(),o()},reposition(n,i){e?.popover.updateReference(n,i)},getState:r,subscribe(n){return t.add(n),()=>{t.delete(n)}}}}var kt=ht();function h(){return kt}var We=8,wt=9999,At=8,Ct="-5px",Pt=50,Tt=150,De={top:"bottom",bottom:"top",left:"right",right:"left"};function Fe(e){return{getBoundingClientRect:()=>{let{x:t,y:r,width:o,height:n}=e.getBoundingClientRect();return{width:o,height:n,top:r,right:t+o,bottom:r+n,left:t,x:t,y:r}},contextElement:e.contextElement||document.body}}function Mt(e){let t=e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(!t.length)return[];let r=[];return t.forEach((o,n)=>{let i=s=>{if(s.key!=="Tab")return;s.preventDefault();let a=s.shiftKey?(n-1+t.length)%t.length:(n+1)%t.length;t[a].focus()};o.addEventListener("keydown",i),r.push(()=>o.removeEventListener("keydown",i))}),r}function _(e){let t=h(),{referenceElement:r,coordinates:o,content:n,placement:i="bottom-start",offset:s=We,showArrow:a=!1,className:l="",zIndex:c=wt,role:p,ariaLabel:m,ignoreOutsideClickOn:v,crossAxisShift:f=!0,onShow:H,onHide:R}=e;if(!r&&!o)throw new Error("Either referenceElement or coordinates must be provided");let L=r||Fe(o),A=v?Array.isArray(v)?[...v]:[v]:r?[r]:[],C=[],g=!1,k=!1,y=null,b=E=>E?u.contains(E)?!1:!A.some(T=>T===E||T.contains(E)):!0,u=document.createElement("div");u.className=`floating-popover ${l}`.trim(),p&&u.setAttribute("role",p),m&&u.setAttribute("aria-label",m),u.setAttribute("tabindex","-1"),u.style.zIndex=String(c),u.style.position="fixed";let P=null;a&&(P=document.createElement("div"),P.className="floating-popover-arrow",u.appendChild(P));let O=document.createElement("div");O.className="floating-popover-content",u.appendChild(O);let G=[],ae=()=>{for(;G.length;)G.pop()()},le=E=>{ae(),O.innerHTML="",O.appendChild(E),G.push(...Mt(u))};le(n);let Y=async()=>{if(!g)return;let E=[xt(s),Lt(),bt({padding:At,crossAxis:f})];P&&E.push(vt({element:P})),E.push(Ht({strategy:"referenceHidden"}));let{x:T,y:ce,placement:S,middlewareData:Q}=await Et(L,u,{placement:i,strategy:"fixed",middleware:E});if(!g)return;Object.assign(u.style,{left:`${T}px`,top:`${ce}px`}),u.style.visibility=Q.hide?.referenceHidden?"hidden":"visible";let Ee=S.split("-")[0];if(u.style.transformOrigin=De[Ee]??"center",P&&Q.arrow){let{x:Oe,y:Ie}=Q.arrow,pt=De[Ee];P.className=`floating-popover-arrow floating-popover-arrow-${Ee}`,Object.assign(P.style,{left:Oe!=null?`${Oe}px`:"",top:Ie!=null?`${Ie}px`:"",right:"",bottom:"",[pt]:Ct})}},X=null,pe=null,j=null,lt=()=>{pe&&(clearTimeout(pe),pe=null),j&&(u.removeEventListener("transitionend",j),j=null)},ve=()=>{lt(),u.remove()},J=()=>{g&&(g=!1,k=!0,y?.(),y=null,ae(),C.forEach(E=>E()),C.length=0,X?.(),X=null,u.classList.remove("visible"),j=E=>{E.target===u&&ve()},u.addEventListener("transitionend",j),pe=setTimeout(ve,Tt),R?.())},Re={element:u,show:()=>{if(g||k)return;document.body.appendChild(u),g=!0,y=_e(L,u,Y),requestAnimationFrame(()=>u.classList.add("visible")),setTimeout(()=>{if(!g)return;let T=S=>{b(S.target)&&J()},ce=S=>{if(!S.touches.length)return;let Q=document.elementFromPoint(S.touches[0].clientX,S.touches[0].clientY);b(Q)&&J()};document.addEventListener("mousedown",T,{passive:!0}),document.addEventListener("touchstart",ce,{passive:!0}),C.push(()=>document.removeEventListener("mousedown",T),()=>document.removeEventListener("touchstart",ce))},Pt);let E=T=>{T.key==="Escape"&&(T.preventDefault(),J())};u.addEventListener("keydown",E),C.push(()=>u.removeEventListener("keydown",E)),H?.()},hide:J,destroy:()=>{J(),k=!0,ve()},isVisible:()=>g,setContent:le,updateReference:(E,T)=>{E?L=E:T&&(L=Fe(T)),g?(y?.(),y=_e(L,u,Y)):Y()}};return X=t.adopt(Re,"unknown",{element:u,referenceElement:r??null}),Re}var Be="[extension-hyperlink]",D={warn:(...e)=>console.warn(Be,...e),error:(...e)=>console.error(Be,...e)};var He=async(e,t)=>{try{if(navigator.clipboard?.writeText)await navigator.clipboard.writeText(e);else{let r=document.createElement("textarea");r.value=e,document.body.appendChild(r);let o=!1;try{r.select(),o=document.execCommand("copy")}finally{document.body.removeChild(r)}if(!o)return D.warn("copyToClipboard failed","execCommand returned false"),t?.(!1),!1}return t?.(!0),!0}catch(r){return D.warn("copyToClipboard failed",r),t?.(!1),!1}};var d=(e,t)=>{let r=document.createElement(e);return t&&Object.assign(r,t),r};var xe=({size:e=24,fill:t="currentColor"}={})=>`
+    <svg xmlns="http://www.w3.org/2000/svg" height="${e}" viewBox="0 -960 960 960" width="${e}" fill="${t}" aria-hidden="true">
+      <path d="M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z"/>
+    </svg>
+  `,be=({size:e=24,fill:t="currentColor"}={})=>`
+    <svg xmlns="http://www.w3.org/2000/svg" height="${e}" viewBox="0 -960 960 960" width="${e}" fill="${t}" aria-hidden="true">
+      <path d="m770-302-60-62q40-11 65-42.5t25-73.5q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 57-29.5 105T770-302ZM634-440l-80-80h86v80h-6ZM792-56 56-792l56-56 736 736-56 56ZM440-280H280q-83 0-141.5-58.5T80-480q0-69 42-123t108-71l74 74h-24q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h65l79 80H320Z"/>
+    </svg>
+  `,ue=({size:e=24,fill:t="currentColor"}={})=>`
+    <svg xmlns="http://www.w3.org/2000/svg" height="${e}" viewBox="0 -960 960 960" width="${e}" fill="${t}" aria-hidden="true">
+      <path d="M440-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h320v80H320Zm200 160v-80h160q50 0 85-35t35-85q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H520Z"/>
+    </svg>
+  `,we=({size:e=24,fill:t="currentColor"}={})=>`
+    <svg xmlns="http://www.w3.org/2000/svg" height="${e}" viewBox="0 -960 960 960" width="${e}" fill="${t}" aria-hidden="true">
+      <path d="M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z"/>
+    </svg>
+  `,$e=({size:e=24,fill:t="currentColor"}={})=>`
+    <svg xmlns="http://www.w3.org/2000/svg" height="${e}" viewBox="0 -960 960 960" width="${e}" fill="${t}" aria-hidden="true">
+      <path d="M160-560v-80h360v80H160Zm0 160v-80h640v80H160Z"/>
+    </svg>
+  `;import{find as It}from"linkifyjs";var Rt=/^\+\d[\d\s.\-()]{4,18}\d$/,Ot=/\D/g,$=e=>{if(!Rt.test(e))return{ok:!1};let t=e.replace(Ot,"");return t.length<8||t.length>15?{ok:!1}:{ok:!0,href:`tel:+${t}`}};var Ut=/^([a-z][a-z0-9+.-]*):/i,St=/^([#?/]|\.\.?\/)/,Nt=e=>{if(e.startsWith("//"))return!0;let t=e.match(Ut);if(!t)return!1;if(e.includes("://"))return!0;let r=t[1].toLowerCase();return!(r==="localhost"||r.includes("."))},_t=e=>{if(!e.includes("@"))return{ok:!1};let t=It(e);if(t.length!==1)return{ok:!1};let r=t[0];return r.type!=="email"||r.value!==e?{ok:!1}:{ok:!0,href:r.href}},F="https",q=(e,t=F)=>{let r=e.trim();if(!r)return"";let o=$(r);if(o.ok)return o.href;let n=_t(r);return n.ok?n.href:Nt(r)||St.test(r)?r:`${t}://${r}`},Ae=(e,t=F)=>e.type==="url"?q(e.value,t):e.href;var Dt={"mailto:":{type:"email",title:"Email",category:"communication"},"tel:":{type:"phone",title:"Phone",category:"communication"},"telprompt:":{type:"phone",title:"Phone",category:"communication"},"sms:":{type:"sms",title:"SMS",category:"communication"},"facetime:":{type:"facetime",title:"FaceTime",category:"communication"},"facetime-audio:":{type:"facetime-audio",title:"FaceTime Audio",category:"communication"}},Ft={"whatsapp:":{type:"whatsapp",title:"WhatsApp",category:"social"},"tg:":{type:"telegram",title:"Telegram",category:"social"},"discord:":{type:"discord",title:"Discord",category:"social"},"skype:":{type:"skype",title:"Skype",category:"social"},"slack:":{type:"slack",title:"Slack",category:"social"},"twitter:":{type:"twitter",title:"Twitter",category:"social"},"fb:":{type:"facebook",title:"Facebook",category:"social"},"instagram:":{type:"instagram",title:"Instagram",category:"social"},"linkedin:":{type:"linkedin",title:"LinkedIn",category:"social"},"snapchat:":{type:"snapchat",title:"Snapchat",category:"social"},"reddit:":{type:"reddit",title:"Reddit",category:"social"},"tiktok:":{type:"tiktok",title:"TikTok",category:"social"}},Wt={"zoommtg:":{type:"zoom",title:"Zoom Meeting",category:"communication"},"zoomus:":{type:"zoom",title:"Zoom",category:"communication"},"msteams:":{type:"teams",title:"Microsoft Teams",category:"communication"},"webex:":{type:"webex",title:"Cisco Webex",category:"communication"}},Bt={"calshow:":{type:"calendar",title:"Calendar",category:"apple"},"x-apple-calevent:":{type:"calendar",title:"Calendar Event",category:"apple"},"x-apple-reminder:":{type:"reminders",title:"Reminders",category:"apple"},"contacts:":{type:"contacts",title:"Contacts",category:"apple"},"maps:":{type:"maps",title:"Maps",category:"apple"},"map:":{type:"maps",title:"Maps",category:"apple"},"music:":{type:"music",title:"Apple Music",category:"apple"},"videos:":{type:"apple-tv",title:"Apple TV",category:"apple"},"mobilenotes:":{type:"notes",title:"Notes",category:"apple"},"photos-redirect:":{type:"photos",title:"Photos",category:"apple"},"shortcuts:":{type:"shortcuts",title:"Shortcuts",category:"apple"},"itms-apps:":{type:"app-store",title:"App Store",category:"apple"}},$t={"github:":{type:"github",title:"GitHub",category:"development"},"gitlab:":{type:"gitlab",title:"GitLab",category:"development"},"vscode:":{type:"vscode",title:"VS Code",category:"development"},"notion:":{type:"notion",title:"Notion",category:"productivity"},"obsidian:":{type:"obsidian",title:"Obsidian",category:"productivity"},"figma:":{type:"figma",title:"Figma",category:"development"}},qt={"youtube:":{type:"youtube",title:"YouTube",category:"entertainment"},"spotify:":{type:"spotify",title:"Spotify",category:"entertainment"},"netflix:":{type:"netflix",title:"Netflix",category:"entertainment"},"twitch:":{type:"twitch",title:"Twitch",category:"entertainment"}},Kt={"amazon:":{type:"amazon",title:"Amazon",category:"shopping"},"uber:":{type:"uber",title:"Uber",category:"other"},"lyft:":{type:"lyft",title:"Lyft",category:"other"}},zt={...Dt,...Ft,...Wt,...Bt,...$t,...qt,...Kt},Vt={"wa.me":{type:"whatsapp",title:"WhatsApp",category:"social"},"t.me":{type:"telegram",title:"Telegram",category:"social"},"discord.gg":{type:"discord",title:"Discord Invite",category:"social"},"zoom.us":{type:"zoom",title:"Zoom Meeting",category:"communication"},"meet.google.com":{type:"meet",title:"Google Meet",category:"communication"},"teams.microsoft.com":{type:"teams",title:"Microsoft Teams",category:"communication"},"github.com":{type:"github",title:"GitHub",category:"development"},"gitlab.com":{type:"gitlab",title:"GitLab",category:"development"},"figma.com":{type:"figma",title:"Figma",category:"development"},"notion.so":{type:"notion",title:"Notion",category:"productivity"},"twitter.com":{type:"twitter",title:"Twitter",category:"social"},"x.com":{type:"twitter",title:"X (Twitter)",category:"social"},"instagram.com":{type:"instagram",title:"Instagram",category:"social"},"linkedin.com":{type:"linkedin",title:"LinkedIn",category:"social"},"youtube.com":{type:"youtube",title:"YouTube",category:"entertainment"},"spotify.com":{type:"spotify",title:"Spotify",category:"entertainment"}},Ce=e=>{let t=e.toLowerCase();for(let[r,o]of Object.entries(zt))if(t.startsWith(r))return o;try{let o=new URL(e).hostname.toLowerCase(),n=o.startsWith("www.")?o.slice(4):o;for(let[i,s]of Object.entries(Vt))if(n===i||n.endsWith(`.${i}`))return s}catch{}return null};import{find as Zt}from"linkifyjs";var qe=/^\s*(javascript|data|vbscript|file|blob):/i,w=e=>typeof e!="string"||e.length===0?!1:!qe.test(e.replace(/[\u0000-\u0020]+/g,"")),Gt=new Set(["http","https","ftp","ftps"]),Yt=/^\d{1,3}(\.\d{1,3}){3}$/,Xt=e=>Ce(e)!==null,jt=e=>{let t;try{t=new URL(e)}catch{return!1}let r=t.hostname;return r?r==="localhost"||Yt.test(r)||r.includes(":")?!0:r.includes("."):!1},I=(e,t)=>{let r=e.trim();if(!r||!w(r))return!1;try{if($(r).ok||Xt(e))return t?.customValidator?t.customValidator(e):!0;let o=Zt(e).find(n=>n.isLink&&(t?.customValidator?t.customValidator(n.value):!0));return o?.href?Qt(o.href)?jt(o.href):!0:!1}catch(o){return D.error("validateURL threw",o),!1}},Jt=e=>{if(!e.trim())return null;let t=e.indexOf(":");return t===-1?null:e.substring(0,t).toLowerCase()},Qt=e=>{let t=Jt(e);return t!==null&&Gt.has(t)};var er=e=>{let t=d("div",{className:"hyperlink-create-popover"}),r=d("div",{className:"buttons-wrapper"}),o=d("div",{className:"inputs-wrapper"}),n=d("form",{}),i=d("input",{type:"text",inputMode:"url",name:"hyperlink-url",placeholder:"https://example.com",autocomplete:"new-password",spellcheck:!1,value:e}),s=d("button",{type:"submit",textContent:"Apply",disabled:e.trim().length===0}),a=d("div",{className:"error-message",textContent:"Please enter a valid URL"}),l=d("div",{className:"search-icon",innerHTML:ue({size:24})});return o.append(l,i,a),r.append(s),n.append(o,r),t.append(n),{root:t,form:n,input:i,button:s,inputsWrapper:o,errorMessage:a}},tr=(e,t)=>{let{form:r,input:o,button:n,inputsWrapper:i,errorMessage:s}=e,{editor:a}=t,l=()=>{i.classList.add("error"),s.classList.add("show")},c=()=>{i.classList.remove("error"),s.classList.remove("show")},p=()=>{let m=o.value.trim().length>0;n.disabled=!m,m&&c()};o.addEventListener("input",p),o.addEventListener("paste",()=>setTimeout(p,0)),i.addEventListener("click",()=>o.focus()),o.addEventListener("keydown",m=>{m.key==="Escape"&&(m.preventDefault(),h().close(),a.commands.focus())}),r.addEventListener("submit",m=>{if(m.preventDefault(),n.disabled)return;let v=o.value.trim();if(!I(v,{customValidator:t.validate})){l();return}if(!a.can().setHyperlink({href:v})){l();return}let f=a.chain().setHyperlink({href:v});if(a.state.selection.empty&&f.insertContent({type:"text",text:v}),!f.run()){l();return}h().close(),a.commands.focus()})};function re(e){let t=er(e.attributes?.href??"");return tr(t,e),t.root}function K(e,t){let r=e.extensionManager.extensions.find(o=>o.name===M);if(!r)throw new Error(`${t}: Hyperlink extension not registered on editor`);return r.options}var U=null,z=null;function V(e,t){U={editor:e,popover:t},rr()}function rr(){z||(z=h().subscribe(e=>{U&&e.kind==="mounted"&&e.element===U.popover.element||(U=null,z?.(),z=null)}))}function Ke(e){if(!U||U.editor!==e)return;let{popover:t}=U;U=null,z?.(),z=null;let r=h(),o=r.getState();o.kind==="mounted"&&o.element===t.element&&r.close()}var or=100;function de(e,t={}){let r=K(e,"openCreateHyperlink"),o=r.popovers.createHyperlink??re,n={editor:e,validate:r.validate,extensionName:M,attributes:t},i=o(n);if(!i)return!1;let{from:s,to:a}=e.state.selection,l=null,c=_({coordinates:{getBoundingClientRect:()=>{try{let p=e.view.coordsAtPos(s),m=e.view.coordsAtPos(a);return{x:Math.min(p.left,m.left),y:p.top,width:Math.abs(m.left-p.left),height:m.bottom-p.top}}catch{return queueMicrotask(()=>c.hide()),{x:-9999,y:-9999,width:0,height:0}}},contextElement:e.view.dom},content:i,placement:"bottom",showArrow:!0,role:"dialog",ariaLabel:"Add link",onShow:()=>{let p=i.querySelector("input");p&&(l=setTimeout(()=>p.focus(),or))},onHide:()=>{l!=null&&(clearTimeout(l),l=null),x()}});return h().adopt(c,"create",{element:c.element,referenceElement:null}),V(e,c),c.show(),!0}import{getMarkRange as lr}from"@tiptap/core";import{find as nr}from"linkifyjs";var ir=/\b[a-zA-Z][a-zA-Z0-9+.-]*:[^\s]+/g,sr=/[.,;:!?)\]}]+$/,ar=e=>{let t=e.value.match(sr);if(!t)return e;let r=t[0].length;return{...e,value:e.value.slice(0,-r),href:e.href.endsWith(t[0])?e.href.slice(0,-r):e.href,end:e.end-r}},Pe=e=>{let t=[],r=nr(e).filter(n=>n.isLink);if(t.push(...r),e.includes(":"))for(let n of e.matchAll(ir)){let i=n[0],s=n.index,a=s+i.length;!r.some(c=>s>=c.start&&a<=c.end)&&I(i)&&t.push({type:"url",href:i,value:i,start:s,end:a,isLink:!0})}let o=$(e);return o.ok&&t.push({type:"phone",href:o.href,value:e,start:0,end:e.length,isLink:!0}),t.map(ar)};function ze(e={}){let t=e.defaultProtocol??F,r=e.protocols??[],o=e.isAllowedUri;return n=>w(n)?o?o(n,{defaultValidate:w,protocols:r,defaultProtocol:t}):!0:!1}function fe(e={}){let t=e.defaultProtocol??F,r=e.gate??w,o=(n,i)=>{if(!r(n))return!1;let s=i?.validate??e.validate;if(s&&!s(n))return!1;let a=e.shouldAutoLink;return!(a&&!a(n))};return{forWrite(n,i){if(n.kind==="href"){let s=n.href.trim();if(!s)return[];let a=q(s,t);if(!r(a))return[];let l=i?.validate??e.validate;return l&&!l(a)?[]:[{href:a,start:0,end:n.href.length}]}if(n.kind==="match"){let s=Ae(n.match,t);return o(s,i)?[{href:s,start:0,end:n.match.value.length}]:[]}return Pe(n.text).filter(s=>s.isLink).map(s=>({href:Ae(s,t),start:s.start,end:s.end})).filter(s=>o(s.href,i))},forRead(n){let i=typeof n=="string"?n:"";return{navigable:w(i)&&r(i)}},detect(n){return Pe(n).some(i=>i.isLink)}}}var ye=(e={})=>({tr:t,dispatch:r})=>{let{newURL:o,newText:n,title:i,image:s,validate:a,markName:l=M,urls:c=fe()}=e;if(o&&!I(o,{customValidator:a}))return!1;let p=t.doc.type.schema.marks[l];if(!p)return!1;let{from:m}=t.selection,v=t.doc.resolve(m),f=lr(v,p);if(!f)return!1;let H;try{H=t.doc.nodeAt(f.from)?.marks.find(k=>k.type===p)}catch(k){return D.warn("editHyperlink: failed to read mark at position",k),!1}if(!H)return!1;let R=H.attrs.href;if(o){let[k]=c.forWrite({kind:"href",href:o},{validate:a});if(!k)return!1;R=k.href}if(!r)return!0;let L=t.doc.textBetween(f.from,f.to),A=n||L,C=p.create({...H.attrs,href:R,...i!==void 0&&{title:i},...s!==void 0&&{image:s}});if(A===L)return t.removeMark(f.from,f.to,p),t.addMark(f.from,f.to,C),!0;let g=t.doc.nodeAt(f.from)?.marks.filter(k=>k.type!==p)??[];return t.replaceWith(f.from,f.to,t.doc.type.schema.text(A,[...g,C])),!0};function Ve(e){return{setHyperlink:e.set,unsetHyperlink:e.unset,toggleHyperlink:e.toggle,setLink:e.set,unsetLink:e.unset,toggleLink:e.toggle}}function Ze(e){let t={markName:e.markName,urls:e.urls,validate:e.validate};return{editHyperlink:r=>ye({...r,...t}),editHyperlinkText:r=>ye({newText:r,...t}),editHyperlinkHref:r=>ye({newURL:r,...t})}}function Ge(){return{openCreateHyperlinkPopover:e=>({editor:t,dispatch:r})=>r?de(t,e??{}):!0}}function Ye(e){let t=Ue({markName:e.markName,urls:e.urls});return{...Ve(t),...Ze({markName:e.markName,urls:e.urls,validate:e.options.validate}),...Ge()}}import{combineTransactionSteps as pr,findChildrenInRange as cr,getChangedRanges as ur,getMarksBetween as Xe}from"@tiptap/core";import{Plugin as mr,PluginKey as dr}from"@tiptap/pm/state";var fr=/\s$/,yr=15,gr=e=>e.split(/\s+/).filter(t=>t!=="");function je(e){let{urls:t,type:r}=e;return new mr({key:new dr("hyperlinkAutolink"),appendTransaction:(o,n,i)=>{let s=o.some(f=>f.docChanged)&&!n.doc.eq(i.doc),a=o.some(f=>f.getMeta(ee));if(!s||a)return;let{tr:l}=i,c=pr(n.doc,[...o]),{mapping:p}=c,m=ur(c),v=i.schema.marks.code??null;for(let{oldRange:f,newRange:H}of m){for(let y of Xe(f.from,f.to,n.doc).filter(b=>b.mark.type===r)){let b=p.map(y.from),u=p.map(y.to),P=Xe(b,u,i.doc).filter(X=>X.mark.type===r);if(!P.length)continue;let O=P[0],G=n.doc.textBetween(y.from,y.to,void 0," "),ae=i.doc.textBetween(O.from,O.to,void 0," "),le=t.detect(G),Y=t.detect(ae);le&&!Y&&l.removeMark(O.from,O.to,r)}let R=cr(i.doc,H,y=>y.isTextblock),L,A;if(R.length>1?(L=R[0],A=i.doc.textBetween(L.pos,L.pos+L.node.nodeSize,void 0," ")):R.length&&fr.test(i.doc.textBetween(H.from,H.to," "," "))&&(L=R[0],A=i.doc.textBetween(L.pos,H.to,void 0," ")),!L||!A)continue;let C=gr(A);if(!C.length)continue;let g=C[C.length-1],k=L.pos+A.lastIndexOf(g);t.forWrite({kind:"text",text:g}).map(y=>({href:y.href,from:k+y.start+1,to:k+y.end+1})).filter(({from:y})=>{let b=Math.max(0,y-yr),u=i.doc.textBetween(b,y," "," ");return!(u.includes("![")&&u.endsWith("]("))}).filter(({from:y})=>v?!i.doc.nodeAt(y)?.marks.some(u=>u.type===v):!0).forEach(({from:y,to:b,href:u})=>{l.addMark(y,b,r.create({href:u}))})}if(l.steps.length)return l}})}import{getMarkRange as Je}from"@tiptap/core";import{Plugin as hr,PluginKey as kr}from"@tiptap/pm/state";function oe(e,t,r){if(t.isConnected)return t;if(typeof r=="number")try{let{node:s}=e.view.domAtPos(r),l=("closest"in s?s:s.parentElement)?.closest("a");if(l&&e.view.dom.contains(l))return l}catch{}let o=t.getAttribute("href"),n=t.textContent;return Array.from(e.view.dom.querySelectorAll("a")).find(s=>s.getAttribute("href")===o&&s.textContent===n)??null}function W({editor:e,link:t,nodePos:r,validate:o,isAllowedUri:n,markName:i=M}){let s=e.view,a=oe(e,t,r)??t,l=r??-1,c=null;try{l=s.posAtDOM(a,0),l>=0&&(c=s.state.doc.nodeAt(l))}catch{c=null}let m=c?.marks.find(v=>v.type.name===i)?.attrs??{href:a.getAttribute("href"),target:null,rel:null,class:null,title:null,image:null};return{editor:e,link:a,nodePos:l,attrs:m,validate:o,isAllowedUri:n}}function ne(e){let{editor:t,link:r,validate:o}=e,n=d("form",{className:"hyperlink-edit-popover"}),i=d("div",{className:"inputs-wrapper"}),s=d("div",{className:"buttons-wrapper"}),a=d("div",{className:"text-wrapper"}),l=d("div",{className:"search-icon",innerHTML:$e({size:24})}),c=d("input",{type:"text",value:r.innerText||"",placeholder:"Enter link text"}),p=d("div",{className:"error-message",textContent:"Please enter link text"}),m=d("div",{className:"href-wrapper"}),v=d("div",{className:"search-icon",innerHTML:ue({size:24})}),f=d("input",{type:"text",inputMode:"url",value:r.getAttribute("href")??"",placeholder:"Enter URL",autocomplete:"new-password",spellcheck:!1}),H=d("div",{className:"error-message",textContent:"Please enter a valid URL"}),R=d("button",{type:"button",textContent:"Back",className:"back-button"}),L=d("button",{type:"submit",textContent:"Apply",className:"apply-button"}),A=(g,k)=>{g.classList.add("error"),k.classList.add("show")},C=(g,k)=>{g.classList.remove("error"),k.classList.remove("show")};return c.addEventListener("input",()=>C(a,p)),f.addEventListener("input",()=>C(m,H)),n.addEventListener("keydown",g=>{g.key==="Escape"&&(g.preventDefault(),h().close(),t.commands.focus())}),R.addEventListener("click",()=>{if(e.onBack){e.onBack();return}Z(W({editor:t,link:r,validate:o,isAllowedUri:e.isAllowedUri,nodePos:e.nodePos,markName:e.markName}))}),n.addEventListener("submit",g=>{g.preventDefault();let k=c.value.trim(),y=f.value.trim(),b=!1;if(k||(A(a,p),b=!0),I(y,{customValidator:o})||(A(m,H),b=!0),b)return;let u=e.markName??M;if(!t.chain().focus().extendMarkRange(u).editHyperlink({newURL:y,newText:k}).run()){if(!t.isActive(u)){h().close();return}A(m,H);return}h().close()}),a.append(l,c,p),m.append(v,f,H),i.append(a,m),s.append(R,L),n.append(i,s),queueMicrotask(()=>c.focus()),n}function ge(e){let{editor:t}=e,{popovers:r}=K(t,"openEditHyperlink"),n=(r.editHyperlink??ne)(e);if(!n)return;let i=oe(t,e.link,e.nodePos),s=!1,a=_({coordinates:{getBoundingClientRect:()=>{if(i=i?oe(t,i,e.nodePos):null,!i)return s||(s=!0,queueMicrotask(()=>a.hide())),{x:-9999,y:-9999,width:0,height:0};let l=i.getBoundingClientRect();return{x:l.left,y:l.top,width:l.width,height:l.height}},contextElement:t.view.dom},content:n,placement:"bottom",showArrow:!0,role:"dialog",ariaLabel:"Edit link",onHide:x});h().adopt(a,"edit",{element:a.element,referenceElement:null}),V(t,a),a.show()}var Te=(e,t,r)=>{let o=d("button",{type:"button",className:e,innerHTML:r});return o.setAttribute("aria-label",t),Le(o,t),o};function ie(e){let{link:t,editor:r}=e,o=e.attrs.href??"",n=w(o)?o:"",i=e.isAllowedUri??w,s=d("div",{className:"hyperlink-preview-popover"}),a=Te("remove","Remove link",be()),l=Te("copy","Copy link",xe()),c=Te("edit","Edit link",we()),p=d("a",{target:"_blank",rel:"noopener noreferrer",href:n,innerText:o});return p.addEventListener("click",m=>{m.preventDefault(),n&&i(n)&&window.open(n,"_blank",B)}),a.addEventListener("click",()=>{h().close(),r.chain().focus().unsetHyperlink().run()}),c.addEventListener("click",()=>{ge({editor:r,link:t,nodePos:e.nodePos,validate:e.validate,isAllowedUri:e.isAllowedUri})}),l.addEventListener("click",()=>{He(o,m=>{m&&h().close()})}),s.append(p,l,c,a),s}function Z(e){let{editor:t}=e,{popovers:r}=K(t,"openPreviewHyperlink"),n=(r.previewHyperlink??ie)(e);if(!n)return!1;let i=_({referenceElement:e.link,content:n,placement:"bottom",showArrow:!0,role:"toolbar",onHide:x});return h().adopt(i,"preview",{element:i.element,referenceElement:e.link}),V(t,i),i.show(),!0}function se(e,t){let r=e.target;if(!r)return null;let o=r.closest("a");return!o||!t.contains(o)?null:o}function et(e,t){return t.urls.forRead(e).navigable}function Qe(e,t,r,o){let n=W({editor:r.editor,link:t,validate:r.validate,isAllowedUri:l=>r.urls.forRead(l).navigable}),i=n.attrs.href??t.getAttribute("href"),s=t.target||n.attrs.target||"_blank";if(!r.previewPopover)return!e.editable&&et(i,r)&&window.open(i,s,B),!e.editable;if(!i)return h().close(),!0;if(!Z(n))return!0;if(o!==void 0){let{from:l,to:c}=e.state.selection;if(r.options.enableClickSelection&&e.editable&&l===c){let p=Je(e.state.doc.resolve(o),r.type);p?r.editor.chain().focus(o).setTextSelection(p).run():r.editor.chain().focus(o===0?"start":o).run()}else{let p=Je(e.state.doc.resolve(o),r.type),m=!!p&&l<p.to&&c>p.from,v=l===c||!m?o:{from:l,to:c};r.editor.chain().focus(o===0?"start":o).setTextSelection(v).run()}}return!0}function tt(e){return new hr({key:new kr("hyperlinkClickHandler"),view(t){let r=i=>{i.button!==0||!se(i,t.dom)||(i.preventDefault(),i.stopPropagation())},o=i=>{if(i.button!==0)return;se(i,t.dom)&&i.preventDefault()},n=i=>{if(i.button!==1)return;let s=se(i,t.dom);if(!s)return;i.preventDefault(),i.stopPropagation();let{attrs:a}=W({editor:e.editor,link:s}),l=a.href??s.getAttribute("href");et(l,e)&&window.open(l,"_blank",B)};return t.dom.addEventListener("mousedown",r,!0),t.dom.addEventListener("click",o,!0),t.dom.addEventListener("auxclick",n,!0),{destroy(){t.dom.removeEventListener("mousedown",r,!0),t.dom.removeEventListener("click",o,!0),t.dom.removeEventListener("auxclick",n,!0)}}},props:{handleDOMEvents:{touchend:(t,r)=>{let o=se(r,t.dom);if(!o)return!1;r.preventDefault();let{clientX:n,clientY:i}=r.changedTouches[0],s=t.posAtCoords({left:n,top:i});return Qe(t,o,e,s?.pos)},click:(t,r)=>{if(r.button!==0)return!1;let o=se(r,t.dom);if(!o)return!1;r.preventDefault();let n=t.posAtCoords({left:r.clientX,top:r.clientY});return Qe(t,o,e,n?.pos)}}}})}import{InputRule as vr}from"@tiptap/core";var Er=/(\[([^\]]+)\]\(([^)]+)\))$/;function rt(e){return new vr({find:Er,handler:({state:t,range:r,match:o})=>{let[,,n,i]=o,{tr:s}=t,a=r.from,l=r.to,[c]=e.urls.forWrite({kind:"href",href:i});if(!c)return;let p=t.doc.nodeAt(a)?.marks.filter(m=>m.type!==e.type)??[];s.replaceWith(a,l,t.schema.text(n,p)),s.addMark(a,a+n.length,e.type.create({href:c.href}))}})}import{Plugin as Lr,PluginKey as Hr}from"@tiptap/pm/state";import{find as xr}from"linkifyjs";function ot(e){return new Lr({key:new Hr("hyperlinkPasteHandler"),props:{handlePaste:(t,r,o)=>{let{selection:n}=t.state;if(n.empty)return!1;let i="";o.content.forEach(l=>{i+=l.textContent});let s=xr(i).find(l=>l.isLink&&l.value===i);if(!i||!s)return!1;let[a]=e.urls.forWrite({kind:"match",match:s});return a?e.editor.chain().setHyperlink({href:a.href}).run():!1}}})}import{markPasteRule as br}from"@tiptap/core";import{find as wr}from"linkifyjs";function nt(e){return br({find:t=>wr(t).filter(r=>r.isLink).flatMap(r=>{let[o]=e.urls.forWrite({kind:"match",match:r});return o?[{text:r.value,index:r.start,data:{href:o.href}}]:[]}),type:e.type,getAttributes:t=>({href:t.data.href})})}function Ar(e){return fe({defaultProtocol:e.defaultProtocol,gate:ze({isAllowedUri:e.isAllowedUri,protocols:e.protocols,defaultProtocol:e.defaultProtocol}),validate:e.validate,shouldAutoLink:e.shouldAutoLink})}function Me({editor:e,type:t,options:r}){return{type:t,editor:e,urls:Ar(r),options:r,validate:r.validate,previewPopover:r.popovers.previewHyperlink??null}}function he(e){let t=[];return e.options.autolink&&t.push(je(e)),e.options.openOnClick&&t.push(tt(e)),e.options.linkOnPaste&&t.push(ot(e)),{inputRules:[rt(e)],pasteRules:[nt(e)],plugins:t}}var it=new Set;function st(e,t){it.has(e)||(it.add(e),Tr(e,t))}var at=Cr.create({name:M,priority:1e3,keepOnSplit:!1,inclusive:!1,markdownTokenName:"link",parseMarkdown:(e,t)=>{let r=q(e.href||"");return t.applyMark(M,t.parseInline(e.tokens??[]),{href:w(r)?r:""})},renderMarkdown:(e,t,r)=>{let o=t.renderChildren(e),n=e.attrs?.href||"",i=(w(n)?n:"").replace(/\)/g,"%29").replace(/\s/g,"%20");return`[${o}](${i})`},addStorage(){return{context:null}},onCreate(){this.options.protocols.forEach(e=>{typeof e=="string"?st(e):st(e.scheme,e.optionalSlashes)})},onDestroy(){Ke(this.editor)},addOptions(){return{openOnClick:!0,linkOnPaste:!0,autolink:!0,protocols:[],HTMLAttributes:{target:null,rel:"noopener noreferrer nofollow",class:null},popovers:{previewHyperlink:null,editHyperlink:null,createHyperlink:null},validate:void 0,defaultProtocol:F,isAllowedUri:void 0,shouldAutoLink:void 0,enableClickSelection:!1,exitable:!1}},addAttributes(){return{href:{default:null},target:{default:this.options.HTMLAttributes.target,rendered:!1},rel:{default:this.options.HTMLAttributes.rel},class:{default:this.options.HTMLAttributes.class,parseHTML:()=>null,rendered:!1},title:{default:null},image:{default:null,rendered:!1}}},parseHTML(){return[{tag:"a[href]",getAttrs:e=>{if(typeof e=="string")return!1;let t=e.getAttribute("href")??"";return w(t)?null:!1}}]},renderHTML({HTMLAttributes:e}){let t=w(e.href)?e:{...e,href:""};return["a",Pr(this.options.HTMLAttributes,t),0]},addCommands(){return Ye({markName:this.name,options:this.options,urls:ke(this).urls})},addKeyboardShortcuts(){let e={"Mod-k":()=>this.editor.commands.openCreateHyperlinkPopover()};return this.options.exitable&&(e.ArrowRight=()=>Mr(this.editor,this.type)),e},addInputRules(){return he(ke(this)).inputRules},addPasteRules(){return he(ke(this)).pasteRules},addProseMirrorPlugins(){return he(ke(this)).plugins}});function ke(e){if(e.storage.context)return e.storage.context;let t=Me({editor:e.editor,type:e.type,options:e.options});return e.storage.context=t,t}function Mr(e,t){let{state:r}=e,{selection:o,tr:n}=r;if(!o.empty)return!1;let i=o.$from,s=i.nodeAfter;return(i.nodeBefore?.marks.some(p=>p.type===t)??!1)&&(!s||!s.marks.some(p=>p.type===t))&&(n.setStoredMarks((r.storedMarks??i.marks()).filter(p=>p.type!==t)),e.view.dispatch(n)),!1}import{registerCustomProtocol as bi}from"linkifyjs";var fi=at;export{xe as Copy,qe as DANGEROUS_SCHEME_RE,We as DEFAULT_OFFSET,at as Hyperlink,be as LinkOff,we as Pencil,B as SAFE_WINDOW_FEATURES,Le as attachTooltip,W as buildPreviewOptionsFromAnchor,He as copyToClipboard,d as createHTMLElement,re as createHyperlinkPopover,_ as createPopover,fi as default,ne as editHyperlinkPopover,h as getDefaultController,Ce as getSpecialUrlInfo,x as hideTooltip,w as isSafeHref,q as normalizeHref,de as openCreateHyperlink,ge as openEditHyperlink,Z as openPreviewHyperlink,ie as previewHyperlinkPopover,bi as registerCustomProtocol,I as validateURL};
+//# sourceMappingURL=index.js.map