import { PlugNamespaceHook } from "../common/hooks/plug_namespace.ts"; import { Manifest, SilverBulletHooks } from "../common/manifest.ts"; import buildMarkdown from "../common/markdown_parser/parser.ts"; import { CronHook } from "../plugos/hooks/cron.ts"; import { EventHook } from "../plugos/hooks/event.ts"; import { DexieKVStore } from "../plugos/lib/kv_store.dexie.ts"; import { createSandbox } from "../plugos/environments/webworker_sandbox.ts"; import assetSyscalls from "../plugos/syscalls/asset.ts"; import { eventSyscalls } from "../plugos/syscalls/event.ts"; import { storeSyscalls } from "../plugos/syscalls/store.ts"; import { SysCallMapping, System } from "../plugos/system.ts"; import type { Client } from "./client.ts"; import { CodeWidgetHook } from "./hooks/code_widget.ts"; import { CommandHook } from "./hooks/command.ts"; import { SlashCommandHook } from "./hooks/slash_command.ts"; import { clientStoreSyscalls } from "./syscalls/clientStore.ts"; import { debugSyscalls } from "./syscalls/debug.ts"; import { editorSyscalls } from "./syscalls/editor.ts"; import { sandboxFetchSyscalls } from "./syscalls/fetch.ts"; import { pageIndexSyscalls } from "./syscalls/index.ts"; import { markdownSyscalls } from "./syscalls/markdown.ts"; import { shellSyscalls } from "./syscalls/shell.ts"; import { spaceSyscalls } from "./syscalls/space.ts"; import { syncSyscalls } from "./syscalls/sync.ts"; import { systemSyscalls } from "./syscalls/system.ts"; import { yamlSyscalls } from "./syscalls/yaml.ts"; import { Space } from "./space.ts"; import { loadMarkdownExtensions, MDExt, } from "../common/markdown_parser/markdown_ext.ts"; import { DexieMQ } from "../plugos/lib/mq.dexie.ts"; import { MQHook } from "../plugos/hooks/mq.ts"; import { mqSyscalls } from "../plugos/syscalls/mq.dexie.ts"; import { indexProxySyscalls } from "./syscalls/index.proxy.ts"; import { storeProxySyscalls } from "./syscalls/store.proxy.ts"; export class ClientSystem { commandHook: CommandHook; slashCommandHook: SlashCommandHook; namespaceHook: PlugNamespaceHook; indexSyscalls: SysCallMapping; codeWidgetHook: CodeWidgetHook; plugsUpdated = false; mdExtensions: MDExt[] = []; system: System; constructor( private client: Client, private kvStore: DexieKVStore, private mq: DexieMQ, dbPrefix: string, private eventHook: EventHook, private thinClientMode: boolean, ) { // Only set environment to "client" when running in thin client mode, otherwise we run everything locally (hybrid) this.system = new System(thinClientMode ? "client" : undefined); this.system.addHook(this.eventHook); // Plug page namespace hook this.namespaceHook = new PlugNamespaceHook(); this.system.addHook(this.namespaceHook); // Cron hook const cronHook = new CronHook(this.system); this.system.addHook(cronHook); if (thinClientMode) { this.indexSyscalls = indexProxySyscalls(client); } else { this.indexSyscalls = pageIndexSyscalls( `${dbPrefix}_page_index`, globalThis.indexedDB, globalThis.IDBKeyRange, ); } // Code widget hook this.codeWidgetHook = new CodeWidgetHook(); this.system.addHook(this.codeWidgetHook); // MQ hook this.system.addHook(new MQHook(this.system, this.mq)); // Command hook this.commandHook = new CommandHook(); this.commandHook.on({ commandsUpdated: (commandMap) => { this.client.ui.viewDispatch({ type: "update-commands", commands: commandMap, }); }, }); this.system.addHook(this.commandHook); // Slash command hook this.slashCommandHook = new SlashCommandHook(this.client); this.system.addHook(this.slashCommandHook); this.eventHook.addLocalListener("plug:changed", async (fileName) => { console.log("Plug updated, reloading:", fileName); this.system.unload(fileName); const plug = await this.system.load( new URL(`/${fileName}`, location.href), createSandbox, this.client.settings.plugOverrides, ); if ((plug.manifest! as Manifest).syntax) { // If there are syntax extensions, rebuild the markdown parser immediately this.updateMarkdownParser(); } this.plugsUpdated = true; }); // Debugging // this.eventHook.addLocalListener("file:listed", (files) => { // console.log("New file list", files); // }); this.eventHook.addLocalListener("file:changed", (file) => { console.log("File changed", file); }); this.eventHook.addLocalListener("file:created", (file) => { console.log("File created", file); }); this.eventHook.addLocalListener("file:deleted", (file) => { console.log("File deleted", file); }); this.registerSyscalls(); } registerSyscalls() { const storeCalls = this.thinClientMode ? storeProxySyscalls(this.client) : storeSyscalls(this.kvStore); // Slash command hook this.slashCommandHook = new SlashCommandHook(this.client); this.system.addHook(this.slashCommandHook); // Syscalls available to all plugs this.system.registerSyscalls( [], eventSyscalls(this.eventHook), editorSyscalls(this.client), spaceSyscalls(this.client), systemSyscalls(this.client, this.system), markdownSyscalls(buildMarkdown(this.mdExtensions)), assetSyscalls(this.system), yamlSyscalls(), mqSyscalls(this.mq), storeCalls, this.indexSyscalls, debugSyscalls(), syncSyscalls(this.client), clientStoreSyscalls(this.kvStore), ); // Syscalls that require some additional permissions this.system.registerSyscalls( ["fetch"], sandboxFetchSyscalls(this.client), ); this.system.registerSyscalls( ["shell"], shellSyscalls(this.client), ); } async reloadPlugsFromSpace(space: Space) { console.log("Loading plugs"); await space.updatePageList(); await this.system.unloadAll(); console.log("(Re)loading plugs"); await Promise.all((await space.listPlugs()).map(async (plugName) => { try { await this.system.load( new URL(plugName, location.origin), createSandbox, this.client.settings.plugOverrides, ); } catch (e: any) { console.error("Could not load plug", plugName, "error:", e.message); } })); } updateMarkdownParser() { // Load all syntax extensions this.mdExtensions = loadMarkdownExtensions(this.system); // And reload the syscalls to use the new syntax extensions this.system.registerSyscalls( [], markdownSyscalls(buildMarkdown(this.mdExtensions)), ); } localSyscall(name: string, args: any[]) { return this.system.localSyscall("[local]", name, args); } }