Merge pull request #556 from saschanaz/dom-parsing

Add DOM Parsing and Serialization types

Author: mhegazy

baselines/dom.generated.d.ts

@@ -3480,7 +3480,7 @@ declare var DOMMatrixReadOnly: {
 };
 
 interface DOMParser {
-    parseFromString(source: string, mimeType: string): Document;
+    parseFromString(str: string, type: SupportedType): Document;
 }
 
 declare var DOMParser: {
@@ -4648,6 +4648,7 @@ interface Element extends Node, ParentNode, NonDocumentTypeChildNode, ChildNode,
      * change it.
      */
     id: string;
+    innerHTML: string;
     /**
      * Returns the local name.
      */
@@ -4656,6 +4657,7 @@ interface Element extends Node, ParentNode, NonDocumentTypeChildNode, ChildNode,
      * Returns the namespace.
      */
     readonly namespaceURI: string | null;
+    outerHTML: string;
     /**
      * Returns the namespace prefix.
      */
@@ -4775,6 +4777,10 @@ declare var Element: {
     new(): Element;
 };
 
+interface ElementCSSInlineStyle {
+    readonly style: CSSStyleDeclaration;
+}
+
 interface ElementContentEditable {
     contentEditable: string;
     inputMode: string;
@@ -6016,7 +6022,7 @@ declare var HTMLDocument: {
 interface HTMLElementEventMap extends GlobalEventHandlersEventMap, DocumentAndElementEventHandlersEventMap {
 }
 
-interface HTMLElement extends Element, GlobalEventHandlers, DocumentAndElementEventHandlers, ElementContentEditable, HTMLOrSVGElement {
+interface HTMLElement extends Element, GlobalEventHandlers, DocumentAndElementEventHandlers, ElementContentEditable, HTMLOrSVGElement, ElementCSSInlineStyle {
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -11707,6 +11713,7 @@ interface Range extends AbstractRange {
      * in the range, and 1 if the point is after the range.
      */
     comparePoint(node: Node, offset: number): number;
+    createContextualFragment(fragment: string): DocumentFragment;
     deleteContents(): void;
     detach(): void;
     extractContents(): DocumentFragment;
@@ -12116,7 +12123,7 @@ declare var SVGDescElement: {
 interface SVGElementEventMap extends GlobalEventHandlersEventMap, DocumentAndElementEventHandlersEventMap {
 }
 
-interface SVGElement extends Element, GlobalEventHandlers, DocumentAndElementEventHandlers, SVGElementInstance, HTMLOrSVGElement {
+interface SVGElement extends Element, GlobalEventHandlers, DocumentAndElementEventHandlers, SVGElementInstance, HTMLOrSVGElement, ElementCSSInlineStyle {
     /** @deprecated */
     readonly className: any;
     readonly ownerSVGElement: SVGSVGElement | null;
@@ -16708,7 +16715,7 @@ declare var XMLHttpRequestUpload: {
 };
 
 interface XMLSerializer {
-    serializeToString(target: Node): string;
+    serializeToString(root: Node): string;
 }
 
 declare var XMLSerializer: {
@@ -17705,6 +17712,7 @@ type ServiceWorkerUpdateViaCache = "imports" | "all" | "none";
 type ShadowRootMode = "open" | "closed";
 type SpeechRecognitionErrorCode = "no-speech" | "aborted" | "audio-capture" | "network" | "not-allowed" | "service-not-allowed" | "bad-grammar" | "language-not-supported";
 type SpeechSynthesisErrorCode = "canceled" | "interrupted" | "audio-busy" | "audio-hardware" | "network" | "synthesis-unavailable" | "synthesis-failed" | "language-unavailable" | "voice-unavailable" | "text-too-long" | "invalid-argument";
+type SupportedType = "text/html" | "text/xml" | "application/xml" | "application/xhtml+xml" | "image/svg+xml";
 type TextTrackKind = "subtitles" | "captions" | "descriptions" | "chapters" | "metadata";
 type TextTrackMode = "disabled" | "hidden" | "showing";
 type TouchType = "direct" | "stylus";

inputfiles/addedTypes.json

@@ -1231,6 +1231,7 @@
             },
             "SVGElement": {
                 "implements": [
+                    "ElementCSSInlineStyle",
                     "GlobalEventHandlers",
                     "DocumentAndElementEventHandlers"
                 ]
@@ -2097,7 +2098,8 @@
                     {
                         "name": "wbr"
                     }
-                ]
+                ],
+                "implements": ["ElementCSSInlineStyle"]
             },
             "HTMLFormElement": {
                 "element": [

inputfiles/idl/DOM Parsing and Serialization.widl

@@ -0,0 +1,27 @@
+[Constructor, Exposed=Window]
+    interface DOMParser {
+      [NewObject] Document parseFromString(DOMString str, SupportedType type);
+    };
+
+    enum SupportedType {
+      "text/html",
+      "text/xml",
+      "application/xml",
+      "application/xhtml+xml",
+      "image/svg+xml"
+    };
+
+[Constructor, Exposed=Window] 
+  interface XMLSerializer {
+  DOMString serializeToString(Node root);
+};
+
+partial interface Element {
+  [CEReactions, TreatNullAs=EmptyString] attribute DOMString innerHTML;
+  [CEReactions, TreatNullAs=EmptyString] attribute DOMString outerHTML;
+  [CEReactions] void insertAdjacentHTML(DOMString position, DOMString text);
+};
+
+partial interface Range {
+  [CEReactions, NewObject] DocumentFragment createContextualFragment(DOMString fragment);
+};

inputfiles/idlSources.json

@@ -20,6 +20,10 @@
         "url": "https://dom.spec.whatwg.org/",
         "title": "DOM"
     },
+    {
+        "url": "https://w3c.github.io/DOM-Parsing/",
+        "title": "DOM Parsing and Serialization"
+    },
     {
         "url": "https://encoding.spec.whatwg.org/",
         "title": "Encoding"

package-lock.json

@@ -16,7 +16,7 @@
     "jsdom": "^11.11.0",
     "node-fetch": "^2.1.1",
     "print-diff": "^0.1.1",
-    "typescript": "next",
+    "typescript": "^2.9.2",
     "webidl2": "^13.0.2"
   }
 }

package.json

@@ -54,7 +54,7 @@ async function fetchIDL(source: IDLSource) {
 }
 
 function processComments(dom: DocumentFragment) {
-    const elements = Array.from(dom.querySelectorAll("dl.domintro"));
+    const elements = dom.querySelectorAll("dl.domintro");
     if (!elements.length) {
         return undefined;
     }
@@ -72,6 +72,9 @@ function processComments(dom: DocumentFragment) {
             }
         }
     }
+    if (!Object.keys(result).length) {
+        return undefined;
+    }
     return JSON.stringify(result, undefined, 4);
 }