background.js

// let currentTab;
// let currentTabId;
let injected = false; // set to true after first time code injection

// Retrieve the action badge to check if the extension is 'ON' or 'OFF'
let prevState;
// Next state will always be the opposite
let nextState;

// function getCurrentTab() {
//   chrome.tabs.query({ currentWindow: true, active: true }, function (tabs) {
//     console.log(tabs[0]);
//     currentTabId = tabs[0].id;
//   });
// }

// Set the action badge to the next state
async function setBadgeState(tab) {
  await chrome.action.setBadgeText({
    tabId: tab.id,
    text: nextState,
  });
}

// state ON
function stateOn(tab) {
  console.log(`is injected: ${injected}`);

  if (!injected) {
    chrome.scripting
      .executeScript({
        target: { tabId: tab.id },
        files: ["util.js"],
      })
      .then(() => {
        console.log("injected util.js");
        injected = true;
      });
  } else {
    console.log("already injected util.js");
  }
}

// function stateOff(tab){
//   // no code yet
// }

// send nextState to util.js
async function sendNextState(tab) {
  const response = await chrome.tabs.sendMessage(tab.id, {
    status: nextState,
  });

  // do something with response here, not outside the function
  console.log(response);
}

// luister naar de status van de badge (onclick)
function onClickAddListener() {
  chrome.action.onClicked.addListener(async (tab) => {
    // Retrieve the action badge to check if the extension is 'ON' or 'OFF'
    prevState = await chrome.action.getBadgeText({ tabId: tab.id });
    // Next state will always be the opposite
    nextState = prevState === "ON" ? "OFF" : "ON";

    setBadgeState(tab);

    nextState === "ON" && stateOn(tab);
    // nextState === "OFF" && stateOff(tab);

    sendNextState(tab);
  });
}

// zet de initiele status op de badge
function onInstalledAddListener() {
  chrome.runtime.onInstalled.addListener(() => {
    chrome.action.setBadgeText({
      text: "OFF",
    });
  });
}

// MAIN CODE ===============
if (!injected) {
  // listeners are added once
  onClickAddListener();
  onInstalledAddListener();
}