Major mini editor refactoring (#225)

Replaces most editing components with CM components, enabling vim mode and completions everywhere

Fixes #205 
Fixes #221 
Fixes #222 
Fixes #223

plugs/directive/complete.ts

@@ -1,20 +1,20 @@
 import { events } from "$sb/plugos-syscall/mod.ts";
-import { editor } from "$sb/silverbullet-syscall/mod.ts";
+import { CompleteEvent } from "../../plug-api/app_event.ts";
 
-export async function queryComplete() {
-  const prefix = await editor.matchBefore("#query [\\w\\-_]*");
-
-  if (prefix) {
-    const allEvents = await events.listEvents();
-    //   console.log("All events", allEvents);
-
-    return {
-      from: prefix.from + "#query ".length,
-      options: allEvents
-        .filter((eventName) => eventName.startsWith("query:"))
-        .map((source) => ({
-          label: source.substring("query:".length),
-        })),
-    };
+export async function queryComplete(completeEvent: CompleteEvent) {
+  const match = /#query ([\w\-_]+)*$/.exec(completeEvent.linePrefix);
+  if (!match) {
+    return null;
   }
+
+  const allEvents = await events.listEvents();
+
+  return {
+    from: completeEvent.pos - match[1].length,
+    options: allEvents
+      .filter((eventName) => eventName.startsWith("query:"))
+      .map((source) => ({
+        label: source.substring("query:".length),
+      })),
+  };
 }

plugs/directive/directive.plug.yaml

@@ -22,7 +22,7 @@ functions:
   queryComplete:
     path: ./complete.ts:queryComplete
     events:
-      - page:complete
+      - editor:complete
 
   # Templates
   insertQuery: