[Feat] New settings passwd UX & Config enc support

src/aura/ui/pages/configSubPages/preferences/settings/aura.js

@@ -1,3 +1,162 @@
+// @ts-check
+
+const functions = {
+  /**
+   *
+   * @param {"enc" | "update"} mode
+   * @param {SHA256EncryptedPassword | null} password
+   */
+  handleEnableConfigEncryption: async (mode, password) => {
+    let exiPassword = "";
+    if (!password) {
+      exiPassword =
+        global.__HUGO_AURA_CONFIG__.auraSettings.settingsPasswordWithSalt;
+    }
+
+    switch (mode) {
+      case "enc":
+        ipcRenderer.invoke("$aura.config.setConfigEncSettings", {
+          target: true,
+        });
+        global.ipcRenderer.invoke("$aura.config.dispatchConfigFromRenderer", {
+          data: JSON.stringify(global.__HUGO_AURA_CONFIG__),
+        });
+        global.__HUGO_AURA_CONFIG_MGR__.encryptConfig(
+          global.__HUGO_AURA_CONFIG__,
+          password ? password : exiPassword
+        );
+        global.__HUGO_AURA_CONFIG_MGR__.saveEncPassword(
+          password ? password : exiPassword
+        );
+        break;
+      case "update":
+        const result = global.__HUGO_AURA_CONFIG_MGR__.switchToDecConfig(
+          global.__HUGO_AURA_CONFIG__,
+          null
+        );
+        if (result.success) {
+          ipcRenderer.invoke("$aura.config.setConfigEncSettings", {
+            target: true,
+          });
+          global.ipcRenderer.invoke("$aura.config.dispatchConfigFromRenderer", {
+            data: JSON.stringify(global.__HUGO_AURA_CONFIG__),
+          });
+          global.__HUGO_AURA_CONFIG_MGR__.encryptConfig(
+            global.__HUGO_AURA_CONFIG__,
+            password ? password : exiPassword
+          );
+          global.__HUGO_AURA_CONFIG_MGR__.saveEncPassword(
+            password ? password : exiPassword
+          );
+        } else {
+          // TODO: Error handling
+        }
+        break;
+    }
+  },
+
+  /**
+   *
+   * @param {SHA256EncryptedPassword} password
+   */
+  handle2ndPasswordPrompt: async (password) => {
+    const acsDialogAreaEl = document.getElementsByClassName(
+      "aura-config-page-auth-dialog-area"
+    )[0];
+    const acpAppBarEl = document.getElementsByClassName(
+      "aura-config-page-header-area"
+    )[0];
+    const acpDialogTitleEl = document.getElementsByClassName(
+      "acp-auth-dialog-title"
+    )[0];
+    const acpDialogConfirmBtnEl = document.getElementsByClassName(
+      "acp-auth-confirm-btn"
+    )[0];
+    const acpDialogCancelBtnEl = document.getElementsByClassName(
+      "acp-auth-cancel-btn"
+    )[0];
+    // @ts-expect-error
+    acsDialogAreaEl.style = "";
+    acpDialogTitleEl.textContent = "请再次输入密码";
+    await window.__HUGO_AURA_GLOBAL__.utils.sleep(50);
+    acpAppBarEl.classList.add("color-reverse");
+    acsDialogAreaEl.classList.remove("acp-ada-hidden");
+
+    const showFailedAnimation = async (el) => {
+      el.classList.remove("invalid");
+      await window.__HUGO_AURA_GLOBAL__.utils.sleep(50);
+      el.classList.add("invalid"); // Custom Anim
+      el.classList.add("is-invalid"); // Bootstrap
+    };
+
+    let resolveFn = null;
+    const awaitCompletePromise = new Promise((resolve) => {
+      resolveFn = resolve;
+    });
+
+    const handleExit = async () => {
+      const result = await awaitCompletePromise;
+      console.debug(result);
+      if (result) {
+        console.debug("ret true");
+        return { valid: true };
+      } else {
+        console.debug("ret false");
+        const inputEl = document.getElementById("auraSettingsPasswd");
+        // @ts-expect-error
+        inputEl.value = "";
+        return { valid: false, hint: "未能验证密码, 请重试" };
+      }
+    };
+
+    const verifyPassword = async (_clickEvt) => {
+      const inputEl = document.getElementById("acp-auth-user-input");
+      const acpDialogTitleEl = document.getElementsByClassName(
+        "acp-auth-dialog-title"
+      )[0];
+      // @ts-expect-error
+      const userPasswdInput = inputEl.value;
+      if (!userPasswdInput) {
+        showFailedAnimation(inputEl);
+        acpDialogTitleEl.textContent = "密码不能为空";
+      }
+
+      const crypto = require("crypto");
+      const encPasswd = crypto
+        .createHash("sha512")
+        .update(userPasswdInput + "EndlessX")
+        .digest("hex")
+        .toUpperCase();
+
+      if (encPasswd === password) {
+        await global.__HUGO_AURA_UI_FUNCTIONS__.config.hideAndResetAuthDialog();
+
+        global.__HUGO_AURA_CONFIG__.auraSettings.settingsPasswordWithSalt =
+          password;
+        if (global.__HUGO_AURA_CONFIG__.auraSettings.encryptConfig) {
+          functions.handleEnableConfigEncryption("update", password);
+        }
+        if (resolveFn) resolveFn(true);
+        return;
+      } else {
+        showFailedAnimation(inputEl);
+        acpDialogTitleEl.textContent = "请再试一次";
+        return;
+      }
+    };
+
+    // @ts-expect-error
+    acpDialogConfirmBtnEl.onclick = verifyPassword;
+    // @ts-expect-error
+    acpDialogCancelBtnEl.onclick = (_evt) => {
+      if (resolveFn) resolveFn(false);
+      global.__HUGO_AURA_UI_FUNCTIONS__.config.handleNavBack();
+    };
+
+    return await handleExit();
+  },
+};
+
 const auraSettings = [
   {
     id: 0,
@@ -12,7 +171,7 @@ const auraSettings = [
         restart: false,
         reload: false,
         tip: true,
-        tipTitle: "在 0.1.1-beta 版本发布后, 启用访问密码将加密配置文件",
+        tipTitle: "启用访问密码将自动加密配置文件",
         associateVal: null,
         auraIf: () => true,
         defaultValue: false,
@@ -24,11 +183,58 @@ const auraSettings = [
           if (typeof newVal !== "boolean") return;
           global.__HUGO_AURA_CONFIG__.auraSettings.settingsPasswordEnabled =
             newVal;
-          // TODO: Trigger enc config
+          if (
+            newVal &&
+            global.__HUGO_AURA_CONFIG__.auraSettings.encryptConfig
+          ) {
+            functions.handleEnableConfigEncryption("enc", null);
+          } else if (
+            !newVal &&
+            global.__HUGO_AURA_CONFIG__.auraSettings.encryptConfig
+          ) {
+            global.__HUGO_AURA_CONFIG_MGR__.switchToDecConfig(
+              global.__HUGO_AURA_CONFIG__,
+              null
+            );
+          }
         },
       },
       {
         index: 1,
+        id: "enableConfigEncryption",
+        type: "switch",
+        name: "加密配置文件",
+        description: "启用后, 本地配置文件将加密保存",
+        restart: false,
+        reload: false,
+        tip: true,
+        tipTitle: "配置文件将以 AES-256-GCM 加密算法在本地保存",
+        warning: true,
+        warningContent: "这可能导致性能问题",
+        associateVal: ["auraSettings.settingsPasswordEnabled"],
+        auraIf: () => {
+          return global.__HUGO_AURA_CONFIG__.auraSettings
+            .settingsPasswordEnabled;
+        },
+        defaultValue: false,
+        valueGetter: () => {
+          return global.__HUGO_AURA_CONFIG__.auraSettings.encryptConfig;
+        },
+        callbackFn: (newVal) => {
+          if (typeof newVal !== "boolean") return;
+          global.__HUGO_AURA_CONFIG__.auraSettings.encryptConfig = newVal;
+          if (newVal) {
+            functions.handleEnableConfigEncryption("enc", null);
+          } else {
+            global.__HUGO_AURA_CONFIG_MGR__.switchToDecConfig(
+              global.__HUGO_AURA_CONFIG__,
+              null
+            );
+          }
+        },
+      },
+      {
+        index: 2,
         id: "auraSettingsPasswd",
         type: "input",
         subType: "password",
@@ -48,7 +254,7 @@ const auraSettings = [
         valueGetter: () => {
           return "";
         },
-        callbackFn: (newVal) => {
+        callbackFn: async (newVal) => {
           if (newVal === "" || !newVal) return { valid: true };
           if (newVal.length < 8)
             return { valid: false, hint: "请输入至少 8 位密码" };
@@ -74,9 +280,8 @@ const auraSettings = [
             .update(newVal + "EndlessX")
             .digest("hex")
             .toUpperCase();
-          global.__HUGO_AURA_CONFIG__.auraSettings.settingsPasswordWithSalt =
-            result;
-          return { valid: true };
+
+          return await functions.handle2ndPasswordPrompt(result);
         },
       },
     ],
@@ -84,31 +289,7 @@ const auraSettings = [
   {
     id: 1,
     categoryName: "外观",
-    child: [
-      {
-        index: 0,
-        id: "enablePasswdDialogBlur",
-        type: "switch",
-        name: "密码验证框毛玻璃效果",
-        description: "启用后, 密码验证时, 背景将具有毛玻璃效果",
-        restart: false,
-        reload: false,
-        warning: true,
-        warningContent: "不建议在较旧 (如 i5 8 代) 机型上开启, 可能导致性能问题",
-        associateVal: null,
-        auraIf: () => true,
-        defaultValue: true,
-        valueGetter: () => {
-          return global.__HUGO_AURA_CONFIG__.auraSettings.appearance
-            .enablePasswdDialogBlur;
-        },
-        callbackFn: (newVal) => {
-          if (typeof newVal !== "boolean") return;
-          global.__HUGO_AURA_CONFIG__.auraSettings.appearance.enablePasswdDialogBlur =
-            newVal;
-        },
-      },
-    ],
+    child: [],
   },
 ];