Show More
jquery.mark.js
490 lines
| 19.7 KiB
| application/javascript
|
JavascriptLexer
r48 | /*!*************************************************** | |||
* mark.js v6.1.0 | ||||
* https://github.com/julmot/mark.js | ||||
* Copyright (c) 2014–2016, Julian Motz | ||||
* Released under the MIT license https://git.io/vwTVl | ||||
*****************************************************/ | ||||
"use strict"; | ||||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); | ||||
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; | ||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||||
(function (factory, window, document) { | ||||
if (typeof define === "function" && define.amd) { | ||||
define(["jquery"], function (jQuery) { | ||||
return factory(window, document, jQuery); | ||||
}); | ||||
} else if ((typeof exports === "undefined" ? "undefined" : _typeof(exports)) === "object") { | ||||
factory(window, document, require("jquery")); | ||||
} else { | ||||
factory(window, document, jQuery); | ||||
} | ||||
})(function (window, document, $) { | ||||
var Mark = function () { | ||||
function Mark(ctx) { | ||||
_classCallCheck(this, Mark); | ||||
this.ctx = ctx; | ||||
} | ||||
_createClass(Mark, [{ | ||||
key: "log", | ||||
value: function log(msg) { | ||||
var level = arguments.length <= 1 || arguments[1] === undefined ? "debug" : arguments[1]; | ||||
var log = this.opt.log; | ||||
if (!this.opt.debug) { | ||||
return; | ||||
} | ||||
if ((typeof log === "undefined" ? "undefined" : _typeof(log)) === "object" && typeof log[level] === "function") { | ||||
log[level]("mark.js: " + msg); | ||||
} | ||||
} | ||||
}, { | ||||
key: "escapeStr", | ||||
value: function escapeStr(str) { | ||||
return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"); | ||||
} | ||||
}, { | ||||
key: "createRegExp", | ||||
value: function createRegExp(str) { | ||||
str = this.escapeStr(str); | ||||
if (Object.keys(this.opt.synonyms).length) { | ||||
str = this.createSynonymsRegExp(str); | ||||
} | ||||
if (this.opt.diacritics) { | ||||
str = this.createDiacriticsRegExp(str); | ||||
} | ||||
str = this.createAccuracyRegExp(str); | ||||
return str; | ||||
} | ||||
}, { | ||||
key: "createSynonymsRegExp", | ||||
value: function createSynonymsRegExp(str) { | ||||
var syn = this.opt.synonyms; | ||||
for (var index in syn) { | ||||
if (syn.hasOwnProperty(index)) { | ||||
var value = syn[index], | ||||
k1 = this.escapeStr(index), | ||||
k2 = this.escapeStr(value); | ||||
str = str.replace(new RegExp("(" + k1 + "|" + k2 + ")", "gmi"), "(" + k1 + "|" + k2 + ")"); | ||||
} | ||||
} | ||||
return str; | ||||
} | ||||
}, { | ||||
key: "createDiacriticsRegExp", | ||||
value: function createDiacriticsRegExp(str) { | ||||
var dct = ["aÀÁÂÃÄÅàáâãäåĀāąĄ", "cÇçćĆčČ", "dđĐďĎ", "eÈÉÊËèéêëěĚĒēęĘ", "iÌÍÎÏìíîïĪī", "lłŁ", "nÑñňŇńŃ", "oÒÓÔÕÕÖØòóôõöøŌō", "rřŘ", "sŠšśŚ", "tťŤ", "uÙÚÛÜùúûüůŮŪū", "yŸÿýÝ", "zŽžżŻźŹ"]; | ||||
var handled = []; | ||||
str.split("").forEach(function (ch) { | ||||
dct.every(function (dct) { | ||||
if (dct.indexOf(ch) !== -1) { | ||||
if (handled.indexOf(dct) > -1) { | ||||
return false; | ||||
} | ||||
str = str.replace(new RegExp("[" + dct + "]", "gmi"), "[" + dct + "]"); | ||||
handled.push(dct); | ||||
} | ||||
return true; | ||||
}); | ||||
}); | ||||
return str; | ||||
} | ||||
}, { | ||||
key: "createAccuracyRegExp", | ||||
value: function createAccuracyRegExp(str) { | ||||
switch (this.opt.accuracy) { | ||||
case "partially": | ||||
return "()(" + str + ")"; | ||||
case "complementary": | ||||
return "()(\\S*" + str + "\\S*)"; | ||||
case "exactly": | ||||
return "(^|\\s)(" + str + ")(?=\\s|$)"; | ||||
} | ||||
} | ||||
}, { | ||||
key: "getSeparatedKeywords", | ||||
value: function getSeparatedKeywords(sv) { | ||||
var _this = this; | ||||
var stack = []; | ||||
sv.forEach(function (kw) { | ||||
if (!_this.opt.separateWordSearch) { | ||||
if (kw.trim()) { | ||||
stack.push(kw); | ||||
} | ||||
} else { | ||||
kw.split(" ").forEach(function (kwSplitted) { | ||||
if (kwSplitted.trim()) { | ||||
stack.push(kwSplitted); | ||||
} | ||||
}); | ||||
} | ||||
}); | ||||
return { | ||||
"keywords": stack, | ||||
"length": stack.length | ||||
}; | ||||
} | ||||
}, { | ||||
key: "getElements", | ||||
value: function getElements() { | ||||
var ctx = void 0, | ||||
stack = []; | ||||
if (typeof this.ctx === "undefined") { | ||||
ctx = []; | ||||
} else if (this.ctx instanceof HTMLElement) { | ||||
ctx = [this.ctx]; | ||||
} else if (Array.isArray(this.ctx)) { | ||||
ctx = this.ctx; | ||||
} else { | ||||
ctx = Array.prototype.slice.call(this.ctx); | ||||
} | ||||
ctx.forEach(function (ctx) { | ||||
stack.push(ctx); | ||||
var childs = ctx.querySelectorAll("*"); | ||||
if (childs.length) { | ||||
stack = stack.concat(Array.prototype.slice.call(childs)); | ||||
} | ||||
}); | ||||
if (!ctx.length) { | ||||
this.log("Empty context", "warn"); | ||||
} | ||||
return { | ||||
"elements": stack, | ||||
"length": stack.length | ||||
}; | ||||
} | ||||
}, { | ||||
key: "matches", | ||||
value: function matches(el, selector) { | ||||
return (el.matches || el.matchesSelector || el.msMatchesSelector || el.mozMatchesSelector || el.webkitMatchesSelector || el.oMatchesSelector).call(el, selector); | ||||
} | ||||
}, { | ||||
key: "matchesFilter", | ||||
value: function matchesFilter(el, exclM) { | ||||
var _this2 = this; | ||||
var remain = true; | ||||
var fltr = this.opt.filter.concat(["script", "style", "title"]); | ||||
if (!this.opt.iframes) { | ||||
fltr = fltr.concat(["iframe"]); | ||||
} | ||||
if (exclM) { | ||||
fltr = fltr.concat(["*[data-markjs='true']"]); | ||||
} | ||||
fltr.every(function (filter) { | ||||
if (_this2.matches(el, filter)) { | ||||
return remain = false; | ||||
} | ||||
return true; | ||||
}); | ||||
return !remain; | ||||
} | ||||
}, { | ||||
key: "onIframeReady", | ||||
value: function onIframeReady(ifr, successFn, errorFn) { | ||||
try { | ||||
(function () { | ||||
var ifrWin = ifr.contentWindow, | ||||
bl = "about:blank", | ||||
compl = "complete"; | ||||
var callCallback = function callCallback() { | ||||
try { | ||||
if (ifrWin.document === null) { | ||||
throw new Error("iframe inaccessible"); | ||||
} | ||||
successFn(ifrWin.document); | ||||
} catch (e) { | ||||
errorFn(); | ||||
} | ||||
}; | ||||
var isBlank = function isBlank() { | ||||
var src = ifr.getAttribute("src").trim(), | ||||
href = ifrWin.location.href; | ||||
return href === bl && src !== bl && src; | ||||
}; | ||||
var observeOnload = function observeOnload() { | ||||
var listener = function listener() { | ||||
try { | ||||
if (!isBlank()) { | ||||
ifr.removeEventListener("load", listener); | ||||
callCallback(); | ||||
} | ||||
} catch (e) { | ||||
errorFn(); | ||||
} | ||||
}; | ||||
ifr.addEventListener("load", listener); | ||||
}; | ||||
if (ifrWin.document.readyState === compl) { | ||||
if (isBlank()) { | ||||
observeOnload(); | ||||
} else { | ||||
callCallback(); | ||||
} | ||||
} else { | ||||
observeOnload(); | ||||
} | ||||
})(); | ||||
} catch (e) { | ||||
errorFn(); | ||||
} | ||||
} | ||||
}, { | ||||
key: "forEachElementInIframe", | ||||
value: function forEachElementInIframe(ifr, cb) { | ||||
var _this3 = this; | ||||
var end = arguments.length <= 2 || arguments[2] === undefined ? function () {} : arguments[2]; | ||||
var open = 0; | ||||
var checkEnd = function checkEnd() { | ||||
if (--open < 1) { | ||||
end(); | ||||
} | ||||
}; | ||||
this.onIframeReady(ifr, function (con) { | ||||
var stack = Array.prototype.slice.call(con.querySelectorAll("*")); | ||||
if ((open = stack.length) === 0) { | ||||
checkEnd(); | ||||
} | ||||
stack.forEach(function (el) { | ||||
if (el.tagName.toLowerCase() === "iframe") { | ||||
(function () { | ||||
var j = 0; | ||||
_this3.forEachElementInIframe(el, function (iel, len) { | ||||
cb(iel, len); | ||||
if (len - 1 === j) { | ||||
checkEnd(); | ||||
} | ||||
j++; | ||||
}, checkEnd); | ||||
})(); | ||||
} else { | ||||
cb(el, stack.length); | ||||
checkEnd(); | ||||
} | ||||
}); | ||||
}, function () { | ||||
var src = ifr.getAttribute("src"); | ||||
_this3.log("iframe '" + src + "' could not be accessed", "warn"); | ||||
checkEnd(); | ||||
}); | ||||
} | ||||
}, { | ||||
key: "forEachElement", | ||||
value: function forEachElement(cb) { | ||||
var _this4 = this; | ||||
var end = arguments.length <= 1 || arguments[1] === undefined ? function () {} : arguments[1]; | ||||
var exclM = arguments.length <= 2 || arguments[2] === undefined ? true : arguments[2]; | ||||
var _getElements = this.getElements(); | ||||
var stack = _getElements.elements; | ||||
var open = _getElements.length; | ||||
var checkEnd = function checkEnd() { | ||||
if (--open === 0) { | ||||
end(); | ||||
} | ||||
}; | ||||
checkEnd(++open); | ||||
stack.forEach(function (el) { | ||||
if (!_this4.matchesFilter(el, exclM)) { | ||||
if (el.tagName.toLowerCase() === "iframe") { | ||||
_this4.forEachElementInIframe(el, function (iel) { | ||||
if (!_this4.matchesFilter(iel, exclM)) { | ||||
cb(iel); | ||||
} | ||||
}, checkEnd); | ||||
return; | ||||
} else { | ||||
cb(el); | ||||
} | ||||
} | ||||
checkEnd(); | ||||
}); | ||||
} | ||||
}, { | ||||
key: "forEachNode", | ||||
value: function forEachNode(cb) { | ||||
var end = arguments.length <= 1 || arguments[1] === undefined ? function () {} : arguments[1]; | ||||
this.forEachElement(function (n) { | ||||
for (n = n.firstChild; n; n = n.nextSibling) { | ||||
if (n.nodeType === 3 && n.textContent.trim()) { | ||||
cb(n); | ||||
} | ||||
} | ||||
}, end); | ||||
} | ||||
}, { | ||||
key: "wrapMatches", | ||||
value: function wrapMatches(node, regex, custom, cb) { | ||||
var hEl = !this.opt.element ? "mark" : this.opt.element, | ||||
index = custom ? 0 : 2; | ||||
var match = void 0; | ||||
while ((match = regex.exec(node.textContent)) !== null) { | ||||
var pos = match.index; | ||||
if (!custom) { | ||||
pos += match[index - 1].length; | ||||
} | ||||
var startNode = node.splitText(pos); | ||||
node = startNode.splitText(match[index].length); | ||||
if (startNode.parentNode !== null) { | ||||
var repl = document.createElement(hEl); | ||||
repl.setAttribute("data-markjs", "true"); | ||||
if (this.opt.className) { | ||||
repl.setAttribute("class", this.opt.className); | ||||
} | ||||
repl.textContent = match[index]; | ||||
startNode.parentNode.replaceChild(repl, startNode); | ||||
cb(repl); | ||||
} | ||||
regex.lastIndex = 0; | ||||
} | ||||
} | ||||
}, { | ||||
key: "unwrapMatches", | ||||
value: function unwrapMatches(node) { | ||||
var parent = node.parentNode; | ||||
var docFrag = document.createDocumentFragment(); | ||||
while (node.firstChild) { | ||||
docFrag.appendChild(node.removeChild(node.firstChild)); | ||||
} | ||||
parent.replaceChild(docFrag, node); | ||||
parent.normalize(); | ||||
} | ||||
}, { | ||||
key: "markRegExp", | ||||
value: function markRegExp(regexp, opt) { | ||||
var _this5 = this; | ||||
this.opt = opt; | ||||
this.log("Searching with expression \"" + regexp + "\""); | ||||
var found = false; | ||||
var eachCb = function eachCb(element) { | ||||
found = true; | ||||
_this5.opt.each(element); | ||||
}; | ||||
this.forEachNode(function (node) { | ||||
_this5.wrapMatches(node, regexp, true, eachCb); | ||||
}, function () { | ||||
if (!found) { | ||||
_this5.opt.noMatch(regexp); | ||||
} | ||||
_this5.opt.complete(); | ||||
_this5.opt.done(); | ||||
}); | ||||
} | ||||
}, { | ||||
key: "mark", | ||||
value: function mark(sv, opt) { | ||||
var _this6 = this; | ||||
this.opt = opt; | ||||
sv = typeof sv === "string" ? [sv] : sv; | ||||
var _getSeparatedKeywords = this.getSeparatedKeywords(sv); | ||||
var kwArr = _getSeparatedKeywords.keywords; | ||||
var kwArrLen = _getSeparatedKeywords.length; | ||||
if (kwArrLen === 0) { | ||||
this.opt.complete(); | ||||
this.opt.done(); | ||||
} | ||||
kwArr.forEach(function (kw) { | ||||
var regex = new RegExp(_this6.createRegExp(kw), "gmi"), | ||||
found = false; | ||||
var eachCb = function eachCb(element) { | ||||
found = true; | ||||
_this6.opt.each(element); | ||||
}; | ||||
_this6.log("Searching with expression \"" + regex + "\""); | ||||
_this6.forEachNode(function (node) { | ||||
_this6.wrapMatches(node, regex, false, eachCb); | ||||
}, function () { | ||||
if (!found) { | ||||
_this6.opt.noMatch(kw); | ||||
} | ||||
if (kwArr[kwArrLen - 1] === kw) { | ||||
_this6.opt.complete(); | ||||
_this6.opt.done(); | ||||
} | ||||
}); | ||||
}); | ||||
} | ||||
}, { | ||||
key: "unmark", | ||||
value: function unmark(opt) { | ||||
var _this7 = this; | ||||
this.opt = opt; | ||||
var sel = this.opt.element ? this.opt.element : "*"; | ||||
sel += "[data-markjs]"; | ||||
if (this.opt.className) { | ||||
sel += "." + this.opt.className; | ||||
} | ||||
this.log("Removal selector \"" + sel + "\""); | ||||
this.forEachElement(function (el) { | ||||
if (_this7.matches(el, sel)) { | ||||
_this7.unwrapMatches(el); | ||||
} | ||||
}, function () { | ||||
_this7.opt.complete(); | ||||
_this7.opt.done(); | ||||
}, false); | ||||
} | ||||
}, { | ||||
key: "opt", | ||||
set: function set(val) { | ||||
this._opt = _extends({}, { | ||||
"element": "", | ||||
"className": "", | ||||
"filter": [], | ||||
"iframes": false, | ||||
"separateWordSearch": true, | ||||
"diacritics": true, | ||||
"synonyms": {}, | ||||
"accuracy": "partially", | ||||
"each": function each() {}, | ||||
"noMatch": function noMatch() {}, | ||||
"done": function done() {}, | ||||
"complete": function complete() {}, | ||||
"debug": false, | ||||
"log": window.console | ||||
}, val); | ||||
}, | ||||
get: function get() { | ||||
return this._opt; | ||||
} | ||||
}]); | ||||
return Mark; | ||||
}(); | ||||
$.fn.mark = function (sv, opt) { | ||||
new Mark(this).mark(sv, opt); | ||||
return this; | ||||
}; | ||||
$.fn.markRegExp = function (regexp, opt) { | ||||
new Mark(this).markRegExp(regexp, opt); | ||||
return this; | ||||
}; | ||||
$.fn.unmark = function (opt) { | ||||
new Mark(this).unmark(opt); | ||||
return this; | ||||
}; | ||||
}, window, document); | ||||