2017-02-10 17:04:52 +00:00
|
|
|
//@flow
|
2017-06-23 17:30:16 +00:00
|
|
|
/*
|
|
|
|
Copyright 2017 Aviral Dasgupta
|
2018-06-23 01:20:41 +00:00
|
|
|
Copyright 2018 Michael Telatynski <7t3chguy@gmail.com>
|
2018-10-11 17:34:01 +00:00
|
|
|
Copyright 2018 New Vector Ltd
|
2017-06-23 17:30:16 +00:00
|
|
|
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
you may not use this file except in compliance with the License.
|
|
|
|
You may obtain a copy of the License at
|
|
|
|
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
See the License for the specific language governing permissions and
|
|
|
|
limitations under the License.
|
|
|
|
*/
|
2017-02-10 17:04:52 +00:00
|
|
|
|
|
|
|
import _at from 'lodash/at';
|
|
|
|
import _flatMap from 'lodash/flatMap';
|
|
|
|
import _sortBy from 'lodash/sortBy';
|
2017-07-18 15:23:54 +00:00
|
|
|
import _uniq from 'lodash/uniq';
|
2017-02-10 17:04:52 +00:00
|
|
|
|
2018-06-23 01:20:41 +00:00
|
|
|
function stripDiacritics(str: string): string {
|
|
|
|
return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
|
|
|
|
}
|
|
|
|
|
2018-10-11 17:34:01 +00:00
|
|
|
/**
|
|
|
|
* Simple search matcher that matches any results with the query string anywhere
|
|
|
|
* in the search string. Returns matches in the order the query string appears
|
|
|
|
* in the search key, earliest first, then in the order the items appeared in
|
|
|
|
* the source array.
|
|
|
|
*
|
|
|
|
* @param {Object[]} objects Initial list of objects. Equivalent to calling
|
|
|
|
* setObjects() after construction
|
|
|
|
* @param {Object} options Options object
|
|
|
|
* @param {string[]} options.keys List of keys to use as indexes on the objects
|
|
|
|
* @param {function[]} options.funcs List of functions that when called with the
|
|
|
|
* object as an arg will return a string to use as an index
|
|
|
|
*/
|
2017-02-10 17:04:52 +00:00
|
|
|
export default class QueryMatcher {
|
|
|
|
constructor(objects: Array<Object>, options: {[Object]: Object} = {}) {
|
2018-10-11 17:34:01 +00:00
|
|
|
this._options = options;
|
|
|
|
this._keys = options.keys;
|
|
|
|
this._funcs = options.funcs || [];
|
|
|
|
|
2017-02-10 17:04:52 +00:00
|
|
|
this.setObjects(objects);
|
2017-06-29 10:29:55 +00:00
|
|
|
|
|
|
|
// By default, we remove any non-alphanumeric characters ([^A-Za-z0-9_]) from the
|
|
|
|
// query and the value being queried before matching
|
2018-10-11 17:34:01 +00:00
|
|
|
if (this._options.shouldMatchWordsOnly === undefined) {
|
|
|
|
this._options.shouldMatchWordsOnly = true;
|
2017-06-29 10:29:55 +00:00
|
|
|
}
|
2017-07-04 15:24:59 +00:00
|
|
|
|
|
|
|
// By default, match anywhere in the string being searched. If enabled, only return
|
|
|
|
// matches that are prefixed with the query.
|
2018-10-11 17:34:01 +00:00
|
|
|
if (this._options.shouldMatchPrefix === undefined) {
|
|
|
|
this._options.shouldMatchPrefix = false;
|
2017-07-04 15:24:59 +00:00
|
|
|
}
|
2017-02-10 17:04:52 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
setObjects(objects: Array<Object>) {
|
2018-10-11 17:34:01 +00:00
|
|
|
this._items = new Map();
|
|
|
|
|
|
|
|
for (const object of objects) {
|
|
|
|
const keyValues = _at(object, this._keys);
|
|
|
|
|
|
|
|
for (const f of this._funcs) {
|
|
|
|
keyValues.push(f(object));
|
|
|
|
}
|
|
|
|
|
|
|
|
for (const keyValue of keyValues) {
|
|
|
|
const key = stripDiacritics(keyValue).toLowerCase();
|
|
|
|
if (!this._items.has(key)) {
|
|
|
|
this._items.set(key, []);
|
|
|
|
}
|
|
|
|
this._items.get(key).push(object);
|
|
|
|
}
|
|
|
|
}
|
2017-02-10 17:04:52 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
match(query: String): Array<Object> {
|
2018-06-23 01:20:41 +00:00
|
|
|
query = stripDiacritics(query).toLowerCase();
|
2018-10-11 17:34:01 +00:00
|
|
|
if (this._options.shouldMatchWordsOnly) {
|
2017-06-29 10:29:55 +00:00
|
|
|
query = query.replace(/[^\w]/g, '');
|
|
|
|
}
|
2017-07-04 16:32:07 +00:00
|
|
|
if (query.length === 0) {
|
|
|
|
return [];
|
|
|
|
}
|
2017-07-04 12:53:06 +00:00
|
|
|
const results = [];
|
2018-10-11 17:34:01 +00:00
|
|
|
// Iterate through the map & check each key.
|
|
|
|
// ES6 Map iteration order is defined to be insertion order, so results
|
|
|
|
// here will come out in the order they were put in.
|
|
|
|
for (const key of this._items.keys()) {
|
2018-06-23 01:20:41 +00:00
|
|
|
let resultKey = key;
|
2018-10-11 17:34:01 +00:00
|
|
|
if (this._options.shouldMatchWordsOnly) {
|
2017-06-29 10:29:55 +00:00
|
|
|
resultKey = resultKey.replace(/[^\w]/g, '');
|
|
|
|
}
|
2017-07-04 12:53:06 +00:00
|
|
|
const index = resultKey.indexOf(query);
|
2018-10-11 17:34:01 +00:00
|
|
|
if (index !== -1 && (!this._options.shouldMatchPrefix || index === 0)) {
|
2017-07-04 12:53:06 +00:00
|
|
|
results.push({key, index});
|
|
|
|
}
|
2018-10-11 17:34:01 +00:00
|
|
|
}
|
2017-07-04 12:53:06 +00:00
|
|
|
|
2018-10-11 17:34:01 +00:00
|
|
|
// Sort them by where the query appeared in the search key
|
|
|
|
// lodash sortBy is a stable sort, so results where the query
|
|
|
|
// appeared in the same place will retain their order with
|
|
|
|
// respect to each other.
|
|
|
|
const sortedResults = _sortBy(results, (candidate) => {
|
2017-07-04 12:53:06 +00:00
|
|
|
return candidate.index;
|
2018-10-11 17:34:01 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
// Now map the keys to the result objects. Each result object is a list, so
|
|
|
|
// flatMap will flatten those lists out into a single list. Also remove any
|
|
|
|
// duplicates.
|
|
|
|
return _uniq(_flatMap(sortedResults, (candidate) => this._items.get(candidate.key)));
|
2017-02-10 17:04:52 +00:00
|
|
|
}
|
|
|
|
}
|