@christianirack/brainllm-runtime 0.6.1 → 0.8.0

package/shim/dom.js

@@ -34,6 +34,11 @@ export class MouseEvent extends Event {}
 
 // Minimal MutationObserver: only records for nodes connected to the document, plus takeRecords() (used by brain-inspect).
 const MOS = new Set()
+// A node's position in its parent, from a hint the walk keeps: `_at` may be stale after any mutation, so it is checked.
+const indexIn = (parent, node) => {
+  if (parent.childNodes[node._at] === node) return node._at
+  return (node._at = parent.childNodes.indexOf(node))
+}
 const rec = (type, target) => {
   if (MOS.size && target.isConnected) for (const o of MOS) o._q.push({ type, target })
 }
@@ -62,6 +67,7 @@ class Node {
     this.ownerDocument = doc
     this.parentNode = null
     this.childNodes = []
+    this._at = 0
     this._l = { cap: {}, bub: {} }
   }
   get firstChild() {
@@ -72,11 +78,19 @@ class Node {
   }
   get nextSibling() {
     const p = this.parentNode
-    return p ? p.childNodes[p.childNodes.indexOf(this) + 1] || null : null
+    if (!p) return null
+    const i = indexIn(p, this) + 1
+    const s = p.childNodes[i]
+    if (s) s._at = i
+    return s || null
   }
   get previousSibling() {
     const p = this.parentNode
-    return p ? p.childNodes[p.childNodes.indexOf(this) - 1] || null : null
+    if (!p) return null
+    const i = indexIn(p, this) - 1
+    const s = p.childNodes[i]
+    if (s) s._at = i
+    return s || null
   }
   get isConnected() {
     let n = this
@@ -85,14 +99,26 @@ class Node {
   }
   insertBefore(n, ref) {
     if (n.nodeType === 11) {
-      for (const c of [...n.childNodes]) this.insertBefore(c, ref)
+      const moved = n.childNodes
+      if (!moved.length) return n
+      const at = ref ? indexIn(this, ref) : this.childNodes.length
+      if (at < 0) throw Error('ref is not a child')
+      const kids = this.childNodes
+      const tail = kids.splice(at)
+      for (const c of moved) kids.push(c)
+      for (const c of tail) kids.push(c)
+      for (const c of moved) {
+        c.parentNode = this
+        rec('childList', this)
+      }
+      moved.length = 0
       return n
     }
     if (n.parentNode) {
       if (n.isConnected) stats.moves++
       n.parentNode.removeChild(n)
     }
-    const i = ref ? this.childNodes.indexOf(ref) : -1
+    const i = ref ? indexIn(this, ref) : -1
     if (ref && i < 0) throw Error('ref is not a child')
     i < 0 ? this.childNodes.push(n) : this.childNodes.splice(i, 0, n)
     n.parentNode = this
@@ -103,7 +129,7 @@ class Node {
     return this.insertBefore(n, null)
   }
   removeChild(n) {
-    const i = this.childNodes.indexOf(n)
+    const i = indexIn(this, n)
     if (i < 0) throw Error('not a child')
     this.childNodes.splice(i, 1)
     n.parentNode = null
@@ -156,12 +182,20 @@ class Node {
     if (!e.defaultPrevented && e.type === 'click' && this.tagName === 'INPUT' && this.type === 'checkbox') this.checked = !this.checked
     return !e.defaultPrevented
   }
+  closest(sel) {
+    const tests = sel.split(',').map(x => compound(x.trim()))
+    for (let n = this; n && n.getAttribute; n = n.parentNode) if (tests.some(t => t(n))) return n
+    return null
+  }
+  getBoundingClientRect() {
+    return { top: 0, left: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }
+  }
   contains(n) {
     for (; n; n = n.parentNode) if (n === this) return true
     return false
   }
   // Supported selectors: lists (`a, b`), descendant (`a b`), compounds of `tag`, `.class`, `#id`, `[attr]`,
-  // `[attr=v]` (quoted or not) and `:not(<compound>)`. Enough for the runtime and the ui kit.
+  // `[attr=v]` (quoted or not), `*` and `:not(<compound>)`. Enough for the runtime and the ui kit.
   querySelectorAll(sel) {
     const alts = sel.split(',').map(a => a.trim().split(/\s+/).map(compound))
     const out = []
@@ -409,12 +443,13 @@ class Document extends Node {
 // Selector helpers for querySelectorAll: a compound is a list of tests on one element.
 function compound(str) {
   const tests = []
-  const rx = /^(?:([\w-]+)|\.([\w-]+)|#([\w-]+)|\[([\w-]+)(?:=["']?([^"'\]]*)["']?)?\]|:not\(([^)]*)\))/
+  const rx = /^(?:\*|([\w-]+)|\.([\w-]+)|#([\w-]+)|\[([\w-]+)(?:=["']?([^"'\]]*)["']?)?\]|:not\(([^)]*)\))/
   let rest = str
   while (rest) {
     const m = rx.exec(rest)
     if (!m) throw Error('unsupported selector: ' + str)
     rest = rest.slice(m[0].length)
+    if (m[0] === '*') continue
     if (m[1]) tests.push(e => e.tagName === m[1].toUpperCase())
     else if (m[2]) tests.push(e => (e.getAttribute('class') || '').split(/\s+/).includes(m[2]))
     else if (m[3]) tests.push(e => e.getAttribute('id') === m[3])

package/sw/brain-sw.js

@@ -6,18 +6,21 @@
 // files (§35.7). A new worker takes over at once and keeps only the previous build's cache, and only for the chunks an
 // open tab still asks for: navigations are answered from the current build alone, so nothing old is shown by mistake.
 // After taking over it tells every tab `brain:build <sig>` (the router then does full loads). Caches that are not per
-// build are named `brain:*`. (`sw: false` is a separate kill worker emitted by the build.)
+// build are named `brain:*`. (`sw: false` is a separate kill worker emitted by the build.) An app under a base path
+// prefixes every name with it (`brain/app-<sig>`, `brain/app:meta`): apps sharing an origin never touch each other's
+// caches, and an app at the root keeps the historical names.
 // `cache.routes` (brain.json) adds declarative data routes: { match, prefix, strategy: cache-first | network-first |
 // stale-while-revalidate | network-only, maxEntries, maxAge (s), timeout (ms) }, each in its own `brain:route:<match>`
 // cache that survives builds, bounded by entries and age; personal responses are never stored. `cache.update:
 // "prompt"` keeps a new worker waiting (while an older one controls tabs) until a page posts `brain:skip-waiting`.
 const B = self.BRAIN_BUILD || { hash: 'dev', precache: [], offline: null }
 const BASE = B.base || '/' // app served under a base path (§23 #148); precache/offline URLs already carry it
-const BUILD = 'brain-' + B.hash, META = 'brain:meta'
+const NS = 'brain' + BASE.replace(/\/$/, '') // `brain` at the root, `brain/app` under /app/
+const BUILD = NS + '-' + B.hash, META = NS + ':meta'
 const NAV_TIMEOUT = 3000
 // responses marked personal or uncacheable are never stored
 const storable = r => r.ok && !/no-store|private/i.test(r.headers.get('cache-control') || '')
-const ROUTES = (B.routes || []).map(r => ({ ...r, cache: 'brain:route:' + r.match + (r.prefix ? '*' : '') }))
+const ROUTES = (B.routes || []).map(r => ({ ...r, cache: NS + ':route:' + r.match + (r.prefix ? '*' : '') }))
 const route = p => ROUTES.find(r => (r.prefix ? p.startsWith(r.match) : p === r.match))
 // identity-bound: an Authorization header, a response that varies by cookie/authorization/*, or one that sets a cookie
 const personal = (req, r) =>
@@ -51,7 +54,7 @@ self.addEventListener('activate', e => {
       const keep = [...gens.filter(g => g !== BUILD).slice(-1), BUILD]
       await meta.put('/__brain_generations', new Response(JSON.stringify(keep)))
       for (const k of await caches.keys())
-        if ((k.startsWith('brain-') && !keep.includes(k)) || (k.startsWith('brain:route:') && !ROUTES.some(r => r.cache === k))) await caches.delete(k)
+        if ((k.startsWith(NS + '-') && !keep.includes(k)) || (k.startsWith(NS + ':route:') && !ROUTES.some(r => r.cache === k))) await caches.delete(k)
       await self.clients.claim()
       for (const c of await self.clients.matchAll({ type: 'window', includeUncontrolled: true })) c.postMessage('brain:build ' + B.hash)
     })()
@@ -69,7 +72,7 @@ self.addEventListener('fetch', e => {
   if (url.origin !== self.location.origin || url.pathname.startsWith(BASE + '_r/') || url.pathname === BASE + 'sw.js') return
   // offline: false (B.offline null) → navigations go straight to the network: no page cache, no offline page
   if (req.mode === 'navigate') return B.offline ? e.respondWith(navigate(e)) : undefined
-  if (url.pathname.startsWith(BASE + '_b/')) return e.respondWith(hashed(req))
+  if (url.pathname.startsWith(BASE + '_b/')) return e.respondWith(hashed(e))
   const rt = route(url.pathname)
   if (rt) return e.respondWith(rt.strategy === 'network-only' ? fetch(req) : data(e, rt))
   // only files the page itself loads (img, style, script, font, manifest…); fetch()/XHR data is never touched (§35:
@@ -77,12 +80,17 @@ self.addEventListener('fetch', e => {
   if (req.destination) e.respondWith(revalidate(e))
 })
 
-// cache-first: any generation may hold it (an old tab asks for old chunks); misses are stored in the current build
-async function hashed(req) {
+// cache-first: any generation may hold it (an old tab asks for old chunks); misses are stored in the current build.
+// Every cache write is handed to waitUntil, so the worker stays alive until it lands; a failed write never fails the response.
+async function hashed(e) {
+  const req = e.request
   const hit = await caches.match(req)
   if (hit) return hit
   const r = await fetch(req)
-  if (storable(r)) (await caches.open(BUILD)).put(req, r.clone())
+  if (storable(r)) {
+    const copy = r.clone()
+    e.waitUntil(caches.open(BUILD).then(c => c.put(req, copy)).catch(() => {}))
+  }
   return r
 }
 
@@ -114,7 +122,7 @@ async function navigate(e) {
 async function revalidate(e) {
   const c = await caches.open(BUILD)
   const hit = await c.match(e.request)
-  const net = fetch(e.request).then(r => (storable(r) && c.put(e.request, r.clone()), r))
+  const net = fetch(e.request).then(r => (storable(r) && e.waitUntil(c.put(e.request, r.clone()).catch(() => {})), r))
   e.waitUntil(net.catch(() => {}))
   return hit || net
 }

package/ui/error-state.brain

@@ -25,7 +25,7 @@
     if (e.status === 401) return say('unauthorized', 'Sign in to continue.')
     if (e.status === 403) return say('forbidden', 'You do not have permission to see this.')
     if (e.status === 404) return say('not_found', 'Not found.')
-    if (e.status === 422) return say('invalid', 'Check the highlighted fields.')
+    if (e.status === 422) return e.errors && Object.keys(e.errors).length ? say('invalid', 'Check the highlighted fields.') : say('rejected', e.message || 'The server rejected this request. Check it and try again.')
     if (e.status === 429) return say('rate_limited', 'Too many requests. Trying again in {n} seconds.', { n: e.retryAfter || 30 })
     return say('server', 'Something went wrong on our side.')
   }