aberdeen 1.17.0 → 2.0.0

package/dist/src/transitions.js.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../../src/transitions.ts"],
   "sourcesContent": [
-    "const FADE_TIME = 400;\nconst GROW_SHRINK_TRANSITION = `margin ${FADE_TIME}ms ease-out, transform ${FADE_TIME}ms ease-out`;\n\nfunction getGrowShrinkProps(el: HTMLElement): Partial<CSSStyleDeclaration> {\n\tif (el.parentElement) {\n\t\tconst parentStyle = getComputedStyle(el.parentElement);\n\t\tconst isHorizontal =\n\t\t\tparentStyle.display === \"flex\" &&\n\t\t\t(parentStyle.flexDirection || \"\").startsWith(\"row\");\n\t\tif (isHorizontal) {\n\t\t\treturn {\n\t\t\t\tmarginLeft: `-${el.offsetWidth / 2}px`,\n\t\t\t\tmarginRight: `-${el.offsetWidth / 2}px`,\n\t\t\t\ttransform: \"scaleX(0)\",\n\t\t\t};\n\t\t}\n\t}\n\treturn {\n\t\tmarginBottom: `-${el.offsetHeight / 2}px`,\n\t\tmarginTop: `-${el.offsetHeight / 2}px`,\n\t\ttransform: \"scaleY(0)\",\n\t};\n}\n\n/** Do a grow transition for the given element. This is meant to be used as a\n * handler for the `create` property.\n *\n * @param el The element to transition.\n *\n * The transition doesn't look great for table elements, and may have problems\n * for other specific cases as well.\n */\nexport async function grow(el: HTMLElement) {\n\tconst props = getGrowShrinkProps(el);\n\tObject.assign(el.style, props);\n\n\t// Make sure the layouting has been performed, to cause transitions to trigger\n\tel.offsetHeight;\n\n\tel.style.transition = GROW_SHRINK_TRANSITION;\n\tfor (const prop in props) el.style[prop] = \"\";\n\tsetTimeout(() => {\n\t\t// Disable transitions.\n\t\tel.style.transition = \"\";\n\t}, FADE_TIME);\n}\n\n/** Do a shrink transition for the given element, and remove it from the DOM\n * afterwards. This is meant to be used as a handler for the `destroy` property.\n *\n * @param el The element to transition and remove.\n *\n * The transition doesn't look great for table elements, and may have problems\n * for other specific cases as well.\n */\nexport async function shrink(el: HTMLElement) {\n\t// Get original layout info\n\tconst props = getGrowShrinkProps(el);\n\n\t// Batch starting transitions in the write phase.\n\tel.style.transition = GROW_SHRINK_TRANSITION;\n\tObject.assign(el.style, props);\n\n\t// Remove the element after the transition is done.\n\tsetTimeout(() => {\n\t\tel.remove();\n\t}, FADE_TIME);\n}\n"
+    "const FADE_TIME = 400;\nconst GROW_SHRINK_TRANSITION = `margin ${FADE_TIME}ms ease-out, transform ${FADE_TIME}ms ease-out`;\n\n// Resolve `getComputedStyle`/`setTimeout` from the element's own window (the one Aberdeen was\n// initialised with) rather than the global, so this works under any injected DOM.\nfunction windowOf(el: any): any {\n\treturn el?.ownerDocument?.defaultView ?? globalThis;\n}\n\nfunction getGrowShrinkProps(el: HTMLElement): Partial<CSSStyleDeclaration> {\n\tif (el.parentElement) {\n\t\tconst parentStyle = windowOf(el).getComputedStyle(el.parentElement);\n\t\tconst isHorizontal =\n\t\t\tparentStyle.display === \"flex\" &&\n\t\t\t(parentStyle.flexDirection || \"\").startsWith(\"row\");\n\t\tif (isHorizontal) {\n\t\t\treturn {\n\t\t\t\tmarginLeft: `-${el.offsetWidth / 2}px`,\n\t\t\t\tmarginRight: `-${el.offsetWidth / 2}px`,\n\t\t\t\ttransform: \"scaleX(0)\",\n\t\t\t};\n\t\t}\n\t}\n\treturn {\n\t\tmarginBottom: `-${el.offsetHeight / 2}px`,\n\t\tmarginTop: `-${el.offsetHeight / 2}px`,\n\t\ttransform: \"scaleY(0)\",\n\t};\n}\n\n/** Do a grow transition for the given element. This is meant to be used as a\n * handler for the `create` property.\n *\n * @param el The element to transition.\n *\n * The transition doesn't look great for table elements, and may have problems\n * for other specific cases as well.\n */\nexport async function grow(el: HTMLElement) {\n\tconst props = getGrowShrinkProps(el);\n\tObject.assign(el.style, props);\n\n\t// Make sure the layouting has been performed, to cause transitions to trigger\n\tel.offsetHeight;\n\n\tel.style.transition = GROW_SHRINK_TRANSITION;\n\tfor (const prop in props) el.style[prop] = \"\";\n\twindowOf(el).setTimeout(() => {\n\t\t// Disable transitions.\n\t\tel.style.transition = \"\";\n\t}, FADE_TIME);\n}\n\n/** Do a shrink transition for the given element, and remove it from the DOM\n * afterwards. This is meant to be used as a handler for the `destroy` property.\n *\n * @param el The element to transition and remove.\n *\n * The transition doesn't look great for table elements, and may have problems\n * for other specific cases as well.\n */\nexport async function shrink(el: HTMLElement) {\n\t// Get original layout info\n\tconst props = getGrowShrinkProps(el);\n\n\t// Batch starting transitions in the write phase.\n\tel.style.transition = GROW_SHRINK_TRANSITION;\n\tObject.assign(el.style, props);\n\n\t// Remove the element after the transition is done.\n\twindowOf(el).setTimeout(() => {\n\t\tel.remove();\n\t}, FADE_TIME);\n}\n"
   ],
-  "mappings": ";AAAA,IAAM,YAAY;AAClB,IAAM,yBAAyB,UAAU,mCAAmC;AAE5E,SAAS,kBAAkB,CAAC,IAA+C;AAAA,EAC1E,IAAI,GAAG,eAAe;AAAA,IACrB,MAAM,cAAc,iBAAiB,GAAG,aAAa;AAAA,IACrD,MAAM,eACL,YAAY,YAAY,WACvB,YAAY,iBAAiB,IAAI,WAAW,KAAK;AAAA,IACnD,IAAI,cAAc;AAAA,MACjB,OAAO;AAAA,QACN,YAAY,IAAI,GAAG,cAAc;AAAA,QACjC,aAAa,IAAI,GAAG,cAAc;AAAA,QAClC,WAAW;AAAA,MACZ;AAAA,IACD;AAAA,EACD;AAAA,EACA,OAAO;AAAA,IACN,cAAc,IAAI,GAAG,eAAe;AAAA,IACpC,WAAW,IAAI,GAAG,eAAe;AAAA,IACjC,WAAW;AAAA,EACZ;AAAA;AAWD,eAAsB,IAAI,CAAC,IAAiB;AAAA,EAC3C,MAAM,QAAQ,mBAAmB,EAAE;AAAA,EACnC,OAAO,OAAO,GAAG,OAAO,KAAK;AAAA,EAG7B,GAAG;AAAA,EAEH,GAAG,MAAM,aAAa;AAAA,EACtB,WAAW,QAAQ;AAAA,IAAO,GAAG,MAAM,QAAQ;AAAA,EAC3C,WAAW,MAAM;AAAA,IAEhB,GAAG,MAAM,aAAa;AAAA,KACpB,SAAS;AAAA;AAWb,eAAsB,MAAM,CAAC,IAAiB;AAAA,EAE7C,MAAM,QAAQ,mBAAmB,EAAE;AAAA,EAGnC,GAAG,MAAM,aAAa;AAAA,EACtB,OAAO,OAAO,GAAG,OAAO,KAAK;AAAA,EAG7B,WAAW,MAAM;AAAA,IAChB,GAAG,OAAO;AAAA,KACR,SAAS;AAAA;",
-  "debugId": "ACD770C0365651E664756E2164756E21",
+  "mappings": ";AAAA,IAAM,YAAY;AAClB,IAAM,yBAAyB,UAAU,mCAAmC;AAI5E,SAAS,QAAQ,CAAC,IAAc;AAAA,EAC/B,OAAO,IAAI,eAAe,eAAe;AAAA;AAG1C,SAAS,kBAAkB,CAAC,IAA+C;AAAA,EAC1E,IAAI,GAAG,eAAe;AAAA,IACrB,MAAM,cAAc,SAAS,EAAE,EAAE,iBAAiB,GAAG,aAAa;AAAA,IAClE,MAAM,eACL,YAAY,YAAY,WACvB,YAAY,iBAAiB,IAAI,WAAW,KAAK;AAAA,IACnD,IAAI,cAAc;AAAA,MACjB,OAAO;AAAA,QACN,YAAY,IAAI,GAAG,cAAc;AAAA,QACjC,aAAa,IAAI,GAAG,cAAc;AAAA,QAClC,WAAW;AAAA,MACZ;AAAA,IACD;AAAA,EACD;AAAA,EACA,OAAO;AAAA,IACN,cAAc,IAAI,GAAG,eAAe;AAAA,IACpC,WAAW,IAAI,GAAG,eAAe;AAAA,IACjC,WAAW;AAAA,EACZ;AAAA;AAWD,eAAsB,IAAI,CAAC,IAAiB;AAAA,EAC3C,MAAM,QAAQ,mBAAmB,EAAE;AAAA,EACnC,OAAO,OAAO,GAAG,OAAO,KAAK;AAAA,EAG7B,GAAG;AAAA,EAEH,GAAG,MAAM,aAAa;AAAA,EACtB,WAAW,QAAQ;AAAA,IAAO,GAAG,MAAM,QAAQ;AAAA,EAC3C,SAAS,EAAE,EAAE,WAAW,MAAM;AAAA,IAE7B,GAAG,MAAM,aAAa;AAAA,KACpB,SAAS;AAAA;AAWb,eAAsB,MAAM,CAAC,IAAiB;AAAA,EAE7C,MAAM,QAAQ,mBAAmB,EAAE;AAAA,EAGnC,GAAG,MAAM,aAAa;AAAA,EACtB,OAAO,OAAO,GAAG,OAAO,KAAK;AAAA,EAG7B,SAAS,EAAE,EAAE,WAAW,MAAM;AAAA,IAC7B,GAAG,OAAO;AAAA,KACR,SAAS;AAAA;",
+  "debugId": "500B3AF69B932EE464756E2164756E21",
   "names": []
 }

package/dist/tests/environment.d.ts

@@ -0,0 +1,24 @@
+import type { Aberdeen } from "aberdeen";
+import { Node, Element, TextNode } from "../src/server-dom.js";
+export { Node, Element, TextNode };
+export interface TestEnvironment {
+    A: Aberdeen;
+    window: any;
+    document: any;
+    location: any;
+    history: any;
+    /** The fake `setTimeout` of this environment (controlled by `passTime`). */
+    setTimeout: (func: () => void, time?: number) => void;
+    /** Fast-forward this environment's fake time, firing scheduled timers/microtasks. */
+    passTime: (ms?: number) => Promise<void>;
+    /** Preset a media-query match value (and notify listeners if already created). */
+    setMediaQuery: (query: string, matches: boolean) => void;
+    /** DOM operation counters (shared module-level, reset when the environment is created). */
+    getCounts: () => {
+        new: number;
+        changed: number;
+    };
+    resetCounts: () => void;
+}
+/** Create a fresh, fully isolated fake-browser environment with its own Aberdeen instance. */
+export declare function createEnvironment(): TestEnvironment;

package/dist/tests/{fakedom.js → environment.js}

@@ -1,29 +1,8 @@
 // @bun
-var __defProp = Object.defineProperty;
-var __returnValue = (v) => v;
-function __exportSetter(name, newValue) {
-  this[name] = __returnValue.bind(null, newValue);
-}
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: __exportSetter.bind(all, name)
-    });
-};
+// tests/environment.ts
+import { createA } from "aberdeen";
 
-// tests/fakedom.ts
-var exports_fakedom = {};
-__export(exports_fakedom, {
-  setMediaQuery: () => setMediaQuery,
-  resetCounts: () => resetCounts,
-  resetBrowserState: () => resetBrowserState,
-  passTime: () => passTime,
-  getCounts: () => getCounts,
-  clearBody: () => clearBody
-});
+// src/server-dom.ts
 var newCount = 0;
 var changeCount = 0;
 var resetCounts = function() {
@@ -32,13 +11,11 @@ var resetCounts = function() {
 var getCounts = function() {
   return { new: newCount, changed: changeCount };
 };
-var clearBody = function() {
-  document.body.childNodes.length = 0;
-};
 
 class Node {
   parentNode = null;
   childNodes = [];
+  ownerDocument = null;
   get nextSibling() {
     return this.getSibling(1);
   }
@@ -63,6 +40,8 @@ class Element extends Node {
   attrs = {};
   events = {};
   _classList;
+  _scrollTop;
+  _scrollLeft;
   constructor(tag, namespaceURI) {
     super();
     this.tagName = tag;
@@ -227,8 +206,6 @@ class Element extends Node {
   set scrollLeft(value) {
     this._scrollLeft = value;
   }
-  _scrollTop;
-  _scrollLeft;
   toString() {
     let arr = [];
     for (let [symbol, items, toKebab] of [["=", this.attrs, false], ["->", this, false], [":", this.style, true]]) {
@@ -293,225 +270,7 @@ class Element extends Node {
     return;
   }
 }
-var document = {
-  createElement: (tag) => new Element(tag, "http://www.w3.org/1999/xhtml"),
-  createElementNS: (namespaceURI, tag) => new Element(tag, namespaceURI),
-  createTextNode: (text) => new TextNode(text),
-  head: new Element("head", "http://www.w3.org/1999/xhtml"),
-  body: new Element("body", "http://www.w3.org/1999/xhtml")
-};
-
-class FakeLocation {
-  _href = "http://localhost/";
-  get href() {
-    return this._href;
-  }
-  set href(value) {
-    if (value.startsWith("/")) {
-      const currentUrl = new URL(this._href);
-      this._href = `${currentUrl.protocol}//${currentUrl.host}${value}`;
-    } else {
-      this._href = value;
-    }
-  }
-  get host() {
-    const url = new URL(this._href);
-    return url.host;
-  }
-  get pathname() {
-    const url = new URL(this._href);
-    return url.pathname;
-  }
-  set pathname(value) {
-    const url = new URL(this._href);
-    url.pathname = value;
-    this._href = url.href;
-  }
-  get search() {
-    const url = new URL(this._href);
-    return url.search;
-  }
-  set search(value) {
-    const url = new URL(this._href);
-    url.search = value;
-    this._href = url.href;
-  }
-  get hash() {
-    const url = new URL(this._href);
-    return url.hash;
-  }
-  set hash(value) {
-    const url = new URL(this._href);
-    url.hash = value;
-    this._href = url.href;
-  }
-}
-
-class FakeHistory {
-  _state = null;
-  _entries = [];
-  _index = 0;
-  constructor() {
-    this._entries = [{ url: location.href, state: null }];
-  }
-  get state() {
-    return this._state;
-  }
-  pushState(state, title, url) {
-    this._entries = this._entries.slice(0, this._index + 1);
-    this._entries.push({ url, state });
-    this._index = this._entries.length - 1;
-    this._state = state;
-    location.href = url;
-  }
-  replaceState(state, title, url) {
-    this._entries[this._index] = { url, state };
-    this._state = state;
-    location.href = url;
-  }
-  go(delta) {
-    const newIndex = this._index + delta;
-    if (newIndex >= 0 && newIndex < this._entries.length) {
-      this._index = newIndex;
-      const entry = this._entries[this._index];
-      this._state = entry.state;
-      location.href = entry.url;
-      setTimeout(() => {
-        const event = {
-          type: "popstate",
-          state: this._state,
-          target: window,
-          preventDefault: () => {},
-          stopPropagation: () => {}
-        };
-        window.dispatchEvent(event);
-      }, 0);
-    }
-  }
-  back() {
-    this.go(-1);
-  }
-  forward() {
-    this.go(1);
-  }
-  _reset() {
-    this._state = null;
-    this._entries = [{ url: location.href, state: null }];
-    this._index = 0;
-  }
-  _getLength() {
-    return this._entries.length;
-  }
-}
-
-class FakeWindow {
-  _listeners = {};
-  addEventListener(type, listener) {
-    if (!this._listeners[type]) {
-      this._listeners[type] = new Set;
-    }
-    this._listeners[type].add(listener);
-  }
-  removeEventListener(type, listener) {
-    if (this._listeners[type]) {
-      this._listeners[type].delete(listener);
-    }
-  }
-  dispatchEvent(event) {
-    const listeners = this._listeners[event.type];
-    if (listeners) {
-      for (const listener of listeners) {
-        listener.call(this, event);
-      }
-    }
-  }
-  matchMedia(query) {
-    if (!mediaQueries.has(query)) {
-      mediaQueries.set(query, new MediaQueryList(query));
-    }
-    return mediaQueries.get(query);
-  }
-  _reset() {
-    this._listeners = {};
-  }
-}
-var location = new FakeLocation;
-var history = new FakeHistory;
-var window = new FakeWindow;
-var resetBrowserState = function() {
-  location.href = "http://localhost/";
-  history._reset();
-};
-var timeouts = [];
-var currentTime = 0;
-var deferredErrors = [];
-var realSetTimeout = global.setTimeout;
-var realClearTimeout = global.clearTimeout;
-function fireItem(item) {
-  const idx = timeouts.indexOf(item);
-  if (idx < 0)
-    return;
-  timeouts.splice(idx, 1);
-  if (item.time > currentTime)
-    currentTime = item.time;
-  item.func();
-}
-var setTimeout = function(func, time) {
-  const item = { func, time: time + currentTime, realId: undefined };
-  item.realId = realSetTimeout(() => {
-    try {
-      fireItem(item);
-    } catch (e) {
-      deferredErrors.push(e);
-    }
-  }, time);
-  timeouts.push(item);
-};
-var queueMicrotask = function(func) {
-  const item = { func, time: 0, realId: undefined };
-  item.realId = realSetTimeout(() => {
-    try {
-      fireItem(item);
-    } catch (e) {
-      deferredErrors.push(e);
-    }
-  }, 0);
-  timeouts.push(item);
-};
-var passTime = async function(ms = 0) {
-  let targetTime = currentTime + ms;
-  while (true) {
-    await new Promise((resolve) => realSetTimeout(resolve, 0));
-    if (deferredErrors.length) {
-      const err = deferredErrors.shift();
-      throw err;
-    }
-    if (!timeouts.length) {
-      let settled = false;
-      for (let r = 0;r < 5 && !settled; r++) {
-        await new Promise((resolve) => realSetTimeout(resolve, 0));
-        settled = timeouts.length > 0;
-      }
-      if (!settled)
-        break;
-    }
-    let smallestIdx = 0;
-    for (let idx = 1;idx < timeouts.length; idx++) {
-      if (timeouts[idx].time < timeouts[smallestIdx].time)
-        smallestIdx = idx;
-    }
-    let item = timeouts[smallestIdx];
-    if (item.time > targetTime)
-      break;
-    timeouts.splice(smallestIdx, 1);
-    realClearTimeout(item.realId);
-    if (item.time > currentTime)
-      currentTime = item.time;
-    await item.func();
-  }
-  currentTime = targetTime;
-};
-var IGNORE_OUTPUT = new Set("tagName-> attrs-> events-> childNodes-> parentNode-> class= namespaceURI->".split(" "));
+var IGNORE_OUTPUT = new Set("tagName-> attrs-> events-> childNodes-> parentNode-> class= namespaceURI-> ownerDocument->".split(" "));
 
 class TextNode extends Node {
   textContent;
@@ -527,56 +286,248 @@ class TextNode extends Node {
     this.parentNode?.removeChild(this);
   }
 }
-function getComputedStyle(el) {
-  return el._style;
+var XHTML_NS = "http://www.w3.org/1999/xhtml";
+function createDocument() {
+  const doc = {
+    createElement: (tag) => own(new Element(tag, XHTML_NS)),
+    createElementNS: (namespaceURI, tag) => own(new Element(tag, namespaceURI)),
+    createTextNode: (text) => own(new TextNode(text)),
+    head: new Element("head", XHTML_NS),
+    body: new Element("body", XHTML_NS),
+    defaultView: null
+  };
+  function own(node) {
+    node.ownerDocument = doc;
+    return node;
+  }
+  own(doc.head);
+  own(doc.body);
+  return doc;
 }
+var VOID_ELEMENTS = new Set("area base br col embed hr img input link meta param source track wbr".split(" "));
+var RAW_TEXT_ELEMENTS = new Set(["script", "style"]);
 
-class MediaQueryList {
-  matches;
-  media;
-  listeners = new Set;
-  constructor(query) {
-    this.media = query;
-    const preset = mediaQueryPresets.get(query);
-    this.matches = preset !== undefined ? preset : query.includes("dark") ? false : true;
-  }
-  addEventListener(type, listener) {
-    if (type === "change") {
-      this.listeners.add(listener);
+// tests/environment.ts
+var realSetTimeout = globalThis.setTimeout;
+var realClearTimeout = globalThis.clearTimeout;
+function createEnvironment() {
+  let timeouts = [];
+  let currentTime = 0;
+  let deferredErrors = [];
+  function fireItem(item) {
+    const idx = timeouts.indexOf(item);
+    if (idx < 0)
+      return;
+    timeouts.splice(idx, 1);
+    if (item.time > currentTime)
+      currentTime = item.time;
+    item.func();
+  }
+  const setTimeout = function(func, time = 0) {
+    const item = { func, time: time + currentTime, realId: undefined };
+    item.realId = realSetTimeout(() => {
+      try {
+        fireItem(item);
+      } catch (e) {
+        deferredErrors.push(e);
+      }
+    }, time);
+    timeouts.push(item);
+  };
+  const queueMicrotask = function(func) {
+    const item = { func, time: 0, realId: undefined };
+    item.realId = realSetTimeout(() => {
+      try {
+        fireItem(item);
+      } catch (e) {
+        deferredErrors.push(e);
+      }
+    }, 0);
+    timeouts.push(item);
+  };
+  const passTime = async function(ms = 0) {
+    let targetTime = currentTime + ms;
+    while (true) {
+      await new Promise((resolve) => realSetTimeout(resolve, 0));
+      if (deferredErrors.length) {
+        const err = deferredErrors.shift();
+        throw err;
+      }
+      if (!timeouts.length) {
+        let settled = false;
+        for (let r = 0;r < 5 && !settled; r++) {
+          await new Promise((resolve) => realSetTimeout(resolve, 0));
+          settled = timeouts.length > 0;
+        }
+        if (!settled)
+          break;
+      }
+      let smallestIdx = 0;
+      for (let idx = 1;idx < timeouts.length; idx++) {
+        if (timeouts[idx].time < timeouts[smallestIdx].time)
+          smallestIdx = idx;
+      }
+      let item = timeouts[smallestIdx];
+      if (item.time > targetTime)
+        break;
+      timeouts.splice(smallestIdx, 1);
+      realClearTimeout(item.realId);
+      if (item.time > currentTime)
+        currentTime = item.time;
+      await item.func();
     }
+    currentTime = targetTime;
+  };
+  const mediaQueries = new Map;
+  const mediaQueryPresets = new Map;
+
+  class MediaQueryList {
+    matches;
+    media;
+    listeners = new Set;
+    constructor(query) {
+      this.media = query;
+      const preset = mediaQueryPresets.get(query);
+      this.matches = preset !== undefined ? preset : query.includes("dark") ? false : true;
+    }
+    addEventListener(type, listener) {
+      if (type === "change")
+        this.listeners.add(listener);
+    }
+    removeEventListener(type, listener) {
+      if (type === "change")
+        this.listeners.delete(listener);
+    }
+    _trigger(matches) {
+      this.matches = matches;
+      for (const listener of this.listeners)
+        listener({ matches, media: this.media });
+    }
+  }
+  function setMediaQuery(query, matches) {
+    mediaQueryPresets.set(query, matches);
+    if (mediaQueries.has(query))
+      mediaQueries.get(query)._trigger(matches);
   }
-  removeEventListener(type, listener) {
-    if (type === "change") {
-      this.listeners.delete(listener);
+
+  class FakeLocation {
+    _href = "http://localhost/";
+    get href() {
+      return this._href;
+    }
+    set href(value) {
+      if (value.startsWith("/")) {
+        const currentUrl = new URL(this._href);
+        this._href = `${currentUrl.protocol}//${currentUrl.host}${value}`;
+      } else
+        this._href = value;
+    }
+    get host() {
+      return new URL(this._href).host;
+    }
+    get pathname() {
+      return new URL(this._href).pathname;
+    }
+    set pathname(value) {
+      const u = new URL(this._href);
+      u.pathname = value;
+      this._href = u.href;
+    }
+    get search() {
+      return new URL(this._href).search;
+    }
+    set search(value) {
+      const u = new URL(this._href);
+      u.search = value;
+      this._href = u.href;
+    }
+    get hash() {
+      return new URL(this._href).hash;
+    }
+    set hash(value) {
+      const u = new URL(this._href);
+      u.hash = value;
+      this._href = u.href;
     }
   }
-  _trigger(matches) {
-    this.matches = matches;
-    const event = { matches, media: this.media };
-    for (const listener of this.listeners) {
-      listener(event);
+
+  class FakeHistory {
+    _state = null;
+    _entries = [{ url: "http://localhost/", state: null }];
+    _index = 0;
+    get state() {
+      return this._state;
+    }
+    pushState(state, _title, url) {
+      this._entries = this._entries.slice(0, this._index + 1);
+      this._entries.push({ url, state });
+      this._index = this._entries.length - 1;
+      this._state = state;
+      location.href = url;
+    }
+    replaceState(state, _title, url) {
+      this._entries[this._index] = { url, state };
+      this._state = state;
+      location.href = url;
+    }
+    go(delta) {
+      const newIndex = this._index + delta;
+      if (newIndex >= 0 && newIndex < this._entries.length) {
+        this._index = newIndex;
+        const entry = this._entries[this._index];
+        this._state = entry.state;
+        location.href = entry.url;
+        setTimeout(() => window.dispatchEvent({
+          type: "popstate",
+          state: this._state,
+          target: window,
+          preventDefault: () => {},
+          stopPropagation: () => {}
+        }), 0);
+      }
+    }
+    back() {
+      this.go(-1);
+    }
+    forward() {
+      this.go(1);
     }
   }
-}
-var mediaQueries = new Map;
-var mediaQueryPresets = new Map;
-function setMediaQuery(query, matches) {
-  mediaQueryPresets.set(query, matches);
-  if (mediaQueries.has(query)) {
-    mediaQueries.get(query)._trigger(matches);
+
+  class FakeWindow {
+    _listeners = {};
+    addEventListener(type, listener) {
+      (this._listeners[type] ||= new Set).add(listener);
+    }
+    removeEventListener(type, listener) {
+      this._listeners[type]?.delete(listener);
+    }
+    dispatchEvent(event) {
+      this._listeners[event.type]?.forEach((l) => l.call(this, event));
+    }
+    matchMedia(query) {
+      if (!mediaQueries.has(query))
+        mediaQueries.set(query, new MediaQueryList(query));
+      return mediaQueries.get(query);
+    }
   }
+  const location = new FakeLocation;
+  const history = new FakeHistory;
+  const window = new FakeWindow;
+  const getComputedStyle = (el) => el._style;
+  const document = createDocument();
+  Object.assign(window, { document, Node, Element, TextNode, location, history, setTimeout, queueMicrotask, getComputedStyle });
+  document.defaultView = window;
+  const A = createA(window);
+  resetCounts();
+  return { A, window, document, location, history, setTimeout, passTime, setMediaQuery, getCounts, resetCounts };
 }
-var globals = { Node, Element, TextNode, document, window, setTimeout, queueMicrotask, getComputedStyle, location, history, URLSearchParams };
-Object.assign(global, globals);
-Object.assign(window, globals);
 export {
-  setMediaQuery,
-  resetCounts,
-  resetBrowserState,
-  passTime,
-  getCounts,
-  clearBody
+  createEnvironment,
+  TextNode,
+  Node,
+  Element
 };
 
-//# debugId=697BCB7341E1E8EC64756E2164756E21
-//# sourceMappingURL=fakedom.js.map
+//# debugId=B6E7B31869CE5FFC64756E2164756E21
+//# sourceMappingURL=environment.js.map