You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
338 lines
9.0 KiB
338 lines
9.0 KiB
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; |
|
}
|
|
|