background.js

// First event

// If you define default_popup in manifest, you cannot use chrome.browserAction.onClicked.addListener method,
// it will throw error
// chrome.browserAction.onClicked.addListener(buttonClicked);

// function buttonClicked() {
//   console.log("button is clicked in buttonclicked handler");
// }

// You can send the message from all the tab or unique tab using

// let msg: {
//   txt: "hello"
// }

// chrome.tabs.sendMessage(tab.id, msg)

chrome.runtime.onInstalled.addListener(function () {
  chrome.storage.sync.set({ color: "#3aa757" }, function () {
    console.log("The color is green.");
  });

  chrome.declarativeContent.onPageChanged.removeRules(undefined, function () {
    chrome.declarativeContent.onPageChanged.addRules([
      {
        conditions: [
          new chrome.declarativeContent.PageStateMatcher({
            pageUrl: { hostEquals: "developer.chrome.com" },
          }),
        ],
        actions: [new chrome.declarativeContent.ShowPageAction()],
      },
    ]);
  });

  chrome.runtime.onMessage.addListener(function (message, sender, callback) {
    console.log("sender", sender);
    console.log("message", message);

    // Checking communication between background and popup

    if (message.type === "trigger_redirection_tosuspended_page") {
      // I need to create the redirection link for the
      const { tab } = sender;

      // FOr not i have to give some amount of timeout to show notification
      setTimeout(() => {
        chrome.tabs.update(tab.id, {
          url: chrome.runtime.getURL(
            `pages/suspendedpage.html?url=${tab.url}&title=${tab.title}`
          ),
        });
      }, 4000);

      var opt = {
        iconUrl: "images/get_started32.png",
        type: "list",
        title: "Primary Title",
        message: "Primary message to display",
        priority: 1,
        items: [
          { title: "Item1", message: "This is item 1." },
          { title: "Item2", message: "This is item 2." },
          { title: "Item3", message: "This is item 3." },
        ],
      };
      chrome.notifications.create(`${Math.random()}`, opt, function callback() {
        console.log("created!");
        console.log("Last error:", chrome.runtime.lastError);
      });
    }
    if (message == "reload") {
      chrome.tabs.executeScript({
        code: 'document.body.style.backgroundColor="orange"',
      });
    }
  });

  chrome.runtime.onMessage.addListener(function (
    request,
    sender,
    sendResponse
  ) {
    if (request.msg === "something_completed") {
      //  To do something
      console.log(request.data.subject);
      console.log(request.data.content);

      chrome.runtime.sendMessage({
        msg: "something_completed",
        data: {
          subject: "Loading",
          content: "Just completed!",
        },
      });
    }
  });

  // chrome.runtime.onInstalled.addListener(function () {
  //   chrome.contextMenus.create({
  //     id: "sampleContextMenu",
  //     title: "Sample Context Menu",
  //     contexts: ["selection"],
  //   });
  // });

  chrome.contextMenus.create({
    id: "sampleContextMenu",
    title: "Sample Context Menu",
    contexts: ["selection"], // only show context menu on selection
  });

  // You can have more options to add the context menus. check the documentation  for
  // chrome.contextMenus

  chrome.contextMenus.onClicked.addListener(() => {
    console.log("context menu clicked");
  });

  // This will run when a bookmark is created. need permission
  // chrome.bookmarks.onCreated.addListener(function () {
  //   // do something
  // });
});

// chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
//   console.log(
//     sender.tab
//       ? "from a content script:" + sender.tab.url
//       : "from the extension"
//   );
//   if (request.greeting == "hello") sendResponse({ farewell: "goodbye" });
// });

// Do not register listeners asynchronously