test(e2e): cover static-build surface and drop counter example

Each example now runs through Playwright twice — once against the live
CLI dev server (WS RPC, actions, streaming) and once against the
static-build output served as plain files (pre-computed `static` /
`query{snapshot:true}` dumps, `backend: 'static'` connection meta).
The static surface is exactly what `node bin.mjs build --out-dir ...`
ships to a CDN, so the new specs guard the deploy contract end-to-end.

Static dumps are served by a tiny zero-dep `tests/e2e/_support/
serve-static.mjs` script with SPA fallback. streaming-chat's static
specs intentionally only cover the demo-prompts list and the static
backend marker — `send`/`clear` are actions and never reach a static
dump.

The counter example was removed; it was too thin to carry useful
coverage and its dev mode runs in bridge mode (no SPA mount), so the
e2e suite couldn't drive it without bespoke wiring.

Author: antfu

docs/guide/built-with.md

@@ -12,6 +12,5 @@ Real-world devtools shipping on Devframe:
 
 End-to-end examples in this repo, exercising the full adapter surface:
 
-- [**counter**](https://github.com/devframes/devframe/tree/main/examples/counter) — smallest possible demo, exercises all adapters.
 - [**files-inspector**](https://github.com/devframes/devframe/tree/main/examples/files-inspector) — lists files in cwd via RPC; exercises CLI dev/build/spa surfaces.
 - [**streaming-chat**](https://github.com/devframes/devframe/tree/main/examples/streaming-chat) — streams synthetic chat tokens from server to client via `ctx.rpc.streaming`.

examples/counter/bin.mjs

@@ -10,6 +10,7 @@
   },
   "scripts": {
     "build": "vite build --config src/client/vite.config.ts",
+    "cli:build": "node bin.mjs build --out-dir dist/static",
     "dev": "node bin.mjs",
     "test": "vitest run"
   },

examples/counter/package.json

@@ -3,9 +3,11 @@ import { fileURLToPath } from 'node:url'
 import { defineConfig, devices } from '@playwright/test'
 
 const fixtureCwd = fileURLToPath(new URL('./tests/e2e/fixtures', import.meta.url))
+const serveStatic = fileURLToPath(new URL('./tests/e2e/_support/serve-static.mjs', import.meta.url))
 
 export default defineConfig({
   testDir: './tests/e2e',
+  testIgnore: ['_support/**'],
   fullyParallel: true,
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
@@ -39,5 +41,24 @@ export default defineConfig({
       stdout: 'pipe',
       stderr: 'pipe',
     },
+    {
+      command: `node bin.mjs build --out-dir dist/static && node ${JSON.stringify(serveStatic)} dist/static 9886`,
+      cwd: 'examples/files-inspector',
+      env: { DEVFRAME_E2E_CWD: fixtureCwd },
+      url: 'http://127.0.0.1:9886/',
+      timeout: 60_000,
+      reuseExistingServer: !process.env.CI,
+      stdout: 'pipe',
+      stderr: 'pipe',
+    },
+    {
+      command: `node bin.mjs build --out-dir dist/static && node ${JSON.stringify(serveStatic)} dist/static 9898`,
+      cwd: 'examples/streaming-chat',
+      url: 'http://127.0.0.1:9898/',
+      timeout: 60_000,
+      reuseExistingServer: !process.env.CI,
+      stdout: 'pipe',
+      stderr: 'pipe',
+    },
   ],
 })

examples/counter/src/client/index.html

@@ -0,0 +1,74 @@
+#!/usr/bin/env node
+import { createReadStream, statSync } from 'node:fs'
+import { createServer } from 'node:http'
+import { extname, join, normalize, resolve } from 'node:path'
+import process from 'node:process'
+
+const [, , dirArg, portArg] = process.argv
+if (!dirArg || !portArg) {
+  console.error('Usage: serve-static.mjs <dir> <port>')
+  process.exit(1)
+}
+
+const root = resolve(process.cwd(), dirArg)
+const port = Number(portArg)
+const host = '127.0.0.1'
+
+const MIME = {
+  '.html': 'text/html; charset=utf-8',
+  '.js': 'text/javascript; charset=utf-8',
+  '.mjs': 'text/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; charset=utf-8',
+}
+
+function resolveAsset(urlPath) {
+  // Strip query/hash.
+  const clean = urlPath.split('?')[0].split('#')[0]
+  const decoded = decodeURIComponent(clean)
+  // Treat trailing-slash URLs as index.html.
+  const relative = decoded.endsWith('/') ? `${decoded}index.html` : decoded
+  const target = normalize(join(root, relative))
+  if (!target.startsWith(root))
+    return null
+  try {
+    const st = statSync(target)
+    if (st.isFile())
+      return target
+  }
+  catch {}
+  return null
+}
+
+function send(res, status, body, headers = {}) {
+  res.writeHead(status, headers)
+  res.end(body)
+}
+
+const server = createServer((req, res) => {
+  const found = resolveAsset(req.url ?? '/')
+  // SPA fallback — unknown routes (no file extension match) serve index.html
+  // so client-side routing works under the static dump.
+  const file = found ?? resolveAsset('/index.html')
+  if (!file) {
+    send(res, 404, 'Not Found')
+    return
+  }
+  const type = MIME[extname(file)] ?? 'application/octet-stream'
+  res.writeHead(200, { 'Content-Type': type })
+  createReadStream(file).pipe(res)
+})
+
+server.listen(port, host, () => {
+  process.stdout.write(`[serve-static] http://${host}:${port}/ -> ${root}\n`)
+})
+
+for (const sig of ['SIGINT', 'SIGTERM']) {
+  process.on(sig, () => {
+    server.close(() => process.exit(0))
+  })
+}