happy-dom - npm Package Compare versions

Comparing version 0.4.8 to 0.4.9

lib/event/Event.d.ts

@@ -1,2 +0,2 @@
-import Node from '../nodes/basic-types/Node';
+import Node from '../nodes/basic-types/node/Node';
 import IEventInit from './IEventInit';
@@ -3,0 +3,0 @@ export default class Event {

lib/event/EventTarget.d.ts

@@ -5,4 +5,4 @@ import Event from './Event';
  */
-export default class EventTarget {
-    private readonly listeners;
+export default abstract class EventTarget {
+    private readonly _listeners;
     /**
@@ -9,0 +9,0 @@ * Adds an event listener.

lib/event/EventTarget.js

@@ -8,3 +8,3 @@ "use strict";
     function EventTarget() {
-        this.listeners = {};
+        this._listeners = {};
     }
@@ -18,4 +18,4 @@ /**
     EventTarget.prototype.addEventListener = function (type, listener) {
-        this.listeners[type] = this.listeners[type] || [];
-        this.listeners[type].push(listener);
+        this._listeners[type] = this._listeners[type] || [];
+        this._listeners[type].push(listener);
     };
@@ -29,6 +29,6 @@ /**
     EventTarget.prototype.removeEventListener = function (type, listener) {
-        if (this.listeners[type]) {
-            var index = this.listeners[type].indexOf(listener);
+        if (this._listeners[type]) {
+            var index = this._listeners[type].indexOf(listener);
             if (index !== -1) {
-                this.listeners[type].splice(index);
+                this._listeners[type].splice(index);
             }
@@ -45,19 +45,25 @@ }
         var onEventName = 'on' + event.type.toLowerCase();
-        var defaultPrevented = false;
+        var returnValue = true;
         if (typeof this[onEventName] === 'function') {
             this[onEventName].call(this, event);
         }
-        if (this.listeners[event.type]) {
-            for (var _i = 0, _a = this.listeners[event.type]; _i < _a.length; _i++) {
+        if (this._listeners[event.type]) {
+            for (var _i = 0, _a = this._listeners[event.type]; _i < _a.length; _i++) {
                 var listener = _a[_i];
                 listener(event);
                 if (event.cancelable && event.defaultPrevented) {
-                    defaultPrevented = true;
+                    returnValue = false;
                 }
                 if (event.immediatePropagationStopped) {
-                    return !defaultPrevented;
+                    return returnValue;
                 }
             }
         }
-        return !defaultPrevented;
+        if (event.bubbles &&
+            typeof this['parentNode'] === 'object' &&
+            typeof this['parentNode'].dispatchEvent === 'function' &&
+            !this['parentNode'].dispatchEvent(event)) {
+            returnValue = false;
+        }
+        return returnValue;
     };
@@ -64,0 +70,0 @@ return EventTarget;

lib/event/EventTypes.json

@@ -1,1 +0,1 @@
-["AnimationEvent", "AudioProcessingEvent", "BeforeInputEvent", "BeforeUnloadEvent", "BlobEvent", "ClipboardEvent", "CloseEvent", "CompositionEvent", "CSSFontFaceLoadEvent", "CustomEvent", "DeviceLightEvent", "DeviceMotionEvent", "DeviceOrientationEvent", "DeviceProximityEvent", "DOMTransactionEvent", "DragEvent", "EditingBeforeInputEvent", "ErrorEvent", "FetchEvent", "FocusEvent", "GamepadEvent", "HashChangeEvent", "IDBVersionChangeEvent", "InputEvent", "KeyboardEvent", "MediaStreamEvent", "MessageEvent", "MouseEvent", "MutationEvent", "OfflineAudioCompletionEvent", "OverconstrainedError", "PageTransitionEvent", "PaymentRequestUpdateEvent", "PointerEvent", "PopStateEvent", "ProgressEvent", "RelatedEvent", "RTCDataChannelEvent", "RTCIdentityErrorEvent", "RTCIdentityEvent", "RTCPeerConnectionIceEvent", "SensorEvent", "StorageEvent", "SVGEvent", "SVGZoomEvent", "TimeEvent", "TouchEvent", "TrackEvent", "TransitionEvent", "UIEvent", "UserProximityEvent", "WebGLContextEvent", "WheelEvent"]
+["AnimationEvent", "AudioProcessingEvent", "BeforeInputEvent", "BeforeUnloadEvent", "BlobEvent", "ClipboardEvent", "CloseEvent", "CompositionEvent", "CSSFontFaceLoadEvent", "DeviceLightEvent", "DeviceMotionEvent", "DeviceOrientationEvent", "DeviceProximityEvent", "DOMTransactionEvent", "DragEvent", "EditingBeforeInputEvent", "ErrorEvent", "FetchEvent", "FocusEvent", "GamepadEvent", "HashChangeEvent", "IDBVersionChangeEvent", "InputEvent", "KeyboardEvent", "MediaStreamEvent", "MessageEvent", "MouseEvent", "MutationEvent", "OfflineAudioCompletionEvent", "OverconstrainedError", "PageTransitionEvent", "PaymentRequestUpdateEvent", "PointerEvent", "PopStateEvent", "ProgressEvent", "RelatedEvent", "RTCDataChannelEvent", "RTCIdentityErrorEvent", "RTCIdentityEvent", "RTCPeerConnectionIceEvent", "SensorEvent", "StorageEvent", "SVGEvent", "SVGZoomEvent", "TimeEvent", "TouchEvent", "TrackEvent", "TransitionEvent", "UIEvent", "UserProximityEvent", "WebGLContextEvent", "WheelEvent"]

lib/html-parser/HTMLParser.d.ts

@@ -1,3 +0,3 @@
-import Element from '../nodes/basic-types/Element';
-import Document from '../nodes/basic-types/Document';
+import Element from '../nodes/basic-types/element/Element';
+import Document from '../nodes/basic-types/document/Document';
 /**
@@ -4,0 +4,0 @@ * HTML parser.

lib/implementation/DOMImplementation.d.ts

@@ -1,2 +0,2 @@
-import Document from '../nodes/basic-types/Document';
+import Document from '../nodes/basic-types/document/Document';
 import Window from '../Window';
@@ -3,0 +3,0 @@ /**

lib/implementation/DOMImplementation.js

@@ -6,3 +6,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var Document_1 = __importDefault(require("../nodes/basic-types/Document"));
+var Document_1 = __importDefault(require("../nodes/basic-types/document/Document"));
 /**
@@ -9,0 +9,0 @@ * The DOMImplementation interface represents an object providing methods which are not dependent on any particular document. Such an object is returned by the

lib/index.d.ts

 import Window from './Window';
 import AsyncWindow from './AsyncWindow';
-import Document from './nodes/basic-types/Document';
-import Element from './nodes/basic-types/Element';
-import HTMLElement from './nodes/basic-types/HTMLElement';
-import HTMLTemplateElement from './nodes/elements/HTMLTemplateElement';
-import DocumentFragment from './nodes/basic-types/DocumentFragment';
-import ShadowRoot from './nodes/basic-types/ShadowRoot';
-import Node from './nodes/basic-types/Node';
-import TextNode from './nodes/basic-types/TextNode';
-import CommentNode from './nodes/basic-types/CommentNode';
+import Document from './nodes/basic-types/document/Document';
+import Element from './nodes/basic-types/element/Element';
+import HTMLElement from './nodes/basic-types/html-element/HTMLElement';
+import HTMLTemplateElement from './nodes/elements/template/HTMLTemplateElement';
+import HTMLFormElement from './nodes/elements/form/HTMLFormElement';
+import HTMLInputElement from './nodes/elements/input/HTMLInputElement';
+import HTMLTextAreaElement from './nodes/elements/text-area/HTMLTextAreaElement';
+import SVGSVGElement from './nodes/elements/svg/SVGSVGElement';
+import DocumentFragment from './nodes/basic-types/document-fragment/DocumentFragment';
+import ShadowRoot from './nodes/basic-types/shadow-root/ShadowRoot';
+import Node from './nodes/basic-types/node/Node';
+import TextNode from './nodes/basic-types/text-node/TextNode';
+import CommentNode from './nodes/basic-types/comment-node/CommentNode';
 import TreeWalker from './tree-walker/TreeWalker';
-import CustomElementRegistry from './html-element/CustomElementRegistry';
+import CustomElementRegistry from './custom-element/CustomElementRegistry';
 import VMContext from './VMContext';
-export { AsyncWindow, Window, Document, Element, HTMLElement, HTMLTemplateElement, DocumentFragment, ShadowRoot, Node, TextNode, CommentNode, TreeWalker, CustomElementRegistry, VMContext };
+export { AsyncWindow, Window, Document, Element, HTMLElement, HTMLTemplateElement, HTMLFormElement, HTMLInputElement, HTMLTextAreaElement, SVGSVGElement, DocumentFragment, ShadowRoot, Node, TextNode, CommentNode, TreeWalker, CustomElementRegistry, VMContext };

lib/index.js

@@ -10,23 +10,31 @@ "use strict";
 exports.AsyncWindow = AsyncWindow_1.default;
-var Document_1 = __importDefault(require("./nodes/basic-types/Document"));
+var Document_1 = __importDefault(require("./nodes/basic-types/document/Document"));
 exports.Document = Document_1.default;
-var Element_1 = __importDefault(require("./nodes/basic-types/Element"));
+var Element_1 = __importDefault(require("./nodes/basic-types/element/Element"));
 exports.Element = Element_1.default;
-var HTMLElement_1 = __importDefault(require("./nodes/basic-types/HTMLElement"));
+var HTMLElement_1 = __importDefault(require("./nodes/basic-types/html-element/HTMLElement"));
 exports.HTMLElement = HTMLElement_1.default;
-var HTMLTemplateElement_1 = __importDefault(require("./nodes/elements/HTMLTemplateElement"));
+var HTMLTemplateElement_1 = __importDefault(require("./nodes/elements/template/HTMLTemplateElement"));
 exports.HTMLTemplateElement = HTMLTemplateElement_1.default;
-var DocumentFragment_1 = __importDefault(require("./nodes/basic-types/DocumentFragment"));
+var HTMLFormElement_1 = __importDefault(require("./nodes/elements/form/HTMLFormElement"));
+exports.HTMLFormElement = HTMLFormElement_1.default;
+var HTMLInputElement_1 = __importDefault(require("./nodes/elements/input/HTMLInputElement"));
+exports.HTMLInputElement = HTMLInputElement_1.default;
+var HTMLTextAreaElement_1 = __importDefault(require("./nodes/elements/text-area/HTMLTextAreaElement"));
+exports.HTMLTextAreaElement = HTMLTextAreaElement_1.default;
+var SVGSVGElement_1 = __importDefault(require("./nodes/elements/svg/SVGSVGElement"));
+exports.SVGSVGElement = SVGSVGElement_1.default;
+var DocumentFragment_1 = __importDefault(require("./nodes/basic-types/document-fragment/DocumentFragment"));
 exports.DocumentFragment = DocumentFragment_1.default;
-var ShadowRoot_1 = __importDefault(require("./nodes/basic-types/ShadowRoot"));
+var ShadowRoot_1 = __importDefault(require("./nodes/basic-types/shadow-root/ShadowRoot"));
 exports.ShadowRoot = ShadowRoot_1.default;
-var Node_1 = __importDefault(require("./nodes/basic-types/Node"));
+var Node_1 = __importDefault(require("./nodes/basic-types/node/Node"));
 exports.Node = Node_1.default;
-var TextNode_1 = __importDefault(require("./nodes/basic-types/TextNode"));
+var TextNode_1 = __importDefault(require("./nodes/basic-types/text-node/TextNode"));
 exports.TextNode = TextNode_1.default;
-var CommentNode_1 = __importDefault(require("./nodes/basic-types/CommentNode"));
+var CommentNode_1 = __importDefault(require("./nodes/basic-types/comment-node/CommentNode"));
 exports.CommentNode = CommentNode_1.default;
 var TreeWalker_1 = __importDefault(require("./tree-walker/TreeWalker"));
 exports.TreeWalker = TreeWalker_1.default;
-var CustomElementRegistry_1 = __importDefault(require("./html-element/CustomElementRegistry"));
+var CustomElementRegistry_1 = __importDefault(require("./custom-element/CustomElementRegistry"));
 exports.CustomElementRegistry = CustomElementRegistry_1.default;
@@ -33,0 +41,0 @@ var VMContext_1 = __importDefault(require("./VMContext"));

lib/mutation-observer/MutationObserver.d.ts

@@ -1,2 +0,2 @@
-import Node from '../nodes/basic-types/Node';
+import Node from '../nodes/basic-types/node/Node';
 import IMutationObserverInit from './IMutationObserverInit';
@@ -3,0 +3,0 @@ import MutationRecord from './MutationRecord';

lib/mutation-observer/MutationRecord.d.ts

@@ -1,2 +0,2 @@
-import Node from '../nodes/basic-types/Node';
+import Node from '../nodes/basic-types/node/Node';
 /**
@@ -3,0 +3,0 @@ * MutationRecord is a model for a mutation.

lib/shadow-root/ShadowRootRenderer.d.ts

 import ScopedCSSCache from './css/ScopedCSSCache';
-import Element from '../nodes/basic-types/Element';
-import DocumentFragment from '../nodes/basic-types/DocumentFragment';
+import Element from '../nodes/basic-types/element/Element';
+import DocumentFragment from '../nodes/basic-types/document-fragment/DocumentFragment';
 /**
@@ -5,0 +5,0 @@ * Patch for scoping elements when requesting "document.documentElement.innerHTML" or "document.documentElement.outerHTML".

lib/shadow-root/ShadowRootRenderer.js

@@ -6,4 +6,4 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var Element_1 = __importDefault(require("../nodes/basic-types/Element"));
-var ShadowRoot_1 = __importDefault(require("../nodes/basic-types/ShadowRoot"));
+var Element_1 = __importDefault(require("../nodes/basic-types/element/Element"));
+var ShadowRoot_1 = __importDefault(require("../nodes/basic-types/shadow-root/ShadowRoot"));
 var ScopeCSS_1 = __importDefault(require("./css/ScopeCSS"));
@@ -10,0 +10,0 @@ /**

lib/tree-walker/TreeWalker.d.ts

@@ -1,2 +0,2 @@
-import Node from '../nodes/basic-types/Node';
+import Node from '../nodes/basic-types/node/Node';
 /**
@@ -3,0 +3,0 @@ * The TreeWalker object represents the nodes of a document subtree and a position within them.

lib/tree-walker/TreeWalker.js

@@ -6,3 +6,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var Node_1 = __importDefault(require("../nodes/basic-types/Node"));
+var Node_1 = __importDefault(require("../nodes/basic-types/node/Node"));
 var NodeFilter_1 = __importDefault(require("./NodeFilter"));
@@ -113,3 +113,3 @@ /**
             while (!this.nextSibling() && this.parentNode()) { }
-            this.currentNode = this.currentNode === this.root ? null : (this.currentNode || null);
+            this.currentNode = this.currentNode === this.root ? null : this.currentNode || null;
         }
@@ -125,3 +125,3 @@ return this.currentNode;
         while (!this.previousSibling() && this.parentNode()) { }
-        this.currentNode = this.currentNode === this.root ? null : (this.currentNode || null);
+        this.currentNode = this.currentNode === this.root ? null : this.currentNode || null;
         return this.currentNode;
@@ -128,0 +128,0 @@ };

lib/Window.d.ts

 /// <reference types="node" />
-import CustomElementRegistry from './html-element/CustomElementRegistry';
-import Document from './nodes/basic-types/Document';
-import Node from './nodes/basic-types/Node';
-import TextNode from './nodes/basic-types/TextNode';
-import CommentNode from './nodes/basic-types/CommentNode';
-import ShadowRoot from './nodes/basic-types/ShadowRoot';
-import Element from './nodes/basic-types/Element';
-import HTMLElement from './nodes/basic-types/HTMLElement';
-import HTMLTemplateElement from './nodes/elements/HTMLTemplateElement';
-import HTMLFormElement from './nodes/elements/HTMLFormElement';
-import HTMLInputElement from './nodes/elements/HTMLInputElement';
-import HTMLTextAreaElement from './nodes/elements/HTMLTextAreaElement';
-import DocumentFragment from './nodes/basic-types/DocumentFragment';
+import CustomElementRegistry from './custom-element/CustomElementRegistry';
+import Document from './nodes/basic-types/document/Document';
+import Node from './nodes/basic-types/node/Node';
+import TextNode from './nodes/basic-types/text-node/TextNode';
+import CommentNode from './nodes/basic-types/comment-node/CommentNode';
+import ShadowRoot from './nodes/basic-types/shadow-root/ShadowRoot';
+import Element from './nodes/basic-types/element/Element';
+import HTMLElement from './nodes/basic-types/html-element/HTMLElement';
+import HTMLTemplateElement from './nodes/elements/template/HTMLTemplateElement';
+import HTMLFormElement from './nodes/elements/form/HTMLFormElement';
+import HTMLInputElement from './nodes/elements/input/HTMLInputElement';
+import HTMLTextAreaElement from './nodes/elements/text-area/HTMLTextAreaElement';
+import DocumentFragment from './nodes/basic-types/document-fragment/DocumentFragment';
 import TreeWalker from './tree-walker/TreeWalker';
@@ -22,3 +22,3 @@ import Event from './event/Event';
 import MutationObserver from './mutation-observer/MutationObserver';
-import ShadowRootRenderOptions from './shadow-root/ShadowRootRenderOptions';
+import ShadowRootRenderOptions from './shadow-root-renderer/ShadowRootRenderOptions';
 /**
@@ -25,0 +25,0 @@ * Handles the Window.

lib/Window.js

@@ -19,16 +19,16 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var CustomElementRegistry_1 = __importDefault(require("./html-element/CustomElementRegistry"));
-var Document_1 = __importDefault(require("./nodes/basic-types/Document"));
-var Node_1 = __importDefault(require("./nodes/basic-types/Node"));
+var CustomElementRegistry_1 = __importDefault(require("./custom-element/CustomElementRegistry"));
+var Document_1 = __importDefault(require("./nodes/basic-types/document/Document"));
+var Node_1 = __importDefault(require("./nodes/basic-types/node/Node"));
 var NodeFilter_1 = __importDefault(require("./tree-walker/NodeFilter"));
-var TextNode_1 = __importDefault(require("./nodes/basic-types/TextNode"));
-var CommentNode_1 = __importDefault(require("./nodes/basic-types/CommentNode"));
-var ShadowRoot_1 = __importDefault(require("./nodes/basic-types/ShadowRoot"));
-var Element_1 = __importDefault(require("./nodes/basic-types/Element"));
-var HTMLElement_1 = __importDefault(require("./nodes/basic-types/HTMLElement"));
-var HTMLTemplateElement_1 = __importDefault(require("./nodes/elements/HTMLTemplateElement"));
-var HTMLFormElement_1 = __importDefault(require("./nodes/elements/HTMLFormElement"));
-var HTMLInputElement_1 = __importDefault(require("./nodes/elements/HTMLInputElement"));
-var HTMLTextAreaElement_1 = __importDefault(require("./nodes/elements/HTMLTextAreaElement"));
-var DocumentFragment_1 = __importDefault(require("./nodes/basic-types/DocumentFragment"));
+var TextNode_1 = __importDefault(require("./nodes/basic-types/text-node/TextNode"));
+var CommentNode_1 = __importDefault(require("./nodes/basic-types/comment-node/CommentNode"));
+var ShadowRoot_1 = __importDefault(require("./nodes/basic-types/shadow-root/ShadowRoot"));
+var Element_1 = __importDefault(require("./nodes/basic-types/element/Element"));
+var HTMLElement_1 = __importDefault(require("./nodes/basic-types/html-element/HTMLElement"));
+var HTMLTemplateElement_1 = __importDefault(require("./nodes/elements/template/HTMLTemplateElement"));
+var HTMLFormElement_1 = __importDefault(require("./nodes/elements/form/HTMLFormElement"));
+var HTMLInputElement_1 = __importDefault(require("./nodes/elements/input/HTMLInputElement"));
+var HTMLTextAreaElement_1 = __importDefault(require("./nodes/elements/text-area/HTMLTextAreaElement"));
+var DocumentFragment_1 = __importDefault(require("./nodes/basic-types/document-fragment/DocumentFragment"));
 var TreeWalker_1 = __importDefault(require("./tree-walker/TreeWalker"));
@@ -42,3 +42,3 @@ var Event_1 = __importDefault(require("./event/Event"));
 var MutationObserver_1 = __importDefault(require("./mutation-observer/MutationObserver"));
-var ShadowRootRenderOptions_1 = __importDefault(require("./shadow-root/ShadowRootRenderOptions"));
+var ShadowRootRenderOptions_1 = __importDefault(require("./shadow-root-renderer/ShadowRootRenderOptions"));
 /**
@@ -45,0 +45,0 @@ * Handles the Window.

package.json

 {
 	"name": "happy-dom",
-	"version": "0.4.8",
+	"version": "0.4.9",
 	"license": "MIT",
@@ -26,4 +26,17 @@ "homepage": "https://github.com/capricorn86/happy-dom#readme",
 		"watch": "tsc -w --preserveWatchOutput",
-		"lint": "eslint --max-warnings 0 --fix './src/**/*.ts'"
+		"prepublish": "npm run compile && npm test",
+		"lint": "eslint --max-warnings 0 --fix './src/**/*.ts'",
+		"test": "jest",
+		"test:watch": "jest --watch",
+		"test:update-snapshot": "jest --updateSnapshot",
+		"test:debug": "node --inspect-brk ./node_modules/.bin/jest --runInBand"
 	},
+	"jest": {
+		"transform": {
+			"^.+\\.ts?$": "ts-jest"
+		},
+		"testMatch": [
+			"**/test/**/*.test.ts"
+		]
+	},
 	"dependencies": {
@@ -39,2 +52,3 @@ "he": "1.1.1",
 		"@types/he": "latest",
+		"@types/jest": "^24.0.18",
 		"eslint": "^5.16.0",
@@ -44,4 +58,6 @@ "eslint-config-prettier": "^4.1.0",
 		"prettier": "^1.16.4",
-		"typescript": "^3.4.5"
+		"typescript": "^3.5.1",
+		"jest": "^24.9.0",
+		"ts-jest": "^24.1.0"
 	}
 }

README.md

@@ -43,4 +43,2 @@ # Happy DOM
 
-### Example
-
 ```javascript
@@ -183,2 +181,31 @@ import { VMContext } from 'happy-dom';
 
+# Shadow Root Render Options
+
+As mentioned above, Happy DOM comes with render options for opening the shadow roots for server side rendering.
+
+Opening shadow roots will render them opened when running innerHTML or outerHTML, but they will not be modified in the DOM tree.
+
+By default CSS will be scoped and attached to the head. The most common use case is render the entire document element by running "document.documentElement.outerHTML", which will include the head with the CSS.
+
+## Available Options
+
+The shadow root options are available under "window.shadowRootRenderOptions".
+
+| Name                  | Default value        | Description                                                  |
+| --------------------- | -------------------- | ------------------------------------------------------------ |
+| openShadowRoots       | false                | Opens the shadow root when rendering elements with innerHTML or outerHTML. |
+| appendScopedCSSToHead | true                 | Set to "true" to append extracted and scoped CSS to the head extracted when "openShadowRoots" is enabled.<br /><br />The CSS will still be extracted when set to "false". It will be available in the "cssCache". |
+| cssCache              | new ScopedCSSCache() | CSS cache object with the extracted CSS.                     |
+
+## Retrieve Extracted CSS
+
+```javascript
+const allScopedCSS = window.shadowRootOptions.cssCache.getAllScopedCSS();
+
+// Outputs all extracted CSS
+console.log(allScopedCSS);
+```
+
+
+
 # Known Limitations
@@ -196,2 +223,3 @@
 | ------- | ---------- | ---------------- |
+| 0.4.4   | 2019-10-20 | Fixes issue with CustomEvent not being defined correctly causing issues with detail property. (#10) |
 | 0.4.3   | 2019-10-08 | Fixes issue with cloned nodes referring to the same attributes, which is causing weird issues in lit-html. (#5) |
@@ -198,0 +226,0 @@ | 0.4.2   | 2019-10-08 | Fixes issue where query selector not returning correct elements. (#2) |

src/event/Event.ts

@@ -1,2 +0,2 @@
-import Node from '../nodes/basic-types/Node';
+import Node from '../nodes/basic-types/node/Node';
 import IEventInit from './IEventInit';
@@ -3,0 +3,0 @@

src/event/EventTarget.ts

@@ -6,4 +6,4 @@ import Event from './Event';
  */
-export default class EventTarget {
-	private readonly listeners: { [k: string]: ((event: Event) => void)[] } = {};
+export default abstract class EventTarget {
+	private readonly _listeners: { [k: string]: ((event: Event) => void)[] } = {};
 
@@ -17,4 +17,4 @@ /**
 	public addEventListener(type: string, listener: (event: Event) => void): void {
-		this.listeners[type] = this.listeners[type] || [];
-		this.listeners[type].push(listener);
+		this._listeners[type] = this._listeners[type] || [];
+		this._listeners[type].push(listener);
 	}
@@ -29,6 +29,6 @@
 	public removeEventListener(type: string, listener: (event: Event) => void): void {
-		if (this.listeners[type]) {
-			const index = this.listeners[type].indexOf(listener);
+		if (this._listeners[type]) {
+			const index = this._listeners[type].indexOf(listener);
 			if (index !== -1) {
-				this.listeners[type].splice(index);
+				this._listeners[type].splice(index);
 			}
@@ -46,3 +46,3 @@ }
 		const onEventName = 'on' + event.type.toLowerCase();
-		let defaultPrevented = false;
+		let returnValue = true;
 
@@ -53,10 +53,10 @@ if (typeof this[onEventName] === 'function') {
 
-		if (this.listeners[event.type]) {
-			for (const listener of this.listeners[event.type]) {
+		if (this._listeners[event.type]) {
+			for (const listener of this._listeners[event.type]) {
 				listener(event);
 				if (event.cancelable && event.defaultPrevented) {
-					defaultPrevented = true;
+					returnValue = false;
 				}
 				if (event.immediatePropagationStopped) {
-					return !defaultPrevented;
+					return returnValue;
 				}
@@ -66,4 +66,13 @@ }
 
-		return !defaultPrevented;
+		if (
+			event.bubbles &&
+			typeof this['parentNode'] === 'object' &&
+			typeof this['parentNode'].dispatchEvent === 'function' &&
+			!this['parentNode'].dispatchEvent(event)
+		) {
+			returnValue = false;
+		}
+
+		return returnValue;
 	}
 }

src/event/EventTypes.json

@@ -1,1 +0,1 @@
-["AnimationEvent", "AudioProcessingEvent", "BeforeInputEvent", "BeforeUnloadEvent", "BlobEvent", "ClipboardEvent", "CloseEvent", "CompositionEvent", "CSSFontFaceLoadEvent", "CustomEvent", "DeviceLightEvent", "DeviceMotionEvent", "DeviceOrientationEvent", "DeviceProximityEvent", "DOMTransactionEvent", "DragEvent", "EditingBeforeInputEvent", "ErrorEvent", "FetchEvent", "FocusEvent", "GamepadEvent", "HashChangeEvent", "IDBVersionChangeEvent", "InputEvent", "KeyboardEvent", "MediaStreamEvent", "MessageEvent", "MouseEvent", "MutationEvent", "OfflineAudioCompletionEvent", "OverconstrainedError", "PageTransitionEvent", "PaymentRequestUpdateEvent", "PointerEvent", "PopStateEvent", "ProgressEvent", "RelatedEvent", "RTCDataChannelEvent", "RTCIdentityErrorEvent", "RTCIdentityEvent", "RTCPeerConnectionIceEvent", "SensorEvent", "StorageEvent", "SVGEvent", "SVGZoomEvent", "TimeEvent", "TouchEvent", "TrackEvent", "TransitionEvent", "UIEvent", "UserProximityEvent", "WebGLContextEvent", "WheelEvent"]
+["AnimationEvent", "AudioProcessingEvent", "BeforeInputEvent", "BeforeUnloadEvent", "BlobEvent", "ClipboardEvent", "CloseEvent", "CompositionEvent", "CSSFontFaceLoadEvent", "DeviceLightEvent", "DeviceMotionEvent", "DeviceOrientationEvent", "DeviceProximityEvent", "DOMTransactionEvent", "DragEvent", "EditingBeforeInputEvent", "ErrorEvent", "FetchEvent", "FocusEvent", "GamepadEvent", "HashChangeEvent", "IDBVersionChangeEvent", "InputEvent", "KeyboardEvent", "MediaStreamEvent", "MessageEvent", "MouseEvent", "MutationEvent", "OfflineAudioCompletionEvent", "OverconstrainedError", "PageTransitionEvent", "PaymentRequestUpdateEvent", "PointerEvent", "PopStateEvent", "ProgressEvent", "RelatedEvent", "RTCDataChannelEvent", "RTCIdentityErrorEvent", "RTCIdentityEvent", "RTCPeerConnectionIceEvent", "SensorEvent", "StorageEvent", "SVGEvent", "SVGZoomEvent", "TimeEvent", "TouchEvent", "TrackEvent", "TransitionEvent", "UIEvent", "UserProximityEvent", "WebGLContextEvent", "WheelEvent"]

src/html-parser/HTMLParser.ts

@@ -1,4 +0,4 @@
-import Node from '../nodes/basic-types/Node';
-import Element from '../nodes/basic-types/Element';
-import Document from '../nodes/basic-types/Document';
+import Node from '../nodes/basic-types/node/Node';
+import Element from '../nodes/basic-types/element/Element';
+import Document from '../nodes/basic-types/document/Document';
 
@@ -5,0 +5,0 @@ const SELF_CLOSING_ELEMENTS = {

src/index.ts

 import Window from './Window';
 import AsyncWindow from './AsyncWindow';
-import Document from './nodes/basic-types/Document';
-import Element from './nodes/basic-types/Element';
-import HTMLElement from './nodes/basic-types/HTMLElement';
-import HTMLTemplateElement from './nodes/elements/HTMLTemplateElement';
-import DocumentFragment from './nodes/basic-types/DocumentFragment';
-import ShadowRoot from './nodes/basic-types/ShadowRoot';
-import Node from './nodes/basic-types/Node';
-import TextNode from './nodes/basic-types/TextNode';
-import CommentNode from './nodes/basic-types/CommentNode';
+import Document from './nodes/basic-types/document/Document';
+import Element from './nodes/basic-types/element/Element';
+import HTMLElement from './nodes/basic-types/html-element/HTMLElement';
+import HTMLTemplateElement from './nodes/elements/template/HTMLTemplateElement';
+import HTMLFormElement from './nodes/elements/form/HTMLFormElement';
+import HTMLInputElement from './nodes/elements/input/HTMLInputElement';
+import HTMLTextAreaElement from './nodes/elements/text-area/HTMLTextAreaElement';
+import SVGSVGElement from './nodes/elements/svg/SVGSVGElement';
+import DocumentFragment from './nodes/basic-types/document-fragment/DocumentFragment';
+import ShadowRoot from './nodes/basic-types/shadow-root/ShadowRoot';
+import Node from './nodes/basic-types/node/Node';
+import TextNode from './nodes/basic-types/text-node/TextNode';
+import CommentNode from './nodes/basic-types/comment-node/CommentNode';
 import TreeWalker from './tree-walker/TreeWalker';
-import CustomElementRegistry from './html-element/CustomElementRegistry';
+import CustomElementRegistry from './custom-element/CustomElementRegistry';
 import VMContext from './VMContext';
@@ -23,2 +27,6 @@
 	HTMLTemplateElement,
+	HTMLFormElement,
+	HTMLInputElement,
+	HTMLTextAreaElement,
+	SVGSVGElement,
 	DocumentFragment,
@@ -25,0 +33,0 @@ ShadowRoot,

src/mutation-observer/MutationObserver.ts

@@ -1,2 +0,2 @@
-import Node from '../nodes/basic-types/Node';
+import Node from '../nodes/basic-types/node/Node';
 import IMutationObserverInit from './IMutationObserverInit';
@@ -3,0 +3,0 @@ import MutationObserverListener from './MutationListener';

src/mutation-observer/MutationRecord.ts

@@ -1,2 +0,2 @@
-import Node from '../nodes/basic-types/Node';
+import Node from '../nodes/basic-types/node/Node';
 
@@ -3,0 +3,0 @@ /**

src/tree-walker/TreeWalker.ts

@@ -1,2 +0,2 @@
-import Node from '../nodes/basic-types/Node';
+import Node from '../nodes/basic-types/node/Node';
 import NodeFilter from './NodeFilter';
@@ -122,3 +122,3 @@
 			while (!this.nextSibling() && this.parentNode()) {}
-			this.currentNode = this.currentNode === this.root ? null : (this.currentNode || null);
+			this.currentNode = this.currentNode === this.root ? null : this.currentNode || null;
 		}
@@ -135,3 +135,3 @@ return this.currentNode;
 		while (!this.previousSibling() && this.parentNode()) {}
-		this.currentNode = this.currentNode === this.root ? null : (this.currentNode || null);
+		this.currentNode = this.currentNode === this.root ? null : this.currentNode || null;
 		return this.currentNode;
@@ -138,0 +138,0 @@ }

src/Window.ts

@@ -1,15 +0,15 @@
-import CustomElementRegistry from './html-element/CustomElementRegistry';
-import Document from './nodes/basic-types/Document';
-import Node from './nodes/basic-types/Node';
+import CustomElementRegistry from './custom-element/CustomElementRegistry';
+import Document from './nodes/basic-types/document/Document';
+import Node from './nodes/basic-types/node/Node';
 import NodeFilter from './tree-walker/NodeFilter';
-import TextNode from './nodes/basic-types/TextNode';
-import CommentNode from './nodes/basic-types/CommentNode';
-import ShadowRoot from './nodes/basic-types/ShadowRoot';
-import Element from './nodes/basic-types/Element';
-import HTMLElement from './nodes/basic-types/HTMLElement';
-import HTMLTemplateElement from './nodes/elements/HTMLTemplateElement';
-import HTMLFormElement from './nodes/elements/HTMLFormElement';
-import HTMLInputElement from './nodes/elements/HTMLInputElement';
-import HTMLTextAreaElement from './nodes/elements/HTMLTextAreaElement';
-import DocumentFragment from './nodes/basic-types/DocumentFragment';
+import TextNode from './nodes/basic-types/text-node/TextNode';
+import CommentNode from './nodes/basic-types/comment-node/CommentNode';
+import ShadowRoot from './nodes/basic-types/shadow-root/ShadowRoot';
+import Element from './nodes/basic-types/element/Element';
+import HTMLElement from './nodes/basic-types/html-element/HTMLElement';
+import HTMLTemplateElement from './nodes/elements/template/HTMLTemplateElement';
+import HTMLFormElement from './nodes/elements/form/HTMLFormElement';
+import HTMLInputElement from './nodes/elements/input/HTMLInputElement';
+import HTMLTextAreaElement from './nodes/elements/text-area/HTMLTextAreaElement';
+import DocumentFragment from './nodes/basic-types/document-fragment/DocumentFragment';
 import TreeWalker from './tree-walker/TreeWalker';
@@ -23,3 +23,3 @@ import Event from './event/Event';
 import MutationObserver from './mutation-observer/MutationObserver';
-import ShadowRootRenderOptions from './shadow-root/ShadowRootRenderOptions';
+import ShadowRootRenderOptions from './shadow-root-renderer/ShadowRootRenderOptions';
 
@@ -26,0 +26,0 @@ /**

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

792910

increased by44.19%

Number of package files

407

increased by41.32%

Lines of code

19743

increased by41.76%

Number of lines in readme file

261

increased by12.02%

Worsened metrics

Dev dependency count

12

increased by33.33%

No dependency changes