slimdom 2.0

.vscode/settings.json

@@ -0,0 +1,6 @@
+// Place your settings in this file to overwrite default and user settings.
+{
+	"prettier.printWidth": 120,
+	"prettier.singleQuote": true,
+	"prettier.useTabs": true
+}

package.json

@@ -17,7 +17,7 @@
     "build:bundle": "rimraf dist && rimraf lib && tsc && rollup -c",
     "docs": "typedoc --out docs --excludePrivate --excludeNotExported src/index.ts",
     "prepare": "npm run build:bundle",
-    "test": "rimraf test/bin && tsc -P test && mocha --recursive test/bin/test"
+    "test": "rimraf test/bin && tsc -P test && mocha --timeout 20000 --recursive test/bin/test"
   },
   "files": [
     "dist"
@@ -33,6 +33,8 @@
     "chai": "^3.5.0",
     "lolex": "^1.6.0",
     "mocha": "^3.3.0",
+    "parse5": "^3.0.2",
+    "prettier": "^1.4.4",
     "rimraf": "^2.6.1",
     "rollup": "^0.41.6",
     "rollup-plugin-babili": "^3.0.0",

rollup.config.js

@@ -3,18 +3,23 @@ import babili from 'rollup-plugin-babili';
 const { main: MAIN_DEST_FILE, module: MODULE_DEST_FILE } = require('./package.json');
 
 export default {
-    entry: 'lib/index.js',
-    targets: [
-        { dest: MAIN_DEST_FILE, format: 'umd' },
-        { dest: MODULE_DEST_FILE, format: 'es' },
-    ],
-    moduleName: 'slimdom',
-    exports: 'default',
-    sourceMap: true,
-    plugins: [
-        babili({
-            comments: false,
-            sourceMap: true
-        })
-    ]
-}
+	entry: 'lib/index.js',
+	targets: [{ dest: MAIN_DEST_FILE, format: 'umd' }, { dest: MODULE_DEST_FILE, format: 'es' }],
+	moduleName: 'slimdom',
+	exports: 'named',
+	sourceMap: true,
+	onwarn(warning) {
+		// Ignore "this is undefined" warning triggered by typescript's __extends helper
+		if (warning.code === 'THIS_IS_UNDEFINED') {
+			return;
+		}
+
+		console.error(warning.message);
+	},
+	plugins: [
+		babili({
+			comments: false,
+			sourceMap: true
+		})
+	]
+};

src/Attr.ts

@@ -0,0 +1,113 @@
+import Document from './Document';
+import Element from './Element';
+import Node from './Node';
+import { getContext } from './context/Context';
+import { changeAttribute } from './util/attrMutations';
+import { NodeType } from './util/NodeType';
+
+/**
+ * 3.9.2. Interface Attr
+ */
+export default class Attr extends Node {
+	// Node
+
+	public get nodeType(): number {
+		return NodeType.ATTRIBUTE_NODE;
+	}
+
+	public get nodeName(): string {
+		// Return the qualified name
+		return this.name;
+	}
+
+	public get nodeValue(): string | null {
+		return this._value;
+	}
+
+	public set nodeValue(newValue: string | null) {
+		// if the new value is null, act as if it was the empty string instead
+		if (newValue === null) {
+			newValue = '';
+		}
+
+		// Set an existing attribute value with context object and new value.
+		setExistingAttributeValue(this, newValue);
+	}
+
+	// Attr
+
+	public readonly namespaceURI: string | null;
+	public readonly prefix: string | null;
+	public readonly localName: string;
+	public readonly name: string;
+
+	private _value: string;
+
+	public get value(): string {
+		return this._value;
+	}
+
+	public set value(value: string) {
+		setExistingAttributeValue(this, value);
+	}
+
+	public ownerElement: Element | null;
+
+	/**
+	 * (non-standard) use Document#createAttribute(NS) or Element#setAttribute(NS) to create attribute nodes
+	 *
+	 * @param namespace The namespace URI for the attribute
+	 * @param prefix    The prefix for the attribute
+	 * @param localName The local name for the attribute
+	 * @param value     The value for the attribute
+	 * @param element   The element for the attribute, or null if the attribute is not attached to an element
+	 */
+	constructor(
+		namespace: string | null,
+		prefix: string | null,
+		localName: string,
+		value: string,
+		element: Element | null
+	) {
+		super();
+
+		this.namespaceURI = namespace;
+		this.prefix = prefix;
+		this.localName = localName;
+		this.name = prefix === null ? localName : `${prefix}:${localName}`;
+		this._value = value;
+		this.ownerElement = element;
+	}
+
+	/**
+	 * (non-standard) Creates a copy of the context object, not including its children.
+	 *
+	 * @param document The node document to associate with the copy
+	 *
+	 * @return A shallow copy of the context object
+	 */
+	public _copy(document: Document): Attr {
+		// Set copy’s namespace, namespace prefix, local name, and value, to those of node.
+		const context = getContext(document);
+		const copy = new context.Attr(this.namespaceURI, this.prefix, this.localName, this.value, null);
+		copy.ownerDocument = document;
+		return copy;
+	}
+}
+
+/**
+ * To set an existing attribute value, given an attribute attribute and string value, run these steps:
+ *
+ * @param attribute The attribute to set the value of
+ * @param value     The new value for attribute
+ */
+function setExistingAttributeValue(attribute: Attr, value: string) {
+	// 1. If attribute’s element is null, then set attribute’s value to value.
+	const element = attribute.ownerElement;
+	if (element === null) {
+		(attribute as any)._value = value;
+	} else {
+		// 2. Otherwise, change attribute from attribute’s element to value.
+		changeAttribute(attribute, element, value);
+	}
+}

src/CDATASection.ts

@@ -0,0 +1,42 @@
+import Document from './Document';
+import Text from './Text';
+import { getContext } from './context/Context';
+import { NodeType } from './util/NodeType';
+
+export default class CDATASection extends Text {
+	// Node
+
+	public get nodeType(): number {
+		return NodeType.CDATA_SECTION_NODE;
+	}
+
+	public get nodeName(): string {
+		return '#cdata-section';
+	}
+
+	// CDATASection
+
+	/**
+	 * (non-standard) use Document#createCDATASection to create a CDATA section.
+	 *
+	 * @param data The data for the node
+	 */
+	constructor(data: string) {
+		super(data);
+	}
+
+	/**
+	 * (non-standard) Creates a copy of the context object, not including its children.
+	 *
+	 * @param document The node document to associate with the copy
+	 *
+	 * @return A shallow copy of the context object
+	 */
+	public _copy(document: Document): CDATASection {
+		// Set copy’s data, to that of node.
+		const context = getContext(document);
+		const copy = new context.CDATASection(this.data);
+		copy.ownerDocument = document;
+		return copy;
+	}
+}