@dooboostore/dom-parser 1.0.0

package/src/node/elements/HTMLAnchorElement.ts

@@ -0,0 +1,63 @@
+import { HTMLElementBase } from './HTMLElementBase';
+
+/**
+ * The **`HTMLAElement`** class represents an HTML `<a>` element.
+ * 
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement)
+ */
+export class HTMLAnchorElement extends HTMLElementBase  {
+    private _href: string = '';
+    private _target: string = '';
+
+    constructor(tagName: string, ownerDocument?: any) {
+        super(tagName, ownerDocument);
+    }
+
+    get href(): string {
+        return this._href;
+    }
+
+    set href(value: string) {
+        this._href = value;
+        this.setAttribute('href', value);
+    }
+
+    get target(): string {
+        return this._target;
+    }
+
+    set target(value: string) {
+        this._target = value;
+        this.setAttribute('target', value);
+    }
+
+    // Override setAttribute to sync with properties
+    setAttribute(qualifiedName: string, value: string): void {
+        super.setAttribute(qualifiedName, value);
+        
+        const name = qualifiedName.toLowerCase();
+        switch (name) {
+            case 'href':
+                this._href = value;
+                break;
+            case 'target':
+                this._target = value;
+                break;
+        }
+    }
+
+    // Override removeAttribute to sync with properties
+    removeAttribute(qualifiedName: string): void {
+        super.removeAttribute(qualifiedName);
+        
+        const name = qualifiedName.toLowerCase();
+        switch (name) {
+            case 'href':
+                this._href = '';
+                break;
+            case 'target':
+                this._target = '';
+                break;
+        }
+    }
+}

package/src/node/elements/HTMLAreaElement.ts

@@ -0,0 +1,73 @@
+import { HTMLElementBase } from './HTMLElementBase';
+import { Document } from '../Document';
+
+/**
+ * The **`HTMLAreaElement`** interface provides special properties and methods (beyond those of the regular object HTMLElement interface it also has available to it by inheritance) for manipulating the layout and presentation of `<area>` elements.
+ * 
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLAreaElement)
+ */
+export class HTMLAreaElement extends HTMLElementBase {
+    /**
+     * A string containing the alternative text for the element.
+     */
+    alt: string = '';
+
+    /**
+     * A string containing the coordinates of the hot-spot region.
+     */
+    coords: string = '';
+
+    /**
+     * A string indicating the shape of the hot-spot.
+     */
+    shape: string = '';
+
+    /**
+     * A string containing the URL that the hyperlink points to.
+     */
+    href: string = '';
+
+    /**
+     * A string indicating where to display the linked resource.
+     */
+    target: string = '';
+
+    /**
+     * A string containing the relationship of the linked resource to the current document.
+     */
+    rel: string = '';
+
+    /**
+     * A string containing the MIME type of the linked resource.
+     */
+    type: string = '';
+
+    /**
+     * A string containing the language of the linked resource.
+     */
+    hreflang: string = '';
+
+    /**
+     * A string containing the media for which the linked resource was designed.
+     */
+    media: string = '';
+
+    /**
+     * A string containing the download attribute, indicating that the linked resource is intended to be downloaded.
+     */
+    download: string = '';
+
+    /**
+     * A string containing the ping attribute, containing a space-separated list of URLs.
+     */
+    ping: string = '';
+
+    /**
+     * A string containing the referrerpolicy attribute.
+     */
+    referrerPolicy: string = '';
+
+    constructor(ownerDocument: Document) {
+        super('area', ownerDocument);
+    }
+}

package/src/node/elements/HTMLBaseElement.ts

@@ -0,0 +1,70 @@
+import { HTMLElementBase } from './HTMLElementBase';
+
+/**
+ * The **`HTMLBaseElement`** class represents an HTML `<base>` element.
+ * The base element specifies the base URL to use for all relative URLs in a document.
+ * 
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLBaseElement)
+ */
+export class HTMLBaseElement extends HTMLElementBase {
+    private _href: string = '';
+    private _target: string = '';
+    
+    constructor(tagName: string, ownerDocument?: any) {
+        super(tagName, ownerDocument);
+    }
+
+    /**
+     * Gets or sets the base URL for relative URLs in the document.
+     */
+    get href(): string {
+        return this._href;
+    }
+
+    set href(value: string) {
+        this._href = value;
+        this.setAttribute('href', value);
+    }
+
+    /**
+     * Gets or sets the default target for links and forms in the document.
+     */
+    get target(): string {
+        return this._target;
+    }
+
+    set target(value: string) {
+        this._target = value;
+        this.setAttribute('target', value);
+    }
+
+    // Override setAttribute to sync with properties
+    setAttribute(qualifiedName: string, value: string): void {
+        super.setAttribute(qualifiedName, value);
+        
+        const name = qualifiedName.toLowerCase();
+        switch (name) {
+            case 'href':
+                this._href = value;
+                break;
+            case 'target':
+                this._target = value;
+                break;
+        }
+    }
+
+    // Override removeAttribute to sync with properties
+    removeAttribute(qualifiedName: string): void {
+        super.removeAttribute(qualifiedName);
+        
+        const name = qualifiedName.toLowerCase();
+        switch (name) {
+            case 'href':
+                this._href = '';
+                break;
+            case 'target':
+                this._target = '';
+                break;
+        }
+    }
+}

package/src/node/elements/HTMLBodyElement.ts

@@ -0,0 +1,12 @@
+import { HTMLElementBase } from './HTMLElementBase';
+
+/**
+ * The **`HTMLBodyElement`** class represents an HTML `<body>` element.
+ * 
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLBodyElement)
+ */
+export class HTMLBodyElement extends HTMLElementBase {
+    constructor(tagName: string, ownerDocument?: any) {
+        super(tagName, ownerDocument);
+    }
+}

package/src/node/elements/HTMLButtonElement.ts

@@ -0,0 +1,83 @@
+import { HTMLElementBase } from './HTMLElementBase';
+
+/**
+ * The **`HTMLButtonElement`** class represents an HTML `<button>` element.
+ * 
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLButtonElement)
+ */
+export class HTMLButtonElement extends HTMLElementBase {
+    private _type: string = 'submit';
+    private _disabled: boolean = false;
+    private _value: string = '';
+
+    constructor(tagName: string, ownerDocument?: any) {
+        super(tagName, ownerDocument);
+    }
+
+    get type(): string {
+        return this._type;
+    }
+
+    set type(value: string) {
+        this._type = value;
+        this.setAttribute('type', value);
+    }
+
+    get disabled(): boolean {
+        return this._disabled;
+    }
+
+    set disabled(value: boolean) {
+        this._disabled = value;
+        if (value) {
+            this.setAttribute('disabled', '');
+        } else {
+            this.removeAttribute('disabled');
+        }
+    }
+
+    get value(): string {
+        return this._value;
+    }
+
+    set value(value: string) {
+        this._value = value;
+        this.setAttribute('value', value);
+    }
+
+    // Override setAttribute to sync with properties
+    setAttribute(qualifiedName: string, value: string): void {
+        super.setAttribute(qualifiedName, value);
+        
+        const name = qualifiedName.toLowerCase();
+        switch (name) {
+            case 'type':
+                this._type = value;
+                break;
+            case 'disabled':
+                this._disabled = true;
+                break;
+            case 'value':
+                this._value = value;
+                break;
+        }
+    }
+
+    // Override removeAttribute to sync with properties
+    removeAttribute(qualifiedName: string): void {
+        super.removeAttribute(qualifiedName);
+        
+        const name = qualifiedName.toLowerCase();
+        switch (name) {
+            case 'type':
+                this._type = 'submit';
+                break;
+            case 'disabled':
+                this._disabled = false;
+                break;
+            case 'value':
+                this._value = '';
+                break;
+        }
+    }
+}

package/src/node/elements/HTMLCanvasElement.ts

@@ -0,0 +1,71 @@
+import { HTMLElementBase } from './HTMLElementBase';
+
+export class HTMLCanvasElement extends HTMLElementBase {
+    private _width: number = 300;
+    private _height: number = 150;
+
+    constructor(tagName: string = 'canvas', ownerDocument?: any) {
+        super(tagName, ownerDocument);
+    }
+
+    get width(): number {
+        const widthAttr = this.getAttribute('width');
+        if (widthAttr !== null) {
+            const parsed = parseInt(widthAttr, 10);
+            return isNaN(parsed) ? 300 : parsed;
+        }
+        return this._width;
+    }
+
+    set width(value: number) {
+        this._width = value;
+        this.setAttribute('width', value.toString());
+    }
+
+    get height(): number {
+        const heightAttr = this.getAttribute('height');
+        if (heightAttr !== null) {
+            const parsed = parseInt(heightAttr, 10);
+            return isNaN(parsed) ? 150 : parsed;
+        }
+        return this._height;
+    }
+
+    set height(value: number) {
+        this._height = value;
+        this.setAttribute('height', value.toString());
+    }
+
+    // Canvas context methods - return null for server-side rendering
+    getContext(contextId: string, options?: any): any {
+        // In server-side environment, we can't provide real canvas context
+        // Return null to indicate context is not available
+        return null;
+    }
+
+    toDataURL(type?: string, quality?: any): string {
+        // Return empty data URL for server-side rendering
+        return 'data:,';
+    }
+
+    toBlob(callback: (blob: Blob | null) => void, type?: string, quality?: any): void {
+        // Call callback with null blob for server-side rendering
+        setTimeout(() => callback(null), 0);
+    }
+
+    // Canvas size methods
+    getBoundingClientRect(): DOMRect {
+        // Return a basic DOMRect for server-side rendering
+        return {
+            x: 0,
+            y: 0,
+            width: this.width,
+            height: this.height,
+            top: 0,
+            right: this.width,
+            bottom: this.height,
+            left: 0,
+            toJSON: () => ({})
+        } as DOMRect;
+    }
+}

package/src/node/elements/HTMLCaptionElement.ts

@@ -0,0 +1,26 @@
+import { HTMLElementBase } from './HTMLElementBase';
+
+/**
+ * The **`HTMLCaptionElement`** class represents an HTML `<caption>` element.
+ * 
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCaptionElement)
+ */
+export class HTMLCaptionElement extends HTMLElementBase {
+    constructor(tagName: string, ownerDocument?: any) {
+        super(tagName, ownerDocument);
+    }
+
+    /**
+     * @deprecated The align property is deprecated. Use CSS text-align instead.
+     */
+    get align(): string {
+        return this.getAttribute('align') || '';
+    }
+
+    /**
+     * @deprecated The align property is deprecated. Use CSS text-align instead.
+     */
+    set align(value: string) {
+        this.setAttribute('align', value);
+    }
+}

package/src/node/elements/HTMLDivElement.ts

@@ -0,0 +1,12 @@
+import { HTMLElementBase } from './HTMLElementBase';
+
+/**
+ * The **`HTMLDivElement`** class represents an HTML `<div>` element.
+ * 
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLDivElement)
+ */
+export class HTMLDivElement extends HTMLElementBase implements HTMLDivElement {
+    constructor(tagName: string, ownerDocument?: any) {
+        super(tagName, ownerDocument);
+    }
+}

package/src/node/elements/HTMLElement.ts

@@ -0,0 +1,105 @@
+import { Element } from './Element';
+
+/**
+ * The **`HTMLElement`** interface represents any HTML element.
+ * 
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement)
+ */
+export interface HTMLElement extends Element {
+    /**
+     * Returns the value of element's title content attribute. Can be set to change it.
+     * 
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/title)
+     */
+    title: string;
+
+    /**
+     * Returns the value of element's lang content attribute. Can be set to change it.
+     * 
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/lang)
+     */
+    lang: string;
+
+    /**
+     * Returns the value of element's dir content attribute. Can be set to change it.
+     * 
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/dir)
+     */
+    dir: string;
+
+    /**
+     * Returns the value of element's hidden content attribute. Can be set to change it.
+     * 
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/hidden)
+     */
+    hidden: boolean;
+
+    /**
+     * Returns the value of element's tabindex content attribute. Can be set to change it.
+     * 
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/tabIndex)
+     */
+    tabIndex: number;
+
+    /**
+     * Returns the value of element's accesskey content attribute. Can be set to change it.
+     * 
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/accessKey)
+     */
+    accessKey: string;
+
+    /**
+     * Returns the value of element's contenteditable content attribute. Can be set to change it.
+     * 
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/contentEditable)
+     */
+    contentEditable: string;
+
+    /**
+     * Returns whether the element is editable.
+     * 
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/isContentEditable)
+     */
+    readonly isContentEditable: boolean;
+
+    /**
+     * Returns the element's inner text content.
+     * 
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/innerText)
+     */
+    innerText: string;
+
+    /**
+     * Returns the element's outer text content.
+     * 
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/outerText)
+     */
+    outerText: string;
+
+    /**
+     * Simulates a mouse click on an element.
+     * 
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/click)
+     */
+    click(): void;
+
+    /**
+     * Makes the element take focus.
+     * 
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/focus)
+     */
+    focus(options?: FocusOptions): void;
+
+    /**
+     * Makes the element lose focus.
+     * 
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/blur)
+     */
+    blur(): void;
+}
+
+
+// 기본 타입들
+export interface FocusOptions {
+    preventScroll?: boolean;
+}