implement per-video auto save

1 files changed, 23 insertions, 5 deletions

diff --git a/popup.js b/popup.js
index 649720a..60c2cfe 100644
--- a/popup.js
+++ b/popup.js
@@ -1,7 +1,10 @@
+// Dynamically detect the browser API
+const browserAPI = typeof browser !== 'undefined' ? browser : chrome;
+
 document.getElementById('activate').addEventListener('click', () => {
-    browser.tabs.query({ active: true, currentWindow: true }).then((tabs) => {
+    browserAPI.tabs.query({ active: true, currentWindow: true }, (tabs) => {
         if (tabs[0].url.includes('youtube.com/watch')) {
-            browser.scripting.executeScript({
+            browserAPI.scripting.executeScript({
                 target: { tabId: tabs[0].id },
                 files: ['content-script.js']
             });
@@ -11,10 +14,25 @@ document.getElementById('activate').addEventListener('click', () => {
 
 document.getElementById('offset').addEventListener('input', () => {
     const offset = parseInt(document.getElementById('offset').value, 10);
-    browser.tabs.query({ active: true, currentWindow: true }).then((tabs) => {
-        browser.tabs.sendMessage(tabs[0].id, { type: 'SET_OFFSET', offset: offset });
+    console.log(offset)
+    browserAPI.tabs.query({ active: true, currentWindow: true }, (tabs) => {
+        browserAPI.tabs.sendMessage(tabs[0].id, { type: 'SET_OFFSET', offset: offset });
         localStorage.setItem('offset', offset);
     });
 });
 
-localStorage.getItem('offset') !== null ? document.getElementById('offset').value = localStorage.getItem('offset') : document.getElementById('offset').value = 5;
\ No newline at end of file
+document.getElementById('autosave').addEventListener('input', () => {
+    const autosaveStatus = document.getElementById('autosave').checked;
+    browserAPI.tabs.query({ active: true, currentWindow: true }, (tabs) => {
+        browserAPI.tabs.sendMessage(tabs[0].id, { type: 'SET_AUTOSAVE', autosave: autosaveStatus });
+        localStorage.setItem('autosave', autosaveStatus);
+    });
+});
+
+localStorage.getItem('offset') !== null
+    ? document.getElementById('offset').value = localStorage.getItem('offset')
+    : document.getElementById('offset').value = 5;
+
+    localStorage.getItem('autosave') !== null
+        ? document.getElementById('autosave').checked = (localStorage.getItem('autosave') === 'true')
+        : document.getElementById('autosave').checked = true;