fix expansion state bug

Author: dpgiakatos

src/components/OutputPanel.vue

@@ -26,6 +26,7 @@ const outputPanel = ref()
 const isFullscreen = ref(false)
 const heightBeforeFullscreen = ref('')
 let previousEditorHeight = 0
+const expandedNodesState = ref(new Map())
 
 const runCypher = async (cypher) => {
   loading.value = true
@@ -77,14 +78,16 @@ const handleEditorHeightChange = (newHeight) => {
   outputPanel.value.style.height = `${height + diff}px`
 }
 
-const handleNodeExpanded = ({ newNodes, newRels }) => {
+const handleNodeExpanded = ({ newNodes, newRels, expandedState }) => {
   nodes.value.push(...newNodes)
   relationships.value.push(...newRels)
+  expandedNodesState.value = expandedState
 }
 
-const handleNodeUnexpanded = ({ newNodes, newRels }) => {
+const handleNodeUnexpanded = ({ newNodes, newRels, expandedState }) => {
   nodes.value = newNodes
   relationships.value = newRels
+  expandedNodesState.value = expandedState
 }
 
 const changeTab = (tabName) => {
@@ -156,6 +159,7 @@ onMounted(() => {
           <GraphOutput
             :nodes="nodes"
             :relationships="relationships"
+            :expanded-nodes-state="expandedNodesState"
             @nodeExpanded="handleNodeExpanded"
             @nodeUnexpanded="handleNodeUnexpanded"
           />

src/components/output/GraphOutput.vue

@@ -12,10 +12,10 @@ import { useQuasar } from 'quasar'
 
 const Neo4jApi = inject('Neo4jApi')
 const emit = defineEmits(['nodeExpanded', 'nodeUnexpanded'])
-const props = defineProps(['nodes', 'relationships'])
+const props = defineProps(['nodes', 'relationships', 'expandedNodesState'])
 
 const q = useQuasar()
-const expandedNodesMap = ref(new Map())
+const expandedNodesMap = ref(props.expandedNodesState)
 
 const graph = ref()
 const properties = ref({})
@@ -100,7 +100,11 @@ const nodeExpansion = async (nodeId) => {
       nodes: filteredNodes,
       relationships: filteredRels
     })
-    emit('nodeExpanded', { newNodes: filteredNodes, newRels: filteredRels })
+    emit('nodeExpanded', {
+      newNodes: filteredNodes,
+      newRels: filteredRels,
+      expandedState: expandedNodesMap.value
+    })
   } else {
     q.notify({
       message: 'Node is not expandable',
@@ -127,7 +131,8 @@ const nodeUnexpand = (nodeId) => {
 
     emit('nodeUnexpanded', {
       newNodes: updatedNodes,
-      newRels: updatedRels
+      newRels: updatedRels,
+      expandedState: expandedNodesMap.value
     })
   } else {
     q.notify({