From addb54e0f37d8806a4e6cea0d10bb0dcd3a83765 Mon Sep 17 00:00:00 2001
From: Nuked88 <nuked8@gmail.com>
Date: Mon, 9 Sep 2024 08:41:13 +0200
Subject: [PATCH] Fix resizing issues

---
 app/js/functions/sb_fn.js | 18 ++++++++++++++++++
 app/js/sidebar_node.js    | 17 ++++++++++++++---
 pyproject.toml            |  2 +-
 3 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/app/js/functions/sb_fn.js b/app/js/functions/sb_fn.js
index 1f0d418..2fe1565 100644
--- a/app/js/functions/sb_fn.js
+++ b/app/js/functions/sb_fn.js
@@ -494,6 +494,8 @@ function toggleSHSB(force = undefined) {
 
         if (force !== undefined) {
             if (force) {
+           
+                setVar("sb_state", "closed");
                 side_bar.classList.add('closed');
                 clearIcon.classList.add('closed');
                 searchCategoryIcon.classList.add('closed');
@@ -502,6 +504,8 @@ function toggleSHSB(force = undefined) {
                 sidebar_views.classList.add('full_rounded');
 
             } else {
+               
+                setVar("sb_state", "open");
                 side_bar.classList.remove('closed');
                 clearIcon.classList.remove('closed');
                 searchCategoryIcon.classList.remove('closed');
@@ -513,6 +517,9 @@ function toggleSHSB(force = undefined) {
         } else {
 
             if (side_bar.classList.contains('closed')) {
+                
+                setVar("sb_state", "open");
+                
                 side_bar.classList.remove('closed');
                 clearIcon.classList.remove('closed');
                 searchCategoryIcon.classList.remove('closed');
@@ -526,6 +533,8 @@ function toggleSHSB(force = undefined) {
 
             } else {
                 if (getVar("sb_minimized") == "false") {
+                
+                    setVar("sb_state", "closed");
                     side_bar.classList.add('closed');
                     clearIcon.classList.add('closed');
                     searchCategoryIcon.classList.add('closed');
@@ -546,19 +555,28 @@ function toggleSHSB(force = undefined) {
         if (getVar("sb_minimized") == "false") {
 
             if (force == undefined) {
+               
+                setVar("sb_state", "closed");
                 setVar("sb_minimized", true);
             }
             main_sidebar.style.width = '45px';
         } else {
 
             if (force == undefined) {
+         
+                setVar("sb_state", "open");
                 setVar("sb_minimized", false);
                 main_sidebar.style.width = getVar("sidebarWidth") + 'px' || '300px';
             } else if (force == true) {
+               
+
+                setVar("sb_state", "closed");
 
                 main_sidebar.style.width = '45px';
 
             } else {
+
+                setVar("sb_state", "open");
                 main_sidebar.style.width = getVar("sidebarWidth") + 'px' || '300px';
             }
 
diff --git a/app/js/sidebar_node.js b/app/js/sidebar_node.js
index 523903e..cc7e724 100644
--- a/app/js/sidebar_node.js
+++ b/app/js/sidebar_node.js
@@ -141,8 +141,18 @@ function saveSidebarPosition(sideb) {
 
 function restoreSidebarWidth() {
     if (getVar("sidebarWidth") == null) {
-        setVar("sidebarWidth", 200);
+        setVar("sidebarWidth", 400);
+       
+      
+    }
+    if (getVar("sb_minimized") == null) {
+        setVar("sb_minimized", "true");
     }
+    if (getVar("sb_current_tab") == null) {
+        setVar("sb_current_tab", "panel_home");
+
+    }
+
     let width_sidebar = "auto";
     let cookieValue = getVar("sidebarWidth");
     if (cookieValue) {
@@ -665,7 +675,8 @@ Object.keys(dragHandles).forEach(handleId => {
         if (handleId === "sidebar_views") {
             if (!event.altKey) return; // Gestisci l'eccezione altKey per sidebar_views
             element.style.cursor = 'n-resize'; // Cambia cursore quando alt è premuto
-        } else if (handleId === "dragHandle" && localStorage.getItem("sb_minimized") === "true") {
+        } else if (handleId === "dragHandle" && localStorage.getItem("sb_state") === "closed") {
+         
             return; // Gestisci l'eccezione minimized
         } else {
             element.style.cursor = ''; // Cambia cursore per gli altri handle
@@ -733,7 +744,7 @@ document.addEventListener("mousemove", function (event) {
     
     // Funzioni per gestire gli eventi touch
     dragHandle.addEventListener("touchstart", function (event) {
-        if (localStorage.getItem("sb_minimized")==="false")
+        if (localStorage.getItem("sb_state") === "open")
             {
         isDragging = true;
         startX = event.touches[0].clientX;
diff --git a/pyproject.toml b/pyproject.toml
index c3c82a2..55483d9 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -1,7 +1,7 @@
 [project]
 name = "comfyui-n-sidebar"
 description = "A simple sidebar for ComfyUI."
-version = "1.5.5"
+version = "1.5.6"
 license = { file = "LICENSE" }
 
 [project.urls]