From 8c0713911277b49623794c19429ccf1dbe941761 Mon Sep 17 00:00:00 2001
From: Badri Sunderarajan <badri@snipettemag.com>
Date: Fri, 5 Aug 2022 12:58:07 +0530
Subject: [PATCH] Actually generate and save JSON file

---
 package.json   |  1 +
 src/App.svelte | 51 +++++++++++++++++++++++++++++++++++++++++++++++---
 yarn.lock      |  5 +++++
 3 files changed, 54 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 4f3cf50..917fc1b 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
   },
   "dependencies": {
     "email-validator": "^2.0.4",
+    "file-saver": "^2.0.5",
     "sirv-cli": "^2.0.0",
     "slug": "^5.3.0"
   }
diff --git a/src/App.svelte b/src/App.svelte
index 1bf1cef..dd9467e 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import * as EmailValidator from 'email-validator'
+  import saveAs from 'file-saver'
   import Slug from 'slug'
 
   export let name: string;
@@ -10,7 +11,39 @@
   let slugIsAuto = true;
   let errors = [];
 
-  function generateAuthor(e) {
+  let file: file;
+
+  function generateAuthor() {
+    /*
+      Generates the author JSON. Note that this
+      function is very naïve and doesn't perform
+      any background checks! Please make sure
+      those have been performed already.
+    */
+
+    let data = {
+      data: {
+        users: [
+          {
+            id: 1,
+            slug: slug,
+            bio: bio,
+            email: email,
+            name: name,
+            profile_image: ""
+          },
+        ],
+      },
+      meta: {
+        exported_on: new Date(), // That's today!
+        version: '2.14.0',
+      }
+    }
+
+    return JSON.stringify(data)
+  }
+
+  function processForm(e) {
     e.preventDefault()
 
     // Check the formatting
@@ -35,7 +68,19 @@
     // Validate slug formatting
 
     if (!errors.length) {
-      alert(`Name: ${name} email, ${email} has slug ${slug} and bio ${bio}`)
+      // Generate the file!
+      file = new File([
+        generateAuthor()
+        ],
+        `user-${slug}.json`,
+        {
+          type: 'application/json',
+        })
+
+      // Use FileSaver.js magic to save it
+      saveAs(file, `user-${slug}.json`)
+
+      console.log(`Name: ${name} email, ${email} has slug ${slug} and bio ${bio}`)
     }
   }
 
@@ -120,7 +165,7 @@
         <input id="input-bio" name="bio" bind:value={bio}/>
       </div>
 
-      <button on:click={generateAuthor}>Generate</button>
+      <button on:click={processForm}>Generate</button>
 
     </fieldset>
   </form>
diff --git a/yarn.lock b/yarn.lock
index 25a5301..a002474 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -357,6 +357,11 @@ fastq@^1.6.0:
   dependencies:
     reusify "^1.0.4"
 
+file-saver@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/file-saver/-/file-saver-2.0.5.tgz#d61cfe2ce059f414d899e9dd6d4107ee25670c38"
+  integrity sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==
+
 fill-range@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"