@miaskiewicz/turbo-dom 0.1.10 → 0.1.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@miaskiewicz/turbo-dom",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "Faster, more spec-correct DOM for test runners — native html5ever (Rust/WASM) parser + lazy copy-on-write DOM. A drop-in-style alternative to jsdom/happy-dom for vitest & jest.",
   "main": "index.js",
   "types": "index.d.ts",

package/src/runtime/dom.mjs

@@ -434,6 +434,16 @@ export class Element extends Node {
   set placeholder(x) { this.setAttribute('placeholder', x); }
   get href() { return this.getAttribute('href') ?? ''; }
   set href(x) { this.setAttribute('href', x); }
+  get download() { return this.getAttribute('download') ?? ''; }
+  set download(x) { this.setAttribute('download', x); }
+  get rel() { return this.getAttribute('rel') ?? ''; }
+  set rel(x) { this.setAttribute('rel', x); }
+  get referrerPolicy() { return this.getAttribute('referrerpolicy') ?? ''; }
+  set referrerPolicy(x) { this.setAttribute('referrerpolicy', x); }
+  get src() { return this.getAttribute('src') ?? ''; }
+  set src(x) { this.setAttribute('src', x); }
+  get alt() { return this.getAttribute('alt') ?? ''; }
+  set alt(x) { this.setAttribute('alt', x); }
 
   // option
   get selected() { return this.__selected !== undefined ? this.__selected : this.hasAttribute('selected'); }

package/src/runtime/selectors.mjs

@@ -153,15 +153,53 @@ function matchPseudo(el, p) {
       return !(el.hasAttribute('readonly') || el.readOnly);
     case 'selected':
       return !!el.selected;
-    case 'only-of-type':
+    // positional pseudo-classes (1-based, support An+B / odd / even)
+    case 'nth-child':
+      return nthMatch(p.arg, siblingIndex(el) + 1);
+    case 'nth-last-child':
+      return nthMatch(p.arg, siblingCount(el) - siblingIndex(el));
+    case 'nth-of-type':
+      return nthMatch(p.arg, typeIndex(el) + 1);
+    case 'nth-last-of-type':
+      return nthMatch(p.arg, typeCount(el) - typeIndex(el));
     case 'first-of-type':
+      return typeIndex(el) === 0;
     case 'last-of-type':
-      return true; // best-effort: rarely load-bearing in tests
+      return typeIndex(el) === typeCount(el) - 1;
+    case 'only-of-type':
+      return typeCount(el) === 1;
     default:
       return false; // unknown pseudo: never matches (honest, not a silent true)
   }
 }
 
+function elementSiblings(el) {
+  const p = el.parentNode;
+  if (!p) return [el];
+  const kids = typeof p.__children === 'function' ? p.__children() : Array.from(p.childNodes || []);
+  return kids.filter((n) => n.nodeType === 1);
+}
+function siblingIndex(el) { return elementSiblings(el).indexOf(el); }
+function siblingCount(el) { return elementSiblings(el).length; }
+function typeIndex(el) { return elementSiblings(el).filter((n) => n.localName === el.localName).indexOf(el); }
+function typeCount(el) { return elementSiblings(el).filter((n) => n.localName === el.localName).length; }
+
+// match An+B / odd / even / integer against a 1-based index
+function nthMatch(arg, index) {
+  const a0 = String(arg || '').trim().toLowerCase();
+  if (a0 === 'odd') return index % 2 === 1;
+  if (a0 === 'even') return index % 2 === 0;
+  const m = /^([+-]?\d*)n\s*([+-]\s*\d+)?$/.exec(a0.replace(/\s+/g, ''));
+  if (m) {
+    let a = m[1] === '' || m[1] === '+' ? 1 : m[1] === '-' ? -1 : parseInt(m[1], 10);
+    const b = m[2] ? parseInt(m[2].replace(/\s/g, ''), 10) : 0;
+    if (a === 0) return index === b;
+    return (index - b) % a === 0 && (index - b) / a >= 0;
+  }
+  const n = parseInt(a0, 10);
+  return !Number.isNaN(n) && index === n;
+}
+
 function previousElement(el) {
   let n = el.previousSibling;
   while (n && n.nodeType !== 1) n = n.previousSibling;

package/src/runtime/window.mjs

@@ -57,6 +57,19 @@ class TurboFormData {
   [Symbol.iterator]() { return this.entries(); }
 }
 
+// A tag-specific HTML*Element interface. Not constructible — exists so
+// `el instanceof HTMLXElement` is true only for elements with the matching
+// localName (matcher = string or RegExp). Avoids aliasing every interface to
+// 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'); };
+  Object.defineProperty(C, Symbol.hasInstance, {
+    value: (o) => o != null && o.nodeType === 1 && test(o.localName),
+  });
+  return C;
+}
+
 // Capture host functions at module load — BEFORE any installGlobals() can shadow
 // the bare names on globalThis (which would make these delegates call themselves).
 const hostSetTimeout = globalThis.setTimeout;
@@ -83,17 +96,21 @@ export function createWindow(document, { url = 'http://localhost/' } = {}) {
     UIEvent, MouseEvent, PointerEvent, KeyboardEvent, InputEvent, FocusEvent,
     CompositionEvent, WheelEvent, TouchEvent, DragEvent, ProgressEvent, ClipboardEvent,
     DataTransfer,
-    // generic elements are plain Element → `el instanceof HTMLElement` is true.
-    // HTMLIFrameElement MUST be a distinct class so React's iframe-descent loop
-    // (`while (el instanceof HTMLIFrameElement)`) terminates on normal elements.
+    // every element is a plain Element → `el instanceof HTMLElement` is true.
+    // Tag-specific interfaces match by localName via Symbol.hasInstance, so
+    // `el instanceof HTMLAnchorElement` is true ONLY for <a> (not every element),
+    // and React's `while (el instanceof HTMLIFrameElement)` loop terminates.
     HTMLElement: Element, SVGElement: Element,
-    HTMLIFrameElement: class HTMLIFrameElement extends Element {},
-    HTMLInputElement: Element, HTMLTextAreaElement: Element, HTMLSelectElement: Element,
-    HTMLOptionElement: Element, HTMLButtonElement: Element, HTMLAnchorElement: Element,
-    HTMLFormElement: Element, HTMLImageElement: Element, HTMLCanvasElement: Element,
-    HTMLTemplateElement: Element, HTMLLabelElement: Element, HTMLDivElement: Element,
-    HTMLSpanElement: Element, HTMLParagraphElement: Element, HTMLUListElement: Element,
-    HTMLLIElement: Element, HTMLHeadingElement: Element, HTMLBodyElement: Element,
+    HTMLAnchorElement: tagClass('a'), HTMLInputElement: tagClass('input'),
+    HTMLTextAreaElement: tagClass('textarea'), HTMLSelectElement: tagClass('select'),
+    HTMLOptionElement: tagClass('option'), HTMLButtonElement: tagClass('button'),
+    HTMLFormElement: tagClass('form'), HTMLImageElement: tagClass('img'),
+    HTMLCanvasElement: tagClass('canvas'), HTMLTemplateElement: tagClass('template'),
+    HTMLLabelElement: tagClass('label'), HTMLDivElement: tagClass('div'),
+    HTMLSpanElement: tagClass('span'), HTMLParagraphElement: tagClass('p'),
+    HTMLUListElement: tagClass('ul'), HTMLLIElement: tagClass('li'),
+    HTMLBodyElement: tagClass('body'), HTMLIFrameElement: tagClass('iframe'),
+    HTMLHeadingElement: tagClass(/^h[1-6]$/),
     HTMLDocument: Document, DocumentFragment, ShadowRoot: DocumentFragment,
     MutationObserver, DOMParser, XMLSerializer,
     URL: makeURL(), URLSearchParams,