Bendik Aagaard LynghaugandClaude Fable 5
63b56144a5
Three end-to-end scenarios against a static+SSR test server: the zero-build page (import map + native ESM, no bundler), the SSR page (rendered content in the raw response, live after hydration, no mismatch warnings), and adoption (an expando on the server-rendered node survives a real render). Renders are raf-batched so assertions poll. Real Chromium flushed out three fixes happy-dom couldn't see: - nanoraf called an extracted requestAnimationFrame bare — Illegal invocation under strict-mode ESM (sloppy CJS had masked it); wrapped. - the counter example only routed '/', so serving it from any subpath threw; it now has a wildcard fallback. - hydration mismatch detection is now whitespace-insensitive (the parser reparents whitespace, e.g. text after </body>), and page scripts belong in <head> when a view owns <body> — same convention bankai v9 used. CI gets an e2e job with chromium-headless-shell. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014NgfSjHE11oFpoSnLVKLXd
33 lines
957 B
HTML
33 lines
957 B
HTML
<!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",
|
|
"@choojs/html/hydrate": "../../packages/html/hydrate.js"
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<script type="module">
|
|
import createApp from './app.js'
|
|
createApp().mount('body')
|
|
</script>
|
|
</body>
|
|
</html>
|