Merge pull request #114 from paulmeyer90/addreporttypeexamples

Add examples to report types.

Author: paulmeyer90

EXPLAINER.md

@@ -47,7 +47,7 @@ Deprecations are reports indicating that a browser API or feature has been used
     "id": "websql", 
     "anticipatedRemoval": "1/1/2020", 
     "message": "WebSQL is deprecated and will be removed in Chrome 97 around January 2020",
-    "sourceFile": "https://foo.com/index.js",
+    "sourceFile": "https://example.com/index.js",
     "lineNumber": 1234,
     "columnNumber": 42
   }
@@ -73,7 +73,7 @@ An [intervention](https://github.com/WICG/interventions/blob/master/README.md) o
   "body": {
     "id": "audio-no-gesture", 
     "message": "A request to play audio was blocked because it was not triggered by user activation (such as a click).",
-    "sourceFile": "https://foo.com/index.js",
+    "sourceFile": "https://example.com/index.js",
     "lineNumber": 1234,
     "columnNumber": 42
   }

index.src.html

@@ -1187,6 +1187,25 @@ <h3 id="deprecation-report">Deprecation</h3>
       number in [=DeprecationReportBody/sourceFile=] where the indicated API
       was first used, or null otherwise.
 
+  <div class="example">
+  <pre>
+  {
+    "type": "deprecation",
+    "age": 27,
+    "url": "https://example.com/",
+    "user_agent": "Mozilla/5.0 (X11; Linux x86_64; rv:60.0) Gecko/20100101 Firefox/60.0",
+    "body": {
+      "id": "websql",
+      "anticipatedRemoval": "1/1/2020",
+      "message": "WebSQL is deprecated and will be removed in Chrome 97 around January 2020",
+      "sourceFile": "https://example.com/index.js",
+      "lineNumber": 1234,
+      "columnNumber": 42
+    }
+  }
+  </pre>
+  </div>
+
   <h3 id="intervention-report">Intervention</h3>
 
   <dfn>Intervention reports</dfn> indicate that a user agent has decided not to
@@ -1214,8 +1233,8 @@ <h3 id="intervention-report">Intervention</h3>
   {{InterventionReportBody}}, contains the following fields:
 
     - <dfn for="InterventionReportBody">id</dfn>: an implementation-defined
-      string identifying the specific intervention that occurred. This string can
-      be used for grouping and counting related reports.
+      string identifying the specific intervention that occurred. This string
+      can be used for grouping and counting related reports.
 
     - <dfn for="InterventionReportBody">message</dfn>: A human-readable string
       with details typically matching what would be displayed on the developer
@@ -1234,6 +1253,22 @@ <h3 id="intervention-report">Intervention</h3>
       column number in [=InterventionReportBody/sourceFile=] of the offending
       behavior (which prompted the intervention), or null otherwise.
 
+  <div class="example">
+  <pre>
+  {
+    "type": "intervention",
+    "age": 27,
+    "url": "https://example.com/",
+    "body": {
+      "id": "audio-no-gesture",
+      "message": "A request to play audio was blocked because it was not triggered by user activation (such as a click).",
+      "sourceFile": "https://example.com/index.js",
+      "lineNumber": 1234,
+      "columnNumber": 42
+    }
+  }
+  </pre>
+  </div>
 </section>
 
 <section>