Add reverse logic option

husarion · Jan 7, 2025 · 3c67363 · 3c67363
1 parent 768863b
commit 3c67363
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 9 deletions.
diff --git a/packages/studio-base/src/panels/ToggleSrvButton/ToggleSrvButton.tsx b/packages/studio-base/src/panels/ToggleSrvButton/ToggleSrvButton.tsx
@@ -265,19 +265,21 @@ function ToggleSrvButtonContent(
     }
 
     try {
-      setSrvState({ status: "requesting", value: `Calling ${config.serviceName}...` });
-      const requestPayload = { data: buttonAction ?? true };
-      setButtonAction(undefined);
-      const response = await context.callService(config.serviceName, requestPayload) as { success?: boolean };
-      setSrvState({
-        status: "success",
-        value: JSON.stringify(response, (_key, value) => (typeof value === "bigint" ? value.toString() : value), 2) ?? "",
-      });
+      if (buttonAction != undefined) {
+        setSrvState({ status: "requesting", value: `Calling ${config.serviceName}...` });
+        const requestPayload = { data: config.reverseLogic ? !buttonAction : buttonAction };
+        setButtonAction(undefined);
+        const response = await context.callService(config.serviceName, requestPayload) as { success?: boolean };
+        setSrvState({
+          status: "success",
+          value: JSON.stringify(response, (_key, value) => (typeof value === "bigint" ? value.toString() : value), 2) ?? "",
+        });
+      }
     } catch (err) {
       setSrvState({ status: "error", value: (err as Error).message });
       log.error(err);
     }
-  }, [context, buttonAction, config.serviceName]);
+  }, [context, buttonAction, config]);
 
   // Setting buttonAction based on state.latestMatchingQueriedData
   useEffect(() => {

diff --git a/packages/studio-base/src/panels/ToggleSrvButton/settings.ts b/packages/studio-base/src/panels/ToggleSrvButton/settings.ts
@@ -59,6 +59,11 @@ export function useSettingsTree(
             error: pathParseError,
             validTypes: supportedDataTypes,
           },
+          reverseLogic: {
+            label: "Reverse state logic",
+            input: "boolean",
+            value: config.reverseLogic,
+          },
         },
       },
       button: {

diff --git a/packages/studio-base/src/panels/ToggleSrvButton/types.ts b/packages/studio-base/src/panels/ToggleSrvButton/types.ts
@@ -5,6 +5,7 @@
 export type Config = {
   serviceName: string;
   statusTopicName: string;
+  reverseLogic: boolean;
   activationText: string;
   activationColor: string;
   deactivationText: string;