cryptpad/www/pad/links.js

// SPDX-FileCopyrightText: 2023 XWiki CryptPad Team <contact@cryptpad.org> and contributors
//
// SPDX-License-Identifier: AGPL-3.0-or-later

define([
    'jquery',
    '/common/hyperscript.js',
    '/common/common-ui-elements.js',
    '/customize/messages.js'
], function ($, h, UIElements, Messages) {

    var onLinkClicked = function (e, inner, openLinkSetting, editor) {
        var $target = $(e.target);
        if (!$target.is('a')) {
            $target = $target.closest('a');
            if (!$target.length) { return; }
        }
        var href = $target.attr('href');
        if (!href) { return; }
        var $inner = $(inner);

        e.preventDefault();
        e.stopPropagation();

        var open = function () {
            if (href[0] === '#') {
                try {
                    var foundAnchor = false;
                    $inner.find('.cke_anchor[data-cke-realelement]').each(function (j, el) {
                        if (foundAnchor) { return; }
                        var i = editor.restoreRealElement($(el));
                        var node = i.$;
                        if (node.id === href.slice(1)) {
                            el.scrollIntoView();
                            foundAnchor = true;
                        }
                    });
                    if (!foundAnchor) {
                        var anchorsById = $inner.find('#' + href.slice(1));
                        if (anchorsById.length) { anchorsById[0].scrollIntoView(); }
                    }
                } catch (err) {}
                return;
            }

            var bounceHref = window.location.origin + '/bounce/#' + encodeURIComponent(href);
            window.open(bounceHref);
        };

        if (openLinkSetting) { return void open(); }

        var $iframe = $('html').find('iframe').contents();

        var rect = e.target.getBoundingClientRect();
        var rect0 = inner.getBoundingClientRect();
        var l = (rect.left - rect0.left)+'px';
        var t = rect.bottom + $iframe.scrollTop() +'px';

        var text = href;
        if (text[0] === '#') { text = Messages.pad_goToAnchor; }
        var a = h('a', { href: href}, text);
        var link = h('div.cp-link-clicked.non-realtime', {
            contenteditable: false,
            style: 'top:'+t+';left:'+l
        }, [ a ]);
        var $link = $(link);
        $inner.append(link);

        if (rect.left + $link.outerWidth() - rect0.left > $inner.width()) {
            $link.css('left', 'unset');
            $link.css('right', 0);
        }

        $(a).click(function (ee) {
            ee.preventDefault();
            ee.stopPropagation();
            open();
            $link.remove();
        });
        $link.on('mouseleave', function () {
            $link.remove();
        });
    };
    var removeClickedLink = function ($inner) {
        $inner.find('.cp-link-clicked').remove();
    };

    return {
        init : function (Ckeditor, editor, openLinkSetting) {
            if (!Ckeditor.plugins.link) { return; }

            var inner = editor.document.$.body;
            var $inner = $(inner);
            // Bubble to open the link in a new tab
            $inner.click(function (e) {
                removeClickedLink($inner);
                if (e.target.nodeName.toUpperCase() === 'A' || $(e.target).closest('a').length) {
                    return void onLinkClicked(e, inner, openLinkSetting, editor);
                }
            });



            // Adds a context menu entry to open the selected link in a new tab.
            var getActiveLink = function() {
                var anchor = Ckeditor.plugins.link.getSelectedLink(editor);
                // We need to do some special checking against widgets availability.
                var activeWidget = editor.widgets && editor.widgets.focused;
                // If default way of getting links didn't return anything useful..
                if (!anchor && activeWidget && activeWidget.name === 'image' && activeWidget.parts.link) {
                    // Since CKEditor 4.4.0 image widgets may be linked.
                    anchor = activeWidget.parts.link;
                }
                return anchor;
            };

            editor.addCommand( 'openLink', {
                exec: function() {
                    var anchor = getActiveLink();
                    if (anchor) {
                        var href = anchor.getAttribute('href');
                        if (href) {
                            var bounceHref = window.location.origin + '/bounce/#' + encodeURIComponent(href);
                            window.open(bounceHref);
                        }
                    }
                }
            });
            if (typeof editor.addMenuItem === 'function') {
                editor.addMenuItem('openLink', {
                    label: Messages.openLinkInNewTab,
                    command: 'openLink',
                    group: 'link',
                    order: -1
                });
            }
            if (editor.contextMenu) {
                editor.contextMenu.addListener(function(startElement) {
                    if (startElement) {
                        var anchor = getActiveLink();
                        if (anchor && anchor.getAttribute('href')) {
                            return {openLink: Ckeditor.TRISTATE_OFF};
                        }
                    }
                });
                editor.contextMenu._.panelDefinition.css.push('.cke_button__openLink_icon {' +
                    Ckeditor.skin.getIconStyle('link') + '}');
            }
        }
    };
});