From 9f28078fbc85dc10b06aaed5deb1c65f75e47e15 Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Thu, 15 Jun 2023 12:34:01 +0900
Subject: [PATCH] Waifu Mode-->Visual Novel Mode, add /vn toggle cmd

---
 public/index.html            |  2 +-
 public/scripts/power-user.js | 21 +++++++++++++--------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/public/index.html b/public/index.html
index 25695ae41..2dcddfc67 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2005,7 +2005,7 @@
                                 </label>
                                 <label for="waifuMode" class="checkbox_label">
                                     <input id="waifuMode" type="checkbox" />
-                                    <span data-i18n="Waifu Mode">♡ Waifu Mode ♡</span>
+                                    <span data-i18n="Waifu Mode">♡ Visual Novel Mode ♡</span>
                                 </label>
 
                                 <label for="messageTimerEnabled" class="checkbox_label">
diff --git a/public/scripts/power-user.js b/public/scripts/power-user.js
index a330d259b..d8e87d277 100644
--- a/public/scripts/power-user.js
+++ b/public/scripts/power-user.js
@@ -19,6 +19,8 @@ import {
     selected_group,
 } from "./group-chats.js";
 
+import { registerSlashCommand } from "./slash-commands.js";
+
 export {
     loadPowerUserSettings,
     collapseNewlines,
@@ -251,9 +253,12 @@ function switchUiMode() {
     $("#fast_ui_mode").prop("checked", power_user.fast_ui_mode);
 }
 
+function toggleWaifu() {
+    $("#waifuMode").trigger("click");
+}
+
 function switchWaifuMode() {
-    const waifuMode = localStorage.getItem(storage_keys.waifuMode);
-    power_user.waifuMode = waifuMode === null ? false : waifuMode == "true";
+    console.log(`switching waifu to ${power_user.waifuMode}`);
     $("body").toggleClass("waifuMode", power_user.waifuMode);
     $("#waifuMode").prop("checked", power_user.waifuMode);
     scrollChatToBottom();
@@ -457,7 +462,6 @@ applyAvatarStyle();
 applyBlurStrength();
 applyShadowWidth();
 applyChatDisplay();
-switchWaifuMode()
 switchMovingUI();
 noShadows();
 switchHotswap();
@@ -479,13 +483,11 @@ function loadPowerUserSettings(settings, data) {
 
     // These are still local storage
     const fastUi = localStorage.getItem(storage_keys.fast_ui_mode);
-    const waifuMode = localStorage.getItem(storage_keys.waifuMode);
     const movingUI = localStorage.getItem(storage_keys.movingUI);
     const noShadows = localStorage.getItem(storage_keys.noShadows);
     const hotswap = localStorage.getItem(storage_keys.hotswap_enabled);
     const timer = localStorage.getItem(storage_keys.timer_enabled);
     power_user.fast_ui_mode = fastUi === null ? true : fastUi == "true";
-    power_user.waifuMode = waifuMode === null ? false : waifuMode == "true";
     power_user.movingUI = movingUI === null ? false : movingUI == "true";
     power_user.noShadows = noShadows === null ? false : noShadows == "true";
     power_user.hotswap_enabled = hotswap === null ? true : hotswap == "true";
@@ -569,6 +571,7 @@ function loadPowerUserSettings(settings, data) {
     reloadMarkdownProcessor(power_user.render_formulas);
     loadInstructMode();
     loadMaxContextUnlocked();
+    switchWaifuMode();
 }
 
 function loadMaxContextUnlocked() {
@@ -952,9 +955,9 @@ $(document).ready(() => {
         switchUiMode();
     });
 
-    $("#waifuMode").change(function () {
-        power_user.waifuMode = $(this).prop("checked");
-        localStorage.setItem(storage_keys.waifuMode, power_user.waifuMode);
+    $("#waifuMode").on('change', () => {
+        power_user.waifuMode = $('#waifuMode').prop("checked");
+        saveSettingsDebounced();
         switchWaifuMode();
     });
 
@@ -1217,4 +1220,6 @@ $(document).ready(() => {
     $(window).on('blur', function () {
         browser_has_focus = false;
     });
+
+    registerSlashCommand('vn', toggleWaifu, ['vn'], ' – swaps Visual Novel Mode On/Off', true, true);
 });