Add rebuild button and command

Author: nhooyr

sail.js

@@ -20,43 +20,61 @@ function stopReloadUI() {
     removeElementsByClass("msgbox-overlay")
 }
 
-let tty
-window.addEventListener("ide-ready", () => {
-    window.ide.workbench.onFileSaved((ev) => {
-        if (!ev.endsWith(".sail/Dockerfile")) {
-            return
-        }
+function rebuild() {
+    const tsrv = window.ide.workbench.terminalService
 
-        const srv = window.ide.workbench.terminalService
+    if (tty == null) {
+        tty = tsrv.createTerminal({
+            name: "sail",
+            isRendererOnly: true,
+        }, false)
+    } else {
+        tty.clear()
+    }
+    let oldTTY = tsrv.getActiveInstance()
+    tsrv.setActiveInstance(tty)
+    // Show the panel and focus it to prevent the user from editing the Dockerfile.
+    tsrv.showPanel(true)
 
-        if (tty == null) {
-            tty = srv.createTerminal({
-                name: "sail",
-                isRendererOnly: true,
-            }, false)
+    startReloadUI()
+
+    const ws = new WebSocket("ws://" + location.host + "/sail/api/v1/reload")
+    ws.onmessage = (ev) => {
+        const msg = JSON.parse(ev.data)
+        const out = atob(msg.v).replace(/\n/g, "\n\r")
+        tty.write(out)
+    }
+    ws.onclose = (ev) => {
+        if (ev.code === 1000) {
+            tsrv.setActiveInstance(oldTTY)
         } else {
-            tty.clear()
-        }
-        let oldTTY = srv.getActiveInstance()
-        srv.setActiveInstance(tty)
-        // Show the panel and focus it to prevent the user from editing the Dockerfile.
-        srv.showPanel(true)
-
-        startReloadUI()
-
-        const ws = new WebSocket("ws://" + location.host + "/sail/api/v1/reload")
-        ws.onmessage = (ev) => {
-            const msg = JSON.parse(ev.data)
-            const out = atob(msg.v).replace(/\n/g, "\n\r")
-            tty.write(out)
+            alert("reload failed; please see logs in sail terminal")
         }
-        ws.onclose = (ev) => {
-            if (ev.code === 1000) {
-                srv.setActiveInstance(oldTTY)
-            } else {
-                alert("reload failed; please see logs in sail terminal")
-            }
-            stopReloadUI()
+        stopReloadUI()
+    }
+}
+
+let tty
+window.addEventListener("ide-ready", () => {
+    const statusBarService = window.ide.workbench.statusbarService
+    statusBarService.addEntry({
+        text: "rebuild",
+        tooltip: "press super+alt+r to rebuild",
+        command: "rebuild-sail-container"
+        // showBeak: true <- what does this do?
+    }, 0)
+
+    const commandRegistry = window.ide.workbench.commandRegistry
+    commandRegistry.registerCommand({
+        id: "rebuild-sail-container",
+        handler: (accessor, args) => {
+            rebuild()
+        },
+        description: {
+            description: "Rebuild sail container",
+            args: []
         }
     })
+
+    const 
 })

sail.js.go

@@ -1,4 +1,4 @@
 package main
 
 //go:generate go run sail.js_gen.go
-const sailJS = "function startReloadUI() {\n    const div = document.createElement(\"div\")\n    div.className = \"msgbox-overlay\"\n    div.style.opacity = 1\n    div.style.textAlign = \"center\"\n    div.innerHTML = `<div class=\"msgbox\">\n<div class=\"msg\">Reloading container</div>\n</div>`\n    document.querySelector(\".monaco-workbench\").appendChild(div)\n}\n\nfunction removeElementsByClass(className) {\n    let elements = document.getElementsByClassName(className);\n    for (let e of elements) {\n        e.parentNode.removeChild(e)\n    }\n}\n\nfunction stopReloadUI() {\n    removeElementsByClass(\"msgbox-overlay\")\n}\n\nlet tty\nwindow.addEventListener(\"ide-ready\", () => {\n    window.ide.workbench.onFileSaved((ev) => {\n        if (!ev.endsWith(\".sail/Dockerfile\")) {\n            return\n        }\n\n        const srv = window.ide.workbench.terminalService\n\n        if (tty == null) {\n            tty = srv.createTerminal({\n                name: \"sail\",\n                isRendererOnly: true,\n            }, false)\n        } else {\n            tty.clear()\n        }\n        let oldTTY = srv.getActiveInstance()\n        srv.setActiveInstance(tty)\n        // Show the panel and focus it to prevent the user from editing the Dockerfile.\n        srv.showPanel(true)\n\n        startReloadUI()\n\n        const ws = new WebSocket(\"ws://\" + location.host + \"/sail/api/v1/reload\")\n        ws.onmessage = (ev) => {\n            const msg = JSON.parse(ev.data)\n            const out = atob(msg.v).replace(/\\n/g, \"\\n\\r\")\n            tty.write(out)\n        }\n        ws.onclose = (ev) => {\n            if (ev.code === 1000) {\n                srv.setActiveInstance(oldTTY)\n            } else {\n                alert(\"reload failed; please see logs in sail terminal\")\n            }\n            stopReloadUI()\n        }\n    })\n})\n"
+const sailJS = "function startReloadUI() {\n    const div = document.createElement(\"div\")\n    div.className = \"msgbox-overlay\"\n    div.style.opacity = 1\n    div.style.textAlign = \"center\"\n    div.innerHTML = `<div class=\"msgbox\">\n<div class=\"msg\">Reloading container</div>\n</div>`\n    document.querySelector(\".monaco-workbench\").appendChild(div)\n}\n\nfunction removeElementsByClass(className) {\n    let elements = document.getElementsByClassName(className);\n    for (let e of elements) {\n        e.parentNode.removeChild(e)\n    }\n}\n\nfunction stopReloadUI() {\n    removeElementsByClass(\"msgbox-overlay\")\n}\n\nfunction rebuild() {\n    const tsrv = window.ide.workbench.terminalService\n\n    if (tty == null) {\n        tty = tsrv.createTerminal({\n            name: \"sail\",\n            isRendererOnly: true,\n        }, false)\n    } else {\n        tty.clear()\n    }\n    let oldTTY = tsrv.getActiveInstance()\n    tsrv.setActiveInstance(tty)\n    // Show the panel and focus it to prevent the user from editing the Dockerfile.\n    tsrv.showPanel(true)\n\n    startReloadUI()\n\n    const ws = new WebSocket(\"ws://\" + location.host + \"/sail/api/v1/reload\")\n    ws.onmessage = (ev) => {\n        const msg = JSON.parse(ev.data)\n        const out = atob(msg.v).replace(/\\n/g, \"\\n\\r\")\n        tty.write(out)\n    }\n    ws.onclose = (ev) => {\n        if (ev.code === 1000) {\n            tsrv.setActiveInstance(oldTTY)\n        } else {\n            alert(\"reload failed; please see logs in sail terminal\")\n        }\n        stopReloadUI()\n    }\n}\n\nlet tty\nwindow.addEventListener(\"ide-ready\", () => {\n    const statusBarService = window.ide.workbench.statusbarService\n    statusBarService.addEntry({\n        text: \"rebuild\",\n        tooltip: \"press super+alt+r to rebuild\",\n        command: \"rebuild-sail-container\"\n        // showBeak: true <- what does this do?\n    }, 0)\n\n    const commandRegistry = window.ide.workbench.commandRegistry\n    commandRegistry.registerCommand({\n        id: \"rebuild-sail-container\",\n        handler: (accessor, args) => {\n            rebuild()\n        },\n        description: {\n            description: \"Rebuild sail container\",\n            args: []\n        }\n    })\n})\n"