zdashboard 1.0.1 → 1.2.0

package/dist/cli.js

@@ -2,8 +2,8 @@
 
 // src/server/index.ts
 import http from "http";
-import fs4 from "fs";
-import path4 from "path";
+import fs6 from "fs";
+import path6 from "path";
 import crypto from "crypto";
 import { exec } from "child_process";
 import { fileURLToPath as fileURLToPath2 } from "url";
@@ -210,6 +210,48 @@ var JustRunner = class {
 // src/server/bugs.ts
 import fs2 from "fs";
 import path2 from "path";
+
+// src/server/api/fetch.ts
+import ky from "ky";
+
+// src/server/errors.ts
+var HttpError = class extends Error {
+  constructor(status, message, body) {
+    super(message);
+    this.status = status;
+    this.body = body;
+    this.name = "HttpError";
+  }
+  status;
+  body;
+};
+var NetworkError = class extends Error {
+  constructor(message, cause) {
+    super(message);
+    this.cause = cause;
+    this.name = "NetworkError";
+  }
+  cause;
+};
+
+// src/server/api/fetch.ts
+async function fetchJson(url, init) {
+  try {
+    const res = await ky(url, { ...init, timeout: 8e3, retry: 2 });
+    return await res.json();
+  } catch (e) {
+    if (e instanceof HttpError) throw e;
+    if (e instanceof Error && e.name === "TimeoutError") {
+      throw new NetworkError(`\u8BF7\u6C42\u8D85\u65F6: ${url}`);
+    }
+    if (e instanceof Error && e.name === "HTTPError") {
+      throw new HttpError(e.status ?? 500, e.message);
+    }
+    throw new NetworkError(`\u8BF7\u6C42\u5931\u8D25: ${url}`, e);
+  }
+}
+
+// src/server/bugs.ts
 function loadZgoalConfig(root2) {
   const file = path2.join(root2, ".zgoal", "config.yaml");
   if (!fs2.existsSync(file)) return null;
@@ -228,26 +270,6 @@ function loadZgoalConfig(root2) {
     product
   };
 }
-async function fetchJson(url, init) {
-  const ctrl = new AbortController();
-  const timer = setTimeout(() => ctrl.abort(), 8e3);
-  try {
-    const res = await fetch(url, { ...init, signal: ctrl.signal });
-    const text = await res.text();
-    let json = {};
-    try {
-      json = JSON.parse(text);
-    } catch {
-    }
-    if (!res.ok) {
-      const err = json.error;
-      throw new Error(`HTTP ${res.status}${typeof err === "string" ? `: ${err}` : ""}`);
-    }
-    return json;
-  } finally {
-    clearTimeout(timer);
-  }
-}
 var tokenCache = null;
 async function getToken(cfg) {
   if (cfg.token) return cfg.token;
@@ -309,15 +331,128 @@ function allBuiltins() {
   return Array.from(builtinPlugins.values());
 }
 
+// src/server/review-store.ts
+import fs4 from "fs";
+import path4 from "path";
+import YAML from "yaml";
+var REVIEW_FILE = "review.yaml";
+var ReviewStore = class {
+  root;
+  file;
+  onChange;
+  constructor(root2, onChange) {
+    this.root = root2;
+    this.file = path4.join(root2, REVIEW_FILE);
+    this.onChange = onChange;
+  }
+  exists() {
+    return fs4.existsSync(this.file);
+  }
+  read() {
+    try {
+      const parsed = YAML.parse(fs4.readFileSync(this.file, "utf8"));
+      if (!parsed || !Array.isArray(parsed.items)) return { status: "draft", items: [] };
+      return parsed;
+    } catch {
+      return { status: "draft", items: [] };
+    }
+  }
+  write(data) {
+    fs4.writeFileSync(this.file, YAML.stringify(data), "utf8");
+    this.onChange?.();
+  }
+  updateItem(id, patch) {
+    const data = this.read();
+    const item = data.items.find((i) => i.id === id);
+    if (!item) throw new Error(`item ${id} not found`);
+    if (patch.answer !== void 0) item.answer = patch.answer;
+    if (patch.state !== void 0) item.state = patch.state;
+    if (patch.state === "answered" && !patch.answer && !item.answer) item.answer = "";
+    this.write(data);
+    return data;
+  }
+  setStatus(status) {
+    const data = this.read();
+    if (status === "passed" && data.items.some((i) => i.state === "open")) {
+      throw new Error("\u5B58\u5728\u672A\u5904\u7406\u7684\u8BC4\u5BA1\u9879(open),\u4E0D\u80FD\u901A\u8FC7");
+    }
+    data.status = status;
+    this.write(data);
+    return data;
+  }
+  docs() {
+    try {
+      return fs4.readdirSync(this.root).filter((f) => /\.(md|markdown)$/i.test(f) && fs4.statSync(path4.join(this.root, f)).isFile()).sort();
+    } catch {
+      return [];
+    }
+  }
+};
+
+// src/server/design-assets.ts
+import fs5 from "fs";
+import path5 from "path";
+var PAGE_EXTS = [".html", ".htm"];
+var ICON_EXTS = [".svg", ".png", ".ico", ".jpg", ".jpeg", ".gif", ".webp"];
+var VIDEO_EXTS = [".mp4", ".webm", ".mov", ".ogg", ".ogv"];
+var AUDIO_EXTS = [".mp3", ".wav", ".flac", ".aac", ".m4a"];
+var CODE_EXTS = [".js", ".mjs", ".ts", ".tsx", ".jsx", ".css", ".json", ".txt", ".xml", ".yml", ".yaml", ".sh", ".md"];
+var FONT_EXTS = [".woff", ".woff2", ".ttf", ".otf"];
+var TOKEN_RE = /token|theme|design|color|palette|typograph/i;
+function categorize(rel, ext) {
+  if (rel.indexOf("components/") === 0) return "component";
+  if (VIDEO_EXTS.includes(ext)) return "video";
+  if (AUDIO_EXTS.includes(ext)) return "audio";
+  if (ext === ".pdf") return "pdf";
+  if (ext === ".md") return "md";
+  if (FONT_EXTS.includes(ext)) return "font";
+  if (ICON_EXTS.includes(ext)) return "icon";
+  if (PAGE_EXTS.includes(ext)) return "page";
+  if (CODE_EXTS.includes(ext)) return TOKEN_RE.test(rel) && (ext === ".css" || ext === ".json") ? "token" : "code";
+  return "other";
+}
+function scanAssets(root2) {
+  const out = {};
+  const keys = ["page", "component", "icon", "token", "md", "video", "audio", "pdf", "code", "font", "other"];
+  for (const k of keys) out[k] = [];
+  function walk(dir, rel) {
+    let ents;
+    try {
+      ents = fs5.readdirSync(dir, { withFileTypes: true });
+    } catch {
+      return;
+    }
+    for (const ent of ents) {
+      if (ent.name.charAt(0) === ".") continue;
+      const r = rel ? `${rel}/${ent.name}` : ent.name;
+      if (ent.isDirectory()) {
+        walk(path5.join(dir, ent.name), r);
+        continue;
+      }
+      const ext = path5.extname(ent.name).toLowerCase();
+      const t = categorize(r, ext);
+      out[t].push({ path: r, name: ent.name, ext, type: t });
+    }
+  }
+  walk(root2, "");
+  return out;
+}
+
 // package.json
 var package_default = {
   name: "zdashboard",
-  version: "1.0.1",
+  version: "1.2.0",
   description: "ZCode skill dashboard platform \u2014 pluggable viewers for zdesign/zview/zreview/zgoal",
   type: "module",
-  bin: { zdashboard: "./dist/cli.js" },
-  files: ["dist"],
-  publishConfig: { access: "public" },
+  bin: {
+    zdashboard: "./dist/cli.js"
+  },
+  files: [
+    "dist"
+  ],
+  publishConfig: {
+    access: "public"
+  },
   scripts: {
     dev: "vite",
     build: "tsup && vite build",
@@ -331,47 +466,63 @@ var package_default = {
     "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
+    "@uidotdev/usehooks": "^2.4.0",
     "ansi-to-react": "^6.1.6",
     "class-variance-authority": "^0.7.0",
     clsx: "^2.1.1",
+    "date-fns": "^3.6.0",
+    filesize: "^11.0.0",
     "highlight.js": "^11.11.1",
     katex: "^0.16.11",
+    ky: "^1.7.0",
+    "lodash-es": "^4.17.21",
     "lucide-react": "^0.460.0",
     react: "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-error-boundary": "^5.0.0",
     "react-markdown": "^9.0.1",
-    "remark-frontmatter": "^5.0.0",
-    "remark-gfm": "^4.0.0",
-    "remark-math": "^6.0.0",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-highlight": "^7.0.1",
     "rehype-katex": "^7.0.1",
     "rehype-raw": "^7.0.0",
     "rehype-slug": "^6.0.0",
-    "tailwind-merge": "^2.5.4"
+    "remark-frontmatter": "^5.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-math": "^6.0.0",
+    sonner: "^1.5.0",
+    "tailwind-merge": "^2.5.4",
+    "use-debounce": "^10.0.0",
+    yaml: "^2.9.0"
   },
   devDependencies: {
     "@tailwindcss/typography": "^0.5.20",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.9.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    typescript: "^5.6.3",
-    vite: "^5.4.10",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.7.0",
+    autoprefixer: "^10.4.20",
+    jsdom: "^30.0.1",
+    postcss: "^8.4.49",
     tailwindcss: "^3.4.14",
     "tailwindcss-animate": "^1.0.7",
-    postcss: "^8.4.49",
-    autoprefixer: "^10.4.20",
-    tsup: "^8.3.5"
+    tsup: "^8.3.5",
+    typescript: "^5.6.3",
+    vite: "^5.4.10",
+    vitest: "^1.6.0"
   },
   pnpm: {
-    onlyBuiltDependencies: ["esbuild"]
+    onlyBuiltDependencies: [
+      "esbuild"
+    ]
   }
 };
 
 // src/server/index.ts
 var VERSION = package_default.version;
-var __dirname2 = path4.dirname(fileURLToPath2(import.meta.url));
+var __dirname2 = path6.dirname(fileURLToPath2(import.meta.url));
 var STOP_TOKEN = crypto.randomBytes(12).toString("hex");
 var INJECT = `<script>(function(){try{var es=new EventSource('/__reload');es.addEventListener('reload',function(){location.reload();});es.onerror=function(){es.close();};}catch(e){}document.addEventListener('click',function(e){var t=e.target;if(t&&t.closest){var a=t.closest('a[target]');if(a&&a.target!=='_self'){a.target='_self';}}},true);})();</script>`;
 var MIME = {
@@ -405,11 +556,11 @@ function readBody(req) {
   });
 }
 function createServer(opts) {
-  const ROOT = path4.resolve(opts.root);
+  const ROOT = path6.resolve(opts.root);
   const PORT0 = opts.port ?? 4190;
   const OPEN = !!opts.open;
-  const APP_DIR = opts.dashboardDir ?? path4.resolve(__dirname2, "web");
-  if (!fs4.existsSync(ROOT)) fs4.mkdirSync(ROOT, { recursive: true });
+  const APP_DIR = opts.dashboardDir ?? path6.resolve(__dirname2, "web");
+  if (!fs6.existsSync(ROOT)) fs6.mkdirSync(ROOT, { recursive: true });
   const det2 = opts.detect;
   const runner = new JustRunner(ROOT);
   const MODE = opts.mode;
@@ -423,7 +574,61 @@ function createServer(opts) {
     } }
   });
   registerBuiltin({ mode: "view", label: "\u9879\u76EE\u6D4F\u89C8", icon: "\u{1F441}\uFE0F" });
-  registerBuiltin({ mode: "review", label: "\u6587\u6863\u8BC4\u5BA1", icon: "\u2705" });
+  const reviewStore = new ReviewStore(ROOT);
+  registerBuiltin({
+    mode: "review",
+    label: "\u6587\u6863\u8BC4\u5BA1",
+    icon: "\u2705",
+    apiRoutes: {
+      "/__review": async (_, res) => {
+        res.writeHead(200, { "Content-Type": "application/json; charset=utf-8", "Cache-Control": "no-cache" });
+        res.end(JSON.stringify(reviewStore.read()));
+      },
+      "/__review/item": async (req, res) => {
+        if (req.headers["x-stop-token"] !== STOP_TOKEN) {
+          res.writeHead(403);
+          res.end("forbidden");
+          return;
+        }
+        (async () => {
+          try {
+            const body = JSON.parse(await readBody(req) || "{}");
+            const data = reviewStore.updateItem(body.id, { answer: body.answer, state: body.state });
+            res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
+            res.end(JSON.stringify(data));
+          } catch (e) {
+            res.writeHead(400, { "Content-Type": "application/json; charset=utf-8" });
+            res.end(JSON.stringify({ error: e.message }));
+          }
+        })();
+        return;
+      },
+      "/__review/status": async (req, res) => {
+        if (req.headers["x-stop-token"] !== STOP_TOKEN) {
+          res.writeHead(403);
+          res.end("forbidden");
+          return;
+        }
+        (async () => {
+          try {
+            const body = JSON.parse(await readBody(req) || "{}");
+            const data = reviewStore.setStatus(body.status);
+            res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
+            res.end(JSON.stringify(data));
+          } catch (e) {
+            res.writeHead(400, { "Content-Type": "application/json; charset=utf-8" });
+            res.end(JSON.stringify({ error: e.message }));
+          }
+        })();
+        return;
+      },
+      "/__docs": async (_, res) => {
+        res.writeHead(200, { "Content-Type": "application/json; charset=utf-8", "Cache-Control": "no-cache" });
+        res.end(JSON.stringify(reviewStore.docs()));
+      }
+    }
+  });
+  registerBuiltin({ mode: "design", label: "\u8BBE\u8BA1\u8D44\u4EA7", icon: "\u{1F3A8}" });
   const clients = /* @__PURE__ */ new Set();
   const broadcast = (ev, data = "") => {
     const payload = `event: ${ev}
@@ -433,12 +638,12 @@ data: ${JSON.stringify(data == null ? "" : data)}
     for (const c of clients) c.write(payload);
   };
   function serveFile(filePath, res, injectHtml) {
-    fs4.readFile(filePath, (err, data) => {
+    fs6.readFile(filePath, (err, data) => {
       if (err) {
         res.writeHead(404);
         return res.end("Not found");
       }
-      const ext = path4.extname(filePath).toLowerCase();
+      const ext = path6.extname(filePath).toLowerCase();
       const ct = MIME[ext] ?? "application/octet-stream";
       let body = data;
       if (injectHtml && ext === ".html") {
@@ -481,6 +686,10 @@ data: ${JSON.stringify(data == null ? "" : data)}
       return;
     }
     if (url === "/__files") {
+      if (MODE === "design") {
+        res.writeHead(200, { "Content-Type": "application/json; charset=utf-8", "Cache-Control": "no-cache" });
+        return res.end(JSON.stringify(scanAssets(ROOT)));
+      }
       const tree = scanTree(ROOT, det2.hasOpenspec, det2.hasDocs);
       const payload = { tree, ...det2 };
       res.writeHead(200, { "Content-Type": "application/json; charset=utf-8", "Cache-Control": "no-cache" });
@@ -548,25 +757,25 @@ data: ${JSON.stringify(data == null ? "" : data)}
         }
       }
     }
-    if (url === "/") return serveFile(path4.join(APP_DIR, "index.html"), res, false);
+    if (url === "/") return serveFile(path6.join(APP_DIR, "index.html"), res, false);
     if (url.indexOf("/__app/") === 0) {
-      const fp2 = path4.join(APP_DIR, url.slice(7));
-      if (fp2 !== APP_DIR && fp2.indexOf(APP_DIR + path4.sep) !== 0) {
+      const fp2 = path6.join(APP_DIR, url.slice(7));
+      if (fp2 !== APP_DIR && fp2.indexOf(APP_DIR + path6.sep) !== 0) {
         res.writeHead(403);
         return res.end("Forbidden");
       }
       return serveFile(fp2, res, false);
     }
     if (url.indexOf("/assets/") === 0) {
-      const fp2 = path4.join(APP_DIR, decodeURIComponent(url));
-      if (fp2.indexOf(APP_DIR + path4.sep) !== 0) {
+      const fp2 = path6.join(APP_DIR, decodeURIComponent(url));
+      if (fp2.indexOf(APP_DIR + path6.sep) !== 0) {
         res.writeHead(403);
         return res.end("Forbidden");
       }
       return serveFile(fp2, res, false);
     }
-    const fp = path4.join(ROOT, decodeURIComponent(url));
-    if (fp !== ROOT && fp.indexOf(ROOT + path4.sep) !== 0) {
+    const fp = path6.join(ROOT, decodeURIComponent(url));
+    if (fp !== ROOT && fp.indexOf(ROOT + path6.sep) !== 0) {
       res.writeHead(403);
       return res.end("Forbidden");
     }
@@ -592,7 +801,7 @@ data: ${JSON.stringify(data == null ? "" : data)}
   }
   let debounce;
   try {
-    fs4.watch(ROOT, { recursive: true }, () => {
+    fs6.watch(ROOT, { recursive: true }, () => {
       clearTimeout(debounce);
       debounce = setTimeout(() => {
         broadcast("reload");
@@ -607,8 +816,8 @@ data: ${JSON.stringify(data == null ? "" : data)}
 }
 
 // src/server/detect.ts
-import fs5 from "fs";
-import path5 from "path";
+import fs7 from "fs";
+import path7 from "path";
 import { execFile as execFile2 } from "child_process";
 function justAvailable(cwd) {
   return new Promise((resolve) => {
@@ -619,10 +828,10 @@ function justAvailable(cwd) {
   });
 }
 async function detect(root2) {
-  const hasOpenspec = fs5.existsSync(path5.join(root2, "openspec"));
-  const hasDocs = fs5.existsSync(path5.join(root2, "docs"));
+  const hasOpenspec = fs7.existsSync(path7.join(root2, "openspec"));
+  const hasDocs = fs7.existsSync(path7.join(root2, "docs"));
   const hasJust = await justAvailable(root2);
-  const hasBugs = fs5.existsSync(path5.join(root2, ".zgoal", "config.yaml"));
+  const hasBugs = fs7.existsSync(path7.join(root2, ".zgoal", "config.yaml"));
   return { hasOpenspec, hasDocs, hasJust, hasBugs };
 }