livemarks/pages/subscribe/subscribe.js at 9c5233c82aa2f7c8bac348a08ff52881b00c4f95 · nt1m/livemarks · GitHub

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
85
86
87
88
89
"use strict";

/* import-globals-from ../reader/reader.js */
/* import-globals-from ../../shared/i18n.js */

window.addEventListener("load", function() {
  main();
});

async function setPreviewContent(html) {
  // Normal loading just requires links to the css and the js file.
  const frame = document.createElement("iframe");
  frame.classList.add("grow");
  // DANGER! The next line is security critical for this extension!
  // Without this sandbox, malicious feeds can trivially exploit us.
  frame.sandbox = "allow-popups allow-popups-to-escape-sandbox";

  const sheetUrl = chrome.extension.getURL("pages/reader/reader.css");
  const response = await fetch(sheetUrl);
  const text = await response.text();

  frame.srcdoc = `<html>
  <head>
    <meta charset="utf-8">
    <base target="_blank">
    <style type="text/css">${text}</style>
  </head>
  <body>
    ${html}
  </body>
  </html>`;

  document.getElementById("preview").append(frame);
}

/**
* The main function. fetches the feed data.
*/
async function main() {
  const queryString = location.search.substring(1).split("&");
  const feedUrl = decodeURIComponent(queryString[0]);

  document.querySelector("#feed-url").value = feedUrl;
  document.querySelector("#feed-url").addEventListener("focus", (event) => {
    event.target.select();
    document.execCommand("copy");
  });

  const viewSourceBtn = document.querySelector("#view-source-button");
  viewSourceBtn.href = "view-source:" + feedUrl;

  try {
    const feed = await browser.runtime.sendMessage({
      msg: "get-feed",
      feedUrl
    });

    const {title, description, url: siteUrl, items} = feed;
    if (items.length == 0) {
      setPreviewContent(`<main id=\"error\">
                        ${I18N.getMessage("subscribe_noEntriesFound")}
                        </main>`);
      return;
    }

    document.title = title;
    document.querySelector("#title").textContent = title;
    if (description) {
      document.querySelector("#description").textContent = description;
    }

    document.querySelector("#subscribe-button").addEventListener("click", async () => {
      const folderTitle = await browser.runtime.sendMessage({
        msg: "subscribe",
        title,
        feedUrl,
        siteUrl
      });
      alert(I18N.getMessage("subscribe_subscribed", folderTitle));
    });

    setPreviewContent(`<main>${getPreviewHTML(feed)}</main>`);
  } catch (e) {
    console.log(e);
    setPreviewContent(`<main id=\"error\">
                      ${I18N.getMessage("subscribe_failedToFetchFeed")}
                      </main>`);
  }
}