From 38f4b3f468b0f7e015d5173268f62798d195c03c Mon Sep 17 00:00:00 2001
From: Mike Z <misc.mikez@gmail.com>
Date: Sun, 23 Nov 2025 10:44:55 -0800
Subject: [PATCH] Add immersion-mode option

---
 js/options.js | 3 +++
 options.html  | 9 +++++++++
 2 files changed, 12 insertions(+)

diff --git a/js/options.js b/js/options.js
index a956bc1..8b540d1 100644
--- a/js/options.js
+++ b/js/options.js
@@ -10,6 +10,7 @@ const ankiConnectStatusCheckButton = document.getElementById('check-anki-connect
 const ankiConnectKeyInput = document.getElementById('anki-connect-key');
 
 const popoverDelayField = document.getElementById('popover-delay');
+const immersionModeCheckbox = document.getElementById('immersion-mode');
 
 integrationsForm.addEventListener('submit', function (e) {
     e.preventDefault();
@@ -21,6 +22,7 @@ integrationsForm.addEventListener('submit', function (e) {
     };
     const nonsensitiveData = {
         'popoverDelay': parseInt(popoverDelayField.value),
+        'immersionMode': immersionModeCheckbox.checked,
     };
 
     Promise.all([
@@ -50,6 +52,7 @@ chrome.storage.session.get().then(items => {
 
 chrome.storage.sync.get().then(items => {
     popoverDelayField.value = items.popoverDelay || 500;
+    immersionModeCheckbox.checked = items.immersionMode || false;
 })
 
 async function renderAnkiConnectStatus() {
diff --git a/options.html b/options.html
index 679f290..66762a8 100644
--- a/options.html
+++ b/options.html
@@ -86,6 +86,15 @@ <h2>Popover Settings</h2>
                 </label>
             </p>
         </div>
+        <div>
+            <h2>Immersion Mode</h2>
+            <p>
+                <label>
+                    <input type="checkbox" name="immersion-mode" id="immersion-mode" />
+                    Enable Immersion Mode
+                </label>
+            </p>
+        </div>
         <!-- i know i shouldn't -->
         <div style="text-align:center">
             <input class="chineselearningextension-button" type="submit" />