@gjsify/example-node-net-sse-chat 0.1.6 → 0.1.7

package/dist/index.node.mjs

@@ -0,0 +1,118 @@
+import { createRequire as __gjsify_createRequire } from 'module';
+const require = __gjsify_createRequire(import.meta.url);
+
+// ../../../packages/gjs/runtime/lib/esm/index.js
+var isGJS = typeof process !== "undefined" && typeof process.versions?.gjs === "string";
+var isNode = typeof process !== "undefined" && typeof process.versions?.node === "string";
+var runtimeName = isGJS ? "GJS" : isNode ? "Node.js" : "Unknown";
+var runtimeVersion = isGJS ? process.versions.gjs : isNode ? process.versions.node : void 0;
+
+// src/index.ts
+import { createServer } from "node:http";
+import { readFileSync } from "node:fs";
+import { join, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+import { EventEmitter } from "node:events";
+var __filename = fileURLToPath(import.meta.url);
+var __dirname = dirname(__filename);
+var PORT = parseInt(process.env.PORT || "3000", 10);
+var chatBus = new EventEmitter();
+var messages = [];
+function serveStatic(res, filename, contentType) {
+  try {
+    const content = readFileSync(join(__dirname, "public", filename), "utf8");
+    res.writeHead(200, { "content-type": contentType });
+    res.end(content);
+  } catch {
+    res.writeHead(404, { "content-type": "text/plain" });
+    res.end("404 Not Found");
+  }
+}
+function parseBody(req) {
+  return new Promise((resolve, reject) => {
+    let body = "";
+    req.setEncoding("utf8");
+    req.on("data", (chunk) => {
+      body += chunk;
+    });
+    req.on("end", () => {
+      try {
+        resolve(JSON.parse(body));
+      } catch {
+        reject(new Error("Invalid JSON"));
+      }
+    });
+    req.on("error", reject);
+  });
+}
+function handleSSE(req, res) {
+  res.writeHead(200, {
+    "content-type": "text/event-stream",
+    "cache-control": "no-cache",
+    "connection": "keep-alive"
+  });
+  for (const msg of messages) {
+    res.write(`data: ${JSON.stringify(msg)}
+
+`);
+  }
+  const onMessage = (msg) => {
+    res.write(`data: ${JSON.stringify(msg)}
+
+`);
+  };
+  chatBus.on("message", onMessage);
+  req.on("close", () => {
+    chatBus.removeListener("message", onMessage);
+  });
+}
+function handleRequest(req, res) {
+  const url = req.url || "/";
+  const method = req.method || "GET";
+  res.setHeader("access-control-allow-origin", "*");
+  res.setHeader("access-control-allow-methods", "GET, POST, OPTIONS");
+  res.setHeader("access-control-allow-headers", "Content-Type");
+  if (method === "OPTIONS") {
+    res.writeHead(204);
+    res.end();
+    return;
+  }
+  if (method === "GET" && url === "/") {
+    serveStatic(res, "index.html", "text/html; charset=utf-8");
+  } else if (method === "GET" && url === "/style.css") {
+    serveStatic(res, "style.css", "text/css; charset=utf-8");
+  } else if (method === "GET" && url === "/events") {
+    handleSSE(req, res);
+  } else if (method === "POST" && url === "/send") {
+    parseBody(req).then((body) => {
+      const user = String(body.user || "Anonymous");
+      const text = String(body.text || "");
+      if (!text.trim()) {
+        res.writeHead(400, { "content-type": "application/json" });
+        res.end(JSON.stringify({ error: "Empty message" }));
+        return;
+      }
+      const msg = { user, text, time: (/* @__PURE__ */ new Date()).toISOString() };
+      messages.push(msg);
+      if (messages.length > 100) messages.shift();
+      chatBus.emit("message", msg);
+      res.writeHead(200, { "content-type": "application/json" });
+      res.end(JSON.stringify({ ok: true }));
+    }).catch(() => {
+      res.writeHead(400, { "content-type": "application/json" });
+      res.end(JSON.stringify({ error: "Invalid JSON" }));
+    });
+  } else if (method === "GET" && url === "/api/messages") {
+    res.writeHead(200, { "content-type": "application/json" });
+    res.end(JSON.stringify({ messages, runtime: runtimeName }));
+  } else {
+    res.writeHead(404, { "content-type": "text/plain" });
+    res.end("404 Not Found");
+  }
+}
+var server = createServer(handleRequest);
+server.listen(PORT, () => {
+  console.log(`SSE Chat running at http://localhost:${PORT}`);
+  console.log(`Runtime: ${runtimeName}`);
+  console.log("Open in browser to chat. Press Ctrl+C to stop.");
+});

package/dist/public/index.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>gjsify SSE Chat</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <main>
+    <h1>gjsify Chat</h1>
+    <p id="status">Connecting...</p>
+    <div id="messages"></div>
+    <form id="chat-form">
+      <input type="text" id="user" placeholder="Your name" value="User" />
+      <input type="text" id="text" placeholder="Type a message..." autofocus />
+      <button type="submit">Send</button>
+    </form>
+  </main>
+  <script>
+    const messagesDiv = document.getElementById('messages');
+    const statusEl = document.getElementById('status');
+    const form = document.getElementById('chat-form');
+    const userInput = document.getElementById('user');
+    const textInput = document.getElementById('text');
+
+    // Connect to SSE endpoint
+    const evtSource = new EventSource('/events');
+    evtSource.onopen = () => { statusEl.textContent = 'Connected'; };
+    evtSource.onerror = () => { statusEl.textContent = 'Disconnected — retrying...'; };
+    evtSource.onmessage = (event) => {
+      const msg = JSON.parse(event.data);
+      const el = document.createElement('div');
+      el.className = 'message';
+      const time = new Date(msg.time).toLocaleTimeString();
+
+      const timeSpan = document.createElement('span');
+      timeSpan.className = 'time';
+      timeSpan.textContent = time + ' ';
+
+      const nameSpan = document.createElement('strong');
+      nameSpan.textContent = msg.user + ': ';
+
+      const textNode = document.createTextNode(msg.text);
+
+      el.appendChild(timeSpan);
+      el.appendChild(nameSpan);
+      el.appendChild(textNode);
+      messagesDiv.appendChild(el);
+      messagesDiv.scrollTop = messagesDiv.scrollHeight;
+    };
+
+    form.addEventListener('submit', async (e) => {
+      e.preventDefault();
+      const text = textInput.value.trim();
+      if (!text) return;
+      textInput.value = '';
+      await fetch('/send', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ user: userInput.value || 'Anonymous', text }),
+      });
+    });
+  </script>
+</body>
+</html>

package/dist/public/style.css

@@ -0,0 +1,14 @@
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #1e1e2e; color: #cdd6f4; }
+main { max-width: 600px; margin: 2rem auto; padding: 0 1rem; }
+h1 { color: #89b4fa; margin-bottom: 0.5rem; }
+#status { color: #6c7086; font-size: 0.85em; margin-bottom: 1rem; }
+#messages { height: 400px; overflow-y: auto; border: 1px solid #45475a; border-radius: 8px; padding: 0.75rem; margin-bottom: 1rem; background: #181825; }
+.message { margin: 0.3rem 0; line-height: 1.5; }
+.time { color: #6c7086; font-size: 0.85em; }
+strong { color: #a6e3a1; }
+#chat-form { display: flex; gap: 0.5rem; }
+input { flex: 1; padding: 0.5rem 0.75rem; border: 1px solid #45475a; border-radius: 6px; background: #313244; color: #cdd6f4; font-size: 1rem; }
+input:first-child { flex: 0 0 120px; }
+button { padding: 0.5rem 1.25rem; border: none; border-radius: 6px; background: #89b4fa; color: #1e1e2e; font-weight: 600; cursor: pointer; font-size: 1rem; }
+button:hover { background: #74c7ec; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gjsify/example-node-net-sse-chat",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "Real-time chat using Server-Sent Events for Node.js and GJS",
   "main": "dist/index.gjs.js",
   "type": "module",
@@ -28,10 +28,10 @@
     "test:gjs": "gjs -m test.gjs.mjs"
   },
   "devDependencies": {
-    "@gjsify/cli": "^0.1.6",
-    "@gjsify/node-globals": "^0.1.6",
-    "@gjsify/runtime": "^0.1.6",
-    "@gjsify/unit": "^0.1.6",
+    "@gjsify/cli": "^0.1.7",
+    "@gjsify/node-globals": "^0.1.7",
+    "@gjsify/runtime": "^0.1.7",
+    "@gjsify/unit": "^0.1.7",
     "@types/node": "^25.5.2",
     "typescript": "^6.0.2"
   }