update build.js

public/bundle.js

@@ -1,5 +1,5 @@
 ////
-// version: 1a97e37
+// version: 3e67d66
 
 // src/js/dom.ts
 var content2 = $("content");
@@ -64,6 +64,11 @@ function initScrollback() {
 function insert(node) {
   scrollback.append(node);
 }
+function latestId() {
+  const nodes = document.querySelectorAll("[data-id]");
+  if (nodes.length)
+    return nodes[nodes.length - 1].dataset.id;
+}
 function addInput(id, input, status) {
   const parent = $$("li.input");
   const statusSpan = $$(`span.status.${statusColors[status || "waiting"]}`, "•");
@@ -342,6 +347,14 @@ function cacheApps(a) {
   apps.sort();
   window.dispatchEvent(new CustomEvent("apps:change"));
 }
+function currentAppUrl() {
+  const project = sessionStore.get("project") || "root";
+  if (!apps.includes(project))
+    return;
+  const hostname = sessionStore.get("hostname") || "localhost";
+  const s = hostname.startsWith("localhost") ? "" : "s";
+  return `http${s}://${project}.${hostname}`;
+}
 
 // src/js/session.ts
 var sessionId = randomId();
@@ -820,7 +833,15 @@ function hideStatusMsg() {
 // src/js/commands.ts
 var commands = [];
 var browserCommands = {
-  browse: (url) => openBrowser(url, "command"),
+  browse: (url) => {
+    const currentUrl = url ?? currentAppUrl();
+    if (currentUrl) {
+      openBrowser(currentUrl, "command");
+    } else {
+      setTimeout(() => setStatus(latestId(), "error"), 0);
+      return "usage: browse <url>";
+    }
+  },
   "browser-session": () => sessionId,
   clear: () => scrollback.innerHTML = "",
   commands: () => {

src/js/commands.ts

@@ -9,11 +9,21 @@ import { resize } from "./resize"
 import { sessionId } from "./session"
 import { send } from "./websocket"
 import { status } from "./statusbar"
+import { setStatus, latestId } from "./scrollback"
+import { currentAppUrl } from "./webapp"
 
 export const commands: string[] = []
 
 export const browserCommands: Record<string, (...args: string[]) => void | Promise<void> | CommandOutput> = {
-  browse: (url: string) => openBrowser(url, "command"),
+  browse: (url?: string) => {
+    const currentUrl = url ?? currentAppUrl()
+    if (currentUrl) {
+      openBrowser(currentUrl, "command")
+    } else {
+      setTimeout(() => setStatus(latestId()!, "error"), 0)
+      return "usage: browse <url>"
+    }
+  },
   "browser-session": () => sessionId,
   clear: () => scrollback.innerHTML = "",
   commands: () => {

src/js/scrollback.ts

@@ -22,6 +22,12 @@ export function insert(node: HTMLElement) {
     scrollback.append(node)
 }
 
+export function latestId(): string | undefined {
+    const nodes = document.querySelectorAll("[data-id]")
+    if (nodes.length)
+        return (nodes[nodes.length - 1] as HTMLElement).dataset.id
+}
+
 export function addInput(id: string, input: string, status?: InputStatus) {
     const parent = $$("li.input")
     const statusSpan = $$(`span.status.${statusColors[status || "waiting"]}`, "•")

src/js/webapp.ts

@@ -1,6 +1,8 @@
 ////
 // NOSE webapps
 
+import { sessionStore } from "./session"
+
 export const apps: string[] = []
 
 export function cacheApps(a: string[]) {
@@ -9,4 +11,14 @@ export function cacheApps(a: string[]) {
   apps.sort()
 
   window.dispatchEvent(new CustomEvent("apps:change"))
+}
+
+export function currentAppUrl(): string | undefined {
+  const project = sessionStore.get("project") || "root"
+
+  if (!apps.includes(project)) return
+
+  const hostname = sessionStore.get("hostname") || "localhost"
+  const s = hostname.startsWith("localhost") ? "" : "s"
+  return `http${s}://${project}.${hostname}`
 }