@femtomc/mu-server 26.2.25 → 26.2.26

package/dist/server.js

@@ -1,8 +1,25 @@
+import { existsSync } from "node:fs";
+import { readFile } from "node:fs/promises";
+import { extname, join, resolve } from "node:path";
 import { fsEventLogFromRepoRoot, FsJsonlStore, getStorePaths } from "@femtomc/mu-core/node";
 import { IssueStore } from "@femtomc/mu-issue";
 import { ForumStore } from "@femtomc/mu-forum";
 import { issueRoutes } from "./api/issues.js";
 import { forumRoutes } from "./api/forum.js";
+const MIME_TYPES = {
+    ".html": "text/html; charset=utf-8",
+    ".js": "text/javascript; charset=utf-8",
+    ".css": "text/css; charset=utf-8",
+    ".json": "application/json",
+    ".png": "image/png",
+    ".jpg": "image/jpeg",
+    ".svg": "image/svg+xml",
+    ".ico": "image/x-icon",
+    ".woff": "font/woff",
+    ".woff2": "font/woff2",
+};
+// Resolve public/ dir relative to this file (works in npm global installs)
+const PUBLIC_DIR = join(new URL(".", import.meta.url).pathname, "..", "public");
 export function createContext(repoRoot) {
     const paths = getStorePaths(repoRoot);
     const eventLog = fsEventLogFromRepoRoot(repoRoot);
@@ -55,6 +72,28 @@ export function createServer(options = {}) {
             headers.forEach((value, key) => response.headers.set(key, value));
             return response;
         }
+        // Static file serving (bundled web UI)
+        if (existsSync(PUBLIC_DIR)) {
+            // Try to serve the exact file (with path traversal protection)
+            const filePath = resolve(PUBLIC_DIR, `.${path === "/" ? "/index.html" : path}`);
+            if (!filePath.startsWith(PUBLIC_DIR)) {
+                return new Response("Forbidden", { status: 403, headers });
+            }
+            if (existsSync(filePath)) {
+                const ext = extname(filePath);
+                const mime = MIME_TYPES[ext] ?? "application/octet-stream";
+                const body = await readFile(filePath);
+                headers.set("Content-Type", mime);
+                return new Response(body, { status: 200, headers });
+            }
+            // SPA fallback: serve index.html for non-API, non-file paths
+            const indexPath = join(PUBLIC_DIR, "index.html");
+            if (existsSync(indexPath)) {
+                const body = await readFile(indexPath);
+                headers.set("Content-Type", "text/html; charset=utf-8");
+                return new Response(body, { status: 200, headers });
+            }
+        }
         return new Response("Not Found", { status: 404, headers });
     };
     const server = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@femtomc/mu-server",
-  "version": "26.2.25",
+  "version": "26.2.26",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -14,7 +14,8 @@
     }
   },
   "files": [
-    "dist/**"
+    "dist/**",
+    "public/**"
   ],
   "scripts": {
     "build": "tsc -p tsconfig.build.json",
@@ -22,8 +23,8 @@
     "start": "bun run dist/cli.js"
   },
   "dependencies": {
-    "@femtomc/mu-core": "26.2.25",
-    "@femtomc/mu-issue": "26.2.25",
-    "@femtomc/mu-forum": "26.2.25"
+    "@femtomc/mu-core": "26.2.26",
+    "@femtomc/mu-issue": "26.2.26",
+    "@femtomc/mu-forum": "26.2.26"
   }
 }

package/public/assets/index-0FGFtKeu.js

@@ -0,0 +1,85 @@
+(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))a(r);new MutationObserver(r=>{for(const o of r)if(o.type==="childList")for(const c of o.addedNodes)c.tagName==="LINK"&&c.rel==="modulepreload"&&a(c)}).observe(document,{childList:!0,subtree:!0});function s(r){const o={};return r.integrity&&(o.integrity=r.integrity),r.referrerPolicy&&(o.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?o.credentials="include":r.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function a(r){if(r.ep)return;r.ep=!0;const o=s(r);fetch(r.href,o)}})();const T="";class g extends Error{constructor(e,s){super(s),this.status=e,this.name="ApiError"}}async function n(t,e){const s=await fetch(`${T}${t}`,{...e,headers:{"Content-Type":"application/json",...e==null?void 0:e.headers}});if(!s.ok){const a=await s.text();throw new g(s.status,a||`HTTP ${s.status}`)}return s.json()}const d={async getStatus(){return n("/api/status")},async listIssues(t){const e=new URLSearchParams;t!=null&&t.status&&e.set("status",t.status),t!=null&&t.tag&&e.set("tag",t.tag);const s=e.toString();return n(`/api/issues${s?`?${s}`:""}`)},async getIssue(t){return n(`/api/issues/${t}`)},async createIssue(t){return n("/api/issues",{method:"POST",body:JSON.stringify(t)})},async updateIssue(t,e){return n(`/api/issues/${t}`,{method:"PATCH",body:JSON.stringify(e)})},async claimIssue(t){return n(`/api/issues/${t}/claim`,{method:"POST",body:JSON.stringify({})})},async closeIssue(t,e){return n(`/api/issues/${t}/close`,{method:"POST",body:JSON.stringify({outcome:e})})},async getReadyIssues(t){const e=t?`?root=${encodeURIComponent(t)}`:"";return n(`/api/issues/ready${e}`)},async postMessage(t,e,s){return n("/api/forum/post",{method:"POST",body:JSON.stringify({topic:t,body:e,author:s})})},async readMessages(t,e){const s=new URLSearchParams({topic:t});return e&&s.set("limit",String(e)),n(`/api/forum/read?${s}`)},async listTopics(t,e){const s=new URLSearchParams;t&&s.set("prefix",t),e&&s.set("limit",String(e));const a=s.toString();return n(`/api/forum/topics${a?`?${a}`:""}`)}},h="mu-web:last_topic";function S(){return typeof localStorage<"u"?localStorage:null}function w(){try{const t=S();if(!t)return null;const e=String(t.getItem(h)??"").trim();return e.length>0?e:null}catch{return null}}function x(t){try{const e=S();if(!e)return;const s=t.trim();if(!s)return;e.setItem(h,s)}catch{}}const L=document.querySelector("#app");if(!L)throw new Error("missing #app");const C=L;C.innerHTML=`
+	<div class="container">
+		<h1>mu</h1>
+		<div class="row muted">
+			<span class="pill" data-testid="status-pill">Connecting...</span>
+			<button data-testid="refresh">Refresh</button>
+			<span class="muted" data-testid="repo-root"></span>
+		</div>
+
+		<div class="grid">
+			<div class="card">
+				<h2>Issues</h2>
+				<div class="row">
+					<input data-testid="issue-title" placeholder="Issue title" />
+					<button data-testid="create-issue">Create</button>
+				</div>
+				<p class="muted">
+					All issues: <span data-testid="issues-count">0</span>
+					Ready leaves: <span data-testid="ready-count">0</span>
+				</p>
+				<div class="grid" style="grid-template-columns: 1fr; gap: 10px;">
+					<div>
+						<div class="muted">Issues</div>
+						<pre data-testid="issues-json">[]</pre>
+					</div>
+					<div>
+						<div class="muted">Ready Leaves</div>
+						<pre data-testid="ready-json">[]</pre>
+					</div>
+				</div>
+			</div>
+
+			<div class="card">
+				<h2>Forum</h2>
+
+				<div class="muted">Post</div>
+				<div class="row">
+					<input data-testid="forum-topic" placeholder="Topic (e.g. issue:mu-123)" />
+					<input data-testid="forum-author" placeholder="Author" value="worker" />
+				</div>
+				<textarea data-testid="forum-body" placeholder="Message body"></textarea>
+				<div class="row">
+					<button data-testid="forum-post">Post</button>
+				</div>
+
+				<div style="height: 10px;"></div>
+
+				<div class="muted">Read</div>
+				<div class="row">
+					<input data-testid="read-topic" placeholder="Topic to read" />
+					<button data-testid="forum-read">Read</button>
+				</div>
+
+				<div style="height: 10px;"></div>
+
+				<div class="muted">Topics</div>
+				<div class="row">
+					<input data-testid="topics-prefix" placeholder="Prefix (optional)" />
+					<button data-testid="topics-refresh">List</button>
+				</div>
+
+				<p class="muted">
+					Topics: <span data-testid="topics-count">0</span>
+				</p>
+
+				<div class="grid" style="grid-template-columns: 1fr; gap: 10px;">
+					<div>
+						<div class="muted">Topics</div>
+						<pre data-testid="topics-json">[]</pre>
+					</div>
+					<div>
+						<div class="muted">Messages</div>
+						<pre data-testid="messages-json">[]</pre>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<div class="card" style="margin-top: 16px;">
+			<div class="muted">Errors</div>
+			<pre data-testid="errors"></pre>
+		</div>
+	</div>
+`;function i(t){const e=C.querySelector(`[data-testid="${t}"]`);if(!e)throw new Error(`missing [data-testid=${JSON.stringify(t)}]`);return e}const u=i("status-pill"),y=i("repo-root"),v=i("errors"),m=w();m&&(i("read-topic").value=m);function f(t){if(!t){v.textContent="";return}if(t instanceof g){v.textContent=`API Error (${t.status}): ${t.message}`;return}if(t instanceof Error){v.textContent=`${t.name}: ${t.message}
+${t.stack??""}`.trim();return}v.textContent=String(t)}async function b(){try{const t=await d.getStatus();return u.textContent=`Connected to ${window.location.host}`,u.classList.add("success"),u.classList.remove("error"),y.textContent=t.repo_root||"",!0}catch(t){return u.textContent="Connection failed",u.classList.add("error"),u.classList.remove("success"),y.textContent="",f(t),!1}}async function l(t={}){try{f(null);const[e,s,a]=await Promise.all([d.listIssues(),d.getReadyIssues(),d.getStatus()]),r=i("topics-prefix").value.trim()||void 0,o=await d.listTopics(r);i("issues-count").textContent=String(e.length),i("ready-count").textContent=String(s.length),i("topics-count").textContent=String(o.length),i("issues-json").textContent=JSON.stringify(e,null,2),i("ready-json").textContent=JSON.stringify(s,null,2),i("topics-json").textContent=JSON.stringify(o,null,2);let c=t.readTopic??i("read-topic").value.trim();if(!c){const p=w();p&&(c=p,i("read-topic").value=p)}if(c){const p=await d.readMessages(c,50);i("messages-json").textContent=JSON.stringify(p,null,2)}else i("messages-json").textContent="[]"}catch(e){f(e)}}i("refresh").addEventListener("click",()=>{l()});i("topics-refresh").addEventListener("click",()=>{l()});i("forum-read").addEventListener("click",()=>{const t=i("read-topic").value.trim();x(t),l({readTopic:t})});i("create-issue").addEventListener("click",()=>{const t=i("issue-title"),e=t.value.trim();if(!e){f(new Error("issue title required"));return}(async()=>(await d.createIssue({title:e,tags:["node:agent"]}),t.value="",await l()))()});i("forum-post").addEventListener("click",()=>{const t=i("forum-topic").value.trim(),e=i("forum-author").value.trim()||"system",s=i("forum-body").value;if(!t){f(new Error("topic required"));return}(async()=>(await d.postMessage(t,s,e),x(t),i("forum-body").value="",i("read-topic").value=t,await l({readTopic:t})))()});(async()=>await b()&&await l())();

package/public/assets/index-D_8anM-D.css

@@ -0,0 +1 @@
+:root{color-scheme:light;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.4}body{margin:0;padding:24px;background:#0b0f14;color:#e8edf2}a{color:inherit}.container{max-width:980px;margin:0 auto}h1{font-size:20px;font-weight:700;margin:0 0 12px}.muted{color:#a6b4c2}.grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}@media (min-width: 900px){.grid{grid-template-columns:1fr 1fr}}.card{border:1px solid #1f2a35;background:#0e141b;border-radius:10px;padding:14px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}input,textarea{width:100%;box-sizing:border-box;background:#0b0f14;color:#e8edf2;border:1px solid #233041;border-radius:8px;padding:10px}textarea{min-height:90px;resize:vertical}button{cursor:pointer;border:1px solid #2b3a4c;background:#111a24;color:#e8edf2;border-radius:8px;padding:10px 12px}button:hover{background:#132030}pre{margin:0;padding:10px;background:#0b0f14;border:1px solid #233041;border-radius:8px;overflow:auto}.pill{display:inline-block;font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid #2b3a4c;color:#a6b4c2}.pill.success{background:#0d3b16;border-color:#1e5c2f;color:#5cb85c}.pill.error{background:#3b0d16;border-color:#5c1e2f;color:#d9534f}

package/public/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>mu</title>
+		<script type="module" crossorigin src="/assets/index-0FGFtKeu.js"></script>
+		<link rel="stylesheet" crossorigin href="/assets/index-D_8anM-D.css">
+	</head>
+	<body>
+		<div id="app"></div>
+	</body>
+</html>
+