From 1f3982b1ef1b4656c829ec67f393b5a14c55bfff Mon Sep 17 00:00:00 2001
From: Nico <nickmikulin@gmail.com>
Date: Wed, 24 Jul 2024 13:46:20 +0200
Subject: [PATCH] add data export

---
 css/list.css |  2 ++
 index.html   |  5 +++++
 main.js      | 17 +++++++++++++++++
 3 files changed, 24 insertions(+)

diff --git a/css/list.css b/css/list.css
index 53e4db6..f899fa9 100644
--- a/css/list.css
+++ b/css/list.css
@@ -29,6 +29,8 @@
 }
 
 .menuItem {
+    margin-left: var(--space-xs);
+    
     cursor: pointer;
 
     transition: 0.3s ease;
diff --git a/index.html b/index.html
index 463e9f0..f8fec08 100644
--- a/index.html
+++ b/index.html
@@ -22,6 +22,7 @@
     <link rel="manifest" href="manifest.webmanifest">
 
     <title>Something from Your Mind</title>
+    <meta name="application-name" content="smthmind">
     <meta name="description"
       content="A space to collect your thoughts locally on your device and revisit them for reflection">
 
@@ -111,6 +112,7 @@
       <div id="listHeader">
         <span id='clearFilter' onClick='getAndDisplayThoughts()'>ALL THOUGHTS</span>
         <div id="listFilter"></div>
+        <div class="menuItem" id="exportLink"></div>
         <div class="menuItem"></div>
       </div>
       <div id="list"></div>
@@ -127,6 +129,9 @@
     }
   </script>
   <script src="https://unpkg.com/dexie/dist/dexie.js"></script>
+  <script src="https://unpkg.com/dexie-export-import/dist/dexie-export-import.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/downloadjs/1.4.8/download.min.js"></script>
+
   <script src="main.js"></script>
 
 </body>
diff --git a/main.js b/main.js
index 0697dc6..9067809 100644
--- a/main.js
+++ b/main.js
@@ -108,3 +108,20 @@ function displayThoughts(items) {
 function deleteItem(timestamp) {
   db.thoughts.delete(timestamp).then(getAndDisplayThoughts);
 }
+
+document.addEventListener("DOMContentLoaded", () => {
+  const exportLink = document.getElementById("exportLink");
+
+  exportLink.onclick = async () => {
+    try {
+      const blob = await db.export({ prettyJson: true, progressCallback });
+      download(blob, "my_smthmind_data.json", "application/json");
+    } catch (error) {
+      console.error("" + error);
+    }
+  };
+});
+
+function progressCallback({ totalRows, completedRows }) {
+  console.log(`Progress: ${completedRows} of ${totalRows} rows completed`);
+}