feat: explicitly track Pro Search state

Author: pnd280

docs/changelog.md

@@ -10,6 +10,8 @@ Consider giving a star ⭐ on [Github](https://github.com/pnd280/complexity).
 
 _Release date: 21th Sep, 2024_
 
+-   **NEW** | **EXPERIMENTAL**: Explicitly keep track of the Pro Search state (Prevent auto-toggling off).
+
 -   **FIX**: Fixed infinte initializing loop.
 -   **FIX**: Fixed the Rewrite dropdown (Thread Message Sticky Toolbar) - html structure changed.
 

src/content-script/index.ts

@@ -51,6 +51,8 @@ function initUiUxTweaks() {
     UiTweaks.applySettingsAsHTMLAttrs(location);
 
     UxTweaks.dropFileWithinThread(location);
+
+    UxTweaks.trackProSearchState();
   };
 
   observe(window.location.href);

src/cplx-user-settings/CplxUserSettings.ts

@@ -14,6 +14,7 @@ export default class CplxUserSettings {
     isFirstVisit: true,
     customTheme: {},
     defaultFocusMode: "internet",
+    defaultProSearchState: false,
     generalSettings: {
       queryBoxSelectors: {
         focus: false,
@@ -34,6 +35,7 @@ export default class CplxUserSettings {
         noFileCreationOnPaste: false,
         fileDropableThreadWrapper: false,
         autoGenerateThreadTitle: false,
+        trackProSearchState: false,
       },
       visualTweaks: {
         collapseEmptyThreadVisualColumns: false,

src/cplx-user-settings/GeneralSettings.ts

@@ -103,6 +103,15 @@ export default class GeneralSettings {
       description: "Treat the whole page as a dropzone for file uploads.",
       versionRelease: "0.0.1.0",
     },
+    {
+      id: "track-pro-search-state",
+      label: "Track pro search state",
+      settingKey: "trackProSearchState",
+      description:
+        "Explicitly keep track of the Pro Search state (Prevent auto-toggling off).",
+      versionRelease: "0.0.4.0",
+      experimental: true,
+    },
   ];
 
   static visualTweaks: PopupSetting<

src/cplx-user-settings/types/cplx-user-settings.types.ts

@@ -19,6 +19,7 @@ export const cplxUserSettingsSchema = z.object({
   schemaVersion: z.literal(packageData.version),
   isFirstVisit: z.boolean(),
   defaultFocusMode: WebAccessFocusSchema.nullable(),
+  defaultProSearchState: z.boolean(),
   generalSettings: z.object({
     queryBoxSelectors: z.object({
       focus: z.boolean(),
@@ -39,6 +40,7 @@ export const cplxUserSettingsSchema = z.object({
       noFileCreationOnPaste: z.boolean(),
       fileDropableThreadWrapper: z.boolean(),
       autoGenerateThreadTitle: z.boolean(),
+      trackProSearchState: z.boolean(),
     }),
     visualTweaks: z.object({
       collapseEmptyThreadVisualColumns: z.boolean(),

src/utils/UxTweaks.ts

@@ -1,6 +1,8 @@
 import { throttle } from "lodash-es";
 
 import CplxUserSettings from "@/cplx-user-settings/CplxUserSettings";
+import DomObserver from "@/utils/DomObserver/DomObserver";
+import { DomSelectors } from "@/utils/DomSelectors";
 import UiUtils from "@/utils/UiUtils";
 import { whereAmI } from "@/utils/utils";
 
@@ -82,4 +84,41 @@ export default class UxTweaks {
       $(window).on("resize", handler);
     });
   }
+
+  static trackProSearchState() {
+    if (!CplxUserSettings.get().generalSettings.qolTweaks.trackProSearchState)
+      return;
+
+    const defaultProSearchState = CplxUserSettings.get().defaultProSearchState
+      ? "checked"
+      : "unchecked";
+
+    const currentState = $(DomSelectors.QUERY_BOX.PRO_SEARCH_TOGGLE).attr(
+      "data-state",
+    );
+
+    if (currentState !== defaultProSearchState) {
+      console.log("Overriding pro search state");
+      $(DomSelectors.QUERY_BOX.PRO_SEARCH_TOGGLE).trigger("click");
+    }
+
+    DomObserver.destroy("pro-search-state-tracker");
+
+    DomObserver.create("pro-search-state-tracker", {
+      target: $(DomSelectors.QUERY_BOX.PRO_SEARCH_TOGGLE)[0],
+      config: {
+        attributes: true,
+        attributeFilter: ["data-state"],
+      },
+      onAttrChange: (element) => {
+        const state = element.getAttribute("data-state");
+
+        if (state == null) return;
+
+        CplxUserSettings.set(
+          (draft) => (draft.defaultProSearchState = state === "checked"),
+        );
+      },
+    });
+  }
 }