From bbeae845b702727f0ffaf3e49c85ed9bc0f971ab Mon Sep 17 00:00:00 2001
From: sameerasw <sameera.whoami@gmail.com>
Date: Wed, 5 Mar 2025 17:55:45 +0530
Subject: Wildcards for forcing theme on unthemed websites

---
 popup/popup.html |  9 ++++++++-
 popup/popup.js   | 21 +++++++++++++++++++--
 2 files changed, 27 insertions(+), 3 deletions(-)

(limited to 'popup')

diff --git a/popup/popup.html b/popup/popup.html
index 1dda5cd..4848306 100644
--- a/popup/popup.html
+++ b/popup/popup.html
@@ -57,10 +57,17 @@
         </label>
         <span class="toggle-label">Auto Update Styles</span>
       </div>
+      <div class="toggle-container">
+        <label class="toggle-switch">
+          <input type="checkbox" id="force-styling">
+          <span class="slider round"></span>
+        </label>
+        <span class="toggle-label">Force Styling</span>
+      </div>
       <div id="last-fetched-time" class="last-fetched-time"></div>
 
     </main>
-    
+
 
     <footer class="app-footer">
       <a href="https://sameerasw.github.io/my-internet/" class="footer-link" target="_blank">
diff --git a/popup/popup.js b/popup/popup.js
index 1882573..23f18fb 100644
--- a/popup/popup.js
+++ b/popup/popup.js
@@ -11,6 +11,7 @@ new (class ExtensionPopup {
   currentSiteHostname = "";
   autoUpdateSwitch = document.getElementById("auto-update");
   lastFetchedTime = document.getElementById("last-fetched-time");
+  forceStylingSwitch = document.getElementById("force-styling");
 
   constructor() {
     if (logging) console.log("Initializing ExtensionPopup");
@@ -28,6 +29,10 @@ new (class ExtensionPopup {
       "change",
       this.saveSettings.bind(this)
     );
+    this.forceStylingSwitch.addEventListener(
+      "change",
+      this.saveSettings.bind(this)
+    );
 
     // Setup auto-update and display last fetched time
     this.setupAutoUpdate();
@@ -74,6 +79,7 @@ new (class ExtensionPopup {
     this.enableStylingSwitch.checked =
       this.globalSettings.enableStyling ?? true;
     this.autoUpdateSwitch.checked = this.globalSettings.autoUpdate ?? false;
+    this.forceStylingSwitch.checked = this.globalSettings.forceStyling ?? false;
     this.loadCurrentSiteFeatures();
   }
 
@@ -87,6 +93,7 @@ new (class ExtensionPopup {
       enableStyling: true,
       autoUpdate: false,
       lastFetchedTime: null,
+      forceStyling: false,
     };
 
     // Load site-specific settings if on a specific site
@@ -103,6 +110,7 @@ new (class ExtensionPopup {
     // Save global settings
     this.globalSettings.enableStyling = this.enableStylingSwitch.checked;
     this.globalSettings.autoUpdate = this.autoUpdateSwitch.checked;
+    this.globalSettings.forceStyling = this.forceStylingSwitch.checked;
 
     browser.storage.local
       .set({
@@ -150,11 +158,17 @@ new (class ExtensionPopup {
 
       this.currentSiteFeatures.innerHTML = "";
 
-      const currentSiteKey = Object.keys(styles).find((site) =>
+      let currentSiteKey = Object.keys(styles).find((site) =>
         this.isCurrentSite(site.replace(".css", ""))
       );
 
-      if (!currentSiteKey) {
+      if (!currentSiteKey && this.globalSettings.forceStyling) {
+        currentSiteKey = Object.keys(styles).find(
+          (site) => site === "example.com.css"
+        );
+      }
+
+      if (!currentSiteKey || currentSiteKey === "example.com.css") {
         const requestThemeButton = document.createElement("button");
         requestThemeButton.className = "action-button primary";
         requestThemeButton.innerHTML = `Request Theme for ${this.currentSiteHostname}`;
@@ -164,6 +178,9 @@ new (class ExtensionPopup {
         });
 
         this.currentSiteFeatures.appendChild(requestThemeButton);
+      }
+
+      if (!currentSiteKey) {
         return;
       }
 
-- 
cgit v1.2.3