feat: show objects in editor

Author: kt3k

.vscode/launch.json

@@ -6,7 +6,7 @@
       "type": "extensionHost",
       "request": "launch",
       "runtimeExecutable": "${execPath}",
-      "args": ["--extensionDevelopmentPath=${workspaceRoot}"],
+      "args": ["--extensionDevelopmentPath=${workspaceRoot}/editor"],
       "outFiles": ["${workspaceFolder}/editor/out/**/*.js"],
       "preLaunchTask": "Build"
     }

deno.json

@@ -11,7 +11,8 @@
     "clear-spawns": "deno -A tools/modify_map_clear_spawns.ts block_0.0 block_-200.0 block_0.-200 block_-200.-200 block_-200.200 block_0.200 block_not_found",
     "add-spawns": "deno -A tools/modify_map_add_spawns_randomly.ts block_0.0 block_-200.0 block_0.-200 block_-200.-200 block_-200.200 block_0.200 block_not_found",
     "dist": "deno run -A npm:cpx2 'out/**' dist",
-    "serve": "deno run -A jsr:@std/http/file-server out -p 8000"
+    "serve": "deno run -A jsr:@std/http/file-server out -p 8000",
+    "update-editor": "deno task --cwd editor update-package"
   },
   "compilerOptions": {
     "lib": ["deno.ns", "esnext", "dom", "dom.iterable"]

editor/extension.tsx

@@ -39,6 +39,9 @@ function resolveCustomTextEditor(
         <div class="toolbox fixed left-0 top-0 flex items-center gap-2 bg-neutral-900/50 w-full">
           <div class="cell-switch flex items-center relative">
           </div>
+          <div class="h-full w-0 border-l border-neutral-500">&nbsp;</div>
+          <div class="object-switch flex items-center relative">
+          </div>
           <div class="group relative">
             <span class="mode-switch">dot</span>
             <span class="
@@ -60,7 +63,6 @@ function resolveCustomTextEditor(
   const sub = workspace.onDidChangeTextDocument(onDocChange)
   panel.onDidDispose(() => sub.dispose())
   webview.onDidReceiveMessage(onMessage)
-  updateWebview()
 
   function postMessage(message: type.Extension.Message) {
     webview.postMessage(message)
@@ -81,6 +83,9 @@ function resolveCustomTextEditor(
 
   function onMessage(e: type.Webview.Message) {
     switch (e.type) {
+      case "ready":
+        updateWebview()
+        break
       case "update":
         update(e)
         break

editor/types.ts

@@ -29,6 +29,9 @@ export namespace Extension {
 
 // deno-lint-ignore no-namespace
 export namespace Webview {
+  export type MessageReady = {
+    type: "ready"
+  }
   export type MessageLoadImage = {
     type: "loadImage"
     id: string
@@ -44,5 +47,9 @@ export namespace Webview {
     // deno-lint-ignore no-explicit-any
     map: any
   }
-  export type Message = MessageLoadImage | MessageLoadText | MessageUpdate
+  export type Message =
+    | MessageLoadImage
+    | MessageLoadText
+    | MessageUpdate
+    | MessageReady
 }