wehub-resource-sync
419 lines
22 KiB
JavaScript
Vendored
419 lines
22 KiB
JavaScript
Vendored
// 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 */);
|
|
});
|