@dooboostore/dom-parser 1.0.0 → 1.0.2

package/dist/esm/node/elements/HTMLElementBase.js

@@ -11,6 +11,10 @@ class HTMLElementBase extends ElementBase {
     this._contentEditable = "inherit";
     this._innerText = "";
     this._outerText = "";
+    // New implementations for style, dataset, nonce
+    this._style = null;
+    this._dataset = null;
+    this._attributeStyleMap = null;
   }
   // HTMLElement interface implementation
   get title() {
@@ -93,8 +97,6 @@ class HTMLElementBase extends ElementBase {
     console.log(`Clicked on ${this.tagName} element`);
   }
   focus(options) {
-    this.setAttribute("data-focused", "true");
-    console.log(`Focused on ${this.tagName} element`);
   }
   blur() {
     this.removeAttribute("data-focused");
@@ -156,6 +158,156 @@ class HTMLElementBase extends ElementBase {
         break;
     }
   }
+  get style() {
+    if (!this._style) {
+      this._style = new Proxy(new CSSStyleDeclarationImpl(this), {
+        get: (target, prop) => {
+          if (typeof prop === "string" && !(prop in target)) {
+            const cssProp = prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+            return target.getPropertyValue(cssProp);
+          }
+          return target[prop];
+        },
+        set: (target, prop, value) => {
+          if (typeof prop === "string" && !(prop in target)) {
+            const cssProp = prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+            target.setProperty(cssProp, String(value));
+            return true;
+          }
+          target[prop] = value;
+          return true;
+        }
+      });
+    }
+    return this._style;
+  }
+  set style(value) {
+    if (typeof value === "string") {
+      this.style.cssText = value;
+    }
+  }
+  get attributeStyleMap() {
+    if (!this._attributeStyleMap) {
+      this._attributeStyleMap = new StylePropertyMapImpl(this);
+    }
+    return this._attributeStyleMap;
+  }
+  get dataset() {
+    if (!this._dataset) {
+      this._dataset = new Proxy({}, {
+        get: (target, prop) => {
+          if (typeof prop === "string") {
+            const attrName = "data-" + prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+            return this.getAttribute(attrName);
+          }
+          return void 0;
+        },
+        set: (target, prop, value) => {
+          if (typeof prop === "string") {
+            const attrName = "data-" + prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+            this.setAttribute(attrName, String(value));
+            return true;
+          }
+          return false;
+        },
+        deleteProperty: (target, prop) => {
+          if (typeof prop === "string") {
+            const attrName = "data-" + prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+            this.removeAttribute(attrName);
+            return true;
+          }
+          return false;
+        }
+      });
+    }
+    return this._dataset;
+  }
+  get nonce() {
+    return this.getAttribute("nonce") || "";
+  }
+  set nonce(value) {
+    this.setAttribute("nonce", value);
+  }
+}
+class CSSStyleDeclarationImpl {
+  constructor(element) {
+    this.element = element;
+    this.parentRule = null;
+  }
+  getPropertyPriority(property) {
+    return "";
+  }
+  get cssText() {
+    return this.element.getAttribute("style") || "";
+  }
+  set cssText(value) {
+    this.element.setAttribute("style", value);
+  }
+  get length() {
+    return this.parseStyle(this.cssText).size;
+  }
+  getPropertyValue(property) {
+    const style = this.parseStyle(this.cssText);
+    return style.get(property) || "";
+  }
+  setProperty(property, value, priority = "") {
+    const style = this.parseStyle(this.cssText);
+    if (value === null || value === "") {
+      style.delete(property);
+    } else {
+      style.set(property, value);
+    }
+    this.cssText = this.serializeStyle(style);
+  }
+  removeProperty(property) {
+    const style = this.parseStyle(this.cssText);
+    const value = style.get(property) || "";
+    style.delete(property);
+    this.cssText = this.serializeStyle(style);
+    return value;
+  }
+  item(index) {
+    const style = this.parseStyle(this.cssText);
+    return Array.from(style.keys())[index] || "";
+  }
+  parseStyle(cssText) {
+    const style = /* @__PURE__ */ new Map();
+    if (!cssText) return style;
+    cssText.split(";").forEach((declaration) => {
+      const part = declaration.trim();
+      if (!part) return;
+      const colonIndex = part.indexOf(":");
+      if (colonIndex !== -1) {
+        const property = part.substring(0, colonIndex).trim();
+        const value = part.substring(colonIndex + 1).trim();
+        if (property && value) {
+          style.set(property, value);
+        }
+      }
+    });
+    return style;
+  }
+  serializeStyle(style) {
+    return Array.from(style.entries()).map(([property, value]) => `${property}: ${value}`).join("; ");
+  }
+}
+class StylePropertyMapImpl {
+  constructor(element) {
+    this.element = element;
+  }
+  set(property, ...values) {
+    const value = values[0];
+    this.element.style.setProperty(property, String(value));
+  }
+  append(property, ...values) {
+    this.set(property, ...values);
+  }
+  delete(property) {
+    this.element.style.removeProperty(property);
+  }
+  clear() {
+    this.element.style.cssText = "";
+  }
 }
 export {
   HTMLElementBase

package/dist/esm/node/elements/HTMLElementBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/node/elements/HTMLElementBase.ts"],
-  "sourcesContent": ["import { ElementBase } from './ElementBase';\nimport { HTMLElement, FocusOptions } from './HTMLElement';\nimport { Text } from '../Text';\nimport { ElementFactory } from '../../factory';\n\n/**\n * Base implementation for all HTML elements\n */\nexport abstract class HTMLElementBase extends ElementBase implements HTMLElement {\n    private _title: string = '';\n    private _lang: string = '';\n    private _dir: string = '';\n    private _hidden: boolean = false;\n    private _tabIndex: number = -1;\n    private _accessKey: string = '';\n    private _contentEditable: string = 'inherit';\n    private _innerText: string = '';\n    private _outerText: string = '';\n\n    constructor(tagName: string, ownerDocument?: any) {\n        super(tagName, ownerDocument);\n    }\n\n    // HTMLElement interface implementation\n    get title(): string {\n        return this._title;\n    }\n\n    set title(value: string) {\n        this._title = value;\n        this.setAttribute('title', value);\n    }\n\n    get lang(): string {\n        return this._lang;\n    }\n\n    set lang(value: string) {\n        this._lang = value;\n        this.setAttribute('lang', value);\n    }\n\n    get dir(): string {\n        return this._dir;\n    }\n\n    set dir(value: string) {\n        this._dir = value;\n        this.setAttribute('dir', value);\n    }\n\n    get hidden(): boolean {\n        return this._hidden;\n    }\n\n    set hidden(value: boolean) {\n        this._hidden = value;\n        if (value) {\n            this.setAttribute('hidden', '');\n        } else {\n            this.removeAttribute('hidden');\n        }\n    }\n\n    get tabIndex(): number {\n        return this._tabIndex;\n    }\n\n    set tabIndex(value: number) {\n        this._tabIndex = value;\n        this.setAttribute('tabindex', value.toString());\n    }\n\n    get accessKey(): string {\n        return this._accessKey;\n    }\n\n    set accessKey(value: string) {\n        this._accessKey = value;\n        this.setAttribute('accesskey', value);\n    }\n\n    get contentEditable(): string {\n        return this._contentEditable;\n    }\n\n    set contentEditable(value: string) {\n        this._contentEditable = value;\n        this.setAttribute('contenteditable', value);\n    }\n\n    get isContentEditable(): boolean {\n        return this._contentEditable === 'true';\n    }\n\n    get innerText(): string {\n        return this._innerText || this.textContent || '';\n    }\n\n    set innerText(value: string) {\n        this._innerText = value;\n        this.textContent = value;\n    }\n\n    get outerText(): string {\n        return this._outerText || this.innerText;\n    }\n\n    set outerText(value: string) {\n        this._outerText = value;\n        if (this.parentNode) {\n            const { TextBase } = require('../TextBase');\n            const textNode = new TextBase(value, this._ownerDocument);\n            this.parentNode.replaceChild(textNode, this);\n        }\n    }\n\n    // innerHTML functionality is inherited from ElementBase\n\n    // HTMLElement methods\n    click(): void {\n        // Simulate click event - in a real implementation, this would dispatch events\n        console.log(`Clicked on ${this.tagName} element`);\n    }\n\n    focus(options?: FocusOptions): void {\n        // Set focus state using data attribute\n        this.setAttribute('data-focused', 'true');\n        console.log(`Focused on ${this.tagName} element`);\n    }\n\n    blur(): void {\n        // Remove focus state\n        this.removeAttribute('data-focused');\n        console.log(`Blurred ${this.tagName} element`);\n    }\n\n    // Override setAttribute to sync with properties\n    setAttribute(qualifiedName: string, value: string): void {\n        super.setAttribute(qualifiedName, value);\n\n        // Sync with properties\n        const name = qualifiedName.toLowerCase();\n        switch (name) {\n            case 'title':\n                this._title = value;\n                break;\n            case 'lang':\n                this._lang = value;\n                break;\n            case 'dir':\n                this._dir = value;\n                break;\n            case 'hidden':\n                this._hidden = true;\n                break;\n            case 'tabindex':\n                this._tabIndex = parseInt(value, 10) || -1;\n                break;\n            case 'accesskey':\n                this._accessKey = value;\n                break;\n            case 'contenteditable':\n                this._contentEditable = value;\n                break;\n        }\n    }\n\n    // Override removeAttribute to sync with properties\n    removeAttribute(qualifiedName: string): void {\n        super.removeAttribute(qualifiedName);\n\n        const name = qualifiedName.toLowerCase();\n        switch (name) {\n            case 'title':\n                this._title = '';\n                break;\n            case 'lang':\n                this._lang = '';\n                break;\n            case 'dir':\n                this._dir = '';\n                break;\n            case 'hidden':\n                this._hidden = false;\n                break;\n            case 'tabindex':\n                this._tabIndex = -1;\n                break;\n            case 'accesskey':\n                this._accessKey = '';\n                break;\n            case 'contenteditable':\n                this._contentEditable = 'inherit';\n                break;\n        }\n    }\n}"],
-  "mappings": "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",
+  "sourcesContent": ["import { ElementBase } from './ElementBase';\nimport { HTMLElement, FocusOptions, CSSStyleDeclaration, DOMStringMap, ElementCSSInlineStyle, StylePropertyMap } from './HTMLElement';\nimport { Text } from '../Text';\nimport { ElementFactory } from '../../factory';\n\n/**\n * Base implementation for all HTML elements\n */\nexport abstract class HTMLElementBase extends ElementBase implements HTMLElement, ElementCSSInlineStyle {\n    private _title: string = '';\n    private _lang: string = '';\n    private _dir: string = '';\n    private _hidden: boolean = false;\n    private _tabIndex: number = -1;\n    private _accessKey: string = '';\n    private _contentEditable: string = 'inherit';\n    private _innerText: string = '';\n    private _outerText: string = '';\n\n    constructor(tagName: string, ownerDocument?: any) {\n        super(tagName, ownerDocument);\n    }\n\n    // HTMLElement interface implementation\n    get title(): string {\n        return this._title;\n    }\n\n    set title(value: string) {\n        this._title = value;\n        this.setAttribute('title', value);\n    }\n\n    get lang(): string {\n        return this._lang;\n    }\n\n    set lang(value: string) {\n        this._lang = value;\n        this.setAttribute('lang', value);\n    }\n\n    get dir(): string {\n        return this._dir;\n    }\n\n    set dir(value: string) {\n        this._dir = value;\n        this.setAttribute('dir', value);\n    }\n\n    get hidden(): boolean {\n        return this._hidden;\n    }\n\n    set hidden(value: boolean) {\n        this._hidden = value;\n        if (value) {\n            this.setAttribute('hidden', '');\n        } else {\n            this.removeAttribute('hidden');\n        }\n    }\n\n    get tabIndex(): number {\n        return this._tabIndex;\n    }\n\n    set tabIndex(value: number) {\n        this._tabIndex = value;\n        this.setAttribute('tabindex', value.toString());\n    }\n\n    get accessKey(): string {\n        return this._accessKey;\n    }\n\n    set accessKey(value: string) {\n        this._accessKey = value;\n        this.setAttribute('accesskey', value);\n    }\n\n    get contentEditable(): string {\n        return this._contentEditable;\n    }\n\n    set contentEditable(value: string) {\n        this._contentEditable = value;\n        this.setAttribute('contenteditable', value);\n    }\n\n    get isContentEditable(): boolean {\n        return this._contentEditable === 'true';\n    }\n\n    get innerText(): string {\n        return this._innerText || this.textContent || '';\n    }\n\n    set innerText(value: string) {\n        this._innerText = value;\n        this.textContent = value;\n    }\n\n    get outerText(): string {\n        return this._outerText || this.innerText;\n    }\n\n    set outerText(value: string) {\n        this._outerText = value;\n        if (this.parentNode) {\n            const { TextBase } = require('../TextBase');\n            const textNode = new TextBase(value, this._ownerDocument);\n            this.parentNode.replaceChild(textNode, this);\n        }\n    }\n\n    // innerHTML functionality is inherited from ElementBase\n\n    // HTMLElement methods\n    click(): void {\n        // Simulate click event - in a real implementation, this would dispatch events\n        console.log(`Clicked on ${this.tagName} element`);\n    }\n\n    focus(options?: FocusOptions): void {\n    }\n\n    blur(): void {\n        // Remove focus state\n        this.removeAttribute('data-focused');\n        console.log(`Blurred ${this.tagName} element`);\n    }\n\n    // Override setAttribute to sync with properties\n    setAttribute(qualifiedName: string, value: string): void {\n        super.setAttribute(qualifiedName, value);\n\n        // Sync with properties\n        const name = qualifiedName.toLowerCase();\n        switch (name) {\n            case 'title':\n                this._title = value;\n                break;\n            case 'lang':\n                this._lang = value;\n                break;\n            case 'dir':\n                this._dir = value;\n                break;\n            case 'hidden':\n                this._hidden = true;\n                break;\n            case 'tabindex':\n                this._tabIndex = parseInt(value, 10) || -1;\n                break;\n            case 'accesskey':\n                this._accessKey = value;\n                break;\n            case 'contenteditable':\n                this._contentEditable = value;\n                break;\n        }\n    }\n\n    // Override removeAttribute to sync with properties\n    removeAttribute(qualifiedName: string): void {\n        super.removeAttribute(qualifiedName);\n\n        const name = qualifiedName.toLowerCase();\n        switch (name) {\n            case 'title':\n                this._title = '';\n                break;\n            case 'lang':\n                this._lang = '';\n                break;\n            case 'dir':\n                this._dir = '';\n                break;\n            case 'hidden':\n                this._hidden = false;\n                break;\n            case 'tabindex':\n                this._tabIndex = -1;\n                break;\n            case 'accesskey':\n                this._accessKey = '';\n                break;\n            case 'contenteditable':\n                this._contentEditable = 'inherit';\n                break;\n        }\n    }\n\n    // New implementations for style, dataset, nonce\n    private _style: CSSStyleDeclaration | null = null;\n    private _dataset: DOMStringMap | null = null;\n\n    get style(): CSSStyleDeclaration {\n        if (!this._style) {\n            this._style = new Proxy(new CSSStyleDeclarationImpl(this), {\n                get: (target, prop: string | symbol) => {\n                    if (typeof prop === 'string' && !(prop in target)) {\n                        // Convert camelCase to kebab-case for CSS properties\n                        const cssProp = prop.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`);\n                        return target.getPropertyValue(cssProp);\n                    }\n                    return (target as any)[prop];\n                },\n                set: (target, prop: string | symbol, value: any) => {\n                    if (typeof prop === 'string' && !(prop in target)) {\n                        // Convert camelCase to kebab-case for CSS properties\n                        const cssProp = prop.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`);\n                        target.setProperty(cssProp, String(value));\n                        return true;\n                    }\n                    (target as any)[prop] = value;\n                    return true;\n                }\n            }) as unknown as CSSStyleDeclaration;\n        }\n        return this._style;\n    }\n\n    set style(value: string | CSSStyleDeclaration) {\n        if (typeof value === 'string') {\n            this.style.cssText = value;\n        }\n    }\n\n    private _attributeStyleMap: StylePropertyMap | null = null;\n\n    get attributeStyleMap(): StylePropertyMap {\n        if (!this._attributeStyleMap) {\n            this._attributeStyleMap = new StylePropertyMapImpl(this);\n        }\n        return this._attributeStyleMap;\n    }\n\n    get dataset(): DOMStringMap {\n        if (!this._dataset) {\n            this._dataset = new Proxy({}, {\n                get: (target, prop: string | symbol) => {\n                    if (typeof prop === 'string') {\n                        // Convert camelCase to kebab-case: fooBar -> data-foo-bar\n                        const attrName = 'data-' + prop.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`);\n                        return this.getAttribute(attrName);\n                    }\n                    return undefined;\n                },\n                set: (target, prop: string | symbol, value: any) => {\n                    if (typeof prop === 'string') {\n                        // Convert camelCase to kebab-case: fooBar -> data-foo-bar\n                        const attrName = 'data-' + prop.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`);\n                        this.setAttribute(attrName, String(value));\n                        return true;\n                    }\n                    return false;\n                },\n                deleteProperty: (target, prop: string | symbol) => {\n                    if (typeof prop === 'string') {\n                        const attrName = 'data-' + prop.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`);\n                        this.removeAttribute(attrName);\n                        return true;\n                    }\n                    return false;\n                }\n            });\n        }\n        return this._dataset;\n    }\n\n    get nonce(): string {\n        return this.getAttribute('nonce') || '';\n    }\n\n    set nonce(value: string) {\n        this.setAttribute('nonce', value);\n    }\n}\n\n// CSSStyleDeclaration implementation\nclass CSSStyleDeclarationImpl {\n    [key: string]: any;\n\n    constructor(private element: HTMLElementBase) { }\n\n    parentRule: any = null;\n\n    getPropertyPriority(property: string): string {\n        return '';\n    }\n\n    get cssText(): string {\n        return this.element.getAttribute('style') || '';\n    }\n\n    set cssText(value: string) {\n        this.element.setAttribute('style', value);\n    }\n\n    get length(): number {\n        return this.parseStyle(this.cssText).size;\n    }\n\n    getPropertyValue(property: string): string {\n        const style = this.parseStyle(this.cssText);\n        return style.get(property) || '';\n    }\n\n    setProperty(property: string, value: string | null, priority: string = ''): void {\n        const style = this.parseStyle(this.cssText);\n        if (value === null || value === '') {\n            style.delete(property);\n        } else {\n            style.set(property, value); // TODO: handle priority\n        }\n        this.cssText = this.serializeStyle(style);\n    }\n\n    removeProperty(property: string): string {\n        const style = this.parseStyle(this.cssText);\n        const value = style.get(property) || '';\n        style.delete(property);\n        this.cssText = this.serializeStyle(style);\n        return value;\n    }\n\n    item(index: number): string {\n        const style = this.parseStyle(this.cssText);\n        return Array.from(style.keys())[index] || '';\n    }\n\n    private parseStyle(cssText: string): Map<string, string> {\n        const style = new Map<string, string>();\n        if (!cssText) return style;\n\n        cssText.split(';').forEach(declaration => {\n            const part = declaration.trim();\n            if (!part) return;\n\n            const colonIndex = part.indexOf(':');\n            if (colonIndex !== -1) {\n                const property = part.substring(0, colonIndex).trim();\n                const value = part.substring(colonIndex + 1).trim();\n                if (property && value) {\n                    style.set(property, value);\n                }\n            }\n        });\n        return style;\n    }\n\n    private serializeStyle(style: Map<string, string>): string {\n        return Array.from(style.entries())\n            .map(([property, value]) => `${property}: ${value}`)\n            .join('; ');\n    }\n}\n\n// StylePropertyMap implementation\nclass StylePropertyMapImpl implements StylePropertyMap {\n    [key: string]: any;\n\n    constructor(private element: HTMLElementBase) { }\n\n    set(property: string, ...values: (string | any)[]): void {\n        const value = values[0];\n        this.element.style.setProperty(property, String(value));\n    }\n\n    append(property: string, ...values: (string | any)[]): void {\n        this.set(property, ...values);\n    }\n\n    delete(property: string): void {\n        this.element.style.removeProperty(property);\n    }\n\n    clear(): void {\n        this.element.style.cssText = '';\n    }\n}"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/window/WindowBase.js

@@ -276,10 +276,14 @@ class NavigatorBase {
   }
 }
 class WindowBase {
-  constructor(document, initialUrl) {
+  constructor(config) {
     // Event system
     this._eventListeners = [];
-    this.closed = false;
+    // Timers and intervals tracking
+    this._timers = /* @__PURE__ */ new Set();
+    this._intervals = /* @__PURE__ */ new Set();
+    this._animationFrames = /* @__PURE__ */ new Set();
+    this._closed = false;
     this.cookieStore = {};
     this.customElements = {};
     this.devicePixelRatio = 1;
@@ -504,11 +508,13 @@ class WindowBase {
     this.performance = {};
     // WindowSessionStorage
     this.sessionStorage = {};
-    this.document = document || new DocumentBase();
+    const documentBase = new DocumentBase();
     if (this.document && this.document.setWindow) {
       this.document.setWindow(this);
     }
-    this._location = new LocationBase(initialUrl);
+    this._location = new LocationBase(config?.initialUrl);
+    documentBase.setLocation(this._location);
+    this.document = documentBase;
     this.history = new HistoryBase(this);
     this.navigator = new NavigatorBase();
     this.clientInformation = this.navigator;
@@ -551,6 +557,9 @@ class WindowBase {
       }
     });
   }
+  get closed() {
+    return this._closed;
+  }
   get location() {
     return this._location;
   }
@@ -571,6 +580,103 @@ class WindowBase {
   captureEvents() {
   }
   close() {
+    if (this._closed) return;
+    this._closed = true;
+    this._timers.forEach((id) => clearTimeout(id));
+    this._timers.clear();
+    this._intervals.forEach((id) => clearInterval(id));
+    this._intervals.clear();
+    this._animationFrames.forEach((id) => clearTimeout(id));
+    this._animationFrames.clear();
+    this._eventListeners.forEach((listener) => {
+      listener.listener = null;
+    });
+    this._eventListeners.length = 0;
+    this.onload = null;
+    this.onunload = null;
+    this.onbeforeunload = null;
+    this.onpopstate = null;
+    this.onerror = null;
+    this.onmessage = null;
+    this.onhashchange = null;
+    if (this.document) {
+      const doc = this.document;
+      if (doc.body) {
+        this.clearNodeRecursively(doc.body);
+      }
+      if (doc.head) {
+        this.clearNodeRecursively(doc.head);
+      }
+      if (doc.documentElement) {
+        this.clearNodeRecursively(doc.documentElement);
+      }
+      if (doc.setWindow) {
+        doc.setWindow(null);
+      }
+      if (doc._eventListeners) {
+        doc._eventListeners.forEach((listener) => {
+          listener.listener = null;
+        });
+        doc._eventListeners.length = 0;
+      }
+    }
+    if (this.history) {
+      const hist = this.history;
+      if (hist.historyStack) {
+        hist.historyStack.forEach((entry) => {
+          entry.state = null;
+        });
+        hist.historyStack.length = 0;
+      }
+      hist.state = null;
+      hist.window = null;
+    }
+    if (this._location) {
+      this._location.urlChangeCallback = null;
+    }
+  }
+  /**
+   * Recursively clear a node and its children to prevent memory leaks
+   */
+  clearNodeRecursively(node) {
+    if (!node) return;
+    while (node.firstChild) {
+      const child = node.firstChild;
+      node.removeChild(child);
+      this.clearNodeRecursively(child);
+    }
+    if (node._eventListeners) {
+      node._eventListeners.forEach((listener) => {
+        listener.listener = null;
+      });
+      node._eventListeners.length = 0;
+    }
+    try {
+      if (node.parentNode) {
+        node.parentNode = null;
+      }
+    } catch (e) {
+    }
+    try {
+      if (node.ownerDocument) {
+        node.ownerDocument = null;
+      }
+    } catch (e) {
+    }
+    if (node._childNodes) {
+      if (Array.isArray(node._childNodes)) {
+        node._childNodes = [];
+      } else if (node._childNodes instanceof Map) {
+        node._childNodes.clear();
+      }
+    }
+    if (node._attributes) {
+      if (Array.isArray(node._attributes)) {
+        node._attributes = [];
+      } else if (node._attributes instanceof Map) {
+        node._attributes.clear();
+      }
+    }
   }
   confirm(message) {
     return false;
@@ -619,23 +725,38 @@ class WindowBase {
   }
   // Timer methods
   setTimeout(callback, delay, ...args) {
-    return setTimeout(callback, delay, ...args);
+    if (this._closed) return 0;
+    const id = setTimeout(() => {
+      this._timers.delete(id);
+      callback(...args);
+    }, delay);
+    this._timers.add(id);
+    return id;
   }
   clearTimeout(id) {
     clearTimeout(id);
+    this._timers.delete(id);
   }
   setInterval(callback, delay, ...args) {
-    return setInterval(callback, delay, ...args);
+    if (this._closed) return 0;
+    const id = setInterval(callback, delay, ...args);
+    this._intervals.add(id);
+    return id;
   }
   clearInterval(id) {
     clearInterval(id);
+    this._intervals.delete(id);
   }
   // Animation methods
   requestAnimationFrame(callback) {
-    return this.setTimeout(callback, 16);
+    if (this._closed) return 0;
+    const id = this.setTimeout(callback, 16);
+    this._animationFrames.add(id);
+    return id;
   }
   cancelAnimationFrame(id) {
     this.clearTimeout(id);
+    this._animationFrames.delete(id);
   }
   addEventListener(type, listener, options) {
     if (type === "popstate" || type === "load" || type === "unload" || type === "beforeunload") {