add more comments

Author: semanticdata

src/js/background.js

@@ -1,3 +1,4 @@
+// Constant for sidebar toggle command name
 const sidebarToggle = "_execute_sidebar_action";
 
 // Update UI and set value of textbox
@@ -15,6 +16,8 @@ function openSidebar() {
   browser.sidebarAction.toggle();
 }
 
+// Listen for clicks on the browser action (toolbar icon)
 browser.browserAction.onClicked.addListener(openSidebar);
 
+// Initialize UI when DOM is ready
 document.addEventListener("DOMContentLoaded", updateUI);

src/js/tabnotes.js

@@ -1,24 +1,29 @@
 var timeoutId;
 const notes = document.getElementById("notes");
+// Add event listener for keyup to save notes automatically
 document.addEventListener("keyup", logKey);
 
+// Determine browser type and set appropriate browser object
 const browser_type = getBrowser();
 if (browser_type === "Chrome") {
   var browser_obj = chrome;
 } else {
   var browser_obj = browser;
 }
 
+// Listen for tab and window focus changes
 browser_obj.tabs.onActivated.addListener(tabOpen);
 browser_obj.windows.onFocusChanged.addListener(tabOpen);
 
+// Debounce the save operation to prevent too frequent storage updates
 function logKey(e) {
   clearTimeout(timeoutId);
   timeoutId = setTimeout(function () {
     saveToDB();
   }, 10);
 }
 
+// Detect browser type for compatibility
 function getBrowser() {
   if (typeof chrome !== "undefined") {
     if (typeof browser !== "undefined") {
@@ -31,6 +36,7 @@ function getBrowser() {
   }
 }
 
+// Save notes to browser's sync storage
 function saveToDB() {
   data = {
     tab_note: document.querySelector("#notes").value,
@@ -42,6 +48,7 @@ function saveToDB() {
   }
 }
 
+// Load notes when tab changes or window focuses
 function tabOpen(tab) {
   if (browser_type === "Chrome") {
     chrome.storage.sync.get(["tab_note"], function (result) {
@@ -58,6 +65,7 @@ function tabOpen(tab) {
   }
 }
 
+// Initialize notes when page loads
 window.addEventListener("load", () => {
   tabOpen();
 });