diff --git a/index.html b/index.html index 1400a55..002ecf2 100644 --- a/index.html +++ b/index.html @@ -1,133 +1,193 @@ - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + +
+
- -
- - -
- -
-
+
+ + +
+

Webxdc Status Update Tests

+
+ + Duplicated Status Updates Race Test + +
+
+ +
+ +
+ +
+
+
+
- -
- -
+ + +
+
+
+
- +
- - - - -
-
-

DNS Prefetch

-
-
-
-

Usage instructions:

-
    -
  1. - Navigate to - https://dig.pm/ - and click Get Sub Domain. -
    2. -
  2. Input the subdomain from Step 1.
    3. -
  3. Click all 3 of the buttons.
    4. -
  4. Click Get Results on https://dig.pm/.
    5. -
  5. Observe the DNS lookup record.
    6. -
-

- Also see - the audit - and - the blog post. -

-
-

You can also utilize Wireshark, then https://dig.pm/ is not needed.

- -
- -
- -
- -
- -
-
- -
-

Webxdc Status Update Tests

-
- - Duplicated Status Updates Race Test - -
+
+

webrtc-sidechannel iframe

+
+ +
- - +
+ -
- - + +
+
+

DNS Prefetch

+
+
+
+

Usage instructions:

+
    +
  1. + Navigate to + https://dig.pm/ + and click Get Sub Domain. +
    2. +
  2. Input the subdomain from Step 1.
    3. +
  3. Click all 3 of the buttons.
    4. +
  4. Click Get Results on https://dig.pm/.
    5. +
  5. Observe the DNS lookup record.
    6. +
+

+ Also see + the audit + and + the blog post. +

+
+

+ You can also utilize Wireshark, then https://dig.pm/ is not + needed. +

+ +
+ +
+ +
+ +
+ +
+
+ +
+
+
+
Webxdc
+
Web API
+
Sandboxing
+
+ + diff --git a/js/iframe.js b/js/iframe.js new file mode 100644 index 0000000..8262219 --- /dev/null +++ b/js/iframe.js @@ -0,0 +1,17 @@ +window.addEventListener("load", () => { + const ifrmExplain = h( + "p", + {}, + "iframe: should be blocked and not load https://delta.chat from Internet:" + ); + const ifrm = h("iframe", { src: "https://delta.chat" }); + ifrm.style.width = "100%"; + ifrm.style.height = "auto"; + + document + .getElementById("iframe-output") + .append( + createHeader("Loading website in iframe"), + h("div", { class: "container" }, ifrmExplain, ifrm) + ); +}); diff --git a/js/info.js b/js/info.js index 0f961eb..edef09b 100644 --- a/js/info.js +++ b/js/info.js @@ -2,8 +2,8 @@ window.addEventListener("load", () => { let container = h("div", {class: "container"}); // background is set to spot leading/trailing spaces errors - container.append(h("div", {}, "webxdc.selfName: ", h("span", {style: "background:#DDD;"}, webxdc.selfName))) - container.append(h("div", {}, "webxdc.selfAddr: ", h("span", {style: "background:#DDD;"}, webxdc.selfAddr))) + container.append(h("div", {}, "webxdc.selfName: ", h("span", {style: "background:#DDD;word-wrap: break-word;"}, webxdc.selfName))) + container.append(h("div", {}, "webxdc.selfAddr: ", h("span", {style: "background:#DDD;word-wrap: break-word;"}, webxdc.selfAddr))) container.append(h("div", {}, "webxdc.sendUpdateInterval: " + webxdc.sendUpdateInterval)) container.append(h("div", {}, "webxdc.sendUpdateMaxSize: " + webxdc.sendUpdateMaxSize)) diff --git a/js/links.js b/js/links.js index 5f0c49c..355ba0c 100644 --- a/js/links.js +++ b/js/links.js @@ -9,30 +9,7 @@ window.addEventListener("load", () => { h("li", {}, h("a", {href: "chrome://crash"}, "chrome://crash")), ); - let btn1 = h("button", {}, "info with deep-link to internal page, no notify"); - btn1.onclick = () => { - window.webxdc.sendUpdate({ payload: "", info: "open page.html", href: "page.html" }, ""); - }; - ul.append(h("li", {}, btn1)); - - let btn2 = h("button", {}, "info and notify all with deep-link to internal page"); - btn2.onclick = () => { - window.webxdc.sendUpdate({ payload: "", info: "open page.html", href: "page.html", notify: {"*": "notify page.html"} }, ""); - }; - ul.append(h("li", {}, btn2)); - - let btn3 = h("button", {}, "info and notify all with deep-link to #links-output section"); - btn3.onclick = () => { - window.webxdc.sendUpdate({ payload: "", info: "open #links-output", href: "index.html#links-output", notify: {"*": "notify #links-output"} }, ""); - }; - ul.append(h("li", {}, btn3)); - - const ifrmExplain = h("p", {}, "iframe: should be blocked and not load https://delta.chat from Internet:"); - const ifrm = h("iframe", {src: "https://delta.chat"}); - ifrm.style.width = "100%"; - ifrm.style.height = "auto"; - document.getElementById("links-output").append( - createHeader("Links"), h("div", {class: "container"}, ul, ifrmExplain, ifrm) + createHeader("Links"), h("div", {class: "container"}, ul) ); }); diff --git a/js/webxdc-notify.js b/js/webxdc-notify.js new file mode 100644 index 0000000..5e59cf9 --- /dev/null +++ b/js/webxdc-notify.js @@ -0,0 +1,25 @@ +window.addEventListener("load", () => { + let ul = h("ul"); + + let btn1 = h("button", {}, "info with deep-link to internal page, no notify"); + btn1.onclick = () => { + window.webxdc.sendUpdate({ payload: "", info: "open page.html", href: "page.html" }, ""); + }; + ul.append(h("li", {}, btn1)); + + let btn2 = h("button", {}, "info and notify all with deep-link to internal page"); + btn2.onclick = () => { + window.webxdc.sendUpdate({ payload: "", info: "open page.html", href: "page.html", notify: {"*": "notify page.html"} }, ""); + }; + ul.append(h("li", {}, btn2)); + + let btn3 = h("button", {}, "info and notify all with deep-link to #links-output section"); + btn3.onclick = () => { + window.webxdc.sendUpdate({ payload: "", info: "open #links-output", href: "index.html#links-output", notify: {"*": "notify #links-output"} }, ""); + }; + ul.append(h("li", {}, btn3)); + + document.getElementById("webxdc-notify-output").append( + createHeader("Webxdc Notify"), h("div", {class: "container"}, ul) + ); +}); diff --git a/styles.css b/styles.css index 879eb3e..d5db5f9 100644 --- a/styles.css +++ b/styles.css @@ -45,4 +45,48 @@ button { border-radius: 100%; display: inline-block; margin-right: 4px; +} + +html, body { + margin: 0; + padding: 0; +} + +body { + display: flex; + flex-direction: column; + height: 100vh; +} + +.pages { + overflow-y: scroll; + flex-grow: 1; +} + +.page { + margin: 10px; + display: none; +} + +.page.active { + display: block; +} + +.tabs { + display: flex; + background-color: white; + border-top: 1px solid gainsboro; + align-items: center; +} + +.tab { + flex-grow: 1; + height: 36px; + font-size: 1.3em; + text-align: center; + align-content: center; +} + +.tab.active { + background-color: lightgrey; } \ No newline at end of file