@miaskiewicz/turbo-dom 0.5.8 → 0.6.0

package/src/runtime/stubs.mjs

@@ -38,24 +38,6 @@ export function makeCanvasStub() {
   });
 }
 
-// CustomElementRegistry — define/get/whenDefined. No upgrade of generic elements,
-// but enough that defining and awaiting elements doesn't throw.
-export function makeCustomElements() {
-  const defs = new Map();
-  const waiters = new Map();
-  return {
-    define(name, ctor) {
-      if (defs.has(name)) throw new Error(`'${name}' already defined`);
-      defs.set(name, ctor);
-      const w = waiters.get(name); if (w) { w.forEach((r) => r(ctor)); waiters.delete(name); }
-    },
-    get(name) { return defs.get(name); },
-    getName(ctor) { for (const [n, c] of defs) if (c === ctor) return n; return null; },
-    whenDefined(name) { if (defs.has(name)) return Promise.resolve(defs.get(name)); return new Promise((res) => { const a = waiters.get(name) || []; a.push(res); waiters.set(name, a); }); },
-    upgrade() {},
-  };
-}
-
 export class Storage {
   constructor() { this.__map = new Map(); }
   get length() { return this.__map.size; }
@@ -86,7 +68,7 @@ function evalMediaQuery(query, win) {
     else if (feat === 'max-width') matched = matched && W <= parseFloat(val);
     else if (feat === 'min-height') matched = matched && H >= parseFloat(val);
     else if (feat === 'max-height') matched = matched && H <= parseFloat(val);
-    else matched = matched && val === (W >= H ? 'landscape' : 'portrait'); // orientation
+    else matched = matched && val === (H >= W ? 'portrait' : 'landscape'); // orientation: portrait iff height >= width (turbo-dom#138)
   }
   return any && matched;
 }

package/src/runtime/window.mjs

@@ -7,13 +7,14 @@
 import {
   Storage, makeMatchMedia,
   IntersectionObserver, ResizeObserver,
-  FileReader, makeCanvasStub, makeCustomElements,
+  FileReader, makeCanvasStub,
   makeLocation, makeHistory,
 } from './stubs.mjs';
 import { makeGetComputedStyle } from './cascade.mjs';
+import { makeCustomElements, constructCustomElement } from './custom-elements.mjs';
 import { CSSStyleSheet } from './cssom.mjs';
 import {
-  Node, Element, SVGElement, Text, Comment, Document, DocumentFragment, DocumentType, Event, CustomEvent,
+  Node, Element, SVGElement, MathMLElement, Text, Comment, Document, DocumentFragment, DocumentType, Event, CustomEvent,
   MutationObserver, DOMParser, XMLSerializer, ShadowRoot,
 } from './dom.mjs';
 import {
@@ -65,7 +66,13 @@ class TurboFormData {
 // Element (which made `instanceof HTMLAnchorElement` true for ALL elements).
 function tagClass(matcher) {
   const test = typeof matcher === 'string' ? (n) => n === matcher : (n) => matcher.test(n);
-  const C = function () { throw new TypeError('Illegal constructor'); };
+  // a customized built-in's super() (custom-elements.mjs) returns the element being
+  // constructed or upgraded; anything else is Chrome's TypeError
+  const C = function () {
+    const custom = new.target ? constructCustomElement(new.target) : null;
+    if (custom !== null) return custom;
+    throw new TypeError('Illegal constructor');
+  };
   // share Element.prototype so prototype-level spies/reads resolve (e.g.
   // vi.spyOn(HTMLAnchorElement.prototype, 'click')); instanceof is decided by
   // the tag matcher below, not the prototype chain.
@@ -118,7 +125,6 @@ class MessageChannel {
 // self-replaces onto the per-env base, so each env gets its own instance; only
 // the factory objects/closures are shared, saving ~28 allocations per test file.
 const SHARED_LAZY = {
-  customElements: () => makeCustomElements(), // fresh registry per env, built on first access
   localStorage: () => new Storage(),
   sessionStorage: () => new Storage(),
   getComputedStyle: () => makeGetComputedStyle(),
@@ -172,8 +178,8 @@ export function createWindow(document, { url = 'http://localhost/' } = {}) {
     closed: false,
     // origin is lazy (per-env, captures url) — window.origin is rarely read, so the
     // eager `new URL(url)` parse per createWindow was usually wasted.
-    // customElements is lazy (SHARED_LAZY) — env-independent + rarely used; building
-    // its two Maps eagerly per createWindow was wasted for the typical test.
+    // customElements is lazy (per-env `lazy` below: the registry upgrades this document's
+    // elements) — rarely used, so building it eagerly per createWindow would be wasted.
     Image: function Image(w, h) { const img = document.createElement('img'); if (w != null) img.setAttribute('width', w); if (h != null) img.setAttribute('height', h); return img; },
     Audio: function Audio(src) { const a = document.createElement('audio'); if (src) a.setAttribute('src', src); return a; },
     getSelection: () => document.getSelection(),
@@ -192,6 +198,8 @@ export function createWindow(document, { url = 'http://localhost/' } = {}) {
     history: () => makeHistory(windowProxy.location),
     // per-env so matchMedia can evaluate queries against THIS window's viewport
     matchMedia: () => makeMatchMedia(windowProxy),
+    // the document's custom element registry (custom-elements.mjs), built on first access
+    customElements: () => makeCustomElements(document),
   };
 
   windowProxy = new Proxy(base, {
@@ -370,7 +378,7 @@ const STATIC_BASE = {
   DataTransfer,
   // every element is a plain Element → `el instanceof HTMLElement` is true.
   // Tag-specific interfaces match by localName via Symbol.hasInstance.
-  HTMLElement: Element, SVGElement,
+  HTMLElement: Element, SVGElement, MathMLElement,
   // SVG interface globals. Libs (and test setup mocks) do
   // `Object.defineProperty(SVGSVGElement.prototype, 'viewBox', …)` and
   // `el instanceof SVGSVGElement`; an undefined global is a hard ReferenceError.

package/src/spike.rs

@@ -48,7 +48,9 @@ pub fn destroy(doc: u32) {
     DOCS.with(|d| {
         let mut v = d.borrow_mut();
         if (doc as usize) < v.len() {
-            v[doc as usize] = Doc { soa: core::parse_html_soa("") };
+            v[doc as usize] = Doc {
+                soa: core::parse_html_soa(""),
+            };
         }
     });
 }
@@ -97,7 +99,11 @@ pub fn node_type(doc: u32, h: u32) -> u8 {
 pub fn tag_id(doc: u32, h: u32) -> i32 {
     with_doc(doc, |d| {
         let i = h as usize;
-        if d.soa.node_type[i] == ELEMENT_NODE { d.soa.tag_id[i] as i32 } else { -1 }
+        if d.soa.node_type[i] == ELEMENT_NODE {
+            d.soa.tag_id[i] as i32
+        } else {
+            -1
+        }
     })
 }
 #[wasm_bindgen]
@@ -127,7 +133,9 @@ pub fn text_id(doc: u32, h: u32) -> i32 {
 #[wasm_bindgen]
 #[must_use]
 pub fn get_attr_id(doc: u32, h: u32, name: &str) -> i32 {
-    with_doc(doc, |d| attr_value_id(&d.soa, h as usize, name).map_or(-1, |v| v as i32))
+    with_doc(doc, |d| {
+        attr_value_id(&d.soa, h as usize, name).map_or(-1, |v| v as i32)
+    })
 }
 
 /// NAIVE getAttribute: returns the value String (per-call UTF-8 marshal).
@@ -178,9 +186,17 @@ fn attr_value_id(soa: &Soa, i: usize, name: &str) -> Option<u32> {
 pub fn node_record(doc: u32, h: u32) -> Vec<i32> {
     with_doc(doc, |d| {
         let i = h as usize;
-        let tag = if d.soa.node_type[i] == ELEMENT_NODE { d.soa.tag_id[i] as i32 } else { -1 };
+        let tag = if d.soa.node_type[i] == ELEMENT_NODE {
+            d.soa.tag_id[i] as i32
+        } else {
+            -1
+        };
         let start = d.soa.attr_start[i];
-        let count = if start < 0 { 0 } else { d.soa.attr_count[i] as usize };
+        let count = if start < 0 {
+            0
+        } else {
+            d.soa.attr_count[i] as usize
+        };
         let mut out = Vec::with_capacity(3 + count * 2);
         out.push(tag);
         out.push(d.soa.parent[i]);
@@ -223,7 +239,11 @@ struct Compound<'a> {
 
 fn parse_compound(sel: &str) -> Compound<'_> {
     let s = sel.trim();
-    let mut c = Compound { tag: None, id: None, classes: Vec::new() };
+    let mut c = Compound {
+        tag: None,
+        id: None,
+        classes: Vec::new(),
+    };
     let mut i = 0;
     let bytes = s.as_bytes();
     // leading type selector