web: use parser in web

js/src/App.svelte

···
 	import wasmUrl from '@vlcn.io/crsqlite-wasm/crsqlite.wasm?url';
   import { start } from "@vlcn.io/ws-client/worker.js";
   import { createDbProvider } from "@vlcn.io/ws-browserdb";
+  import * as addParser from '../../parser/add_parser.js';
 
   let db;
 	let ws;
···
     await db.exec(`
 			CREATE TABLE IF NOT EXISTS todos (
 			id BLOB PRIMARY KEY NOT NULL,
-			content TEXT,
+			description TEXT,
+      project text,
+      tags text,
+      due text,
+      wait text,
+      priority text,
+      urgency real,
 			completed INTEGER NOT NULL DEFAULT 0
 		);
 		SELECT crsql_as_crr('todos');
···
     todos = result;
   }
 
+  // TODO:
+  // This is fucking sucks
+  // make the stupid parser do this 😩
+  async function Marshall(parsed) {
+    let project = "";
+    const tags = [];
+    console.log(parsed);
+    for (const attr of parsed.attributes) {
+      console.log(attr);
+      switch (attr.type) {
+        case 'project':
+          console.log("project" + attr.value);
+          project = attr.value;
+          break;
+        case 'tag':
+          console.log("tag" + attr.value);
+          tags.push(attr.value);
+          break;
+      }
+    }
+    return {description: parsed.description, tags: tags, project: project};
+  }
+
   async function addTodo() {
     if (newTodo.trim()) {
+      const parsed = await Marshall(addParser.parse(newTodo));
+      console.log(parsed);
       await db.exec(`
-        INSERT INTO todos (id, content, completed)
-        VALUES (lower(hex(randomblob(16))), ?, 0)
-      `, [newTodo.trim()]);
+        INSERT INTO todos (id, description, tags, project, completed)
+        VALUES (lower(hex(randomblob(16))), ?, ?, ?, 0)
+      `, [parsed.description, JSON.stringify(parsed.tags), parsed.project]);
       newTodo = '';
       loadTodos();
     }
···
 </script>
 
 <main>
-  <h1>Svelte Todo with cr-sqlite</h1>
+  <h1>Mast</h1>
   <input
     bind:value={newTodo}
     on:keypress={(e) => e.key === 'Enter' && addTodo()}
···
           checked={todo.completed}
           on:change={() => toggleTodo(todo.id)}
         />
-        <span class:completed={todo.completed}>{todo.content}</span>
+        <span class:completed={todo.completed}>{todo.description} pro:{todo.project} {todo.tags}</span>
       </li>
     {/each}
   </ul>

parser/add_js.peg

···
 
 Attribute = Project / Priority / Tag
 
-Project = ("pro:" / "project:") value:Word {
+Project = ("pro:" / "project:" / "+") value:Word {
   return { type: "project", value: value };
 }
 
···
   return { type: "priority", value: value };
 }
 
-Tag = "+" value:Word {
+Tag = "#" value:Word {
   return { type: "tag", value: value };
 }
 

parser/add_parser.js

···
-// @generated by Peggy 4.0.3.
+// @generated by Peggy 4.1.1.
 //
 // https://peggyjs.org/
-
-"use strict";
 
 
 function peg$subclass(child, parent) {
···
 
   var peg$c0 = "pro:";
   var peg$c1 = "project:";
-  var peg$c2 = "priority:";
-  var peg$c3 = "+";
+  var peg$c2 = "+";
+  var peg$c3 = "priority:";
+  var peg$c4 = "#";
 
   var peg$r0 = /^[HML]/;
   var peg$r1 = /^[a-zA-Z0-9_\-]/;
···
   var peg$e0 = peg$anyExpectation();
   var peg$e1 = peg$literalExpectation("pro:", false);
   var peg$e2 = peg$literalExpectation("project:", false);
-  var peg$e3 = peg$literalExpectation("priority:", false);
-  var peg$e4 = peg$classExpectation(["H", "M", "L"], false, false);
-  var peg$e5 = peg$literalExpectation("+", false);
-  var peg$e6 = peg$classExpectation([["a", "z"], ["A", "Z"], ["0", "9"], "_", "-"], false, false);
-  var peg$e7 = peg$classExpectation([" ", "\\", "t"], false, false);
+  var peg$e3 = peg$literalExpectation("+", false);
+  var peg$e4 = peg$literalExpectation("priority:", false);
+  var peg$e5 = peg$classExpectation(["H", "M", "L"], false, false);
+  var peg$e6 = peg$literalExpectation("#", false);
+  var peg$e7 = peg$classExpectation([["a", "z"], ["A", "Z"], ["0", "9"], "_", "-"], false, false);
+  var peg$e8 = peg$classExpectation([" ", "\\", "t"], false, false);
 
   var peg$f0 = function(desc, attributes) {
   return MakeAdd(desc, attributes);
···
         s1 = peg$FAILED;
         if (peg$silentFails === 0) { peg$fail(peg$e2); }
       }
+      if (s1 === peg$FAILED) {
+        if (input.charCodeAt(peg$currPos) === 43) {
+          s1 = peg$c2;
+          peg$currPos++;
+        } else {
+          s1 = peg$FAILED;
+          if (peg$silentFails === 0) { peg$fail(peg$e3); }
+        }
+      }
     }
     if (s1 !== peg$FAILED) {
       s2 = peg$parseWord();
···
     var s0, s1, s2;
 
     s0 = peg$currPos;
-    if (input.substr(peg$currPos, 9) === peg$c2) {
-      s1 = peg$c2;
+    if (input.substr(peg$currPos, 9) === peg$c3) {
+      s1 = peg$c3;
       peg$currPos += 9;
     } else {
       s1 = peg$FAILED;
-      if (peg$silentFails === 0) { peg$fail(peg$e3); }
+      if (peg$silentFails === 0) { peg$fail(peg$e4); }
     }
     if (s1 !== peg$FAILED) {
       s2 = input.charAt(peg$currPos);
···
         peg$currPos++;
       } else {
         s2 = peg$FAILED;
-        if (peg$silentFails === 0) { peg$fail(peg$e4); }
+        if (peg$silentFails === 0) { peg$fail(peg$e5); }
       }
       if (s2 !== peg$FAILED) {
         peg$savedPos = s0;
···
     var s0, s1, s2;
 
     s0 = peg$currPos;
-    if (input.charCodeAt(peg$currPos) === 43) {
-      s1 = peg$c3;
+    if (input.charCodeAt(peg$currPos) === 35) {
+      s1 = peg$c4;
       peg$currPos++;
     } else {
       s1 = peg$FAILED;
-      if (peg$silentFails === 0) { peg$fail(peg$e5); }
+      if (peg$silentFails === 0) { peg$fail(peg$e6); }
     }
     if (s1 !== peg$FAILED) {
       s2 = peg$parseWord();
···
       peg$currPos++;
     } else {
       s2 = peg$FAILED;
-      if (peg$silentFails === 0) { peg$fail(peg$e6); }
+      if (peg$silentFails === 0) { peg$fail(peg$e7); }
     }
     if (s2 !== peg$FAILED) {
       while (s2 !== peg$FAILED) {
···
           peg$currPos++;
         } else {
           s2 = peg$FAILED;
-          if (peg$silentFails === 0) { peg$fail(peg$e6); }
+          if (peg$silentFails === 0) { peg$fail(peg$e7); }
         }
       }
     } else {
···
       peg$currPos++;
     } else {
       s1 = peg$FAILED;
-      if (peg$silentFails === 0) { peg$fail(peg$e7); }
+      if (peg$silentFails === 0) { peg$fail(peg$e8); }
     }
     while (s1 !== peg$FAILED) {
       s0.push(s1);
···
         peg$currPos++;
       } else {
         s1 = peg$FAILED;
-        if (peg$silentFails === 0) { peg$fail(peg$e7); }
+        if (peg$silentFails === 0) { peg$fail(peg$e8); }
       }
     }
 
···
   }
 }
 
-module.exports = {
-  StartRules: ["Add"],
-  SyntaxError: peg$SyntaxError,
-  parse: peg$parse
+const peg$allowedStartRules = [
+  "Add"
+];
+
+export {
+  peg$allowedStartRules as StartRules,
+  peg$SyntaxError as SyntaxError,
+  peg$parse as parse
 };