NeXTs /
Jets.js
| 1 | /*! Jets.js - v0.14.1 - 2018-06-22 |
||
| 2 | * http://NeXTs.github.com/Jets.js/ |
||
| 3 | * Copyright (c) 2015 Denis Lukov; Licensed MIT */ |
||
| 4 | |||
| 5 | ;(function(root, definition) { |
||
| 6 | if (typeof module != 'undefined') module.exports = definition(); |
||
|
0 ignored issues
–
show
|
|||
| 7 | else if (typeof define == 'function' && typeof define.amd == 'object') define(definition); |
||
|
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
The variable
define seems to be never declared. If this is a global, consider adding a /** global: define */ comment.
This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
|
|||
| 8 | else root['Jets'] = definition(); |
||
| 9 | }(this, function() { |
||
| 10 | "use strict" |
||
| 11 | |||
| 12 | function Jets(opts) { |
||
| 13 | if( ! (this instanceof Jets)) { |
||
| 14 | return new Jets(opts); |
||
| 15 | } |
||
| 16 | var self = this; |
||
| 17 | |||
| 18 | var defaults = { |
||
| 19 | searchSelector: '*AND', |
||
| 20 | hideBy: 'display:none', |
||
| 21 | diacriticsMap: {} |
||
| 22 | } |
||
| 23 | |||
| 24 | self.options = {}; |
||
| 25 | ['columns', 'addImportant', 'searchSelector', 'hideBy', 'manualContentHandling', 'callSearchManually', 'searchInSpecificColumn', 'diacriticsMap', 'didSearch', 'invert'].forEach(function(name) { |
||
| 26 | self.options[name] = opts[name] || defaults[name]; |
||
| 27 | }); |
||
| 28 | if(this.options.searchSelector.length > 1) { |
||
| 29 | var searchSelector = self.options['searchSelector'].trim(); |
||
| 30 | self.options.searchSelector = searchSelector.substr(0, 1); |
||
| 31 | self.options.searchSelectorMode = searchSelector.substr(1).toUpperCase(); |
||
| 32 | } |
||
| 33 | |||
| 34 | self.content_tag = document.querySelectorAll(opts.contentTag); |
||
| 35 | if( ! self.content_tag) throw new Error('Error! Could not find contentTag element'); |
||
|
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
|
|||
| 36 | self.content_param = opts.contentTag; |
||
| 37 | self.search_tag = document.querySelector(opts.searchTag); |
||
| 38 | if( ! self.search_tag && ! self.options.callSearchManually) throw new Error('Error! Provide one of search methods: searchTag or callSearchManually and call .search("phrase") manually'); |
||
|
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
|
|||
| 39 | |||
| 40 | var last_search_query = self.search_tag && self.search_tag.value || ''; |
||
| 41 | self.search = function(search_query, optional_column) { |
||
| 42 | var new_search_query = self.options.callSearchManually && typeof search_query != 'undefined' |
||
| 43 | ? search_query |
||
| 44 | : self.search_tag |
||
| 45 | ? self.search_tag.value |
||
| 46 | : '' |
||
| 47 | if(last_search_query == (last_search_query = new_search_query)) return; |
||
|
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
|
|||
| 48 | (0,self._applyCSS(last_search_query, optional_column)); |
||
|
0 ignored issues
–
show
Usage of the sequence operator is discouraged, since it may lead to obfuscated code.
The sequence or comma operator allows the inclusion of multiple expressions where only is permitted. The result of the sequence is the value of the last expression. This operator is most often used in Used in another places it can make code hard to read, especially when people do not realize it even exists as a seperate operator. This check looks for usage of the sequence operator in locations where it is not necessary and could be replaced by a series of expressions or statements. var a,b,c;
a = 1, b = 1, c= 3;
could just as well be written as: var a,b,c;
a = 1;
b = 1;
c = 3;
To learn more about the sequence operator, please refer to the MDN. Loading history...
|
|||
| 49 | self.options.didSearch && self.options.didSearch(last_search_query); |
||
| 50 | }; |
||
| 51 | self._onSearch = function(event) { |
||
| 52 | if(event.type == 'keydown') |
||
| 53 | return setTimeout(self.search, 0); |
||
|
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
|
|||
| 54 | self.search(); |
||
|
0 ignored issues
–
show
|
|||
| 55 | }; |
||
| 56 | self.destroy = function() { |
||
| 57 | if( ! self.options.callSearchManually) self._processEventListeners('remove'); |
||
|
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
|
|||
| 58 | self._destroy(); |
||
| 59 | }; |
||
| 60 | |||
| 61 | if( ! self.options.callSearchManually) self._processEventListeners('add'); |
||
|
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
|
|||
| 62 | self._addStyleTag(); |
||
| 63 | self._setJets(); |
||
| 64 | self._applyCSS(last_search_query); |
||
|
0 ignored issues
–
show
|
|||
| 65 | } |
||
| 66 | |||
| 67 | Jets.prototype = { |
||
| 68 | constructor: Jets, |
||
| 69 | _processEventListeners: function(action) { |
||
| 70 | ['input', 'keydown', 'change'].forEach(function(event_type) { |
||
| 71 | this.search_tag[action + 'EventListener'](event_type, this._onSearch); |
||
| 72 | }.bind(this)); |
||
| 73 | }, |
||
| 74 | _applyCSS: function(search_query, optional_column) { |
||
| 75 | var options = this.options, |
||
| 76 | search_phrase = this.replaceDiacritics(search_query.trim().toLowerCase().replace(/\s\s+/g, ' ')).replace(/\\/g, '\\\\'), |
||
| 77 | words = options.searchSelectorMode |
||
| 78 | ? search_phrase.split(' ').filter(function(item, pos, arr) { return arr.indexOf(item) == pos; }) |
||
| 79 | : [search_phrase], |
||
| 80 | is_strict_selector = options.searchSelectorMode == 'AND', |
||
| 81 | selectors = new Array(words.length); |
||
| 82 | for(var i = 0, ii = words.length; i < ii; i++) { |
||
| 83 | selectors[i] = (is_strict_selector ? this.content_param + '>' : '') + |
||
| 84 | (options.invert ? '' : ':not(') + |
||
| 85 | '[data-jets' + (typeof optional_column != 'undefined' ? '-col-' + optional_column : '') + options.searchSelector + '="' + words[i] + '"]' + |
||
| 86 | (options.invert ? '' : ')'); |
||
| 87 | } |
||
| 88 | var hide_rules = options.hideBy.split(';').filter(Boolean).map(function(rule) { return rule + (options.addImportant ? '!important' : '') }); |
||
| 89 | var css_rule = (is_strict_selector ? '' : this.content_param + '>') + selectors.join(is_strict_selector ? ',' : '') + '{' + hide_rules.join(';') + '}'; |
||
| 90 | this.styleTag.innerHTML = search_phrase.length ? css_rule : ''; |
||
| 91 | }, |
||
| 92 | _addStyleTag: function() { |
||
| 93 | this.styleTag = document.createElement('style'); |
||
| 94 | document.head.appendChild(this.styleTag); |
||
| 95 | }, |
||
| 96 | _getText: function(tag) { |
||
| 97 | return tag && (tag.textContent || tag.innerText) || ''; |
||
| 98 | }, |
||
| 99 | _sanitize: function(text) { |
||
| 100 | return this.replaceDiacritics(text).trim().replace(/\s+/g, ' ').toLowerCase() |
||
| 101 | }, |
||
| 102 | _getContentTags: function(query) { |
||
| 103 | return Array.prototype.slice.call(this.content_tag).reduce(function(all, elem) { |
||
| 104 | return all.concat(Array.prototype.slice.call(elem.querySelectorAll(query || ':scope > *'))); |
||
| 105 | }, []); |
||
| 106 | }, |
||
| 107 | _handleSpecificColumns: function(tag, set) { |
||
| 108 | var self = this; |
||
| 109 | if( ! self.options.searchInSpecificColumn) return; |
||
|
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
|
|||
| 110 | Array.prototype.slice.call(tag.children).map(function(children, i) { |
||
| 111 | if(self.options.columns && self.options.columns.length && self.options.columns.indexOf(i) == -1) return |
||
|
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
|
|||
| 112 | tag[(set || 'remove') + 'Attribute']('data-jets-col-' + i, set && self._sanitize(self._getText(children))); |
||
| 113 | }) |
||
| 114 | }, |
||
| 115 | _setJets: function(query, force) { |
||
| 116 | var self = this, |
||
| 117 | tags = self._getContentTags(force ? '' : query), text; |
||
| 118 | for(var i = 0, tag; tag = tags[i]; i++) { |
||
| 119 | if(tag.hasAttribute('data-jets') && ! force) continue; |
||
|
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
|
|||
| 120 | text = this.options.manualContentHandling |
||
| 121 | ? this.options.manualContentHandling(tag) |
||
| 122 | : self.options.columns && self.options.columns.length |
||
| 123 | ? self.options.columns.map(function(column) { |
||
| 124 | return self._getText(tag.children[column]); |
||
|
0 ignored issues
–
show
|
|||
| 125 | }).join(' ') |
||
| 126 | : self._getText(tag); |
||
| 127 | tag.setAttribute('data-jets', self._sanitize(text)); |
||
| 128 | self._handleSpecificColumns(tag, 'set'); |
||
| 129 | }; |
||
| 130 | }, |
||
| 131 | replaceDiacritics: function(text) { |
||
| 132 | var diacritics = this.options.diacriticsMap; |
||
| 133 | for(var letter in diacritics) if(diacritics.hasOwnProperty(letter)) { |
||
|
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
|
|||
| 134 | for(var i = 0, ii = diacritics[letter].length; i < ii; i++) { |
||
| 135 | text = text.replace(new RegExp(diacritics[letter][i], 'g'), letter); |
||
| 136 | } |
||
| 137 | } |
||
| 138 | return text; |
||
| 139 | }, |
||
| 140 | update: function(force) { |
||
| 141 | this._setJets(':scope > :not([data-jets])', force); |
||
| 142 | }, |
||
| 143 | _destroy: function() { |
||
| 144 | this.styleTag.parentNode && document.head.removeChild(this.styleTag); |
||
| 145 | var tags = this._getContentTags(); |
||
| 146 | for(var i = 0, tag; tag = tags[i]; i++) { |
||
| 147 | tag.removeAttribute('data-jets'); |
||
| 148 | this._handleSpecificColumns(tag); |
||
| 149 | } |
||
| 150 | } |
||
| 151 | } |
||
| 152 | |||
| 153 | // :scope polyfill |
||
| 154 | // http://stackoverflow.com/a/17989803/1221082 |
||
| 155 | ;(function(doc, proto) { |
||
| 156 | try { |
||
| 157 | doc.querySelector(':scope body'); |
||
| 158 | } catch (err) { |
||
| 159 | ['querySelector', 'querySelectorAll'].forEach(function(method) { |
||
| 160 | var nativ = proto[method]; |
||
| 161 | proto[method] = function(selectors) { |
||
| 162 | if (/(^|,)\s*:scope/.test(selectors)) { |
||
| 163 | var id = this.getAttribute('id'); |
||
| 164 | this.id = 'ID_' + Date.now(); |
||
| 165 | selectors = selectors.replace(/((^|,)\s*):scope/g, '$1#' + this.getAttribute('id')); |
||
| 166 | var result = doc[method](selectors); |
||
| 167 | this.id = id; |
||
| 168 | return result; |
||
| 169 | } else { |
||
| 170 | return nativ.call(this, selectors); |
||
| 171 | } |
||
| 172 | } |
||
| 173 | }); |
||
| 174 | } |
||
| 175 | })(window.document, Element.prototype); |
||
|
0 ignored issues
–
show
The variable
Element seems to be never declared. If this is a global, consider adding a /** global: Element */ comment.
This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
|
|||
| 176 | |||
| 177 | return Jets; |
||
| 178 | })); |
||
| 179 |
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later.
Consider:
If you or someone else later decides to put another statement in, only the first statement will be executed.
In this case the statement
b = 42will always be executed, while the logging statement will be executed conditionally.ensures that the proper code will be executed conditionally no matter how many statements are added or removed.