~cytrogen/masto-fe

ref: 9cde97cabcb3b1c40632950d681ac3d11218e164 masto-fe/public/embed.js -rw-r--r-- 1.6 KiB
9cde97ca — Cytrogen Merge PR #84: Confirmation dialogs 15 days ago
                                                                                
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
// @ts-check

(function () {
  "use strict";

  /**
   * @param {() => void} loaded
   */
  var ready = function (loaded) {
    if (document.readyState === "complete") {
      loaded();
    } else {
      document.addEventListener("readystatechange", function () {
        if (document.readyState === "complete") {
          loaded();
        }
      });
    }
  };

  ready(function () {
    /** @type {Map<number, HTMLIFrameElement>} */
    var iframes = new Map();

    window.addEventListener("message", function (e) {
      var data = e.data || {};

      if (typeof data !== "object" || data.type !== "setHeight" || !iframes.has(data.id)) {
        return;
      }

      var iframe = iframes.get(data.id);

      if ("source" in e && iframe.contentWindow !== e.source) {
        return;
      }

      iframe.height = data.height;
    });

    [].forEach.call(document.querySelectorAll("iframe.mastodon-embed"), function (iframe) {
      // select unique id for each iframe
      var id = 0, failCount = 0, idBuffer = new Uint32Array(1);
      while (id === 0 || iframes.has(id)) {
        id = crypto.getRandomValues(idBuffer)[0];
        failCount++;
        if (failCount > 100) {
          // give up and assign (easily guessable) unique number if getRandomValues is broken or no luck
          id = -(iframes.size + 1);
          break;
        }
      }

      iframes.set(id, iframe);

      iframe.scrolling = "no";
      iframe.style.overflow = "hidden";

      iframe.onload = function () {
        iframe.contentWindow.postMessage({
          type: "setHeight",
          id: id,
        }, "*");
      };

      iframe.onload();
    });
  });
})();