From 244ba9eb0886fb513d058796149a78009702d0d2 Mon Sep 17 00:00:00 2001
From: lana-k <skochetova89@gmail.com>
Date: Tue, 17 Sep 2024 11:35:53 +0200
Subject: [PATCH] #116 add JSON/NDJSON

---
 README.md                       | 5 +++--
 public/manifest.webmanifest     | 2 +-
 src/components/DbUploader.vue   | 3 ++-
 src/components/svg/addTable.vue | 2 +-
 src/components/svg/changeDb.vue | 2 +-
 5 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 20b90b5..59a80a9 100644
--- a/README.md
+++ b/README.md
@@ -4,11 +4,12 @@
 
 # sqliteviz
 
-Sqliteviz is a single-page offline-first PWA for fully client-side visualisation of SQLite databases or CSV files.
+Sqliteviz is a single-page offline-first PWA for fully client-side visualisation
+ of SQLite databases, CSV, JSON or NDJSON files.
 
 With sqliteviz you can:
 - run SQL queries against a SQLite database and create [Plotly][11] charts and pivot tables based on the result sets
-- import a CSV file into a SQLite database and visualize imported data
+- import a CSV/JSON/NDJSON file into a SQLite database and visualize imported data
 - export result set to CSV file
 - manage inquiries and run them against different databases
 - import/export inquiries from/to a JSON file
diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
index e0bfe0b..e4d533a 100644
--- a/public/manifest.webmanifest
+++ b/public/manifest.webmanifest
@@ -1,6 +1,6 @@
 {
   "background_color": "white",
-  "description": "Sqliteviz is a single-page application for fully client-side visualisation of SQLite databases or CSV.",
+  "description": "Sqliteviz is a single-page application for fully client-side visualisation of SQLite databases, CSV, JSON or NDJSON.",
   "display": "fullscreen",
   "icons": [
     {
diff --git a/src/components/DbUploader.vue b/src/components/DbUploader.vue
index 7694f11..d6453f5 100644
--- a/src/components/DbUploader.vue
+++ b/src/components/DbUploader.vue
@@ -10,7 +10,8 @@
         @click="browse"
       >
         <div class="text">
-          Drop the database or CSV file here or click to choose a file from your computer.
+          Drop the database, CSV, JSON or NDJSON file here
+          or click to choose a file from your computer.
         </div>
       </div>
     </div>
diff --git a/src/components/svg/addTable.vue b/src/components/svg/addTable.vue
index 85542c6..0fcdd21 100644
--- a/src/components/svg/addTable.vue
+++ b/src/components/svg/addTable.vue
@@ -34,7 +34,7 @@
       </defs>
     </svg>
     <span class="icon-tooltip" :style="tooltipStyle" ref="tooltip">
-      Add new table from CSV
+      Add new table from CSV, JSON or NDJSON
     </span>
   </span>
 </template>
diff --git a/src/components/svg/changeDb.vue b/src/components/svg/changeDb.vue
index 08a6227..7901a10 100644
--- a/src/components/svg/changeDb.vue
+++ b/src/components/svg/changeDb.vue
@@ -22,7 +22,7 @@
     />
   </svg>
   <span class="icon-tooltip" :style="tooltipStyle" ref="tooltip">
-    Load another database or CSV
+    Load another database, CSV, JSON or NDJSON
   </span>
 </div>
 </template>