| import { ElementType, isTag as isTagRaw } from "domelementtype"; | |
| /** | |
| * This object will be used as the prototype for Nodes when creating a | |
| * DOM-Level-1-compliant structure. | |
| */ | |
| export class Node { | |
| constructor() { | |
| /** Parent of the node */ | |
| this.parent = null; | |
| /** Previous sibling */ | |
| this.prev = null; | |
| /** Next sibling */ | |
| this.next = null; | |
| /** The start index of the node. Requires `withStartIndices` on the handler to be `true. */ | |
| this.startIndex = null; | |
| /** The end index of the node. Requires `withEndIndices` on the handler to be `true. */ | |
| this.endIndex = null; | |
| } | |
| // Read-write aliases for properties | |
| /** | |
| * Same as {@link parent}. | |
| * [DOM spec](https://dom.spec.whatwg.org)-compatible alias. | |
| */ | |
| get parentNode() { | |
| return this.parent; | |
| } | |
| set parentNode(parent) { | |
| this.parent = parent; | |
| } | |
| /** | |
| * Same as {@link prev}. | |
| * [DOM spec](https://dom.spec.whatwg.org)-compatible alias. | |
| */ | |
| get previousSibling() { | |
| return this.prev; | |
| } | |
| set previousSibling(prev) { | |
| this.prev = prev; | |
| } | |
| /** | |
| * Same as {@link next}. | |
| * [DOM spec](https://dom.spec.whatwg.org)-compatible alias. | |
| */ | |
| get nextSibling() { | |
| return this.next; | |
| } | |
| set nextSibling(next) { | |
| this.next = next; | |
| } | |
| /** | |
| * Clone this node, and optionally its children. | |
| * | |
| * @param recursive Clone child nodes as well. | |
| * @returns A clone of the node. | |
| */ | |
| cloneNode(recursive = false) { | |
| return cloneNode(this, recursive); | |
| } | |
| } | |
| /** | |
| * A node that contains some data. | |
| */ | |
| export class DataNode extends Node { | |
| /** | |
| * @param data The content of the data node | |
| */ | |
| constructor(data) { | |
| super(); | |
| this.data = data; | |
| } | |
| /** | |
| * Same as {@link data}. | |
| * [DOM spec](https://dom.spec.whatwg.org)-compatible alias. | |
| */ | |
| get nodeValue() { | |
| return this.data; | |
| } | |
| set nodeValue(data) { | |
| this.data = data; | |
| } | |
| } | |
| /** | |
| * Text within the document. | |
| */ | |
| export class Text extends DataNode { | |
| constructor() { | |
| super(...arguments); | |
| this.type = ElementType.Text; | |
| } | |
| get nodeType() { | |
| return 3; | |
| } | |
| } | |
| /** | |
| * Comments within the document. | |
| */ | |
| export class Comment extends DataNode { | |
| constructor() { | |
| super(...arguments); | |
| this.type = ElementType.Comment; | |
| } | |
| get nodeType() { | |
| return 8; | |
| } | |
| } | |
| /** | |
| * Processing instructions, including doc types. | |
| */ | |
| export class ProcessingInstruction extends DataNode { | |
| constructor(name, data) { | |
| super(data); | |
| this.name = name; | |
| this.type = ElementType.Directive; | |
| } | |
| get nodeType() { | |
| return 1; | |
| } | |
| } | |
| /** | |
| * A `Node` that can have children. | |
| */ | |
| export class NodeWithChildren extends Node { | |
| /** | |
| * @param children Children of the node. Only certain node types can have children. | |
| */ | |
| constructor(children) { | |
| super(); | |
| this.children = children; | |
| } | |
| // Aliases | |
| /** First child of the node. */ | |
| get firstChild() { | |
| var _a; | |
| return (_a = this.children[0]) !== null && _a !== void 0 ? _a : null; | |
| } | |
| /** Last child of the node. */ | |
| get lastChild() { | |
| return this.children.length > 0 | |
| ? this.children[this.children.length - 1] | |
| : null; | |
| } | |
| /** | |
| * Same as {@link children}. | |
| * [DOM spec](https://dom.spec.whatwg.org)-compatible alias. | |
| */ | |
| get childNodes() { | |
| return this.children; | |
| } | |
| set childNodes(children) { | |
| this.children = children; | |
| } | |
| } | |
| export class CDATA extends NodeWithChildren { | |
| constructor() { | |
| super(...arguments); | |
| this.type = ElementType.CDATA; | |
| } | |
| get nodeType() { | |
| return 4; | |
| } | |
| } | |
| /** | |
| * The root node of the document. | |
| */ | |
| export class Document extends NodeWithChildren { | |
| constructor() { | |
| super(...arguments); | |
| this.type = ElementType.Root; | |
| } | |
| get nodeType() { | |
| return 9; | |
| } | |
| } | |
| /** | |
| * An element within the DOM. | |
| */ | |
| export class Element extends NodeWithChildren { | |
| /** | |
| * @param name Name of the tag, eg. `div`, `span`. | |
| * @param attribs Object mapping attribute names to attribute values. | |
| * @param children Children of the node. | |
| */ | |
| constructor(name, attribs, children = [], type = name === "script" | |
| ? ElementType.Script | |
| : name === "style" | |
| ? ElementType.Style | |
| : ElementType.Tag) { | |
| super(children); | |
| this.name = name; | |
| this.attribs = attribs; | |
| this.type = type; | |
| } | |
| get nodeType() { | |
| return 1; | |
| } | |
| // DOM Level 1 aliases | |
| /** | |
| * Same as {@link name}. | |
| * [DOM spec](https://dom.spec.whatwg.org)-compatible alias. | |
| */ | |
| get tagName() { | |
| return this.name; | |
| } | |
| set tagName(name) { | |
| this.name = name; | |
| } | |
| get attributes() { | |
| return Object.keys(this.attribs).map((name) => { | |
| var _a, _b; | |
| return ({ | |
| name, | |
| value: this.attribs[name], | |
| namespace: (_a = this["x-attribsNamespace"]) === null || _a === void 0 ? void 0 : _a[name], | |
| prefix: (_b = this["x-attribsPrefix"]) === null || _b === void 0 ? void 0 : _b[name], | |
| }); | |
| }); | |
| } | |
| } | |
| /** | |
| * @param node Node to check. | |
| * @returns `true` if the node is a `Element`, `false` otherwise. | |
| */ | |
| export function isTag(node) { | |
| return isTagRaw(node); | |
| } | |
| /** | |
| * @param node Node to check. | |
| * @returns `true` if the node has the type `CDATA`, `false` otherwise. | |
| */ | |
| export function isCDATA(node) { | |
| return node.type === ElementType.CDATA; | |
| } | |
| /** | |
| * @param node Node to check. | |
| * @returns `true` if the node has the type `Text`, `false` otherwise. | |
| */ | |
| export function isText(node) { | |
| return node.type === ElementType.Text; | |
| } | |
| /** | |
| * @param node Node to check. | |
| * @returns `true` if the node has the type `Comment`, `false` otherwise. | |
| */ | |
| export function isComment(node) { | |
| return node.type === ElementType.Comment; | |
| } | |
| /** | |
| * @param node Node to check. | |
| * @returns `true` if the node has the type `ProcessingInstruction`, `false` otherwise. | |
| */ | |
| export function isDirective(node) { | |
| return node.type === ElementType.Directive; | |
| } | |
| /** | |
| * @param node Node to check. | |
| * @returns `true` if the node has the type `ProcessingInstruction`, `false` otherwise. | |
| */ | |
| export function isDocument(node) { | |
| return node.type === ElementType.Root; | |
| } | |
| /** | |
| * @param node Node to check. | |
| * @returns `true` if the node has children, `false` otherwise. | |
| */ | |
| export function hasChildren(node) { | |
| return Object.prototype.hasOwnProperty.call(node, "children"); | |
| } | |
| /** | |
| * Clone a node, and optionally its children. | |
| * | |
| * @param recursive Clone child nodes as well. | |
| * @returns A clone of the node. | |
| */ | |
| export function cloneNode(node, recursive = false) { | |
| let result; | |
| if (isText(node)) { | |
| result = new Text(node.data); | |
| } | |
| else if (isComment(node)) { | |
| result = new Comment(node.data); | |
| } | |
| else if (isTag(node)) { | |
| const children = recursive ? cloneChildren(node.children) : []; | |
| const clone = new Element(node.name, { ...node.attribs }, children); | |
| children.forEach((child) => (child.parent = clone)); | |
| if (node.namespace != null) { | |
| clone.namespace = node.namespace; | |
| } | |
| if (node["x-attribsNamespace"]) { | |
| clone["x-attribsNamespace"] = { ...node["x-attribsNamespace"] }; | |
| } | |
| if (node["x-attribsPrefix"]) { | |
| clone["x-attribsPrefix"] = { ...node["x-attribsPrefix"] }; | |
| } | |
| result = clone; | |
| } | |
| else if (isCDATA(node)) { | |
| const children = recursive ? cloneChildren(node.children) : []; | |
| const clone = new CDATA(children); | |
| children.forEach((child) => (child.parent = clone)); | |
| result = clone; | |
| } | |
| else if (isDocument(node)) { | |
| const children = recursive ? cloneChildren(node.children) : []; | |
| const clone = new Document(children); | |
| children.forEach((child) => (child.parent = clone)); | |
| if (node["x-mode"]) { | |
| clone["x-mode"] = node["x-mode"]; | |
| } | |
| result = clone; | |
| } | |
| else if (isDirective(node)) { | |
| const instruction = new ProcessingInstruction(node.name, node.data); | |
| if (node["x-name"] != null) { | |
| instruction["x-name"] = node["x-name"]; | |
| instruction["x-publicId"] = node["x-publicId"]; | |
| instruction["x-systemId"] = node["x-systemId"]; | |
| } | |
| result = instruction; | |
| } | |
| else { | |
| throw new Error(`Not implemented yet: ${node.type}`); | |
| } | |
| result.startIndex = node.startIndex; | |
| result.endIndex = node.endIndex; | |
| if (node.sourceCodeLocation != null) { | |
| result.sourceCodeLocation = node.sourceCodeLocation; | |
| } | |
| return result; | |
| } | |
| function cloneChildren(childs) { | |
| const children = childs.map((child) => cloneNode(child, true)); | |
| for (let i = 1; i < children.length; i++) { | |
| children[i].prev = children[i - 1]; | |
| children[i - 1].next = children[i]; | |
| } | |
| return children; | |
| } |