From e178b09a35d72a277608a5cad713090b57a1c669 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bryan=20Gald=C3=A1mez?= <josuegalre@gmail.com>
Date: Thu, 12 Sep 2024 21:26:51 -0600
Subject: [PATCH] feature(zenThemesImporter): write saved preferences to dom on
 startup

---
 src/ZenThemesImporter.mjs | 49 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 48 insertions(+), 1 deletion(-)

diff --git a/src/ZenThemesImporter.mjs b/src/ZenThemesImporter.mjs
index 257e2b1..a5fbe63 100644
--- a/src/ZenThemesImporter.mjs
+++ b/src/ZenThemesImporter.mjs
@@ -36,8 +36,9 @@ var gZenThemeImporter = new (class {
   constructor() {
     console.info('ZenThemeImporter: Initiating Zen theme importer');
     try {
-      window.SessionStore.promiseInitialized.then(() => {
+      window.SessionStore.promiseInitialized.then(async () => {
         this.insertStylesheet();
+        await this.writeToDom();
       });
       console.info('ZenThemeImporter: Zen theme imported');
     } catch (e) {
@@ -108,9 +109,55 @@ var gZenThemeImporter = new (class {
   async updateStylesheet() {
     this.removeStylesheet();
     await this.writeStylesheet();
+    await this.writeToDom();
     this.insertStylesheet();
   }
 
+  _getBrowser() {
+    if (!this.__browser) {
+      this.__browser = Services.wm.getMostRecentWindow("navigator:browser")
+    }
+
+    return this.__browser
+  }
+
+  async _getThemePreferences(theme) {
+    const themePath = PathUtils.join(this.getThemeFolder(theme), 'preferences.json');
+
+    if (!(await IOUtils.exists(themePath)) || !theme.preferences) {
+      return [];
+    }
+
+    return IOUtils.readJSON(themePath);
+  }
+
+  async writeToDom() {
+    const browser = this._getBrowser()
+
+    for (const theme of Object.values(await this.getThemes())) {
+      const themePreferences = (await this._getThemePreferences(theme)).filter(({ type }) => type === "dropdown")
+
+      for (const { property } of themePreferences) {
+        const value = Services.prefs.getStringPref(property, "")
+
+        if (value !== "") {
+          let element = browser.document.getElementById(theme.name)
+
+          if (!element) {
+            element = browser.document.createElement("div")
+
+            element.style.display = "none"
+            element.setAttribute("id", theme.name)
+
+            browser.document.body.appendChild(element)
+          }
+
+          element.setAttribute(property, value)
+        }
+      }
+    }
+  }
+
   async writeStylesheet() {
     const themes = [];
     this._themes = null;