Bendik Aagaard LynghaugandClaude Fable 5
ce1ec9e4a9
Packages renamed to the @uhhm scope (@uhhm/buuh, @uhhm/buuh-html, @uhhm/buuh-component, @uhhm/buuh-devtools, @uhhm/buuh-migrate, @uhhm/bankai). Scoping is load-bearing twice over: npm routes registries per scope so @uhhm/* resolves against project.uhhm.no while everything else stays on npmjs, and it means this fork never squats upstream's names anywhere. The codemod now migrates choo v7 apps to the @uhhm names. README rewritten with the fork framing and full upstream credit; the choojs RFC moves to docs/upstream-rfc-draft.md, in the drawer for if this work ever goes home. API unchanged — choo() is still choo(). Also: Gitea Actions CI + release workflows (npm publish to the uhhm registry on tag push, CDN bundle uploaded as a generic package), npm run bundle producing dist-cdn/buuh.js (the whole framework as one minified ES module for import-map use), docs/publishing.md explaining what Gitea Packages is (a real npm registry) and is not (a CDN — serve the bundle from a static host with module-safe MIME instead), and onload.js constructing window.MutationObserver to match its own guard (surfaced by smoke-testing the bundle outside a full browser). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014NgfSjHE11oFpoSnLVKLXd
52 lines
1.8 KiB
JavaScript
52 lines
1.8 KiB
JavaScript
import { test, before } from 'node:test'
|
|
import assert from 'node:assert'
|
|
import { Window } from 'happy-dom'
|
|
|
|
let choo, html, devtools
|
|
|
|
before(async () => {
|
|
const win = new Window({ url: 'http://localhost/' })
|
|
globalThis.window = win
|
|
globalThis.document = win.document
|
|
globalThis.requestAnimationFrame = win.requestAnimationFrame.bind(win)
|
|
;({ default: choo } = await import('@uhhm/buuh'))
|
|
;({ default: html } = await import('@uhhm/buuh-html/browser'))
|
|
;({ default: devtools } = await import('../index.js'))
|
|
})
|
|
|
|
test('devtools exposes window.choo with live state, log and emit', async () => {
|
|
const app = choo()
|
|
app.use(devtools())
|
|
app.use((state, emitter) => {
|
|
state.count = 0
|
|
emitter.on('bump', (n) => { state.count += n })
|
|
})
|
|
app.route('/', (state) => html`<div>${state.count}</div>`)
|
|
app.start()
|
|
|
|
assert.ok(window.choo, 'window.choo exists')
|
|
assert.strictEqual(window.choo.state.count, 0, 'live state exposed')
|
|
|
|
window.choo.emit('bump', 2)
|
|
assert.strictEqual(window.choo.state.count, 2, 'emit from the console handle works')
|
|
assert.ok(window.choo.log.some((e) => e.name === 'bump'), 'events land in the log')
|
|
assert.strictEqual(typeof window.choo.help, 'function')
|
|
|
|
const json = JSON.parse(window.choo.copy())
|
|
assert.strictEqual(json.count, 2, 'copy() serializes state')
|
|
assert.strictEqual(json.cache, null, 'state.cache not serialized')
|
|
})
|
|
|
|
test('devtools is a no-op on the server', async () => {
|
|
// fresh import in a windowless world is covered by the guard: calling
|
|
// the store with no window must not throw or touch globals
|
|
const store = devtools()
|
|
const hadWindow = globalThis.window
|
|
delete globalThis.window
|
|
try {
|
|
assert.doesNotThrow(() => store({}, { on () {} }, {}))
|
|
} finally {
|
|
globalThis.window = hadWindow
|
|
}
|
|
})
|