cookie-dialog-monster/scripts/popup.js

/**
 * @constant chromeUrl
 * @description Chrome Web Store link
 * @type {string}
 */

const chromeUrl =
  "https://chrome.google.com/webstore/detail/do-not-consent/djcbfpkdhdkaflcigibkbpboflaplabg";

/**
 * @constant dispatch
 * @description Shortcut to send messages to background script
 * @type {void}
 */

const dispatch = chrome.runtime.sendMessage;

/**
 * @constant firefoxUrl
 * @description Firefox Add-ons link
 * @type {string}
 */

const firefoxUrl =
  "https://addons.mozilla.org/es/firefox/addon/do-not-consent/";

/**
 * @constant isChromium
 * @description Is current browser an instance of Chromium?
 * @type {boolean}
 */

const isChromium = chrome.runtime.getURL("").startsWith("chrome-extension://");

/**
 * @function handlePowerChange
 * @description Disables or enables extension on current page
 */

const handlePowerChange = () => {
  dispatch({ type: "GET_TAB" }, null, ({ hostname, id }) => {
    dispatch({ hostname, type: "GET_CACHE" }, null, ({ enabled }) => {
      const power = document.getElementById("power");

      dispatch({
        hostname,
        state: { enabled: !enabled },
        type: "UPDATE_CACHE",
      });
      dispatch({
        type: !enabled === true ? "ENABLE_ICON" : "DISABLE_ICON",
      });
      if (!enabled === false) power.removeAttribute("checked");
      if (!enabled === true) power.setAttribute("checked", "checked");
      chrome.tabs.reload(id, { bypassCache: true });
    });
  });
};

/**
 * @function handleReload
 * @description Reload current page
 */

const handleReload = () => {
  dispatch({ type: "GET_TAB" }, null, ({ id }) => {
    chrome.tabs.reload(id, { bypassCache: true });
  });
};

/**
 * @function handleRate
 * @description Shows negative or positive messages
 *
 * @param {MouseEvent} event
 */

const handleRate = (event) => {
  const negative = document.getElementById("negative");
  const positive = document.getElementById("positive");

  switch (event.currentTarget.id) {
    case "unlike":
      positive.setAttribute("hidden", "true");
      negative.removeAttribute("hidden");
      break;
    case "like":
      negative.setAttribute("hidden", "true");
      positive.removeAttribute("hidden");
      break;
    default:
      break;
  }
};

/**
 * @function handleContentLoaded
 * @description Setup stars handlers and result message links
 */

const handleContentLoaded = () => {
  dispatch({ type: "GET_TAB" }, null, ({ hostname, id }) => {
    dispatch({ hostname, type: "GET_CACHE" }, null, ({ enabled }) => {
      const host = document.getElementById("host");
      const like = document.getElementById("like");
      const power = document.getElementById("power");
      const reload = document.getElementById("reload");
      const store = document.getElementById("store");
      const unlike = document.getElementById("unlike");

      like.addEventListener("click", handleRate);
      power.addEventListener("change", handlePowerChange);
      reload.addEventListener("click", handleReload);
      store.setAttribute("href", isChromium ? chromeUrl : firefoxUrl);
      unlike.addEventListener("click", handleRate);
      if (location) host.innerText = hostname.replace("www.", "");
      if (!enabled) power.removeAttribute("checked");
    });
  });
};

/**
 * @description Listen to document ready
 *
 * @type {Document}
 * @listens document#ready
 */

document.addEventListener("DOMContentLoaded", handleContentLoaded);