@ggterm/core 0.3.1 → 0.3.2

package/dist/cli-plot.js

@@ -14602,7 +14602,6 @@ __export(exports_serve, {
 import { watch, writeFileSync as writeFileSync3, unlinkSync } from "fs";
 import { join as join3 } from "path";
 import { createServer } from "http";
-import { createHash } from "crypto";
 import { spawn } from "child_process";
 function plotToVegaLite(plot) {
   const geomTypes = plot._provenance.geomTypes;
@@ -14620,27 +14619,6 @@ function getLatestPayload() {
   const { spec, provenance } = plotToVegaLite(plot);
   return JSON.stringify({ type: "plot", spec, provenance });
 }
-function encodeWebSocketFrame(data) {
-  const payload = Buffer.from(data, "utf-8");
-  const len = payload.length;
-  let header;
-  if (len < 126) {
-    header = Buffer.alloc(2);
-    header[0] = 129;
-    header[1] = len;
-  } else if (len < 65536) {
-    header = Buffer.alloc(4);
-    header[0] = 129;
-    header[1] = 126;
-    header.writeUInt16BE(len, 2);
-  } else {
-    header = Buffer.alloc(10);
-    header[0] = 129;
-    header[1] = 127;
-    header.writeBigUInt64BE(BigInt(len), 2);
-  }
-  return Buffer.concat([header, payload]);
-}
 function jsonResponse(res, data, status = 200) {
   const body = JSON.stringify(data);
   res.writeHead(status, { "content-type": "application/json" });
@@ -14661,10 +14639,12 @@ function handleServe(port) {
       const payload = getLatestPayload();
       if (!payload)
         return;
-      const frame = encodeWebSocketFrame(payload);
+      const sseData = `data: ${payload}
+
+`;
       for (const client of clients) {
         try {
-          client.write(frame);
+          client.write(sseData);
         } catch {
           clients.delete(client);
         }
@@ -14673,6 +14653,21 @@ function handleServe(port) {
   });
   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"
+      });
+      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)
@@ -14698,54 +14693,6 @@ function handleServe(port) {
     res.writeHead(200, { "content-type": "text/html; charset=utf-8" });
     res.end(CLIENT_HTML);
   });
-  server.on("upgrade", (req, socket, _head) => {
-    const url = new URL(req.url || "/", `http://localhost:${p}`);
-    if (url.pathname !== "/ws") {
-      socket.destroy();
-      return;
-    }
-    const key = req.headers["sec-websocket-key"];
-    if (!key) {
-      socket.destroy();
-      return;
-    }
-    const accept = createHash("sha1").update(key + "258EAFA5-E914-47DA-95CA-5AB5DC85B7A8").digest("base64");
-    socket.write(`HTTP/1.1 101 Switching Protocols\r
-` + `Upgrade: websocket\r
-` + `Connection: Upgrade\r
-` + `Sec-WebSocket-Accept: ${accept}\r
-` + `\r
-`);
-    clients.add(socket);
-    const payload = getLatestPayload();
-    if (payload)
-      socket.write(encodeWebSocketFrame(payload));
-    socket.on("close", () => clients.delete(socket));
-    socket.on("error", () => clients.delete(socket));
-    socket.on("data", (data) => {
-      if (data.length < 2)
-        return;
-      const opcode = data[0] & 15;
-      if (opcode === 8) {
-        const closeFrame = Buffer.alloc(2);
-        closeFrame[0] = 136;
-        closeFrame[1] = 0;
-        try {
-          socket.write(closeFrame);
-        } catch {}
-        socket.end();
-        clients.delete(socket);
-        return;
-      }
-      if (opcode === 9) {
-        const pong = Buffer.from(data);
-        pong[0] = pong[0] & 240 | 10;
-        try {
-          socket.write(pong);
-        } catch {}
-      }
-    });
-  });
   server.listen(p, () => {
     const url = `http://localhost:${p}`;
     console.log(`ggterm live viewer running at ${url}`);
@@ -15034,7 +14981,6 @@ let history = [];
 let historyIndex = {};
 let currentIdx = -1;
 let view = null;
-let ws = null;
 
 function updateMeta(prov) {
   if (!prov) return;
@@ -15192,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);
@@ -16389,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.map

@@ -1 +1 @@
-{"version":3,"file":"serve.d.ts","sourceRoot":"","sources":["../src/serve.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AA6gBH,wBAAgB,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CA2I/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.1",
+  "version": "0.3.2",
   "description": "Grammar of Graphics engine for terminals",
   "type": "module",
   "main": "./dist/index.js",