Ability to save resume and model

options/options.js

@@ -1 +1,44 @@
-import "../style.scss";
+import "../style.scss"
+import * as base64 from "../libs/base64.js"
+
+const saveOptions = async (saveEvent) => {
+    saveEvent.preventDefault()
+    if (document.querySelector("#resume").value !== "" && (await browser.storage.local.get("resume")).resume !== base64.utf8ToBase64(document.querySelector("#resume").value)) {
+        const LastEdited = new Date().toLocaleString()
+        browser.storage.local.set({
+            resume: base64.utf8ToBase64(document.querySelector("#resume").value),
+            lastEdited: LastEdited
+        })
+        document.querySelector("#resumeLastUpdated").textContent = `Last Edited: ${LastEdited}`
+    }
+
+    browser.storage.local.set({
+        model: document.querySelector("#mlModel").value
+    })
+}
+
+const restoreOptions = async () => {
+    const defaultModel = "Llama-3.2-1B-Instruct-q4f32_1-MLC"
+    try {
+        let resume = await browser.storage.local.get("resume")
+        if (resume.resume) {
+            document.querySelector("#resume").textContent = base64.base64ToUtf8(resume.resume)
+            let lastEdited = await browser.storage.local.get("lastEdited")
+            if (lastEdited.lastEdited) {
+                document.querySelector("#resumeLastUpdated").textContent = `Last Edited: ${lastEdited.lastEdited}`
+            }
+        }
+
+        let model = await browser.storage.local.get("model") || defaultModel
+        model = model === "" ? defaultModel : model
+        // document.querySelector("#mlModel").value = model
+        document.querySelectorAll("#mlModel.option").forEach((element) => {
+            element.selected = (element.value === model)
+        })
+    } catch (error) {
+        console.error("Error restoring options:", error)
+    }
+}
+
+document.addEventListener("DOMContentLoaded", restoreOptions)
+document.querySelector("form").addEventListener("submit", saveOptions)