fastapi-voyager 0.15.1__tar.gz → 0.15.2__tar.gz

{fastapi_voyager-0.15.1 → fastapi_voyager-0.15.2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: fastapi-voyager
-Version: 0.15.1
+Version: 0.15.2
 Summary: Visualize FastAPI application's routing tree and dependencies
 Project-URL: Homepage, https://github.com/allmonday/fastapi-voyager
 Project-URL: Source, https://github.com/allmonday/fastapi-voyager

{fastapi_voyager-0.15.1 → fastapi_voyager-0.15.2}/docs/changelog.md

@@ -161,9 +161,11 @@
     - [x] refactor er diagram renderer
     - [x] fix error in search function
 - 0.15.2
-    - [ ] add tests
-    - [ ] left panel can be toggled.
+    - [x] fix resetSearch issue: fail to go back previous tag/router after reset.
+    - [x] left panel can be toggled.
+- 0.15.3
     - [ ] refactor vue-main.js, move methods to store
+    - [ ] add tests
 
 ## 1.0, release 
 

{fastapi_voyager-0.15.1 → fastapi_voyager-0.15.2}/src/fastapi_voyager/version.py

@@ -1,2 +1,2 @@
 __all__ = ["__version__"]
-__version__ = "0.15.1"
+__version__ = "0.15.2"

{fastapi_voyager-0.15.1 → fastapi_voyager-0.15.2}/src/fastapi_voyager/web/index.html

@@ -101,6 +101,30 @@
       }
     }
 
+    /* Tag Navigator Collapse Button */
+    .tag-navigator-collapse-btn-right {
+      position: absolute;
+      bottom: 8px;
+      left: 8px;
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+      background: #009485;
+      color: white;
+      border: 2px solid white;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 100;
+      transition: all 0.2s ease;
+    }
+    .tag-navigator-collapse-btn-right:hover {
+      background: #007a6d;
+      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
+    }
+
     /* App boot loading overlay & gating */
     #app-loading-overlay {
       position: fixed;
@@ -352,7 +376,7 @@
           <q-splitter
             v-model="store.state.leftPanel.width"
             unit="px"
-            :limits="store.state.mode === 'voyager' ? [200, 800] : [0, 0]"
+            :limits="store.state.mode === 'voyager' ? [0, 800] : [0, 0]"
             class="adjust-fit"
           >
             <template #before>
@@ -509,6 +533,19 @@
                     />
                   </div>
                 </div>
+
+                <!-- Collapse toggle button for tag navigator - at bottom-left of right panel -->
+                <div
+                  v-show="store.state.mode === 'voyager'"
+                  class="tag-navigator-collapse-btn-right"
+                  @click="toggleTagNavigatorCollapse"
+                  :title="store.state.leftPanel.collapsed ? 'Expand tag navigator' : 'Collapse tag navigator'"
+                >
+                  <q-icon
+                    :name="store.state.leftPanel.collapsed ? 'chevron_right' : 'chevron_left'"
+                    size="18px"
+                  />
+                </div>
               </div>
             </template>
           </q-splitter>

{fastapi_voyager-0.15.1 → fastapi_voyager-0.15.2}/src/fastapi_voyager/web/store.js

@@ -41,9 +41,11 @@ const state = reactive({
     width: 300,
     previousWidth: 300,
     tags: null,
+    fullTagsCache: null, // Cache for full tags (before search)
     tag: null,
     _tag: null,
     routeId: null,
+    collapsed: false,
   },
 
   graph: {

{fastapi_voyager-0.15.1 → fastapi_voyager-0.15.2}/src/fastapi_voyager/web/vue-main.js

@@ -42,9 +42,13 @@ const app = createApp({
       graphUI = new GraphUI("#graph", {
         onSchemaShiftClick: (id) => {
           if (store.state.graph.schemaKeys.has(id)) {
-            store.state.previousTagRoute.tag = store.state.leftPanel.tag
-            store.state.previousTagRoute.routeId = store.state.leftPanel.routeId
-            store.state.previousTagRoute.hasValue = true
+            // Only save current tag/route if we're not already in search mode
+            // This prevents overwriting the saved state with null values
+            if (!store.state.previousTagRoute.hasValue && !store.state.search.mode) {
+              store.state.previousTagRoute.tag = store.state.leftPanel.tag
+              store.state.previousTagRoute.routeId = store.state.leftPanel.routeId
+              store.state.previousTagRoute.hasValue = true
+            }
             store.state.search.mode = true
             store.state.search.schemaName = id
             onSearch()
@@ -183,9 +187,9 @@ const app = createApp({
 
     async function resetSearch() {
       store.state.search.mode = false
-      console.log(store.state.previousTagRoute.hasValue)
-      console.log(store.state.previousTagRoute)
-      if (store.state.previousTagRoute.hasValue) {
+      const hadPreviousValue = store.state.previousTagRoute.hasValue
+
+      if (hadPreviousValue) {
         store.state.leftPanel.tag = store.state.previousTagRoute.tag
         store.state.leftPanel._tag = store.state.previousTagRoute.tag
         store.state.leftPanel.routeId = store.state.previousTagRoute.routeId
@@ -197,12 +201,25 @@ const app = createApp({
       }
 
       syncSelectionToUrl()
-      await loadSearchedTags()
-      renderBasedOnInitialPolicy()
+
+      // Load the full tags from cache (not search results) since we're resetting search
+      loadFullTags()
+
+      // If we restored a previous tag/route, generate with it
+      // Otherwise, fall back to initial policy
+      if (hadPreviousValue) {
+        onGenerate()
+      } else {
+        renderBasedOnInitialPolicy()
+      }
+    }
+
+    function loadFullTags() {
+      // Restore from cache (set by loadInitial)
+      store.state.leftPanel.tags = store.state.leftPanel.fullTagsCache
     }
 
     async function onSearch() {
-      console.log("start search")
       store.state.search.mode = true
       store.state.leftPanel.tag = null
       store.state.leftPanel._tag = null
@@ -241,7 +258,10 @@ const app = createApp({
       try {
         const res = await fetch("dot")
         const data = await res.json()
-        store.state.leftPanel.tags = Array.isArray(data.tags) ? data.tags : []
+        const tags = Array.isArray(data.tags) ? data.tags : []
+        store.state.leftPanel.tags = tags
+        // Cache the full tags for later use (e.g., resetSearch)
+        store.state.leftPanel.fullTagsCache = tags
 
         const schemasArr = Array.isArray(data.schemas) ? data.schemas : []
         // Build dict keyed by id for faster lookups and simpler prop passing
@@ -430,6 +450,22 @@ const app = createApp({
       syncSelectionToUrl()
     }
 
+    function toggleTagNavigatorCollapse() {
+      if (store.state.leftPanel.collapsed) {
+        // Expand: restore previous width
+        const fallbackWidth = store.state.leftPanel.previousWidth || 300
+        store.state.leftPanel.width = fallbackWidth
+        store.state.leftPanel.collapsed = false
+      } else {
+        // Collapse: save current width and set to 0
+        if (store.state.leftPanel.width > 0) {
+          store.state.leftPanel.previousWidth = store.state.leftPanel.width
+        }
+        store.state.leftPanel.width = 0
+        store.state.leftPanel.collapsed = true
+      }
+    }
+
     function selectRoute(routeId) {
       // find belonging tag
       const belongingTag = findTagByRoute(routeId)
@@ -558,6 +594,7 @@ const app = createApp({
       filterSearchSchemas,
       onSearchSchemaChange,
       toggleTag,
+      toggleTagNavigatorCollapse,
       toggleBrief,
       toggleHidePrimitiveRoute,
       selectRoute,