[Refactor] (Huge Refactoring 2)

Consolidated all logic into category-specific files.
Renamed useTranslation from react-i18next to useI18n to avoid a name conflict with our own function.

src-ui/logics/configs/appearance/useAppearance.js

@@ -0,0 +1,156 @@
+import {
+    useStore_UiLanguage,
+    useStore_UiScaling,
+    useStore_MessageLogUiScaling,
+    useStore_SendMessageButtonType,
+    useStore_ShowResendButton,
+    useStore_SelectedFontFamily,
+    useStore_Transparency,
+} from "@store";
+import { useStdoutToPython } from "@useStdoutToPython";
+
+export const useAppearance = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+
+    // UI Language
+    const { currentUiLanguage, updateUiLanguage, pendingUiLanguage } = useStore_UiLanguage();
+    // UI Scaling
+    const { currentUiScaling, updateUiScaling, pendingUiScaling } = useStore_UiScaling();
+    // Message Log Ui Scaling
+    const { currentMessageLogUiScaling, updateMessageLogUiScaling, pendingMessageLogUiScaling } = useStore_MessageLogUiScaling();
+    // Send Message Button Type
+    const { currentSendMessageButtonType, updateSendMessageButtonType, pendingSendMessageButtonType } = useStore_SendMessageButtonType();
+    // Show Resend Button
+    const { currentShowResendButton, updateShowResendButton, pendingShowResendButton } = useStore_ShowResendButton();
+    // Selected Font Family
+    const { currentSelectedFontFamily, updateSelectedFontFamily, pendingSelectedFontFamily } = useStore_SelectedFontFamily();
+    // Transparency
+    const { currentTransparency, updateTransparency, pendingTransparency } = useStore_Transparency();
+
+
+    // UI Language
+    const getUiLanguage = () => {
+        pendingUiLanguage();
+        asyncStdoutToPython("/get/data/ui_language");
+    };
+
+    const setUiLanguage = (selected_ui_language) => {
+        pendingUiLanguage();
+        asyncStdoutToPython("/set/data/ui_language", selected_ui_language);
+    };
+
+    // UI Scaling
+    const getUiScaling = () => {
+        pendingUiScaling();
+        asyncStdoutToPython("/get/data/ui_scaling");
+    };
+
+    const setUiScaling = (selected_ui_scaling) => {
+        pendingUiScaling();
+        asyncStdoutToPython("/set/data/ui_scaling", selected_ui_scaling);
+    };
+
+    // Message Log Ui Scaling
+    const getMessageLogUiScaling = () => {
+        pendingMessageLogUiScaling();
+        asyncStdoutToPython("/get/data/textbox_ui_scaling");
+    };
+
+    const setMessageLogUiScaling = (selected_ui_scaling) => {
+        pendingMessageLogUiScaling();
+        asyncStdoutToPython("/set/data/textbox_ui_scaling", selected_ui_scaling);
+    };
+
+    // Send Message Button Type
+    const getSendMessageButtonType = () => {
+        pendingSendMessageButtonType();
+        asyncStdoutToPython("/get/data/send_message_button_type");
+    };
+
+    const setSendMessageButtonType = (send_message_button_type) => {
+        pendingSendMessageButtonType();
+        asyncStdoutToPython("/set/data/send_message_button_type", send_message_button_type);
+    };
+
+    // Show Resend Button
+    const getShowResendButton = () => {
+        pendingShowResendButton();
+        asyncStdoutToPython("/get/data/show_resend_button");
+    };
+
+    const toggleShowResendButton = () => {
+        pendingShowResendButton();
+        if (currentShowResendButton.data) {
+            asyncStdoutToPython("/set/disable/show_resend_button");
+        } else {
+            asyncStdoutToPython("/set/enable/show_resend_button");
+        }
+    };
+
+    // Selected Font Family
+    const getSelectedFontFamily = () => {
+        pendingSelectedFontFamily();
+        asyncStdoutToPython("/get/data/font_family");
+    };
+
+    const setSelectedFontFamily = (selected_font_family) => {
+        pendingSelectedFontFamily();
+        asyncStdoutToPython("/set/data/font_family", selected_font_family);
+    };
+
+    // Transparency
+    const getTransparency = () => {
+        pendingTransparency();
+        asyncStdoutToPython("/get/data/transparency");
+    };
+
+    const setTransparency = (selected_transparency) => {
+        pendingTransparency();
+        asyncStdoutToPython("/set/data/transparency", selected_transparency);
+    };
+
+
+    return {
+        // UI Language
+        currentUiLanguage,
+        getUiLanguage,
+        updateUiLanguage,
+        setUiLanguage,
+
+        // UI Scaling
+        currentUiScaling,
+        getUiScaling,
+        updateUiScaling,
+        setUiScaling,
+
+        // Message Log Ui Scaling
+        currentMessageLogUiScaling,
+        getMessageLogUiScaling,
+        updateMessageLogUiScaling,
+        setMessageLogUiScaling,
+
+        // Send Message Button Type
+        currentSendMessageButtonType,
+        getSendMessageButtonType,
+        setSendMessageButtonType,
+        updateSendMessageButtonType,
+
+        // Show Resend Button
+        currentShowResendButton,
+        getShowResendButton,
+        updateShowResendButton,
+        toggleShowResendButton,
+
+        // Selected Font Family
+        currentSelectedFontFamily,
+        getSelectedFontFamily,
+        updateSelectedFontFamily,
+        setSelectedFontFamily,
+
+        // Transparency
+        currentTransparency,
+        getTransparency,
+        updateTransparency,
+        setTransparency,
+    };
+};

src-ui/logics/configs/appearance/useMessageLogUiScaling.js

@@ -1,24 +0,0 @@
-import { useStore_MessageLogUiScaling } from "@store";
-import { useStdoutToPython } from "@useStdoutToPython";
-
-export const useMessageLogUiScaling = () => {
-    const { asyncStdoutToPython } = useStdoutToPython();
-    const { currentMessageLogUiScaling, updateMessageLogUiScaling, pendingMessageLogUiScaling } = useStore_MessageLogUiScaling();
-
-    const getMessageLogUiScaling = () => {
-        pendingMessageLogUiScaling();
-        asyncStdoutToPython("/get/data/textbox_ui_scaling");
-    };
-
-    const setMessageLogUiScaling = (selected_ui_scaling) => {
-        pendingMessageLogUiScaling();
-        asyncStdoutToPython("/set/data/textbox_ui_scaling", selected_ui_scaling);
-    };
-
-    return {
-        currentMessageLogUiScaling,
-        getMessageLogUiScaling,
-        updateMessageLogUiScaling,
-        setMessageLogUiScaling,
-    };
-};

src-ui/logics/configs/appearance/useSelectedFontFamily.js

@@ -1,24 +0,0 @@
-import { useStore_SelectedFontFamily } from "@store";
-import { useStdoutToPython } from "@useStdoutToPython";
-
-export const useSelectedFontFamily = () => {
-    const { asyncStdoutToPython } = useStdoutToPython();
-    const { currentSelectedFontFamily, updateSelectedFontFamily, pendingSelectedFontFamily } = useStore_SelectedFontFamily();
-
-    const getSelectedFontFamily = () => {
-        pendingSelectedFontFamily();
-        asyncStdoutToPython("/get/data/font_family");
-    };
-
-    const setSelectedFontFamily = (selected_font_family) => {
-        pendingSelectedFontFamily();
-        asyncStdoutToPython("/set/data/font_family", selected_font_family);
-    };
-
-    return {
-        currentSelectedFontFamily,
-        getSelectedFontFamily,
-        updateSelectedFontFamily,
-        setSelectedFontFamily,
-    };
-};

src-ui/logics/configs/appearance/useSendMessageButtonType.js

@@ -1,24 +0,0 @@
-import { useStore_SendMessageButtonType } from "@store";
-import { useStdoutToPython } from "@useStdoutToPython";
-
-export const useSendMessageButtonType = () => {
-    const { asyncStdoutToPython } = useStdoutToPython();
-    const { currentSendMessageButtonType, updateSendMessageButtonType, pendingSendMessageButtonType } = useStore_SendMessageButtonType();
-
-    const getSendMessageButtonType = () => {
-        pendingSendMessageButtonType();
-        asyncStdoutToPython("/get/data/send_message_button_type");
-    };
-
-    const setSendMessageButtonType = (send_message_button_type) => {
-        pendingSendMessageButtonType();
-        asyncStdoutToPython("/set/data/send_message_button_type", send_message_button_type);
-    };
-
-    return {
-        currentSendMessageButtonType,
-        getSendMessageButtonType,
-        setSendMessageButtonType,
-        updateSendMessageButtonType,
-    };
-};

src-ui/logics/configs/appearance/useShowResendButton.js

@@ -1,28 +0,0 @@
-import { useStore_ShowResendButton } from "@store";
-import { useStdoutToPython } from "@useStdoutToPython";
-
-export const useShowResendButton = () => {
-    const { asyncStdoutToPython } = useStdoutToPython();
-    const { currentShowResendButton, updateShowResendButton, pendingShowResendButton } = useStore_ShowResendButton();
-
-    const getShowResendButton = () => {
-        pendingShowResendButton();
-        asyncStdoutToPython("/get/data/show_resend_button");
-    };
-
-    const toggleShowResendButton = () => {
-        pendingShowResendButton();
-        if (currentShowResendButton.data) {
-            asyncStdoutToPython("/set/disable/show_resend_button");
-        } else {
-            asyncStdoutToPython("/set/enable/show_resend_button");
-        }
-    };
-
-    return {
-        currentShowResendButton,
-        getShowResendButton,
-        updateShowResendButton,
-        toggleShowResendButton,
-    };
-};

src-ui/logics/configs/appearance/useTransparency.js

@@ -1,24 +0,0 @@
-import { useStore_Transparency } from "@store";
-import { useStdoutToPython } from "@useStdoutToPython";
-
-export const useTransparency = () => {
-    const { asyncStdoutToPython } = useStdoutToPython();
-    const { currentTransparency, updateTransparency, pendingTransparency } = useStore_Transparency();
-
-    const getTransparency = () => {
-        pendingTransparency();
-        asyncStdoutToPython("/get/data/transparency");
-    };
-
-    const setTransparency = (selected_transparency) => {
-        pendingTransparency();
-        asyncStdoutToPython("/set/data/transparency", selected_transparency);
-    };
-
-    return {
-        currentTransparency,
-        getTransparency,
-        updateTransparency,
-        setTransparency,
-    };
-};

src-ui/logics/configs/appearance/useUiLanguage.js

@@ -1,24 +0,0 @@
-import { useStore_UiLanguage } from "@store";
-import { useStdoutToPython } from "@useStdoutToPython";
-
-export const useUiLanguage = () => {
-    const { asyncStdoutToPython } = useStdoutToPython();
-    const { currentUiLanguage, updateUiLanguage, pendingUiLanguage } = useStore_UiLanguage();
-
-    const getUiLanguage = () => {
-        pendingUiLanguage();
-        asyncStdoutToPython("/get/data/ui_language");
-    };
-
-    const setUiLanguage = (selected_ui_language) => {
-        pendingUiLanguage();
-        asyncStdoutToPython("/set/data/ui_language", selected_ui_language);
-    };
-
-    return {
-        currentUiLanguage,
-        getUiLanguage,
-        updateUiLanguage,
-        setUiLanguage,
-    };
-};

src-ui/logics/configs/appearance/useUiScaling.js

@@ -1,24 +0,0 @@
-import { useStore_UiScaling } from "@store";
-import { useStdoutToPython } from "@useStdoutToPython";
-
-export const useUiScaling = () => {
-    const { asyncStdoutToPython } = useStdoutToPython();
-    const { currentUiScaling, updateUiScaling, pendingUiScaling } = useStore_UiScaling();
-
-    const getUiScaling = () => {
-        pendingUiScaling();
-        asyncStdoutToPython("/get/data/ui_scaling");
-    };
-
-    const setUiScaling = (selected_ui_scaling) => {
-        pendingUiScaling();
-        asyncStdoutToPython("/set/data/ui_scaling", selected_ui_scaling);
-    };
-
-    return {
-        currentUiScaling,
-        getUiScaling,
-        updateUiScaling,
-        setUiScaling,
-    };
-};