WIP - Auto send users to origins they have set to go to. Fixes mozill…

…a#306
jonathanKingston · Mar 24, 2017 · c2d78c7 · c2d78c7
1 parent 9d5223c
commit c2d78c7
Show file tree

Hide file tree

Showing 6 changed files with 184 additions and 2 deletions.
diff --git a/webextension/background.js b/webextension/background.js
@@ -1,3 +1,88 @@
+const closeableWindows = new Set([
+  "about:newtab",
+  "about:home",
+  "about:blank"
+]);
+
+browser.contextMenus.create({
+  id: "open-in-this-container",
+  title: "Always Open in This Container",
+  contexts: ["all"],
+});
+
+function getUserContextIdFromCookieStore(cookieStore) {
+  const container = cookieStore.replace("firefox-container-", "");
+  if (container !== cookieStore) {
+    return container;
+  }
+  return false;
+}
+
+browser.runtime.onMessage.addListener((request) => {
+  if (request.neverAsk === true) {
+    storageArea.set({neverAsk: true});
+  }
+});
+
+const storagePrefix = "originContainerMap@@_";
+const storageArea = browser.storage.local;
+
+browser.contextMenus.onClicked.addListener((info, tab) => {
+  const pageUrl = new window.URL(info.pageUrl);
+  const userContextId = getUserContextIdFromCookieStore(tab.cookieStoreId);
+  // Mapping ${pageUrl.origin} to ${userContextId}
+  if (userContextId) {
+    const originStoreKey = `${storagePrefix}${pageUrl.origin}`;
+    storageArea.set({[originStoreKey]: userContextId});
+  }
+});
+
+browser.webRequest.onBeforeRequest.addListener((options) => {
+  if (options.frameId !== 0 || options.tabId === -1) {
+    return {};
+  }
+  const pageUrl = new window.URL(options.url);
+  const originStoreKey = `${storagePrefix}${pageUrl.origin}`;
+  return Promise.all([
+    browser.tabs.get(options.tabId),
+    storageArea.get([originStoreKey, "neverAsk"])
+  ]).then(([tab, storage]) => {
+    const userContextId = getUserContextIdFromCookieStore(tab.cookieStoreId);
+    let neverAsk = false;
+    if (!(originStoreKey in storage)) {
+      return;
+    }
+    if ("neverAsk" in storage) {
+      neverAsk = storage.neverAsk;
+    }
+    const mapUserContextId = storage[originStoreKey];
+    if (userContextId === mapUserContextId) {
+      return {};
+    }
+
+    loadOtherPage(options.url, mapUserContextId, tab.index, neverAsk);
+    // If the user just opened the tab, we can auto close it
+    if (closeableWindows.has(tab.url)) {
+      browser.tabs.remove(tab.id);
+    }
+    return {
+      cancel: true,
+    };
+  }).catch((e) => {
+    throw e;
+  });
+},{urls: ["<all_urls>"], types: ["main_frame"]}, ["blocking"]);
+
+
+function loadOtherPage(url, userContextId, index, neverAsk = false) {
+  const loadPage = browser.extension.getURL("confirm-page.html");
+  // If the user has explicitly checked "Never Ask Again" on the warning page we will send them straight there
+  if (neverAsk) {
+    browser.tabs.create({url, cookieStoreId: `firefox-container-${userContextId}`, index});
+  } else {
+    browser.tabs.create({url: `${loadPage}?url=${url}`, cookieStoreId: `firefox-container-${userContextId}`, index});
+  }
+}
 
 const themeManager = {
   existingTheme: null,

diff --git a/webextension/confirm-page.html b/webextension/confirm-page.html
@@ -0,0 +1,33 @@
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Containers confirm navigation</title>
+  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="chrome://browser/skin/aboutNetError.css" type="text/css" media="all" />
+  <link rel="stylesheet" href="/css/confirm-page.css" />
+</head>
+<body>
+  <main>
+    <div class="title">
+      <h1 class="title-text">Hey, we heard you liked containers!</h1>
+    </div>
+    <form id="redirect-form">
+      <p>
+        A page told us to open:
+      </p>
+      <div id="redirect-url"></div>
+      <p>
+        You asked for <span id="redirect-origin"></span> to always open in <span id="container-name">this</span> container, are you sure you want to confirm?<br />
+      </p>
+      <p>If you didn't mean to open this link or it looks suspicious don't open it.</p>
+      <br />
+      <label><input id="never-ask" type="checkbox" /> Never ask me this again</label>
+      <br />
+      <div class="button-container">
+        <button id="confirm" class="button primary">Take me there</button>
+      </div>
+    </form>
+  </main>
+
+  <script src="js/confirm-page.js"></script>
+</body>
+</html>
diff --git a/webextension/css/confirm-page.css b/webextension/css/confirm-page.css
@@ -0,0 +1,33 @@
+/* General Rules and Resets */
+.title {
+  background-image: none;
+}
+
+main {
+  background: url(/img/onboarding-1.png) no-repeat;
+  background-size: 285px;
+  margin-inline-start: -285px;
+  padding-inline-start: 285px;
+  background-position: -10px -15px;
+}
+
+@media only screen and (max-width: 1300px) {
+  main {
+    background: none;
+  }
+
+  /* for a mid sized window we have enough for this but not our image */
+  .title {
+    background-image: url("chrome://global/skin/icons/info.svg");
+  }
+}
+
+html {
+  box-sizing: border-box;
+  font: message-box;
+}
+
+#redirect-url,
+#redirect-origin {
+  font-weight: bold;
+}
diff --git a/webextension/css/popup.css b/webextension/css/popup.css
@@ -383,7 +383,7 @@ span ~ .panel-header-text {
 .panel-footer {
   align-items: center;
   background: #efefef;
-  block-size: 55px;
+  block-size: 54px;
   border-block-end: 1px solid #d8d8d8;
   color: #000;
   display: flex;

diff --git a/webextension/js/confirm-page.js b/webextension/js/confirm-page.js
@@ -0,0 +1,25 @@
+const redirectUrl = new URL(window.location).searchParams.get("url");
+document.getElementById("redirect-url").textContent = redirectUrl;
+const redirectOrigin = new URL(redirectUrl).origin;
+document.getElementById("redirect-origin").textContent = redirectOrigin;
+
+document.getElementById("redirect-form").addEventListener("submit", (e) => {
+  e.preventDefault();
+  const neverAsk = document.getElementById("never-ask").checked;
+  // Sending neverAsk message to background to store for next time we see this process
+  if (neverAsk) {
+    browser.runtime.sendMessage({
+      neverAsk: true
+    }).then(() => {
+      redirect();
+    }).catch(() => {
+      // Can't really do much here user will have to click it again
+    });
+  }
+  redirect();
+});
+
+function redirect() {
+  const redirectUrl = document.getElementById("redirect-url").textContent;
+  document.location.replace(redirectUrl);
+}
diff --git a/webextension/manifest.json b/webextension/manifest.json
@@ -19,8 +19,14 @@
   "homepage_url": "https://testpilot.firefox.com/",
 
   "permissions": [
+    "storage",
     "cookies",
-    "tabs"
+    "tabs",
+    "contextMenus",
+    "webRequestBlocking",
+    "webRequest",
+    "<all_urls>",
+    "activeTab"
   ],
 
   "browser_action": {