oxios-web 0.2.0

// HyperMD, copyright (c) by laobubu
// Distributed under an MIT license: http://laobubu.net/HyperMD/LICENSE
//
// DESCRIPTION: Click to open links / jump to footnotes / toggle TODOs, and more.
//
// With custom ClickHandler supported
//

(function (mod){ //[HyperMD] UMD patched!
    /*commonjs*/  ("object"==typeof exports&&"undefined"!=typeof module) ? mod(null, exports, require("codemirror"), require("../core"), require("./read-link")) :
        /*amd*/       ("function"==typeof define&&define.amd) ? define(["require","exports","codemirror","../core","./read-link"], mod) :
            /*plain env*/ mod(null, (this.HyperMD.Click = this.HyperMD.Click || {}), CodeMirror, HyperMD, HyperMD.ReadLink);
})(function (require, exports, CodeMirror, core_1, read_link_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    //#endregion
    /********************************************************************************** */
    //#region defaultClickHandler
    // This function doesn't seem to have any effect
    exports.defaultClickHandler = function (info, cm) {
        var text = info.text, type = info.type, url = info.url, pos = info.pos;
        if (type === 'url' || type === 'link') {
            var footnoteRef = text.match(/\[[^\[\]]+\](?:\[\])?$/); // bare link, footref or [foot][] . assume no escaping char inside
            if (footnoteRef && info.altKey) {
                // extract footnote part (with square brackets), then jump to the footnote
                text = footnoteRef[0];
                if (text.slice(-2) === '[]')
                    text = text.slice(0, -2); // remove [] of [foot][]
                type = "footref";
            }
            // PATCHED add meta key, open only regular links
            else if ((info.ctrlKey || info.altKey || info.metaKey) && url) {
                var token = cm.getTokenAt(pos);
                if (token.type === "url") {
                    window.open(url, "_blank");
                }
            }
        }
        if (type === 'todo') {
            var _a = core_1.expandRange(cm, pos, "formatting-task"), from = _a.from, to = _a.to;
            var text_1 = cm.getRange(from, to);
            text_1 = (text_1 === '[ ]') ? '[x]' : '[ ]';
            cm.replaceRange(text_1, from, to);
        }
        // PATCHED add meta key
        if (type === 'footref' && (info.ctrlKey || info.altKey || info.metaKey)) {
            // Jump to FootNote
            var footnote_name = text.slice(1, -1);
            var footnote = cm.hmdReadLink(footnote_name, pos.line);
            if (footnote) {
                makeBackButton(cm, footnote.line, pos);
                cm.setCursor({ line: footnote.line, ch: 0 });
            }
        }
    };
    /**
     * Display a "go back" button. Requires "HyperMD-goback" gutter set.
     *
     * maybe not useful?
     *
     * @param line where to place the button
     * @param anchor when user click the back button, jumps to here
     */
    var makeBackButton = (function () {
        var bookmark = null;
        function updateBookmark(cm, pos) {
            if (bookmark) {
                cm.clearGutter("HyperMD-goback");
                bookmark.clear();
            }
            bookmark = cm.setBookmark(pos);
        }
        /**
         * Make a button, bind event handlers, but not insert the button
         */
        function makeButton(cm) {
            var hasBackButton = cm.options.gutters.indexOf("HyperMD-goback") != -1;
            if (!hasBackButton)
                return null;
            var backButton = document.createElement("div");
            backButton.className = "HyperMD-goback-button";
            backButton.addEventListener("click", function () {
                cm.setCursor(bookmark.find());
                cm.clearGutter("HyperMD-goback");
                bookmark.clear();
                bookmark = null;
            });
            var _tmp1 = cm.display.gutters.children;
            _tmp1 = _tmp1[_tmp1.length - 1];
            _tmp1 = _tmp1.offsetLeft + _tmp1.offsetWidth;
            backButton.style.width = _tmp1 + "px";
            backButton.style.marginLeft = -_tmp1 + "px";
            return backButton;
        }
        return function (cm, line, anchor) {
            var backButton = makeButton(cm);
            if (!backButton)
                return;
            backButton.innerHTML = (anchor.line + 1) + "";
            updateBookmark(cm, anchor);
            cm.setGutterMarker(line, "HyperMD-goback", backButton);
        };
    })();
    exports.defaultOption = {
        enabled: false,
        handler: null,
    };
    exports.suggestedOption = {
        enabled: true,
    };
    core_1.suggestedEditorConfig.hmdClick = exports.suggestedOption;
    CodeMirror.defineOption("hmdClick", exports.defaultOption, function (cm, newVal) {
        ///// convert newVal's type to `Partial<Options>`, if it is not.
        if (!newVal || typeof newVal === "boolean") {
            newVal = { enabled: !!newVal };
        }
        else if (typeof newVal === "function") {
            newVal = { enabled: true, handler: newVal };
        }
        ///// apply config and write new values into cm
        var inst = exports.getAddon(cm);
        for (var k in exports.defaultOption) {
            inst[k] = (k in newVal) ? newVal[k] : exports.defaultOption[k];
        }
    });
    //#endregion
    /********************************************************************************** */
        //#region Addon Class
    var Click = /** @class */ (function () {
            function Click(cm) {
                var _this = this;
                this.cm = cm;
                /** remove modifier className to editor DOM */
                this._mouseMove_keyDetect = function (ev) {
                    var el = _this.el;
                    var className = el.className, newClassName = className;
                    var altClass = "HyperMD-with-alt";
                    var ctrlClass = "HyperMD-with-ctrl";
                    // PATCHED meta key support
                    if ((!ev.altKey && !ev.metaKey) && className.indexOf(altClass) >= 0) {
                        newClassName = className.replace(altClass, "");
                    }
                    if (!ev.ctrlKey && className.indexOf(ctrlClass) >= 0) {
                        newClassName = className.replace(ctrlClass, "");
                    }
                    // PATCHED add meta key
                    if (!ev.altKey && !ev.ctrlKey && !ev.metaKey) {
                        _this._KeyDetectorActive = false;
                        el.removeEventListener('mousemove', _this._mouseMove_keyDetect, false);
                    }
                    if (className != newClassName)
                        el.className = newClassName.trim();
                };
                /** add modifier className to editor DOM */
                this._keyDown = function (ev) {
                    var kc = ev.keyCode || ev.which;
                    var className = "";
                    if (kc == 17)
                        className = "HyperMD-with-ctrl";
                    if (kc == 18)
                        className = "HyperMD-with-alt";
                    // PATCHED meta-key support (cmd on mac)
                    if (kc == 91 || kc == 93) className = "HyperMD-with-meta"; // Meta key (Cmd)
                        className = "HyperMD-with-alt";
                    var el = _this.el;
                    if (className && el.className.indexOf(className) == -1) {
                        el.className += " " + className;
                    }
                    if (!_this._KeyDetectorActive) {
                        _this._KeyDetectorActive = true;
                        _this.el.addEventListener('mousemove', _this._mouseMove_keyDetect, false);
                    }
                };
                /**
                 * Unbind _mouseUp, then call ClickHandler if mouse not bounce
                 */
                this._mouseUp = function (ev) {
                    var cinfo = _this._cinfo;
                    _this.lineDiv.removeEventListener("mouseup", _this._mouseUp, false);
                    if (Math.abs(ev.clientX - cinfo.clientX) > 5 || Math.abs(ev.clientY - cinfo.clientY) > 5)
                        return;
                    if (typeof _this.handler === 'function' && _this.handler(cinfo, _this.cm) === false)
                        return;
                    exports.defaultClickHandler(cinfo, _this.cm);
                };
                /**
                 * Try to construct ClickInfo and bind _mouseUp
                 */
                this._mouseDown = function (ev) {
                    // PATCHED add metakey
                    var button = ev.button, clientX = ev.clientX, clientY = ev.clientY, ctrlKey = ev.ctrlKey, altKey = ev.altKey, shiftKey = ev.shiftKey, metaKey = ev.metaKey;
                    var cm = _this.cm;
                    if (ev.target.tagName === "PRE")
                        return;
                    var pos = cm.coordsChar({ left: clientX, top: clientY }, "window");
                    var range;
                    var token = cm.getTokenAt(pos);
                    var state = token.state;
                    var styles = " " + token.type + " ";
                    var mat;
                    var type = null;
                    var text, url;
                    // // PATCHED, don't follow if we click on text inside ()
                    let noMetaIsPressed = !metaKey && !ctrlKey && !altKey;
                    let shouldIgnoreClick = token.type === "string url" || token.type === "formatting formatting-link-string string url";
                    if (noMetaIsPressed && shouldIgnoreClick) {
                        // PATCHED If not safari browser - return
                        let isSafari =  /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
                        if (!isSafari) {
                            return;
                        }
                    }

                    if (mat = styles.match(/\s(image|link|url)\s/)) {
                        // Could be a image, link, bare-link, footref, footnote, plain url, plain url w/o angle brackets
                        type = mat[1];
                        var isBareLink = /\shmd-barelink\s/.test(styles);
                        if (state.linkText) {
                            // click on content of a link text.
                            range = core_1.expandRange(cm, pos, function (token) { return token.state.linkText || /(?:\s|^)link(?:\s|$)/.test(token.type); });
                            type = "link";
                        }
                        else {
                            range = core_1.expandRange(cm, pos, type);
                        }
                        if (/^(?:image|link)$/.test(type) && !isBareLink) {
                            // CodeMirror breaks [text] and (url)
                            // Let HyperMD mode handle it!
                            var tmp_range = core_1.expandRange(cm, { line: pos.line, ch: range.to.ch + 1 }, "url");
                            if (tmp_range)
                                range.to = tmp_range.to;
                        }
                        text = cm.getRange(range.from, range.to).trim();
                        // now extract the URL. boring job
                        var tmp = void 0;
                        let isRegularLink = text.slice(-1) === ')' && (tmp = text.lastIndexOf('](')) !== -1 // xxxx](url)     image / link without ref
                        // PATCHED, add support for wiki linkgs
                        let isWikiLink = text.startsWith('[[');
                        if (isRegularLink || isWikiLink) {
                            // PATCHED, ignore click if the link is unfolded
                            var target = ev.target;
                            var parent = target.parentElement;
                            if (noMetaIsPressed && parent) {
                                // Check all sibling elements for cm-string cm-url without hmd-hidden-token
                                var siblings = parent.children;
                                let isUnfolded = false;
                                for (var i = 0; i < siblings.length; i++) {
                                    var sibling = siblings[i];
                                    if (sibling.className) {
                                        let isLink = sibling.className.includes('cm-formatting') && sibling.className.includes('cm-link');
                                        let hasHiddenLinkPart = sibling.className.includes('hmd-hidden-token');
                                        let isUrl = sibling.className.includes('cm-formatting') && sibling.className.includes('cm-url');
                                        let hasHiddenUrlPart = sibling.className.includes('hmd-hidden-token');
                                        let isHiddenWikiLink =  sibling.className.includes('cm-formatting') && sibling.className.includes('cm-formatting-link') && sibling.className.includes('cm-link') && !sibling.className.includes('hmd-hidden-token');
                                        if ((isLink && !hasHiddenLinkPart) || (isUrl && !hasHiddenUrlPart) || isHiddenWikiLink) {
                                            isUnfolded = true;
                                            break;
                                        }
                                    }
                                }
                                if (isUnfolded) {
                                    return;
                                }
                            }

                            // PATCHED, add non-wiki links support
                            if (isWikiLink) {
                                url = "[" + text.match(/\[\[([^\]]+)\]\]/)[1] + "]"; //
                                // PATCHED, we don't want cursor to be placed if we clicked on a link
                                ev.preventDefault();
                                ev.stopPropagation();
                                cm.hmdReadLink(cm.hmdResolveURL(url));
                            } else if (typeof read_link_1 === 'undefined') {
                                // PATCHED, slice from `](` to the final `)` rather than
                                // regex-matching `\(([^)]+)\)`, so URLs containing `(` or
                                // `)` (e.g. `/New%20file(1).md`) aren't truncated at the
                                // first closing paren.
                                var rawUrl = text.slice(tmp + 2, -1);
                                // PATCHED, http takes precedence over .md — github.com/foo.md is a URL,
                                // not an internal file. Open externally.
                                if (rawUrl.startsWith('http://') || rawUrl.startsWith('https://')) {
                                    ev.preventDefault();
                                    ev.stopPropagation();
                                    window.open(rawUrl, '_blank');
                                } else {
                                    url = "[" + rawUrl + "]"; // PATCHED for non-wiki links
                                    url = url.replace(/\.md]$/, "]");
                                    // PATCHED, we don't want cursor to be placed if we clicked on a link
                                    ev.preventDefault();
                                    ev.stopPropagation();
                                    cm.hmdReadLink(cm.hmdResolveURL(url));
                                }
                            } else {
                                // remove title part (if exists)
                                url = read_link_1.splitLink(text.slice(tmp + 2, -1)).url;
                            }
                        }
                        else if ((mat = text.match(/[^\\]\]\s?\[([^\]]+)\]$/)) || // .][ref]     image / link with ref
                            (mat = text.match(/^\[(.+)\]\s?\[\]$/)) || // [ref][]
                            (mat = text.match(/^\[(.+)\](?:\:\s*)?$/)) // [barelink] or [^ref] or [footnote]:
                        ) {
                            if (isBareLink && mat[1].charAt(0) === '^')
                                type = 'footref';
                            var t2 = cm.hmdReadLink(mat[1], pos.line);
                            if (!t2)
                                url = null;
                            else {
                                // remove title part (if exists)
                                if (read_link_1 && typeof read_link_1.splitLink === 'function') {
                                    url = read_link_1.splitLink(t2.content).url;
                                }
                            }
                        }
                        else if ((mat = text.match(/^\<(.+)\>$/)) || // <http://laobubu.net>
                            (mat = text.match(/^\((.+)\)$/)) || // (http://laobubu.net)
                            (mat = [null, text]) // http://laobubu.net    last possibility: plain url w/o < >
                        ) {
                            url = mat[1];
                        }
                        url = cm.hmdResolveURL(url);
                    }
                    else if (styles.match(/\sformatting-task\s/)) {
                        // TO-DO checkbox
                        type = "todo";
                        range = core_1.expandRange(cm, pos, "formatting-task");
                        range.to.ch = cm.getLine(pos.line).length;
                        text = cm.getRange(range.from, range.to);
                        url = null;

                        // PATCHED - prevent cursor placement
                        ev.preventDefault();
                        ev.stopPropagation();
                    }
                    else if (styles.match(/\shashtag/)) {
                        type = "hashtag";
                        range = core_1.expandRange(cm, pos, "hashtag");
                        text = cm.getRange(range.from, range.to);
                        url = null;
                    }
                    if (type !== null) {
                        _this._cinfo = {
                            type: type, text: text, url: url, pos: pos,
                            button: button, clientX: clientX, clientY: clientY,
                            ctrlKey: ctrlKey, altKey: altKey, shiftKey: shiftKey, metaKey: metaKey
                        };
                        _this.lineDiv.addEventListener('mouseup', _this._mouseUp, false);
                    }
                };
                // PATCHED touch support — taps on touch screens never produce
                // synthesized mouse events here (CodeMirror's own touchend
                // calls preventDefault), so route taps directly into _mouseDown
                // by handing it a mouse-event-shaped synthetic. Only fires when
                // touchstart→touchend stayed in place (≤10px) so drags/scrolls
                // don't accidentally open links.
                this._touchStartXY = null;
                this._touchStart = function (ev) {
                    if (ev.touches.length === 1) {
                        _this._touchStartXY = { x: ev.touches[0].clientX, y: ev.touches[0].clientY };
                    } else {
                        _this._touchStartXY = null;
                    }
                };
                this._touchEnd = function (ev) {
                    var startXY = _this._touchStartXY;
                    _this._touchStartXY = null;
                    if (!startXY || ev.changedTouches.length !== 1) return;
                    var touch = ev.changedTouches[0];
                    if (Math.abs(touch.clientX - startXY.x) > 10 || Math.abs(touch.clientY - startXY.y) > 10) return;
                    var target = document.elementFromPoint(touch.clientX, touch.clientY);
                    if (!target) return;
                    _this._mouseDown({
                        target: target,
                        clientX: touch.clientX,
                        clientY: touch.clientY,
                        button: 0,
                        ctrlKey: false, altKey: false, metaKey: false, shiftKey: false,
                        preventDefault: function () {},
                        stopPropagation: function () {}
                    });
                };
                this.lineDiv = cm.display.lineDiv;
                var el = this.el = cm.getWrapperElement();
                new core_1.FlipFlop(
                    // PATCHED, added global event listener, so that even if our cm is not focused - pointer would appear on links
                    /* ON  */ function () {
                        _this.lineDiv.addEventListener("mousedown", _this._mouseDown, false);
                        // PATCHED
                        _this.lineDiv.addEventListener("touchstart", _this._touchStart, false);
                        // PATCHED
                        _this.lineDiv.addEventListener("touchend", _this._touchEnd, false);
                        document.addEventListener("keydown", _this._keyDown, false);  // Changed to document
                        document.addEventListener("keyup", _this._keyUp, false);      // Add keyup
                    },
                    /* OFF */ function () {
                        _this.lineDiv.removeEventListener("mousedown", _this._mouseDown, false);
                        // PATCHED
                        _this.lineDiv.removeEventListener("touchstart", _this._touchStart, false);
                        // PATCHED
                        _this.lineDiv.removeEventListener("touchend", _this._touchEnd, false);
                        document.removeEventListener("keydown", _this._keyDown, false);  // Changed to document
                        document.removeEventListener("keyup", _this._keyUp, false);      // Remove keyup
                    }).bind(this, "enabled", true);
                    // /* ON  */ function () {
                    //     _this.lineDiv.addEventListener("mousedown", _this._mouseDown, false);
                    //     el.addEventListener("keydown", _this._keyDown, false);
                    // },
                    // /* OFF */ function () {
                    //     _this.lineDiv.removeEventListener("mousedown", _this._mouseDown, false);
                    //     el.removeEventListener("keydown", _this._keyDown, false);
                    // }).bind(this, "enabled", true);
            }
            return Click;
        }());
    exports.Click = Click;
    //#endregion
    /** ADDON GETTER (Singleton Pattern): a editor can have only one Click instance */
    exports.getAddon = core_1.Addon.Getter("Click", Click, exports.defaultOption /** if has options */);
});