YouHaveTrouble/HmmAI
1
0
Fork 0
mirror of https://github.com/YouHaveTrouble/HmmAI.git synced 2026-05-11 22:06:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix options not saving between refreshes

Browse Source 
improved options handling
This commit is contained in:
YouHaveTrouble
2026-03-08 13:28:09 +01:00
parent e805b99192
commit ee0e9a8b13
1 changed files with 27 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/index.astro
+28 -15
View File
@@ -53,14 +53,14 @@ const description = "An AI that responds with 'Huh'.";
<span>Advanced responses (highly experimental)</span>
<input
type="checkbox"
name="advanced-responses"
name="advancedResponses"
/>
</label>
<label>
<span>Thinking mode (Solves impossible problems)</span>
<input
type="checkbox"
name="thinking-mode"
name="thinkingMode"
/>
</label>
</div>
@@ -87,11 +87,11 @@ const description = "An AI that responds with 'Huh'.";
const messageTemplate = document.querySelector("#message-template") as HTMLTemplateElement | null;
const optionsContainer = document.querySelector(".options");
const advancedResponsesCheckbox = optionsContainer?.querySelector('input[name="advanced-responses"]') as HTMLInputElement | null;
const advancedResponsesCheckbox = optionsContainer?.querySelector('input[name="advancedResponses"]') as HTMLInputElement | null;
advancedResponsesCheckbox?.addEventListener("change", () => {
toggleAdvancedResponses(advancedResponsesCheckbox.checked);
});
const thinkingModeCheckbox = optionsContainer?.querySelector('input[name="thinking-mode"]') as HTMLInputElement | null;
const thinkingModeCheckbox = optionsContainer?.querySelector('input[name="thinkingMode"]') as HTMLInputElement | null;
thinkingModeCheckbox?.addEventListener("change", () => {
toggleThinkingMode(thinkingModeCheckbox.checked);
});
@@ -101,9 +101,7 @@ const description = "An AI that responds with 'Huh'.";
thinkingMode: false
};
const options = getOptions();
toggleAdvancedResponses(options.advancedResponses)
toggleThinkingMode(options.thinkingMode)
const options = initOptions();
messageInput?.addEventListener("input", () => {
if (!sendButton) return;
@@ -184,19 +182,34 @@ const description = "An AI that responds with 'Huh'.";
}
function toggleAdvancedResponses(enabled: boolean) {
const advancedResponsesCheckbox = document.querySelector('.options input[name="advanced-responses"]') as HTMLInputElement | null;
if (!advancedResponsesCheckbox) return;
options["advancedResponses"] = advancedResponsesCheckbox.checked;
advancedResponsesCheckbox.checked = options.advancedResponses;
options["advancedResponses"] = enabled;
saveOptions();
const advancedResponsesCheckbox = document.querySelector('.options input[name="advancedResponses"]') as HTMLInputElement | null;
if (!advancedResponsesCheckbox) return;
advancedResponsesCheckbox.checked = options.advancedResponses;
}
function toggleThinkingMode(enabled: boolean) {
const checkbox = document.querySelector('.options input[name="thinking-mode"]') as HTMLInputElement | null;
if (!checkbox) return;
options["thinkingMode"] = checkbox.checked;
checkbox.checked = options.thinkingMode;
options["thinkingMode"] = enabled;
saveOptions();
const checkbox = document.querySelector('.options input[name="thinkingMode"]') as HTMLInputElement | null;
if (!checkbox) return;
checkbox.checked = options.thinkingMode;
}
/**
* Initializes the options UI based on the saved options.
*/
function initOptions() {
const options = getOptions();
for (const key in options) {
const value = options[key];
if (typeof value === "boolean") {
const checkbox = document.querySelector(`.options input[name="${key}"]`) as HTMLInputElement | null;
if (checkbox) checkbox.checked = value;
}
}
return options;
}
</script>