summaryrefslogtreecommitdiffstats
path: root/browser/extensions/webcompat/shims/live-test-shim.js
blob: 552020820ff0d7df7e6667f8a05e309df75dd76a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

/* globals browser */

if (!window.LiveTestShimPromise) {
  const originalUrl = document.currentScript.src;

  const shimId = "LiveTestShim";

  const sendMessageToAddon = (function() {
    const pendingMessages = new Map();
    const channel = new MessageChannel();
    channel.port1.onerror = console.error;
    channel.port1.onmessage = event => {
      const { messageId, response } = event.data;
      const resolve = pendingMessages.get(messageId);
      if (resolve) {
        pendingMessages.delete(messageId);
        resolve(response);
      }
    };
    function reconnect() {
      const detail = {
        pendingMessages: [...pendingMessages.values()],
        port: channel.port2,
        shimId,
      };
      window.dispatchEvent(new CustomEvent("ShimConnects", { detail }));
    }
    window.addEventListener("ShimHelperReady", reconnect);
    reconnect();
    return function(message) {
      const messageId =
        Math.random()
          .toString(36)
          .substring(2) + Date.now().toString(36);
      return new Promise(resolve => {
        const payload = {
          message,
          messageId,
          shimId,
        };
        pendingMessages.set(messageId, resolve);
        channel.port1.postMessage(payload);
      });
    };
  })();

  async function go(options) {
    try {
      const o = document.getElementById("shims");
      const cl = o.classList;
      cl.remove("red");
      cl.add("green");
      o.innerText = JSON.stringify(options || "");
    } catch (_) {}

    if (window !== top) {
      return;
    }

    await sendMessageToAddon("optIn");

    const s = document.createElement("script");
    s.src = originalUrl;
    document.head.appendChild(s);
  }

  window[`${shimId}Promise`] = sendMessageToAddon("getOptions").then(
    options => {
      if (document.readyState !== "loading") {
        go(options);
      } else {
        window.addEventListener("DOMContentLoaded", () => {
          go(options);
        });
      }
    }
  );
}