Pre-rename

plugins/core/core.plugin.json

@@ -27,8 +27,13 @@
       "key": "Ctrl-2"
     }
   },
-  "events": {},
+  "events": {
+    "ready": ["welcome"]
+  },
   "functions": {
+    "welcome": {
+      "path": "./welcome.ts"
+    },
     "word_count_command": {
       "path": "./word_count_command.ts:wordCount"
     },

plugins/core/welcome.ts

@@ -0,0 +1,3 @@
+export default function welcome() {
+  console.log("Hello world!");
+}

server/server.ts

@@ -12,7 +12,7 @@ type NuggetMeta = {
 };
 
 const fsPrefix = "/fs";
-const nuggetsPath = "../nuggets";
+const nuggetsPath = "../pages";
 
 const fsRouter = new Router();
 

webapp/src/editor.tsx

@@ -38,10 +38,12 @@ import { Manifest, slashCommandRegexp } from "./plugins/types";
 import reducer from "./reducer";
 import customMarkdownStyle from "./style";
 import dbSyscalls from "./syscalls/db.localstorage";
+import { Plugin } from "./plugins/runtime";
 import editorSyscalls from "./syscalls/editor.browser";
 import {
   Action,
   AppCommand,
+  AppEvent,
   AppViewState,
   CommandContext,
   initialViewState,
@@ -71,10 +73,12 @@ export class Editor {
   openNuggets: Map<string, NuggetState>;
   fs: FileSystem;
   editorCommands: Map<string, AppCommand>;
+  plugins: Plugin[];
 
   constructor(fs: FileSystem, parent: Element) {
     this.editorCommands = new Map();
     this.openNuggets = new Map();
+    this.plugins = [];
     this.fs = fs;
     this.viewState = initialViewState;
     this.viewDispatch = () => {};
@@ -84,7 +88,7 @@ export class Editor {
       parent: document.getElementById("editor")!,
     });
     this.addListeners();
-    this.watch();
+    // this.watch();
   }
 
   async init() {
@@ -92,6 +96,7 @@ export class Editor {
     await this.loadPlugins();
     this.$hashChange!();
     this.focus();
+    await this.dispatchAppEvent("ready");
   }
 
   async loadPlugins() {
@@ -100,17 +105,11 @@ export class Editor {
 
     await system.bootServiceWorker();
     console.log("Now loading core plugin");
-    let mainPlugin = await system.load("core", coreManifest as Manifest);
+    let mainPlugin = await system.load("core", coreManifest);
+    this.plugins.push(mainPlugin);
     this.editorCommands = new Map<string, AppCommand>();
-    const cmds = mainPlugin.manifest!.commands;
+    for (let plugin of this.plugins) {
-    for (let name in cmds) {
+      this.buildCommands(plugin);
-      let cmd = cmds[name];
-      this.editorCommands.set(name, {
-        command: cmd,
-        run: async (arg: CommandContext): Promise<any> => {
-          return await mainPlugin.invoke(cmd.invoke, [arg]);
-        },
-      });
     }
     this.viewDispatch({
       type: "update-commands",
@@ -118,6 +117,26 @@ export class Editor {
     });
   }
 
+  private buildCommands(plugin: Plugin) {
+    const cmds = plugin.manifest!.commands;
+    for (let name in cmds) {
+      let cmd = cmds[name];
+      this.editorCommands.set(name, {
+        command: cmd,
+        run: async (arg: CommandContext): Promise<any> => {
+          return await plugin.invoke(cmd.invoke, [arg]);
+        },
+      });
+    }
+  }
+
+  // TODO: Parallelize?
+  async dispatchAppEvent(name: AppEvent, data?: any) {
+    for (let plugin of this.plugins) {
+      await plugin.dispatchEvent(name, data);
+    }
+  }
+
   get currentNugget(): NuggetMeta | undefined {
     return this.viewState.currentNugget;
   }

webapp/src/function_worker.js

@@ -9,8 +9,6 @@ function safeRun(fn) {
 let func = null;
 let pendingRequests = {};
 
-console.log("hello world!");
-
 self.addEventListener("syscall", (event) => {
   let customEvent = event;
   let detail = customEvent.detail;

webapp/src/types.ts

@@ -42,3 +42,5 @@ export type Action =
   | { type: "update-commands"; commands: Map<string, AppCommand> }
   | { type: "show-palette" }
   | { type: "hide-palette" };
+
+export type AppEvent = "ready" | "change" | "switch" | "click";