Spaces:
Configuration error
Configuration error
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; | |
} | |