wao 0.40.0 → 0.40.1

package/cjs/workspace/.claude/skills/readme/SKILL.md

@@ -5,76 +5,182 @@ disable-model-invocation: true
 allowed-tools: Read, Write, Glob, Grep
 ---
 
-Generate a comprehensive README.md from the project's plan, code, and test files.
+Generate a comprehensive README.md that explains the project thoroughly — what it does, why it exists, how it works, and complete API references for every script, device, and module.
+
+## Performance Notes
+- Read every source file before writing — the README must be accurate, not guessed
+- Include real code examples extracted from test files
+- Document every handler/action, not just the main ones
 
 ## Steps
 
-1. Read `plan.md` for the feature overview, components, and architecture.
+1. Read `plan.md` for the feature overview, architecture decisions, and edge cases.
+
+2. Read **every** AOS script in `src/*.lua`. For each script, extract:
+   - Purpose and what problem it solves
+   - Every `Handlers.add()` — action name, expected tags, return data, error cases
+   - State shape (what globals/tables the script maintains)
+   - Interactions with other scripts (cross-process messages)
+
+3. Read **every** test file in `test/*.test.js`. Extract:
+   - Real usage examples (deploy, message, dry-run patterns)
+   - Edge cases being tested (what fails, what's validated)
+   - Multi-user scenarios
+
+4. If `custom-lua/` or `custom-wasm/` exist, read the module source:
+   - What the module does (compute function, state handling)
+   - Input/output format
+   - How it differs from standard AOS
+
+5. If `HyperBEAM/src/dev_*.erl` files exist, read each device:
+   - Device purpose and when to use it
+   - Exported functions and their signatures
+   - State structure and lifecycle
+   - HTTP endpoints it exposes
+
+6. If `frontend/src/` exists, read key components and hooks:
+   - What the app does from a user perspective
+   - How it connects to AOS (which hooks, which actions)
+   - Wallet integration (ArConnect)
+
+7. Read `package.json` for available scripts and dependencies.
+
+8. Read `scripts/deploy.js` for deployment details.
+
+9. **Write `README.md`** at the project root with ALL of these sections:
+
+```markdown
+# {Project Name}
+
+{2-3 sentence description: what it does, what platform it runs on, who it's for}
+
+## Overview
+
+{Expanded explanation — what problem does this solve? What are the key features?
+List each major capability as a bullet point with a brief explanation.}
+
+## How It Works
+
+{Explain the architecture in plain language:
+- What happens when a user interacts with the app
+- How AOS scripts process messages
+- How state is maintained
+- If HyperBEAM: how devices fit in the pipeline
+- If frontend: how the browser connects to AOS}
+
+## Project Structure
+
+```
+{file tree with inline comments for every important file}
+```
+
+## Prerequisites
+
+- Node.js 20+
+- Arweave wallet (`yarn keygen` to generate)
+- {Erlang/OTP 27+ if devices}
+- {ArConnect browser extension if frontend}
+
+## Setup
+
+```bash
+yarn install
+yarn keygen
+```
+
+## AOS Script Reference
+
+### {script_name}.lua
+
+{What this script does and why it exists}
+
+**State**: {describe the tables/globals maintained}
+
+| Action | Tags | Returns | Description |
+|--------|------|---------|-------------|
+| {action} | {required tags} | {return data} | {what it does} |
+
+**Example** (from tests):
+```js
+{real code example extracted from test file}
+```
+
+**Edge Cases**:
+- {what happens on invalid input}
+- {what happens on insufficient balance, etc.}
 
-2. Read all AOS scripts in `src/*.lua` — extract script names, actions, input/output.
+{repeat for every script}
 
-3. Read test files in `test/*.test.js` — extract usage examples and test scenarios.
+## Device Reference (if applicable)
 
-4. Read `package.json` for available scripts and dependencies.
+### dev_{name}.erl
 
-5. If `HyperBEAM/src/dev_*.erl` files exist, read them for device reference.
+{What this device does}
 
-6. If `frontend/src/` exists, read key components for frontend usage.
+| Function | Input | Output | Description |
+|----------|-------|--------|-------------|
+| {function} | {params} | {return} | {what it does} |
 
-7. **Write `README.md`** at the project root with these sections:
+{repeat for every device}
 
-   ```markdown
-   # {Project Name}
+## Custom Module Reference (if applicable)
 
-   {1-2 sentence description from plan.md}
+### {module_name}
 
-   ## Architecture
+{What this module does, how it differs from standard AOS}
 
-   {Diagram or description of which tracks are included: AOS / Device / Frontend}
-   {How they connect: AOS scripts ↔ HyperBEAM devices ↔ Frontend}
+## Frontend (if applicable)
 
-   ## Prerequisites
+{What the app looks like, what users can do}
 
-   - Node.js 20+
-   - Arweave wallet (auto-generated at `.wallet.json`)
-   - Erlang/OTP 27+ (if using HyperBEAM devices)
+### Components
+- {component} — {what it renders}
 
-   ## Setup
+### Hooks
+- {hook} — {what state it manages}
 
-   ```bash
-   yarn install
-   ```
+## Testing
 
-   ## AOS Scripts
+```bash
+yarn test test/aos.test.js          # in-memory AOS (fast)
+yarn test test/{script}.test.js     # specific script tests
+yarn test test/hyperbeam.test.js    # HyperBEAM integration
+cd frontend && npm run test:unit    # frontend vitest
+cd frontend && npm run test:e2e     # Playwright E2E
+```
 
-   | Script | Action | Input Tags | Output |
-   |---------|--------|------------|--------|
-   {table from Lua source}
+## Deploy
 
-   ## Devices (if applicable)
+```bash
+yarn keygen                        # generate wallet (first time only)
+yarn deploy                        # all scripts to AO testnet
+yarn deploy src/{script}.lua       # single script
+yarn deploy --local-hb             # local HyperBEAM
+yarn deploy --mainnet              # remote HyperBEAM (production)
+```
 
-   | Device | Module | Actions | Description |
-   |--------|--------|---------|-------------|
-   {table from Erlang source}
+### How Deploy Works
 
-   ## Frontend (if applicable)
+{Explain: reads src/*.lua, spawns a process per file.
+On testnet: Eval message. On HyperBEAM: ao.deploy().
+Each script gets its own process ID printed to console.}
 
-   {Component overview, how to run dev server}
+### Verify
 
-   ## Testing
+- [aolink](https://aolink.ar.io/#/entity/{PROCESS_ID}) — inspect AOS process
+- [lunar](https://lunar.ar.io/#/process/{PROCESS_ID}) — inspect HyperBEAM process
 
-   ```bash
-   yarn test                              # in-memory AOS tests
-   yarn test test/hyperbeam.test.js       # HyperBEAM integration
-   cd frontend && npm run test:unit       # frontend vitest
-   cd frontend && npm run test:e2e        # Playwright E2E
-   ```
+## Built With
 
-   ## Deployment
+- [WAO](https://docs.wao.eco) — SDK for AO and HyperBEAM
+- [AOS](https://ao.arweave.dev) — Lua processes on the AO computer
+{add others as relevant}
+```
 
-   ```bash
-   yarn deploy src/{script}.lua
-   ```
-   ```
+10. After writing, re-read the README and verify:
+    - Every AOS action from every script is documented
+    - Every device function is documented
+    - Code examples are real (from test files), not made up
+    - Edge cases are mentioned
 
-8. Update the task status to `"done"` in `tasks.json`.
+11. Update the task status to `"done"` in `tasks.json`.

package/cjs/workspace/.claude/skills/report/SKILL.md

@@ -41,7 +41,8 @@ Components:
 
 5. If any task is `in_progress`, run a quick check on its "done when" condition:
    - aos-test: run `yarn test` and report pass/fail count
-   - device-test: run `rebar3 eunit` and report
+   - device: run `rebar3 eunit --module=dev_{name}` and report (eunit tests are inline)
+   - module-test: run `yarn test test/{name}-module.test.js` and report
    - frontend-test: run `cd frontend && npm run test:unit` and report
    - For other types, just report the status
 

package/cjs/workspace/dashboard/index.html

@@ -1,11 +1,162 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" data-color-mode="light" data-light-theme="light" data-dark-theme="dark">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>WAO Dashboard</title>
+    <title>HyperADD Dashboard</title>
+    <link rel="icon" type="image/png" href="/favicon.png" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@primer/css@21/dist/primer.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5/github-markdown.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github.min.css" id="hljs-light">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github-dark.min.css" id="hljs-dark" disabled>
+    <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/highlight.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/languages/erlang.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/languages/lua.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/languages/rust.min.js"></script>
+    <style>
+      /* Only custom CSS for things Primer doesn't provide */
+      @keyframes spin { from { transform: rotate(0deg) } to { transform: rotate(360deg) } }
+      .anim-spin { animation: spin 1s linear infinite; }
+      .anim-spin-slow { animation: spin 1.5s linear infinite; }
+      [data-color-mode="dark"] .logo-invert { filter: invert(1); }
+
+      /* Dark toggle — GitHub-style icon button */
+      .dark-toggle {
+        display: flex; align-items: center; justify-content: center;
+        width: 32px; height: 32px; border-radius: 6px;
+        border: 1px solid var(--color-border-default, #d0d7de);
+        background: var(--color-canvas-default, #fff); cursor: pointer;
+        color: var(--color-fg-muted, #656d76);
+        transition: background 0.15s, border-color 0.15s; appearance: none; padding: 0;
+      }
+      .dark-toggle:hover { background-color: var(--color-canvas-subtle, #f6f8fa); color: var(--color-fg-default); border-color: var(--color-border-default, #d0d7de); }
+      .dark-toggle:focus { outline: 2px solid var(--color-accent-fg); outline-offset: -2px; }
+      /* Override Primer Header to match modern GitHub (light gray, not black) */
+      .Header { background-color: var(--color-canvas-subtle, #f6f8fa) !important; color: var(--color-fg-default) !important; border-bottom: 1px solid var(--color-border-muted, #d0d7de); }
+      .Header .Header-link { color: var(--color-fg-default) !important; }
+      [data-color-mode="dark"] .Header { background-color: var(--color-canvas-subtle, #161b22) !important; border-bottom-color: var(--color-border-default, #30363d); }
+      /* Dark toggle inside Header */
+      .Header .dark-toggle { background: transparent; border-color: var(--color-border-default, #d0d7de); }
+      .Header .dark-toggle:hover { background-color: var(--color-neutral-muted); }
+
+      /* UnderlineNav button — Primer needs this for <button> elements */
+      button.UnderlineNav-item {
+        background: transparent; border: 0;
+        border-bottom: 2px solid transparent; border-radius: 0;
+        appearance: none; cursor: pointer;
+        padding: 8px 16px; font-size: 14px; line-height: 30px;
+        color: var(--color-fg-default);
+        margin-bottom: -1px;
+      }
+      button.UnderlineNav-item:hover {
+        border-bottom-color: var(--color-neutral-muted);
+        text-decoration: none;
+      }
+      button.UnderlineNav-item[aria-selected="true"] {
+        font-weight: 600;
+        border-bottom-color: var(--color-accent-fg);
+        color: var(--color-fg-default);
+      }
+
+      /* Progress bar override — ensure correct height and color */
+      .Progress { height: 8px; }
+      .Progress-item { background-color: var(--color-success-emphasis, #1f883d) !important; }
+
+      /* Status icon circles */
+      .icon-circle { width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
+      .icon-circle-success { background-color: var(--color-success-emphasis, #1f883d); }
+      .icon-circle-attention { background-color: var(--color-attention-emphasis, #bf8700); }
+      .icon-circle-empty { border: 2px solid var(--color-border-default, #d0d7de); }
+
+      /* Clickable file rows */
+      .file-row { cursor: pointer; transition: background 0.1s; }
+      .file-row:hover { background-color: var(--color-neutral-subtle) !important; }
+
+      /* Code viewer — GitHub blob-style */
+      .code-view { overflow-x: auto; }
+      .code-view table { width: 100%; border-collapse: collapse; font-size: 12px; line-height: 20px; tab-size: 4; }
+      .code-view td { padding: 0; vertical-align: top; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace; }
+      .code-view .ln { width: 1px; min-width: 50px; padding: 0 10px; text-align: right; user-select: none; white-space: nowrap; color: var(--color-fg-subtle); }
+      .code-view .lc { padding: 0 16px 0 10px; white-space: pre; }
+      .code-view tr:hover { background: var(--color-neutral-subtle); }
+      .code-view .hljs { background: transparent !important; }
+
+      /* Back button */
+      .back-btn {
+        display: inline-flex; align-items: center; gap: 4px;
+        padding: 4px 12px 4px 8px; border: 1px solid var(--color-border-default);
+        border-radius: 6px; background: transparent; cursor: pointer;
+        font-size: 12px; color: var(--color-fg-muted); font-family: inherit;
+      }
+      .back-btn:hover { background: var(--color-neutral-subtle); color: var(--color-fg-default); }
+
+      /* Skill badge — Primer Label doesn't have filled-color style */
+      .skill-badge {
+        display: inline-block; padding: 0 6px; font-size: 11px; font-weight: 600; line-height: 18px;
+        border-radius: 4px; color: #fff; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+      }
+
+      /* Markdown body — explicit light/dark overrides (github-markdown-css ignores data-color-mode) */
+      .markdown-body { background-color: transparent !important; color: inherit !important; }
+      .markdown-body pre { background-color: #f6f8fa !important; }
+      .markdown-body code { background-color: rgba(175,184,193,0.2) !important; }
+      .markdown-body pre code { background-color: transparent !important; }
+      .markdown-body table { border-color: #d0d7de !important; }
+      .markdown-body table th, .markdown-body table td { border-color: #d0d7de !important; }
+      .markdown-body table tr { background-color: transparent !important; }
+      .markdown-body table tr:nth-child(2n) { background-color: #f6f8fa !important; }
+      .markdown-body hr { background-color: #d0d7de !important; }
+      [data-color-mode="dark"] .markdown-body pre { background-color: #161b22 !important; }
+      [data-color-mode="dark"] .markdown-body code { background-color: rgba(110,118,129,0.4) !important; }
+      [data-color-mode="dark"] .markdown-body pre code { background-color: transparent !important; }
+      [data-color-mode="dark"] .markdown-body table { border-color: #30363d !important; }
+      [data-color-mode="dark"] .markdown-body table th, [data-color-mode="dark"] .markdown-body table td { border-color: #30363d !important; }
+      [data-color-mode="dark"] .markdown-body table tr:nth-child(2n) { background-color: #161b22 !important; }
+      [data-color-mode="dark"] .markdown-body hr { background-color: #30363d !important; }
+
+      /* Compact markdown */
+      .markdown-compact { font-size: 14px; }
+      .markdown-compact h1 { font-size: 20px; margin: 16px 0 8px; padding-bottom: 6px; border-bottom: 1px solid var(--color-border-muted); }
+      .markdown-compact h2 { font-size: 16px; margin: 14px 0 6px; padding-bottom: 4px; border-bottom: 1px solid var(--color-border-muted); }
+      .markdown-compact h3 { font-size: 14px; font-weight: 600; margin: 10px 0 4px; }
+      .markdown-compact p { margin: 4px 0; }
+      .markdown-compact li { margin: 2px 0; }
+      .markdown-compact pre {
+        margin: 8px 0; padding: 16px; font-size: 12px; line-height: 1.45;
+        overflow: auto; border-radius: 6px;
+        background-color: #f6f8fa !important;
+      }
+      [data-color-mode="dark"] .markdown-compact pre { background-color: #161b22 !important; }
+      .markdown-compact code {
+        font-size: 85%; padding: 0.2em 0.4em; border-radius: 6px;
+        background-color: rgba(175,184,193,0.2);
+      }
+      [data-color-mode="dark"] .markdown-compact code { background-color: rgba(110,118,129,0.4); }
+      .markdown-compact pre code {
+        padding: 0; background: none !important; font-size: 100%;
+        font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+      }
+      .markdown-compact .hljs,
+      .markdown-compact pre code.hljs { background: transparent !important; }
+      .markdown-compact ul, .markdown-compact ol { padding-left: 24px; margin: 4px 0; }
+
+      /* Code block copy button */
+      .code-block-wrap { position: relative; }
+      .code-copy-btn {
+        position: absolute; top: 8px; right: 8px; z-index: 1;
+        display: flex; align-items: center; justify-content: center;
+        width: 32px; height: 32px; border-radius: 6px;
+        border: 1px solid var(--color-border-default, #d0d7de);
+        background: var(--color-canvas-default, #fff); color: var(--color-fg-muted, #656d76);
+        cursor: pointer; opacity: 0; transition: opacity 0.15s;
+      }
+      .code-block-wrap:hover .code-copy-btn { opacity: 1; }
+      .code-copy-btn:hover { background: var(--color-canvas-subtle, #f6f8fa); color: var(--color-fg-default, #1f2328); }
+      [data-color-mode="dark"] .code-copy-btn { background: #161b22; border-color: #30363d; color: #8b949e; }
+      [data-color-mode="dark"] .code-copy-btn:hover { background: #30363d; color: #e6edf3; }
+    </style>
   </head>
-  <body>
+  <body class="color-bg-default color-fg-default">
     <div id="root"></div>
     <script type="module" src="/src/main.jsx"></script>
   </body>

package/cjs/workspace/dashboard/server.js

@@ -1,6 +1,6 @@
 import { createServer } from "node:http"
-import { readFileSync, watch, existsSync } from "node:fs"
-import { join, extname } from "node:path"
+import { readFileSync, readdirSync, statSync, watch, existsSync } from "node:fs"
+import { join, extname, relative } from "node:path"
 
 const PORT = 3333
 const ROOT = join(import.meta.dirname, "..")
@@ -52,12 +52,10 @@ function watchFile(filename) {
   try {
     const w = watch(filepath, { persistent: false }, onFileChange)
     w.on("error", () => {
-      // File may have been deleted; retry after a delay
       setTimeout(() => watchFile(filename), 2000)
     })
     return w
   } catch {
-    // File doesn't exist yet; retry
     setTimeout(() => watchFile(filename), 2000)
     return null
   }
@@ -66,6 +64,29 @@ function watchFile(filename) {
 watchFile("tasks.json")
 watchFile("plan.md")
 
+// --- File scanner ---
+const IGNORE_DIRS = new Set(["node_modules", ".git", "dashboard", "HyperBEAM", ".claude", "docs", "target", "dist", "_build"])
+
+function scanFiles(dir, files = []) {
+  try {
+    const entries = readdirSync(dir, { withFileTypes: true })
+    for (const e of entries) {
+      if (e.name.startsWith(".") && e.name !== ".mcp.json") continue
+      const full = join(dir, e.name)
+      if (e.isDirectory()) {
+        if (IGNORE_DIRS.has(e.name)) continue
+        scanFiles(full, files)
+      } else {
+        try {
+          const s = statSync(full)
+          files.push({ path: relative(ROOT, full), size: s.size })
+        } catch {}
+      }
+    }
+  } catch {}
+  return files
+}
+
 // --- Static file serving (production dist/) ---
 function serveStatic(req, res) {
   const url = req.url === "/" ? "/index.html" : req.url.split("?")[0]
@@ -76,7 +97,6 @@ function serveStatic(req, res) {
     res.writeHead(200, { "Content-Type": MIME[ext] || "application/octet-stream" })
     res.end(data)
   } catch {
-    // SPA fallback: serve index.html for non-file routes
     try {
       const index = readFileSync(join(DIST, "index.html"))
       res.writeHead(200, { "Content-Type": "text/html" })
@@ -90,7 +110,6 @@ function serveStatic(req, res) {
 
 // --- HTTP server ---
 const server = createServer((req, res) => {
-  // CORS headers
   res.setHeader("Access-Control-Allow-Origin", "*")
   res.setHeader("Access-Control-Allow-Methods", "GET, OPTIONS")
   res.setHeader("Access-Control-Allow-Headers", "Content-Type")
@@ -102,7 +121,7 @@ const server = createServer((req, res) => {
 
   const url = req.url.split("?")[0]
 
-  // GET /api/progress — return tasks.json content
+  // GET /api/progress
   if (url === "/api/progress") {
     const data = readProgress()
     if (!data) {
@@ -113,7 +132,73 @@ const server = createServer((req, res) => {
     return res.end(JSON.stringify(data))
   }
 
-  // GET /api/events — SSE endpoint
+  // GET /api/plan
+  if (url === "/api/plan") {
+    try {
+      const planPath = join(ROOT, "plan.md")
+      if (!existsSync(planPath)) {
+        res.writeHead(200, { "Content-Type": "application/json" })
+        return res.end(JSON.stringify({ content: null }))
+      }
+      const content = readFileSync(planPath, "utf8")
+      res.writeHead(200, { "Content-Type": "application/json" })
+      return res.end(JSON.stringify({ content }))
+    } catch {
+      res.writeHead(200, { "Content-Type": "application/json" })
+      return res.end(JSON.stringify({ content: null }))
+    }
+  }
+
+  // GET /api/files
+  if (url === "/api/files") {
+    const files = scanFiles(ROOT)
+    res.writeHead(200, { "Content-Type": "application/json" })
+    return res.end(JSON.stringify({ files }))
+  }
+
+  // GET /api/file?path=...
+  if (url === "/api/file") {
+    const params = new URL(req.url, "http://localhost").searchParams
+    const filePath = params.get("path")
+    if (!filePath) {
+      res.writeHead(400, { "Content-Type": "application/json" })
+      return res.end(JSON.stringify({ error: "Missing path parameter" }))
+    }
+    const fullPath = join(ROOT, filePath)
+    if (!fullPath.startsWith(ROOT + "/")) {
+      res.writeHead(403, { "Content-Type": "application/json" })
+      return res.end(JSON.stringify({ error: "Access denied" }))
+    }
+    try {
+      const content = readFileSync(fullPath, "utf8")
+      res.writeHead(200, { "Content-Type": "application/json" })
+      return res.end(JSON.stringify({ path: filePath, content }))
+    } catch {
+      res.writeHead(404, { "Content-Type": "application/json" })
+      return res.end(JSON.stringify({ error: "File not found" }))
+    }
+  }
+
+  // GET /api/deploy
+  if (url === "/api/deploy") {
+    const info = { scripts: {}, wallet: false, hyperbeam: null }
+    try {
+      const pkg = JSON.parse(readFileSync(join(ROOT, "package.json"), "utf8"))
+      info.scripts = pkg.scripts || {}
+    } catch {}
+    info.wallet = existsSync(join(ROOT, ".wallet.json"))
+    try {
+      const env = readFileSync(join(ROOT, ".env.hyperbeam"), "utf8")
+      const portMatch = env.match(/PORT=(\d+)/)
+      info.hyperbeam = { port: portMatch ? portMatch[1] : "10001", configured: true }
+    } catch {
+      info.hyperbeam = { configured: false }
+    }
+    res.writeHead(200, { "Content-Type": "application/json" })
+    return res.end(JSON.stringify(info))
+  }
+
+  // GET /api/events — SSE
   if (url === "/api/events") {
     res.writeHead(200, {
       "Content-Type": "text/event-stream",
@@ -121,19 +206,15 @@ const server = createServer((req, res) => {
       Connection: "keep-alive",
     })
     res.write("\n")
-
-    // Send current state immediately
     const data = readProgress()
     if (data) {
       res.write(`event: progress\ndata: ${JSON.stringify(data)}\n\n`)
     }
-
     clients.add(res)
     req.on("close", () => clients.delete(res))
     return
   }
 
-  // Static files (production build)
   serveStatic(req, res)
 })