понимание событий Chrome, содержимого и файла приложения

Question

Раньше я работал с Chrome API, и сейчас я не могу вспомнить его функционирование.

Я просматривал свой код

В index.html для моего сайта я регистрирую файл app.js.

Внутри моего app.js У меня есть прослушиватель событий, который при щелчках отправляет сообщение.

  chrome.tabs.query({active: true, currentWindow:true}, function(tabs) {
 chrome.tabs.sendMessage(tabs[0].id, {todo: "swipeRight", rightSwipe: swipesV})

тогда в моем content.js файле

chrome.runtime.sendMessage({swipe: "swipeit"});


chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {

  //selecting elements from dom
   if (request.todo == "swipeRight") {
   //triggering things DOM 

и тогда у нас есть event.js file

chrome.runtime.onMessage.addListener(function(request, sender, senderResponse){
  if (request.swipe == "swipeit") {
chrome.tabs.query({active:true, currentWindow:true}, function(tabs) {
      chrome.pageAction.show(tabs[0].id);
    })
  }
})

Может кто-нибудь объяснить мне, как код работает или работает в целом?