test+docs: full-app browser integration test and the isomorphic counter example

The integration test runs the counter through the real browser path in
happy-dom: start(), store events, raf-batched morph, DOM click handlers,
emit coalescing. examples/counter is the Phase 2 exit criterion: one app
module mounted zero-build in a browser via import map and string-rendered
by node examples/counter/render.js.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014NgfSjHE11oFpoSnLVKLXd
This commit is contained in:
Bendik Aagaard Lynghaug
2026-09-08 16:56:54 +02:00
co-authored by Claude Fable 5
parent c696e00d4f
commit 870aa79668
5 changed files with 152 additions and 5 deletions
+31
View File
@@ -0,0 +1,31 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>choo v8 counter — zero build</title>
<!--
No bundler, no compiler, no node_modules in the browser: an import map
and native ES modules. Serve this directory from the repo root, e.g.
npx serve .
then open /examples/counter/
-->
<script type="importmap">
{
"imports": {
"@choojs/core": "../../packages/core/index.js",
"@choojs/core/timing": "../../packages/core/lib/timing.js",
"@choojs/html": "../../packages/html/browser.js",
"@choojs/html/raw": "../../packages/html/raw.js",
"@choojs/html/morph": "../../packages/html/morph.js"
}
}
</script>
</head>
<body>
<script type="module">
import createApp from './app.js'
createApp().mount('body')
</script>
</body>
</html>