:recycle: [Refactor] Encapsulate bind_buttons to class ButtonsBinder

components/buttons_binder.js

@@ -8,26 +8,29 @@ import {
     set_user_scroll_status,
 } from "./chat_operator.js";
 
-export function bind_chat_buttons() {
-    let send_user_input_binder = new SendUserInputButtonBinder();
-    send_user_input_binder.bind();
-    let new_chat_binder = new NewChatButtonBinder();
-    new_chat_binder.bind();
-    let openai_endpoint_binder = new OpenaiEndpointButtonBinder();
-    openai_endpoint_binder.bind();
-    let openai_api_key_binder = new OpenaiAPIKeyButtonBinder();
-    openai_api_key_binder.bind();
-    let show_endpoint_and_key_binder = new ShowEndpointAndKeyButtonBinder();
-    show_endpoint_and_key_binder.bind();
-    let scroll_to_bottom_binder = new ScrollToBottomButtonBinder();
-    scroll_to_bottom_binder.bind();
-    let chat_session_container_scroll_binder =
-        new ChatSessionContainerScrollBinder();
-    chat_session_container_scroll_binder.bind();
-    let screenshot_button_binder = new ScreenshotButtonBinder();
-    screenshot_button_binder.bind();
-    let available_models_select_binder = new AvailableModelsSelectBinder();
-    available_models_select_binder.bind();
+export class ButtonsBinder {
+    constructor() {}
+    bind() {
+        let send_user_input_binder = new SendUserInputButtonBinder();
+        send_user_input_binder.bind();
+        let new_chat_binder = new NewChatButtonBinder();
+        new_chat_binder.bind();
+        let openai_endpoint_binder = new OpenaiEndpointButtonBinder();
+        openai_endpoint_binder.bind();
+        let openai_api_key_binder = new OpenaiAPIKeyButtonBinder();
+        openai_api_key_binder.bind();
+        let show_endpoint_and_key_binder = new ShowEndpointAndKeyButtonBinder();
+        show_endpoint_and_key_binder.bind();
+        let scroll_to_bottom_binder = new ScrollToBottomButtonBinder();
+        scroll_to_bottom_binder.bind();
+        let chat_session_container_scroll_binder =
+            new ChatSessionContainerScrollBinder();
+        chat_session_container_scroll_binder.bind();
+        let screenshot_button_binder = new ScreenshotButtonBinder();
+        screenshot_button_binder.bind();
+        let available_models_select_binder = new AvailableModelsSelectBinder();
+        available_models_select_binder.bind();
+    }
 }
 
 class SendUserInputButtonBinder {

main.js

@@ -2,7 +2,7 @@ import {
     setup_available_models_on_select,
     setup_temperature_on_select,
 } from "./components/llm_models_loader.js";
-import { bind_chat_buttons } from "./components/buttons_binder.js";
+import { ButtonsBinder } from "./components/buttons_binder.js";
 
 function auto_resize_user_input() {
     // https://stackoverflow.com/questions/37629860/automatically-resizing-textarea-in-bootstrap
@@ -28,7 +28,8 @@ function setup_interactive_components() {
     setup_available_models_on_select();
     setup_temperature_on_select();
     auto_resize_user_input();
-    bind_chat_buttons();
+    let buttons_binder = new ButtonsBinder();
+    buttons_binder.bind();
     adjust_messagers_container_max_height();
     $(window).on("resize", adjust_messagers_container_max_height);
 }