Change filtering syntax to be simpler

Author: payne911

website/index.html

@@ -216,8 +216,8 @@
         </div>
         <div class="control" id="filterContainer" hidden>
           <input class="input" type="text" id="filter" name="filter"
-                 title='GitHub style syntax, with some aliases like "a" for "ahead", "d" for the date, etc. (see https://docs.github.com/en/search-github/getting-started-with-searching-on-github/about-searching-on-github)'
-                 placeholder="Type your filter here. eg: ahead:>=1 behind:<5" />
+                 title='There are aliases too (e.g. "a" for "ahead", "d" for the date, etc.). There is an implicit AND boolean operator in between each filter.'
+                 placeholder="Type your filter here. eg: ahead>=1 behind<5" />
         </div>
       </div>
     </div>

website/src/queries-logic.js

@@ -327,12 +327,14 @@ function updateFilterFunction() {
   const conditionStrList = filter.split(' ');
   let conditionObj = {};
   for (const condition of conditionStrList) {
-    let [attribute, requirement] = condition.split(':');
-    if (!attribute || !requirement) {
-      continue; // invalid condition
-    }
-    const [_, operator, value] = requirement.split(/([<>=]+)/);
-    if (!operator || !value) {
+    const attributeRgx = '([a-z]+)';
+    const operatorRgx = '(<=|>=|[<=>])';
+    const valueRgx = '([0-9]{4}-[0-9]{2}-[0-9]{2}|[0-9]+)';
+    const regex = new RegExp(attributeRgx + operatorRgx + valueRgx);
+
+    const matchResult = condition.match(regex);
+    let [attribute, operator, value] = matchResult ? matchResult.slice(1) : [];
+    if (!attribute || !operator || !value) {
       continue; // invalid condition
     }
     if (attribute in mapTable) {