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.
339 lines
9.0 KiB
339 lines
9.0 KiB
2 years ago
|
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;
|
||
|
}
|