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
32 lines
1021 B
JavaScript
32 lines
1021 B
JavaScript
// Ported from nanoraf 3.1.0 (MIT) — https://github.com/choojs/nanoraf
|
|
// Only call requestAnimationFrame when needed.
|
|
|
|
import { ok, equal } from './assert.js'
|
|
|
|
export default function nanoraf (render, raf) {
|
|
equal(typeof render, 'function', 'nanoraf: render should be a function')
|
|
ok(typeof raf === 'function' || typeof raf === 'undefined', 'nanoraf: raf should be a function or undefined')
|
|
|
|
// Wrap rather than alias: calling an extracted requestAnimationFrame
|
|
// with no receiver throws 'Illegal invocation' in strict-mode ESM
|
|
// (the CJS original survived only thanks to sloppy-mode this-patching).
|
|
if (!raf) raf = (cb) => globalThis.requestAnimationFrame(cb)
|
|
let redrawScheduled = false
|
|
let args = null
|
|
|
|
return function frame (...frameArgs) {
|
|
if (args === null && !redrawScheduled) {
|
|
redrawScheduled = true
|
|
|
|
raf(function redraw () {
|
|
redrawScheduled = false
|
|
const _args = args
|
|
args = null
|
|
render(..._args)
|
|
})
|
|
}
|
|
|
|
args = frameArgs
|
|
}
|
|
}
|