@ggterm/core 0.3.0 → 0.3.2

package/dist/cli-plot.js

@@ -14601,6 +14601,8 @@ __export(exports_serve, {
 });
 import { watch, writeFileSync as writeFileSync3, unlinkSync } from "fs";
 import { join as join3 } from "path";
+import { createServer } from "http";
+import { spawn } from "child_process";
 function plotToVegaLite(plot) {
   const geomTypes = plot._provenance.geomTypes;
   const hasCompositeMark = geomTypes.some((t) => COMPOSITE_MARKS.has(t));
@@ -14617,6 +14619,11 @@ function getLatestPayload() {
   const { spec, provenance } = plotToVegaLite(plot);
   return JSON.stringify({ type: "plot", spec, provenance });
 }
+function jsonResponse(res, data, status = 200) {
+  const body = JSON.stringify(data);
+  res.writeHead(status, { "content-type": "application/json" });
+  res.end(body);
+}
 function handleServe(port) {
   const p = port || 4242;
   ensureHistoryDirs();
@@ -14632,85 +14639,88 @@ function handleServe(port) {
       const payload = getLatestPayload();
       if (!payload)
         return;
+      const sseData = `data: ${payload}
+
+`;
       for (const client of clients) {
         try {
-          client.send(payload);
+          client.write(sseData);
         } catch {
           clients.delete(client);
         }
       }
     }, 150);
   });
-  const server = Bun.serve({
-    port: p,
-    fetch(req, server2) {
-      const url2 = new URL(req.url);
-      if (url2.pathname === "/ws") {
-        if (server2.upgrade(req))
-          return;
-        return new Response("WebSocket upgrade failed", { status: 400 });
-      }
-      if (url2.pathname === "/api/latest") {
-        const payload = getLatestPayload();
-        if (!payload)
-          return Response.json({ type: "empty" });
-        return new Response(payload, { headers: { "content-type": "application/json" } });
-      }
-      if (url2.pathname === "/api/history") {
-        const entries = getHistory().slice(-50);
-        return Response.json(entries);
-      }
-      if (url2.pathname.startsWith("/api/plot/")) {
-        const id = url2.pathname.slice("/api/plot/".length);
-        const plot = loadPlotFromHistory(id);
-        if (!plot)
-          return Response.json({ error: "not found" }, { status: 404 });
-        const { spec, provenance } = plotToVegaLite(plot);
-        return Response.json({ type: "plot", spec, provenance });
-      }
-      return new Response(CLIENT_HTML, {
-        headers: { "content-type": "text/html; charset=utf-8" }
+  const server = createServer((req, res) => {
+    const url = new URL(req.url || "/", `http://localhost:${p}`);
+    if (url.pathname === "/events") {
+      res.writeHead(200, {
+        "content-type": "text/event-stream",
+        "cache-control": "no-cache",
+        connection: "keep-alive"
       });
-    },
-    websocket: {
-      open(ws) {
-        clients.add(ws);
-        const payload = getLatestPayload();
-        if (payload)
-          ws.send(payload);
-      },
-      close(ws) {
-        clients.delete(ws);
-      },
-      message() {}
+      clients.add(res);
+      const payload = getLatestPayload();
+      if (payload)
+        res.write(`data: ${payload}
+
+`);
+      req.on("close", () => clients.delete(res));
+      return;
     }
+    if (url.pathname === "/api/latest") {
+      const payload = getLatestPayload();
+      if (!payload)
+        return jsonResponse(res, { type: "empty" });
+      res.writeHead(200, { "content-type": "application/json" });
+      res.end(payload);
+      return;
+    }
+    if (url.pathname === "/api/history") {
+      const entries = getHistory().slice(-50);
+      jsonResponse(res, entries);
+      return;
+    }
+    if (url.pathname.startsWith("/api/plot/")) {
+      const id = url.pathname.slice("/api/plot/".length);
+      const plot = loadPlotFromHistory(id);
+      if (!plot)
+        return jsonResponse(res, { error: "not found" }, 404);
+      const { spec, provenance } = plotToVegaLite(plot);
+      jsonResponse(res, { type: "plot", spec, provenance });
+      return;
+    }
+    res.writeHead(200, { "content-type": "text/html; charset=utf-8" });
+    res.end(CLIENT_HTML);
   });
-  const url = `http://localhost:${server.port}`;
-  console.log(`ggterm live viewer running at ${url}`);
-  const markerPath = join3(getGGTermDir(), "serve.json");
-  writeFileSync3(markerPath, JSON.stringify({ port: server.port, pid: process.pid }));
-  const cleanup = () => {
-    try {
-      unlinkSync(markerPath);
-    } catch {}
-  };
-  process.on("SIGINT", () => {
-    cleanup();
-    process.exit(0);
-  });
-  process.on("SIGTERM", () => {
-    cleanup();
-    process.exit(0);
+  server.listen(p, () => {
+    const url = `http://localhost:${p}`;
+    console.log(`ggterm live viewer running at ${url}`);
+    const markerPath = join3(getGGTermDir(), "serve.json");
+    writeFileSync3(markerPath, JSON.stringify({ port: p, pid: process.pid }));
+    const cleanup = () => {
+      try {
+        unlinkSync(markerPath);
+      } catch {}
+    };
+    process.on("SIGINT", () => {
+      cleanup();
+      process.exit(0);
+    });
+    process.on("SIGTERM", () => {
+      cleanup();
+      process.exit(0);
+    });
+    process.on("exit", cleanup);
+    if (process.env.TERM_PROGRAM === "waveterm") {
+      spawn("wsh", ["web", "open", url], { stdio: "ignore", detached: true }).unref();
+      console.log(`Opened Wave panel`);
+    } else {
+      console.log(`Open in browser or Wave panel: wsh web open ${url}`);
+    }
+    console.log(`Watching ${plotsDir} for new plots...`);
+    console.log(`Press Ctrl+C to stop`);
   });
-  process.on("exit", cleanup);
-  if (process.env.TERM_PROGRAM === "waveterm") {
-    Bun.spawn(["wsh", "web", "open", url]);
-    console.log(`Opened Wave panel`);
-  } else {
-    console.log(`Open in browser or Wave panel: wsh web open ${url}`);
-  }
-  console.log(`Watching ${plotsDir} for new plots...`);
-  console.log(`Press Ctrl+C to stop`);
 }
 var COMPOSITE_MARKS, CLIENT_HTML = `<!DOCTYPE html>
 <html lang="en">
@@ -14971,7 +14981,6 @@ let history = [];
 let historyIndex = {};
 let currentIdx = -1;
 let view = null;
-let ws = null;
 
 function updateMeta(prov) {
   if (!prov) return;
@@ -15129,17 +15138,12 @@ function downloadPNG() {
 }
 
 function connect() {
-  const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
-  ws = new WebSocket(proto + '//' + location.host + '/ws');
+  const es = new EventSource('/events');
 
-  ws.onopen = () => { statusEl.classList.add('connected'); };
-  ws.onclose = () => {
-    statusEl.classList.remove('connected');
-    setTimeout(connect, 2000);
-  };
-  ws.onerror = () => ws.close();
+  es.onopen = () => { statusEl.classList.add('connected'); };
+  es.onerror = () => { statusEl.classList.remove('connected'); };
 
-  ws.onmessage = (e) => {
+  es.onmessage = (e) => {
     const data = JSON.parse(e.data);
     if (data.type === 'plot') {
       history.push(data);
@@ -16326,19 +16330,68 @@ Examples:`);
 Tip: Use "inspect <file>" to see available columns`);
     process.exit(1);
   }
-  if (!args[0].includes(".") && !fileExists(args[0])) {
+  const BUILTIN_DATASETS = {
+    iris: () => {
+      const species = ["setosa", "versicolor", "virginica"];
+      const data2 = Array.from({ length: 150 }, (_, i) => {
+        const sp = species[Math.floor(i / 50)];
+        const base = sp === "setosa" ? 0 : sp === "versicolor" ? 1 : 2;
+        return {
+          sepal_length: +(5 + base * 0.5 + Math.random()).toFixed(1),
+          sepal_width: +(3 + Math.random() * 0.5).toFixed(1),
+          petal_length: +(1.5 + base * 2 + Math.random()).toFixed(1),
+          petal_width: +(0.2 + base * 0.8 + Math.random() * 0.3).toFixed(1),
+          species: sp
+        };
+      });
+      return { headers: ["sepal_length", "sepal_width", "petal_length", "petal_width", "species"], data: data2 };
+    },
+    mtcars: () => {
+      const data2 = [
+        { name: "Mazda RX4", mpg: 21, cyl: 6, hp: 110, wt: 2.62 },
+        { name: "Mazda RX4 Wag", mpg: 21, cyl: 6, hp: 110, wt: 2.875 },
+        { name: "Datsun 710", mpg: 22.8, cyl: 4, hp: 93, wt: 2.32 },
+        { name: "Hornet 4 Drive", mpg: 21.4, cyl: 6, hp: 110, wt: 3.215 },
+        { name: "Hornet Sportabout", mpg: 18.7, cyl: 8, hp: 175, wt: 3.44 },
+        { name: "Valiant", mpg: 18.1, cyl: 6, hp: 105, wt: 3.46 },
+        { name: "Duster 360", mpg: 14.3, cyl: 8, hp: 245, wt: 3.57 },
+        { name: "Merc 240D", mpg: 24.4, cyl: 4, hp: 62, wt: 3.19 },
+        { name: "Merc 230", mpg: 22.8, cyl: 4, hp: 95, wt: 3.15 },
+        { name: "Merc 280", mpg: 19.2, cyl: 6, hp: 123, wt: 3.44 },
+        { name: "Merc 280C", mpg: 17.8, cyl: 6, hp: 123, wt: 3.44 },
+        { name: "Merc 450SE", mpg: 16.4, cyl: 8, hp: 180, wt: 4.07 },
+        { name: "Merc 450SL", mpg: 17.3, cyl: 8, hp: 180, wt: 3.73 },
+        { name: "Merc 450SLC", mpg: 15.2, cyl: 8, hp: 180, wt: 3.78 },
+        { name: "Cadillac Fleetwood", mpg: 10.4, cyl: 8, hp: 205, wt: 5.25 },
+        { name: "Lincoln Continental", mpg: 10.4, cyl: 8, hp: 215, wt: 5.424 }
+      ];
+      return { headers: ["name", "mpg", "cyl", "hp", "wt"], data: data2 };
+    }
+  };
+  const [dataFile, x, y, color, title, geomSpec = "point", facetVar] = args;
+  let headers;
+  let data;
+  if (BUILTIN_DATASETS[dataFile]) {
+    const result = BUILTIN_DATASETS[dataFile]();
+    headers = result.headers;
+    data = result.data;
+  } else if (!args[0].includes(".") && !fileExists(args[0])) {
     console.error(`
 Error: "${args[0]}" doesn't look like a file path`);
     console.error(`
+Built-in datasets: iris, mtcars`);
+    console.error(`
 Did you mean one of these commands?`);
     console.error(`  inspect <file>  - Show column types`);
     console.error(`  suggest <file>  - Get plot suggestions`);
     console.error(`  history         - List saved plots`);
     console.error(`  help            - Show full usage`);
     process.exit(1);
+  } else {
+    const loaded = loadData(dataFile);
+    headers = loaded.headers;
+    data = loaded.data;
   }
-  const [dataFile, x, y, color, title, geomSpec = "point", facetVar] = args;
-  let { headers, data } = loadData(dataFile);
   const { baseGeom: geomType, refLines } = parseGeomSpec(geomSpec);
   if (geomType === "manhattan" && y && y !== "-") {
     data = data.map((row) => {

package/dist/serve.d.ts

@@ -3,6 +3,8 @@
  *
  * Watches .ggterm/plots/ for new plots and pushes them to connected
  * browsers via WebSocket. Renders interactive Vega-Lite in a dark-themed page.
+ *
+ * Uses node:http and a minimal WebSocket implementation for Node.js compatibility.
  */
 export declare function handleServe(port?: number): void;
 //# sourceMappingURL=serve.d.ts.map

package/dist/serve.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"serve.d.ts","sourceRoot":"","sources":["../src/serve.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAweH,wBAAgB,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAkG/C"}
+{"version":3,"file":"serve.d.ts","sourceRoot":"","sources":["../src/serve.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AA0eH,wBAAgB,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAmG/C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ggterm/core",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "Grammar of Graphics engine for terminals",
   "type": "module",
   "main": "./dist/index.js",