@nlweb-ai/chat-app 0.1.0 → 0.1.1

package/bin/nlweb-chat.mjs

@@ -0,0 +1,133 @@
+#!/usr/bin/env node
+
+// Standalone server for @nlweb-ai/chat-app.
+// Serves the built SPA and optionally proxies API routes to ASK_API_URL.
+//
+// Usage:
+//   ASK_API_URL=http://localhost:8081 npx @nlweb-ai/chat-app
+//   PORT=4000 ASK_API_URL=https://my-nlweb.example.com npx @nlweb-ai/chat-app
+
+import { createServer } from "node:http";
+import { request as httpRequest } from "node:http";
+import { request as httpsRequest } from "node:https";
+import { createReadStream, existsSync, statSync } from "node:fs";
+import { join, extname, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const DIST_DIR = join(__dirname, "..", "dist");
+const PORT = parseInt(process.env.PORT || "8080", 10);
+const ASK_API_URL = process.env.ASK_API_URL;
+
+const PROXY_PATHS = [
+  "/ask",
+  "/health",
+  "/config",
+  "/mcp",
+  "/mcp-sse",
+  "/a2a",
+  "/a2a-sse",
+  "/site-configs",
+];
+
+const MIME_TYPES = {
+  ".html": "text/html; charset=utf-8",
+  ".js": "application/javascript; charset=utf-8",
+  ".css": "text/css; charset=utf-8",
+  ".json": "application/json; charset=utf-8",
+  ".svg": "image/svg+xml",
+  ".png": "image/png",
+  ".ico": "image/x-icon",
+  ".map": "application/json",
+};
+
+// ── Proxy ──────────────────────────────────────────────────────────────
+
+function shouldProxy(url) {
+  const path = url.split("?")[0];
+  return PROXY_PATHS.some(
+    (prefix) => path === prefix || path.startsWith(prefix + "/"),
+  );
+}
+
+function proxy(clientReq, clientRes) {
+  const upstream = new URL(ASK_API_URL);
+  const reqFn = upstream.protocol === "https:" ? httpsRequest : httpRequest;
+
+  const options = {
+    hostname: upstream.hostname,
+    port: upstream.port || (upstream.protocol === "https:" ? 443 : 80),
+    path: clientReq.url,
+    method: clientReq.method,
+    headers: { ...clientReq.headers, host: upstream.host },
+  };
+
+  const proxyReq = reqFn(options, (proxyRes) => {
+    clientRes.writeHead(proxyRes.statusCode, proxyRes.headers);
+    proxyRes.pipe(clientRes, { end: true });
+  });
+
+  proxyReq.on("error", (err) => {
+    console.error(`Proxy error: ${err.message}`);
+    if (!clientRes.headersSent) {
+      clientRes.writeHead(502, { "Content-Type": "text/plain" });
+    }
+    clientRes.end(`Bad Gateway: ${err.message}`);
+  });
+
+  clientReq.pipe(proxyReq, { end: true });
+}
+
+// ── Static file server ─────────────────────────────────────────────────
+
+function serveStatic(req, res) {
+  const urlPath = req.url.split("?")[0];
+  let filePath = join(DIST_DIR, urlPath === "/" ? "index.html" : urlPath);
+
+  if (!filePath.startsWith(DIST_DIR)) {
+    res.writeHead(403);
+    res.end("Forbidden");
+    return;
+  }
+
+  // SPA fallback: non-existent paths serve index.html
+  if (!existsSync(filePath) || !statSync(filePath).isFile()) {
+    filePath = join(DIST_DIR, "index.html");
+  }
+
+  const ext = extname(filePath);
+  const contentType = MIME_TYPES[ext] || "application/octet-stream";
+  const stat = statSync(filePath);
+
+  res.writeHead(200, {
+    "Content-Type": contentType,
+    "Content-Length": stat.size,
+  });
+  createReadStream(filePath).pipe(res);
+}
+
+// ── Server ─────────────────────────────────────────────────────────────
+
+if (!ASK_API_URL) {
+  console.error("Error: ASK_API_URL is required. Example:");
+  console.error("  ASK_API_URL=http://localhost:8081 npx @nlweb-ai/chat-app");
+  process.exit(1);
+}
+
+if (!existsSync(join(DIST_DIR, "index.html"))) {
+  console.error("Error: dist/index.html not found. Run 'pnpm build' first.");
+  process.exit(1);
+}
+
+const server = createServer((req, res) => {
+  if (ASK_API_URL && shouldProxy(req.url)) {
+    proxy(req, res);
+  } else {
+    serveStatic(req, res);
+  }
+});
+
+server.listen(PORT, () => {
+  console.log(`NLWeb Chat App: http://localhost:${PORT}`);
+  console.log(`Proxying API requests to: ${ASK_API_URL}`);
+});

package/package.json

@@ -1,12 +1,23 @@
 {
   "name": "@nlweb-ai/chat-app",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "description": "NLWeb AI chat application built with React and @nlweb-ai/search-components",
   "license": "MIT",
   "author": "nlweb-ai",
-  "keywords": ["nlweb", "chat", "search", "react"],
-  "files": ["dist"],
+  "keywords": [
+    "nlweb",
+    "chat",
+    "search",
+    "react"
+  ],
+  "bin": {
+    "nlweb-chat": "./bin/nlweb-chat.mjs"
+  },
+  "files": [
+    "dist",
+    "bin"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/nlweb-ai/nlweb-ask-agent.git",
@@ -16,23 +27,12 @@
     "registry": "https://registry.npmjs.org",
     "access": "public"
   },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "start": "serve dist -s -l 3000",
-    "lint": "eslint .",
-    "format": "prettier --write \"src/**/*.{ts,tsx,json,css}\"",
-    "format:check": "prettier --check \"src/**/*.{ts,tsx,json,css}\"",
-    "typecheck": "tsc -b --noEmit",
-    "preview": "vite preview",
-    "prepublishOnly": "pnpm run build"
-  },
   "dependencies": {
     "@headlessui/react": "^2.2.9",
     "@heroicons/react": "^2.2.0",
-    "@nlweb-ai/search-components": "workspace:*",
     "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "react-dom": "^19.2.0",
+    "@nlweb-ai/search-components": "0.1.10"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
@@ -50,5 +50,15 @@
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
     "vite": "npm:rolldown-vite@7.2.5"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "start": "node bin/nlweb-chat.mjs",
+    "lint": "eslint .",
+    "format": "prettier --write \"src/**/*.{ts,tsx,json,css}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,json,css}\"",
+    "typecheck": "tsc -b --noEmit",
+    "preview": "vite preview"
   }
-}
+}