From f90e0604c510f66a77f56cd2d401e15c78365f47 Mon Sep 17 00:00:00 2001
From: Corey Condardo <ccondardo@gmail.com>
Date: Tue, 2 Jul 2024 14:53:31 -0400
Subject: [PATCH 1/5] simple download of node data

---
 src/stores/NodeStore.js | 17 +++++++++++++++++
 src/views/HomeIndex.vue |  8 +++++++-
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/stores/NodeStore.js b/src/stores/NodeStore.js
index 5e9b7e1..793561d 100644
--- a/src/stores/NodeStore.js
+++ b/src/stores/NodeStore.js
@@ -108,6 +108,22 @@ export const useNodeStore = defineStore(
       return node.parentNode ? getRootNode(node.parentNode) : node;
     };
 
+    const saveStore = () => {
+      const nodesJson = JSON.parse(JSON.stringify(nodes.value));
+      const nodesString = JSON.stringify(nodesJson);
+
+      // create the downloadable file
+      const blob = new Blob([nodesString], { type: 'application/json' });
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = 'solutionNavigatorSave.json'; // Name of the file to be downloaded
+      document.body.appendChild(link); // Append the link to the body
+      link.click(); // Programmatically click the link to trigger the download
+      document.body.removeChild(link); // Remove the link from the body
+      URL.revokeObjectURL(url); // Clean up the URL object
+    };
+
     return {
       nodes,
       nodesList,
@@ -120,6 +136,7 @@ export const useNodeStore = defineStore(
       refreshUpdatedAt,
       enforceNodeTreeConsistency,
       getRootNode,
+      saveStore,
     };
   },
   { persist: true },
diff --git a/src/views/HomeIndex.vue b/src/views/HomeIndex.vue
index 09d3fac..4fd3630 100644
--- a/src/views/HomeIndex.vue
+++ b/src/views/HomeIndex.vue
@@ -8,7 +8,7 @@ import { useConfirm } from 'primevue/useconfirm';
 
 const router = useRouter();
 const route = useRoute();
-const { addNode, deleteNode } = useNodeStore();
+const { addNode, deleteNode, saveStore } = useNodeStore();
 const confirm = useConfirm();
 
 const handleAddNode = () => {
@@ -35,12 +35,17 @@ const deleteConfirmation = (nodeUuid) => {
 const handleNodeNotFound = () => {
   router.push({ name: 'node.not-found' });
 };
+
+const handleSaveStore = () => {
+  saveStore();
+};
 </script>
 
 <template>
   <div class="container">
     <div class="side-panel">
       <div class="side-panel-header">
+        <Button icon="pi pi-save" aria-label="Save" severity="secondary" @click="handleSaveStore" />
         <Button
           data-test-create-node
           icon="pi pi-pen-to-square"
@@ -78,5 +83,6 @@ const handleNodeNotFound = () => {
 .side-panel-header {
   display: flex;
   justify-content: flex-end;
+  gap: 5px;
 }
 </style>

From a841a5f1d874ccdbac02f6a28bbea4102cda236f Mon Sep 17 00:00:00 2001
From: Corey Condardo <ccondardo@gmail.com>
Date: Wed, 10 Jul 2024 10:45:59 -0400
Subject: [PATCH 2/5] refactor

---
 src/stores/NodeStore.js | 17 -----------------
 src/views/HomeIndex.vue | 40 ++++++++++++++++++++++++++++++++++------
 2 files changed, 34 insertions(+), 23 deletions(-)

diff --git a/src/stores/NodeStore.js b/src/stores/NodeStore.js
index 793561d..5e9b7e1 100644
--- a/src/stores/NodeStore.js
+++ b/src/stores/NodeStore.js
@@ -108,22 +108,6 @@ export const useNodeStore = defineStore(
       return node.parentNode ? getRootNode(node.parentNode) : node;
     };
 
-    const saveStore = () => {
-      const nodesJson = JSON.parse(JSON.stringify(nodes.value));
-      const nodesString = JSON.stringify(nodesJson);
-
-      // create the downloadable file
-      const blob = new Blob([nodesString], { type: 'application/json' });
-      const url = URL.createObjectURL(blob);
-      const link = document.createElement('a');
-      link.href = url;
-      link.download = 'solutionNavigatorSave.json'; // Name of the file to be downloaded
-      document.body.appendChild(link); // Append the link to the body
-      link.click(); // Programmatically click the link to trigger the download
-      document.body.removeChild(link); // Remove the link from the body
-      URL.revokeObjectURL(url); // Clean up the URL object
-    };
-
     return {
       nodes,
       nodesList,
@@ -136,7 +120,6 @@ export const useNodeStore = defineStore(
       refreshUpdatedAt,
       enforceNodeTreeConsistency,
       getRootNode,
-      saveStore,
     };
   },
   { persist: true },
diff --git a/src/views/HomeIndex.vue b/src/views/HomeIndex.vue
index 4fd3630..2a4c5dc 100644
--- a/src/views/HomeIndex.vue
+++ b/src/views/HomeIndex.vue
@@ -5,11 +5,14 @@ import ConfirmDialog from 'primevue/confirmdialog';
 import { useRouter, useRoute } from 'vue-router';
 import { useNodeStore } from '@/stores/NodeStore';
 import { useConfirm } from 'primevue/useconfirm';
+import { storeToRefs } from 'pinia';
+import { computed } from 'vue';
 
 const router = useRouter();
 const route = useRoute();
-const { addNode, deleteNode, saveStore } = useNodeStore();
 const confirm = useConfirm();
+const { nodes } = storeToRefs(useNodeStore());
+const { addNode, deleteNode } = useNodeStore;
 
 const handleAddNode = () => {
   const uuid = addNode();
@@ -36,22 +39,47 @@ const handleNodeNotFound = () => {
   router.push({ name: 'node.not-found' });
 };
 
-const handleSaveStore = () => {
-  saveStore();
-};
+// const handleSaveStore = () => {
+//   const nodesJson = JSON.parse(JSON.stringify(nodes.value));
+//   const nodesString = JSON.stringify(nodesJson);
+
+//   // create the downloadable file
+//   const blob = new Blob([nodesString], { type: 'application/json' });
+//   const url = URL.createObjectURL(blob);
+//   const link = document.createElement('a');
+//   link.href = url;
+//   link.download = 'solutionNavigatorSave.json'; // Name of the file to be downloaded
+//   document.body.appendChild(link); // Append the link to the body
+//   link.click(); // Programmatically click the link to trigger the download
+//   document.body.removeChild(link); // Remove the link from the body
+//   URL.revokeObjectURL(url); // Clean up the URL object
+// };
+
+const downloadNodesLink = computed(() => {
+  const jsonNodes = JSON.stringify(nodes.value);
+  const blob = new Blob([jsonNodes], { type: 'application/json' });
+
+  return URL.createObjectURL(blob);
+});
 </script>
 
 <template>
   <div class="container">
     <div class="side-panel">
       <div class="side-panel-header">
-        <Button icon="pi pi-save" aria-label="Save" severity="secondary" @click="handleSaveStore" />
+        <Button
+          icon="pi pi-save"
+          aria-label="Save"
+          severity="secondary"
+          as="a"
+          :href="downloadNodesLink"
+          :download="`solution-navigator-${new Date().toISOString()}.json`"
+        />
         <Button
           data-test-create-node
           icon="pi pi-pen-to-square"
           aria-label="Create Node"
           severity="secondary"
-          @click="handleAddNode"
         />
       </div>
       <NodesArbor />

From 85513aaa79a10926f8c6e027c9cb71f5122c3a7e Mon Sep 17 00:00:00 2001
From: Corey Condardo <ccondardo@gmail.com>
Date: Wed, 10 Jul 2024 10:52:07 -0400
Subject: [PATCH 3/5] cleanup after master merge

---
 src/views/HomeIndex.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/views/HomeIndex.vue b/src/views/HomeIndex.vue
index b66e0ac..894eb63 100644
--- a/src/views/HomeIndex.vue
+++ b/src/views/HomeIndex.vue
@@ -7,7 +7,6 @@ import { useRouter, useRoute } from 'vue-router';
 import { useNodeStore } from '@/stores/NodeStore';
 import { useConfirm } from 'primevue/useconfirm';
 import { storeToRefs } from 'pinia';
-import { computed } from 'vue';
 
 const router = useRouter();
 const route = useRoute();

From 08726a12903854b8aa79ad07b588df49c7f85385 Mon Sep 17 00:00:00 2001
From: Corey Condardo <ccondardo@gmail.com>
Date: Wed, 10 Jul 2024 10:53:02 -0400
Subject: [PATCH 4/5] cleanup old code

---
 src/views/HomeIndex.vue | 16 ----------------
 1 file changed, 16 deletions(-)

diff --git a/src/views/HomeIndex.vue b/src/views/HomeIndex.vue
index 894eb63..4b38f73 100644
--- a/src/views/HomeIndex.vue
+++ b/src/views/HomeIndex.vue
@@ -44,22 +44,6 @@ const handleNodeNotFound = () => {
   router.push({ name: 'node.not-found' });
 };
 
-// const handleSaveStore = () => {
-//   const nodesJson = JSON.parse(JSON.stringify(nodes.value));
-//   const nodesString = JSON.stringify(nodesJson);
-
-//   // create the downloadable file
-//   const blob = new Blob([nodesString], { type: 'application/json' });
-//   const url = URL.createObjectURL(blob);
-//   const link = document.createElement('a');
-//   link.href = url;
-//   link.download = 'solutionNavigatorSave.json'; // Name of the file to be downloaded
-//   document.body.appendChild(link); // Append the link to the body
-//   link.click(); // Programmatically click the link to trigger the download
-//   document.body.removeChild(link); // Remove the link from the body
-//   URL.revokeObjectURL(url); // Clean up the URL object
-// };
-
 const downloadNodesLink = computed(() => {
   const jsonNodes = JSON.stringify(nodes.value);
   const blob = new Blob([jsonNodes], { type: 'application/json' });

From c260b775fba04b4f0a6f8bdff9a6a5dc1d3bc345 Mon Sep 17 00:00:00 2001
From: Corey Condardo <ccondardo@gmail.com>
Date: Fri, 12 Jul 2024 12:00:17 -0400
Subject: [PATCH 5/5] Update HomeIndex.vue

---
 src/views/HomeIndex.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/HomeIndex.vue b/src/views/HomeIndex.vue
index 4b38f73..d9385db 100644
--- a/src/views/HomeIndex.vue
+++ b/src/views/HomeIndex.vue
@@ -69,6 +69,7 @@ const downloadNodesLink = computed(() => {
           icon="pi pi-pen-to-square"
           aria-label="Create Node"
           severity="secondary"
+          @click="handleAddNode"
         />
       </div>
       <NodesArbor />