From 79c51cd9dbf45b08059f691a3d715111c9ed3a94 Mon Sep 17 00:00:00 2001
From: HerrHase <me@herr-hase.wtf>
Date: Sun, 16 Oct 2022 18:26:24 +0200
Subject: [PATCH] adding debug=true for developmen, change logic for files

---
 README.md                          |   9 +
 index.js                           |  18 +-
 package-lock.json                  | 287 ++++++++++++++++++++---------
 package.json                       |   9 +-
 resources/index.html               |   1 +
 resources/logo.svg                 |  16 ++
 src/js/app.js                      |  16 +-
 src/js/components/fields/tags.riot |   3 +-
 src/js/database/apps.js            |  67 ++++++-
 src/js/database/fileHandler.js     | 127 +++++++++++++
 src/js/forms/apps.riot             |  58 +++---
 src/js/views/apps.riot             |  61 +++---
 src/scss/components/_apps.scss     |  28 +--
 webpack.mix.js                     |   6 +-
 14 files changed, 519 insertions(+), 187 deletions(-)
 create mode 100644 resources/logo.svg
 create mode 100644 src/js/database/fileHandler.js

diff --git a/README.md b/README.md
index 9703edb..cd64c8d 100644
--- a/README.md
+++ b/README.md
@@ -17,3 +17,12 @@ there will be another attempt to use neutralino.js, because it is more lightweig
 
 * Keyboard- and Controller-Support for navigation
 * Kiosk-Mode
+
+
+lastModified: 1649156637854
+lastModifiedDate: Tue Apr 05 2022 13:03:57 GMT+0200 (Central European Summer Time) {}
+name: "image001.png"
+path: "/home/herrhase/image001.png"
+size: 71577
+type: "image/png"
+webkitRelativePath: ""
\ No newline at end of file
diff --git a/index.js b/index.js
index efda14b..497ff5a 100644
--- a/index.js
+++ b/index.js
@@ -1,4 +1,4 @@
-const { app, BrowserWindow } = require('electron')
+const { app, BrowserWindow, ipcMain } = require('electron')
 const path = require('path')
 
 // add var for window
@@ -21,8 +21,10 @@ function handleReady() {
         frame: false,
         webPreferences: {
             nodeIntegration: true,
-            nodeIntegrationInWorker: true,
-            contextIsolation: false
+            nodeIntegrationInWorker: false,
+            contextIsolation: false,
+            webSecurity: true,
+            enableRemoteModule: true
         }
 	})
 
@@ -36,8 +38,14 @@ function handleReady() {
     // add event if window closed
 	appWindow.on('closed', handleClose)
 
-    // @TODO only for
-    appWindow.webContents.openDevTools()
+    if (process.env.debug) {
+        appWindow.webContents.openDevTools()
+    }
+    
+    // adding events for ipcMain
+    ipcMain.on('getPathUserData', (event) => {
+        event.returnValue = app.getPath('userData')
+    })
 }
 
 /**
diff --git a/package-lock.json b/package-lock.json
index f0071be..874fdf5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2403,6 +2403,70 @@
                 "cross-spawn": "^7.0.1"
             }
         },
+        "@mapbox/node-pre-gyp": {
+            "version": "1.0.10",
+            "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.10.tgz",
+            "integrity": "sha512-4ySo4CjzStuprMwk35H5pPbkymjv1SF3jGLj6rAHp/xT/RF7TL7bd9CTm1xDY49K2qF7jmR/g7k+SkLETP6opA==",
+            "requires": {
+                "detect-libc": "^2.0.0",
+                "https-proxy-agent": "^5.0.0",
+                "make-dir": "^3.1.0",
+                "node-fetch": "^2.6.7",
+                "nopt": "^5.0.0",
+                "npmlog": "^5.0.1",
+                "rimraf": "^3.0.2",
+                "semver": "^7.3.5",
+                "tar": "^6.1.11"
+            },
+            "dependencies": {
+                "are-we-there-yet": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
+                    "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+                    "requires": {
+                        "delegates": "^1.0.0",
+                        "readable-stream": "^3.6.0"
+                    }
+                },
+                "gauge": {
+                    "version": "3.0.2",
+                    "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz",
+                    "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
+                    "requires": {
+                        "aproba": "^1.0.3 || ^2.0.0",
+                        "color-support": "^1.1.2",
+                        "console-control-strings": "^1.0.0",
+                        "has-unicode": "^2.0.1",
+                        "object-assign": "^4.1.1",
+                        "signal-exit": "^3.0.0",
+                        "string-width": "^4.2.3",
+                        "strip-ansi": "^6.0.1",
+                        "wide-align": "^1.1.2"
+                    }
+                },
+                "npmlog": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz",
+                    "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
+                    "requires": {
+                        "are-we-there-yet": "^2.0.0",
+                        "console-control-strings": "^1.1.0",
+                        "gauge": "^3.0.0",
+                        "set-blocking": "^2.0.0"
+                    }
+                },
+                "readable-stream": {
+                    "version": "3.6.0",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+                    "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+                    "requires": {
+                        "inherits": "^2.0.3",
+                        "string_decoder": "^1.1.1",
+                        "util-deprecate": "^1.0.1"
+                    }
+                }
+            }
+        },
         "@nodelib/fs.scandir": {
             "version": "2.1.5",
             "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -2642,6 +2706,11 @@
                         "cumpa": "^1.0.1",
                         "curri": "^1.0.1"
                     }
+                },
+                "uuid": {
+                    "version": "8.3.2",
+                    "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+                    "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
                 }
             }
         },
@@ -3289,8 +3358,7 @@
         "abbrev": {
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
-            "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
-            "dev": true
+            "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q=="
         },
         "abort-controller": {
             "version": "3.0.0",
@@ -3349,7 +3417,6 @@
             "version": "6.0.2",
             "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
             "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-            "dev": true,
             "requires": {
                 "debug": "4"
             }
@@ -3456,8 +3523,7 @@
         "ansi-regex": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
         },
         "ansi-styles": {
             "version": "3.2.1",
@@ -3481,8 +3547,7 @@
         "aproba": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz",
-            "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==",
-            "dev": true
+            "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ=="
         },
         "are-we-there-yet": {
             "version": "3.0.1",
@@ -3688,8 +3753,7 @@
         "balanced-match": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-            "dev": true
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
         },
         "base64-js": {
             "version": "1.5.1",
@@ -3853,7 +3917,6 @@
             "version": "1.1.11",
             "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
             "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-            "dev": true,
             "requires": {
                 "balanced-match": "^1.0.0",
                 "concat-map": "0.0.1"
@@ -4206,6 +4269,16 @@
             "integrity": "sha512-OO+pPubxx16lkI7TVrbFpde8XHz66SMwstl1YWpg6uMGw56XnhYVwtPIjvX4kYpzwMwQKr4DDce394E03dQPGg==",
             "dev": true
         },
+        "canvas": {
+            "version": "2.10.1",
+            "resolved": "https://registry.npmjs.org/canvas/-/canvas-2.10.1.tgz",
+            "integrity": "sha512-29pIjn9uwTUsIgJUNd7GXxKk8sg4iyJwLm1wIilNIqX1mVzXSc2nUij9exW1LqNpis1d2ebMYfMqTWcokZ4pdA==",
+            "requires": {
+                "@mapbox/node-pre-gyp": "^1.0.0",
+                "nan": "^2.15.0",
+                "simple-get": "^3.0.3"
+            }
+        },
         "chalk": {
             "version": "4.1.2",
             "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -4266,8 +4339,7 @@
         "charenc": {
             "version": "0.0.2",
             "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
-            "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==",
-            "dev": true
+            "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA=="
         },
         "chokidar": {
             "version": "3.5.3",
@@ -4288,8 +4360,7 @@
         "chownr": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
-            "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
-            "dev": true
+            "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ=="
         },
         "chrome-trace-event": {
             "version": "1.0.3",
@@ -4433,8 +4504,7 @@
         "color-support": {
             "version": "1.1.3",
             "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
-            "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
-            "dev": true
+            "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg=="
         },
         "colord": {
             "version": "2.9.3",
@@ -4533,8 +4603,7 @@
         "concat-map": {
             "version": "0.0.1",
             "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-            "dev": true
+            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
         },
         "concat-stream": {
             "version": "1.6.2",
@@ -4580,8 +4649,7 @@
         "console-control-strings": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
-            "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
-            "dev": true
+            "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ=="
         },
         "constants-browserify": {
             "version": "1.0.0",
@@ -4739,8 +4807,7 @@
         "crypt": {
             "version": "0.0.2",
             "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
-            "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==",
-            "dev": true
+            "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow=="
         },
         "crypto-browserify": {
             "version": "3.12.0",
@@ -4922,7 +4989,6 @@
             "version": "4.3.4",
             "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
             "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-            "dev": true,
             "requires": {
                 "ms": "2.1.2"
             }
@@ -4995,8 +5061,7 @@
         "delegates": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
-            "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
-            "dev": true
+            "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ=="
         },
         "depd": {
             "version": "2.0.0",
@@ -5023,8 +5088,7 @@
         "detect-libc": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.1.tgz",
-            "integrity": "sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==",
-            "dev": true
+            "integrity": "sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w=="
         },
         "detect-node": {
             "version": "2.1.0",
@@ -5628,6 +5692,14 @@
                 "rcinfo": "^0.1.3",
                 "semver": "^7.3.5",
                 "uuid": "^8.3.2"
+            },
+            "dependencies": {
+                "uuid": {
+                    "version": "8.3.2",
+                    "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+                    "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+                    "dev": true
+                }
             }
         },
         "elliptic": {
@@ -5656,8 +5728,7 @@
         "emoji-regex": {
             "version": "8.0.0",
             "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
         },
         "emojis-list": {
             "version": "3.0.0",
@@ -6273,7 +6344,6 @@
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
             "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
-            "dev": true,
             "requires": {
                 "minipass": "^3.0.0"
             }
@@ -6287,8 +6357,7 @@
         "fs.realpath": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-            "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-            "dev": true
+            "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
         },
         "fsevents": {
             "version": "2.3.2",
@@ -6456,7 +6525,6 @@
             "version": "7.2.3",
             "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
             "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-            "dev": true,
             "requires": {
                 "fs.realpath": "^1.0.0",
                 "inflight": "^1.0.4",
@@ -6665,8 +6733,7 @@
         "has-unicode": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
-            "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
-            "dev": true
+            "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ=="
         },
         "hash-base": {
             "version": "3.1.0",
@@ -6955,7 +7022,6 @@
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
             "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
-            "dev": true,
             "requires": {
                 "agent-base": "6",
                 "debug": "4"
@@ -6991,6 +7057,14 @@
             "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
             "dev": true
         },
+        "identicon": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/identicon/-/identicon-3.1.1.tgz",
+            "integrity": "sha512-wzIGJ1jdLaU+iJubEp009rAIoQZSHln+cImbpsbrobdXXw2XyLNjB6Zzz1L2pn73hiebpD2RrdS8ZLXT7AkoNQ==",
+            "requires": {
+                "canvas": "^2.8.0"
+            }
+        },
         "ieee754": {
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
@@ -7101,7 +7175,6 @@
             "version": "1.0.6",
             "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
             "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-            "dev": true,
             "requires": {
                 "once": "^1.3.0",
                 "wrappy": "1"
@@ -7177,8 +7250,7 @@
         "is-buffer": {
             "version": "1.1.6",
             "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
-            "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
-            "dev": true
+            "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
         },
         "is-core-module": {
             "version": "2.10.0",
@@ -7204,8 +7276,7 @@
         "is-fullwidth-code-point": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-            "dev": true
+            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
         },
         "is-glob": {
             "version": "4.0.3",
@@ -7487,16 +7558,6 @@
                 "yargs": "^17.2.1"
             }
         },
-        "level": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/level/-/level-6.0.1.tgz",
-            "integrity": "sha512-psRSqJZCsC/irNhfHzrVZbmPYXDcEYhA5TVNwr+V92jF44rbf86hqGp8fiT702FyiArScYIlPSBTDUASCVNSpw==",
-            "requires": {
-                "level-js": "^5.0.0",
-                "level-packager": "^5.1.0",
-                "leveldown": "^5.4.0"
-            }
-        },
         "level-codec": {
             "version": "9.0.2",
             "resolved": "https://registry.npmjs.org/level-codec/-/level-codec-9.0.2.tgz",
@@ -7746,7 +7807,6 @@
             "version": "6.0.0",
             "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
             "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-            "dev": true,
             "requires": {
                 "yallist": "^4.0.0"
             }
@@ -7790,7 +7850,6 @@
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
             "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
-            "dev": true,
             "requires": {
                 "semver": "^6.0.0"
             },
@@ -7798,8 +7857,7 @@
                 "semver": {
                     "version": "6.3.0",
                     "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-                    "dev": true
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
                 }
             }
         },
@@ -7867,7 +7925,6 @@
             "version": "2.3.0",
             "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
             "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
-            "dev": true,
             "requires": {
                 "charenc": "0.0.2",
                 "crypt": "0.0.2",
@@ -7978,14 +8035,12 @@
         "mime-db": {
             "version": "1.52.0",
             "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-            "dev": true
+            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
         },
         "mime-types": {
             "version": "2.1.35",
             "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
             "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-            "dev": true,
             "requires": {
                 "mime-db": "1.52.0"
             }
@@ -8048,7 +8103,6 @@
             "version": "3.1.2",
             "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
             "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
             "requires": {
                 "brace-expansion": "^1.1.7"
             }
@@ -8063,7 +8117,6 @@
             "version": "3.3.4",
             "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.4.tgz",
             "integrity": "sha512-I9WPbWHCGu8W+6k1ZiGpPu0GkoKBeorkfKNuAFBNS1HNFJvke82sxvI5bzcCNpWPorkOO5QQ+zomzzwRxejXiw==",
-            "dev": true,
             "requires": {
                 "yallist": "^4.0.0"
             }
@@ -8120,7 +8173,6 @@
             "version": "2.1.2",
             "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
             "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
-            "dev": true,
             "requires": {
                 "minipass": "^3.0.0",
                 "yallist": "^4.0.0"
@@ -8129,14 +8181,12 @@
         "mkdirp": {
             "version": "1.0.4",
             "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
-            "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
-            "dev": true
+            "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw=="
         },
         "ms": {
             "version": "2.1.2",
             "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-            "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-            "dev": true
+            "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
         },
         "multicast-dns": {
             "version": "7.2.5",
@@ -8154,6 +8204,11 @@
             "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
             "dev": true
         },
+        "nan": {
+            "version": "2.16.0",
+            "resolved": "https://registry.npmjs.org/nan/-/nan-2.16.0.tgz",
+            "integrity": "sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA=="
+        },
         "nanoid": {
             "version": "3.3.4",
             "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
@@ -8305,6 +8360,14 @@
                 "shellwords": "^0.1.1",
                 "uuid": "^8.3.0",
                 "which": "^2.0.2"
+            },
+            "dependencies": {
+                "uuid": {
+                    "version": "8.3.2",
+                    "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+                    "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+                    "dev": true
+                }
             }
         },
         "node-releases": {
@@ -8317,7 +8380,6 @@
             "version": "5.0.0",
             "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
             "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
-            "dev": true,
             "requires": {
                 "abbrev": "1"
             }
@@ -8409,8 +8471,7 @@
         "object-assign": {
             "version": "4.1.1",
             "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-            "dev": true
+            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="
         },
         "object-inspect": {
             "version": "1.12.2",
@@ -8461,7 +8522,6 @@
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
             "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-            "dev": true,
             "requires": {
                 "wrappy": "1"
             }
@@ -8690,8 +8750,7 @@
         "path-is-absolute": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-            "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-            "dev": true
+            "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg=="
         },
         "path-key": {
             "version": "3.1.1",
@@ -9135,6 +9194,16 @@
                     "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
                     "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ=="
                 },
+                "level": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/level/-/level-6.0.1.tgz",
+                    "integrity": "sha512-psRSqJZCsC/irNhfHzrVZbmPYXDcEYhA5TVNwr+V92jF44rbf86hqGp8fiT702FyiArScYIlPSBTDUASCVNSpw==",
+                    "requires": {
+                        "level-js": "^5.0.0",
+                        "level-packager": "^5.1.0",
+                        "leveldown": "^5.4.0"
+                    }
+                },
                 "readable-stream": {
                     "version": "1.1.14",
                     "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
@@ -9150,6 +9219,11 @@
                     "version": "0.10.31",
                     "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
                     "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ=="
+                },
+                "uuid": {
+                    "version": "8.3.2",
+                    "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+                    "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
                 }
             }
         },
@@ -9260,6 +9334,13 @@
                 "pouchdb-errors": "7.3.0",
                 "pouchdb-md5": "7.3.0",
                 "uuid": "8.3.2"
+            },
+            "dependencies": {
+                "uuid": {
+                    "version": "8.3.2",
+                    "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+                    "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
+                }
             }
         },
         "prepend-http": {
@@ -9836,7 +9917,6 @@
             "version": "3.0.2",
             "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
             "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-            "dev": true,
             "requires": {
                 "glob": "^7.1.3"
             }
@@ -9966,7 +10046,6 @@
             "version": "7.3.7",
             "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
             "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
-            "dev": true,
             "requires": {
                 "lru-cache": "^6.0.0"
             }
@@ -10135,8 +10214,7 @@
         "set-blocking": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
-            "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
-            "dev": true
+            "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
         },
         "setimmediate": {
             "version": "1.0.5",
@@ -10204,8 +10282,37 @@
         "signal-exit": {
             "version": "3.0.7",
             "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-            "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-            "dev": true
+            "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
+        },
+        "simple-concat": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
+            "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q=="
+        },
+        "simple-get": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-3.1.1.tgz",
+            "integrity": "sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==",
+            "requires": {
+                "decompress-response": "^4.2.0",
+                "once": "^1.3.1",
+                "simple-concat": "^1.0.0"
+            },
+            "dependencies": {
+                "decompress-response": {
+                    "version": "4.2.1",
+                    "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-4.2.1.tgz",
+                    "integrity": "sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==",
+                    "requires": {
+                        "mimic-response": "^2.0.0"
+                    }
+                },
+                "mimic-response": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-2.1.0.tgz",
+                    "integrity": "sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA=="
+                }
+            }
         },
         "slash": {
             "version": "3.0.0",
@@ -10228,6 +10335,14 @@
                 "faye-websocket": "^0.11.3",
                 "uuid": "^8.3.2",
                 "websocket-driver": "^0.7.4"
+            },
+            "dependencies": {
+                "uuid": {
+                    "version": "8.3.2",
+                    "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+                    "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+                    "dev": true
+                }
             }
         },
         "socks": {
@@ -10424,7 +10539,6 @@
             "version": "4.2.3",
             "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
             "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
             "requires": {
                 "emoji-regex": "^8.0.0",
                 "is-fullwidth-code-point": "^3.0.0",
@@ -10450,7 +10564,6 @@
             "version": "6.0.1",
             "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
             "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
             "requires": {
                 "ansi-regex": "^5.0.1"
             }
@@ -10647,7 +10760,6 @@
             "version": "6.1.11",
             "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz",
             "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==",
-            "dev": true,
             "requires": {
                 "chownr": "^2.0.0",
                 "fs-minipass": "^2.0.0",
@@ -11107,9 +11219,9 @@
             "dev": true
         },
         "uuid": {
-            "version": "8.3.2",
-            "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-            "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
+            "version": "9.0.0",
+            "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
+            "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg=="
         },
         "validate-npm-package-license": {
             "version": "3.0.4",
@@ -11507,7 +11619,6 @@
             "version": "1.1.5",
             "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
             "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
-            "dev": true,
             "requires": {
                 "string-width": "^1.0.2 || 2 || 3 || 4"
             }
@@ -11565,8 +11676,7 @@
         "wrappy": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-            "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-            "dev": true
+            "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
         },
         "write-stream": {
             "version": "0.4.3",
@@ -11609,8 +11719,7 @@
         "yallist": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-            "dev": true
+            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
         },
         "yaml": {
             "version": "1.10.2",
diff --git a/package.json b/package.json
index b6c67c0..592ee3a 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,8 @@
         }
     },
     "scripts": {
-        "development": "npx mix && electron .",
+        "development": "export debug=true && npx mix && electron .",
+        "production": "npx mix --production && electron .",
         "build-linux": "npx mix --production && npx electron-forge make --target=linux --arch=x64",
         "build-win": "npx mix --production && npx electron-forge make --target=win32 --arch=x64"
     },
@@ -39,9 +40,13 @@
         "@tiny-components/sidebar-form": "^0.1.0",
         "@tiny-components/validator": "^0.2.0",
         "dayjs": "^1.11.5",
+        "identicon": "^3.1.1",
+        "md5": "^2.3.0",
+        "mime-types": "^2.1.35",
         "pouchdb": "^7.3.0",
         "pouchdb-find": "^7.3.0",
-        "riot": "^7.0.3"
+        "riot": "^7.0.3",
+        "uuid": "^9.0.0"
     },
     "devDependencies": {
         "@electron-forge/cli": "^6.0.0-beta.66",
diff --git a/resources/index.html b/resources/index.html
index 8d4090f..5a25faf 100644
--- a/resources/index.html
+++ b/resources/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <title>Potato Launcher</title>
     <link rel="stylesheet" href="css/styles.css">
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline'; img-src data: 'self';">
 </head>
 <body>
     <div class="potato-main">
diff --git a/resources/logo.svg b/resources/logo.svg
new file mode 100644
index 0000000..c906c33
--- /dev/null
+++ b/resources/logo.svg
@@ -0,0 +1,16 @@
+<svg width="72px" height="72px" viewBox="0 0 72 72" id="emoji" xmlns="http://www.w3.org/2000/svg">
+  <g id="color">
+    <path fill="#A57939" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M59.0417,27.8733c0,18.2898-7.5955,27.2079-14.6746,31.5411c-6.1848,3.8041-11.9917,4.1064-11.9917,4.1064 c-10.8076,0-19.5746-8.767-19.5746-19.5746c0-6.6509,3.7337-11.4301,8.3765-16.0729C33.2467,15.804,31.9388,9.5079,42.8303,9.5079 c8.956,0,16.2114,7.2681,16.2114,16.224C59.0417,26.5381,59.0417,27.8733,59.0417,27.8733z"/>
+    <path fill="#a57939" stroke="none" d="M59.0449,25.73c0,0.81,0,2.14,0,2.14c0,18.29-7.6,27.21-14.68,31.54 c-6.1801,3.81-11.9901,4.11-11.9901,4.11c-1.67,0-3.28-0.21-4.8199-0.6c31.56-8.62,25.35-49.89,25.35-49.89 C56.6449,16,59.0449,20.59,59.0449,25.73z"/>
+    <circle cx="38.2737" cy="51.6496" r="3.2408" fill="#A57939" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
+  </g>
+  <g id="hair"/>
+  <g id="skin"/>
+  <g id="skin-shadow"/>
+  <g id="line">
+    <path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M59.0417,27.8733c0,18.2898-7.5955,27.2079-14.6746,31.5411c-6.1848,3.8041-11.9917,4.1064-11.9917,4.1064 c-10.8076,0-19.5746-8.767-19.5746-19.5746c0-6.6509,3.7337-11.4301,8.3765-16.0729C33.2467,15.804,31.9388,9.5079,42.8303,9.5079 c8.956,0,16.2114,7.2681,16.2114,16.224C59.0417,26.5381,59.0417,27.8733,59.0417,27.8733z"/>
+    <circle cx="39.534" cy="16.2145" r="1.2603" fill="#000000" stroke="none"/>
+    <circle cx="38.2737" cy="51.6496" r="3.2408" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
+    <path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M59.0417,27.8733c0,18.2898-7.5955,27.2079-14.6746,31.5411c-6.1848,3.8041-11.9917,4.1064-11.9917,4.1064 c-10.8076,0-19.5746-8.767-19.5746-19.5746c0-6.6509,3.7337-11.4301,8.3765-16.0729C33.2467,15.804,31.9388,9.5079,42.8303,9.5079 c8.956,0,16.2114,7.2681,16.2114,16.224C59.0417,26.5381,59.0417,27.8733,59.0417,27.8733z"/>
+  </g>
+</svg>
diff --git a/src/js/app.js b/src/js/app.js
index 029f7fa..3cd5d95 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -27,18 +27,4 @@ riot.register('potato-close-button', potatoCloseButton)
 
 riot.mount('potato-apps-view')
 riot.mount('tiny-notification')
-riot.mount('tiny-confirm')
-
-// workaround to prevent a stack overflow
-window._arrayBufferToBase64 = function _arrayBufferToBase64(buffer) {
-    var binary = '';
-
-    var bytes = new Uint8Array(buffer);
-    var len = bytes.byteLength;
-
-    for (var i = 0; i < len; i++) {
-        binary += String.fromCharCode(bytes[i]);
-    }
-
-    return window.btoa(binary);
-}
\ No newline at end of file
+riot.mount('tiny-confirm')
\ No newline at end of file
diff --git a/src/js/components/fields/tags.riot b/src/js/components/fields/tags.riot
index 04b6ef5..1312e29 100644
--- a/src/js/components/fields/tags.riot
+++ b/src/js/components/fields/tags.riot
@@ -30,6 +30,7 @@
                 </li>
             </ul>
         </div>
+        
     </div>
     <script>
 
@@ -74,7 +75,7 @@
             onMounted() {
                 tagsStore.on('update', (data) => {
 
-                    // if no data is send, reset array 
+                    // if no data is send, reset array
                     if (!data) {
                         data = []
                     }
diff --git a/src/js/database/apps.js b/src/js/database/apps.js
index b8f1a6e..7c0d15d 100644
--- a/src/js/database/apps.js
+++ b/src/js/database/apps.js
@@ -1,6 +1,9 @@
 import DatabaseHandler from './databaseHandler.js'
+import FileHandler from './fileHandler.js'
 import TagsDatabase from './tags.js'
 
+const { ipcRenderer } = require('electron')
+
 /**
  *  apps
  *
@@ -32,11 +35,15 @@ class AppsDatabase extends DatabaseHandler {
      *  @return {object}
      *
      */
-    create(data) {
+    async create(data) {
 
         // default for date_started
         data.date_started = 0
 
+        if (data.thumbnail) {
+            data.thumbnail = await this.createOrUpdateFile(data.thumbnail)
+        }
+
         return this.db.post(data)
             .then((response) => {
 
@@ -54,6 +61,38 @@ class AppsDatabase extends DatabaseHandler {
             })
     }
 
+    /**
+     *  create or update file with fileHandler
+     *
+     *
+     *  @param  {[type]}  file
+     *  @param  {[type]}  entry
+     *  @param  {[type]}  key
+     *  @return {mixed}
+     *
+     */
+    async createOrUpdateFile(file, entry, key) {
+
+        // fileHandler
+        const fileHandler = new FileHandler(ipcRenderer.sendSync('getPathUserData') + '/attachments')
+
+        const reader = new FileReader()
+
+        // if file is blob use readFileFromBlob to get data
+        if (file instanceof Blob) {
+
+            file.data = await fileHandler.readFileFromBlob(file)
+
+            if (entry && entry[key]) {
+                fileHandler.remove(entry[key])
+            }
+        }
+
+        file = fileHandler.put(file.name, file.type, file.data)
+
+        return file
+    }
+
     /**
      *  update app
      *
@@ -61,7 +100,14 @@ class AppsDatabase extends DatabaseHandler {
      *  @return {object}
      *
      */
-    update(data) {
+    async update(data) {
+
+        const entry = await this.findOneById(data._id)
+
+        if (data.thumbnail) {
+            data.thumbnail = await this.createOrUpdateFile(data.thumbnail, entry, 'thumbnail')
+        }
+
         return this.db.put(data)
             .then((response) => {
                 return this.findOneById(response._id)
@@ -79,7 +125,15 @@ class AppsDatabase extends DatabaseHandler {
      *  @return {object}
      *
      */
-    remove(document) {
+    async remove(document) {
+
+        const entry = await this.findOneById(document._id)
+
+        if (entry.thumbnail) {
+            const fileHandler = new FileHandler(ipcRenderer.sendSync('getPathUserData') + '/attachments')
+            fileHandler.remove(entry.thumbnail)
+        }
+
         return this.db.remove(document)
             .then(async (response) => {
 
@@ -141,7 +195,7 @@ class AppsDatabase extends DatabaseHandler {
      *  @return {mixed}
      *
      */
-    find(parameters) {
+    async find(parameters) {
 
         const query = {
             'selector': {
@@ -174,7 +228,7 @@ class AppsDatabase extends DatabaseHandler {
                 }
 
                 // @TODO refactor this, change logic in filter
-                query.sort = [ {
+                query.sort = [{
                     'date_started': 'desc'
                 }]
 
@@ -196,7 +250,8 @@ class AppsDatabase extends DatabaseHandler {
             }
         }
 
-        return this.db.find(query).then((documents) => {
+        return this.db.find(query).then(async (documents) => {
+            console.log(documents.docs)
             return documents.docs
         }).catch((error) => {
 
diff --git a/src/js/database/fileHandler.js b/src/js/database/fileHandler.js
new file mode 100644
index 0000000..fca990c
--- /dev/null
+++ b/src/js/database/fileHandler.js
@@ -0,0 +1,127 @@
+import { v4 as uuidv4 } from 'uuid'
+import md5 from 'md5'
+import mkdirp from 'mkdirp'
+import path from 'path'
+import fs from 'fs'
+
+/**
+ *  handling files and create files in a hash-directory system
+ *
+ *  @author Björn Hase
+ *  @license https://www.gnu.org/licenses/gpl-3.0.en.html GPL-3
+ *  @link https://gitea.node001.net/HerrHase/potato-launcher.git
+ *
+ */
+class FileHandler {
+
+    /**
+     *
+     *
+     *  @param {string} storagePath
+     *
+     */
+    constructor(storagePath) {
+        this.storagePath = storagePath
+    }
+
+    /**
+     *  add file to storage
+     *
+     *  @param  {string} filename
+     *  @param  {string} type
+     *  @param  {mixed}  data
+     *  @return {object}
+     *
+     */
+    put(filename, type, data) {
+
+        const uuid = uuidv4()
+        const relativePath = this._createDirPath(uuid) + '/' + uuid
+
+        try {
+            fs.writeFileSync(this.storagePath + '/' + relativePath, data,  { encoding: 'binary' })
+        } catch(error) {
+            throw new Error(error)
+        }
+
+        return {
+            name: filename,
+            type: type,
+            path: relativePath
+        }
+    }
+
+    /**
+     *  remove
+     *
+     *  @param {object} file
+     *
+     */
+    remove(file) {
+        fs.unlinkSync(this.storagePath + '/' + file.path)
+    }
+
+    /**
+     *  read file from Blob as binary string
+     *
+     *  @param  {Object} file
+     *  @return {mixed}
+     *
+     */
+    readFileFromBlob(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader()
+
+            reader.onload = (response) => {
+                resolve(response.target.result)
+            }
+
+            reader.onerror = (error) => reject(error)
+            reader.readAsBinaryString(file)
+        })
+    }
+
+    /**
+     *  creating directory for file,
+     *  using filename and uniqid to get a hash and split
+     *  him into chunks and creating directories
+     *
+     *  @param  {string} filename
+     *  @return {string}
+     */
+    _createDirPath(uuid) {
+
+        // getting hash
+        const hashPath = md5(uuid)
+
+        // creating string of relative path, and create missing directories
+        const relativePath = this._chunks(hashPath).join('/')
+        const absolutePath = this.storagePath + '/' + relativePath
+
+        mkdirp.sync(absolutePath)
+
+        return relativePath
+    }
+
+    /**
+     *  split string into chunks
+     *
+     *  @param  {string} value
+     *  @param  {integer} size
+     *  @return {array}
+     */
+    _chunks(value, size = 8) {
+
+        let result = [];
+
+        if (value !== null) {
+            value = String(value);
+            size = ~~size;
+            result = size > 0 ? value.match(new RegExp('.{1,' + size + '}', 'g')) : [value];
+        }
+
+        return result;
+    }
+}
+
+export default FileHandler
\ No newline at end of file
diff --git a/src/js/forms/apps.riot b/src/js/forms/apps.riot
index d4e3b75..2e6bd7d 100644
--- a/src/js/forms/apps.riot
+++ b/src/js/forms/apps.riot
@@ -60,7 +60,7 @@
                     <!-- media -->
                     <div class="field-group">
                         <label class="field-label">
-                            Thumbnail<br />
+                            thumbnail<br />
                             <input id="apps-form-select-thumbnail" class="hidden-xxs hidden-xs-up" type="file"  accept="image/png, image/jpeg, image/gif, image/webm, image/webp" onchange={ (event) => { handleSelectThumbnail(event) }} />
                             <button class="button button--hover-icon-contrast m-top-3" type="button" onclick={ (event) => { handleOpenThumbnail(event) }}>
                                 <svg class="icon">
@@ -75,7 +75,7 @@
                                         <use xlink:href="symbol-defs.svg#icon-delete" />
                                     </svg>
                                 </button>
-                                <img class="w-100" src={ toImage(state.current.thumbnail) } />
+                                <img class="w-100" src="{ resolveMediaPath(state.current.thumbnail) }" />
                             </div>
                         </div>
                         <field-error name="thumbnail"></field-error>
@@ -118,6 +118,8 @@
         // confirm
         import confirmStore from '@tiny-components/confirm/src/store.js'
 
+        const { ipcRenderer } = require('electron')
+
         /**
          *  handler for apps
          *
@@ -138,6 +140,8 @@
                   */
                  onMounted() {
 
+                     this.state.storagePath = ipcRenderer.sendSync('getPathUserData') + '/attachments'
+
                      // adding event for open sidebar
                      formStore.on('open', (id) =>  {
 
@@ -244,6 +248,7 @@
                     event.preventDefault()
 
                     if (event.target.files[0]) {
+
                         if (!this.state.current) {
                             this.state.current = {
 
@@ -264,12 +269,12 @@
                 handleSuccess(event, data) {
                      event.preventDefault()
 
+                     data = Object.assign(this.state.current, data)
+
                      this.state.current = data
                      this.state.loading = true
-                     this.update()
 
-                     // adding thumbnail
-                     data.thumbnail = this.state.current.thumbnail
+                     this.update()
 
                      // send to extensions database
                      if (data._id && data._rev) {
@@ -293,27 +298,28 @@
                  },
 
                  /**
+                  *  if select thumbnail
                   *
                   *
-                  *
-                  *  @param  object event
+                  *  @param {object} event
                   *
                   */
                  handleSelectThumbnail(event)
                  {
-                     if (event.target.files[0]) {
-                         const fileReader = new FileReader()
-                         const data = fileReader.readAsArrayBuffer(event.target.files[0])
+                    if (event.target.files[0]) {
+                        if (!this.state.current) {
+                            this.state.current = {
 
-                         fileReader.onload = () => {
-                             this.state.current.thumbnail = _arrayBufferToBase64(fileReader.result)
-                             this.update()
-                         }
+                            }
+                        }
+
+                        this.state.current.thumbnail = event.target.files[0]
+                        this.update()
                      }
                  },
 
                  /**
-                  *  remove current thumbnail for App
+                  *  remove thumbnail
                   *
                   *
                   *  @param {object} event
@@ -322,11 +328,15 @@
                  handleRemoveThumbnail(event) {
                     event.preventDefault()
 
-                    this.state.current.thumbnail = null
+                    delete this.state.current.thumbnail
+
+                    // remove value, make sure that onChange trigger also on same file
+                    this.$('#apps-form-select-thumbnail').value = ''
                     this.update()
                  },
 
                  /**
+                  *  delete current
                   *
                   *
                   */
@@ -342,12 +352,18 @@
 
                  /**
                   *
-                  *
-                  *  @param  {object} media
-                  *
+                  *  @param  {[type]} file
+                  *  @return {[type]}   
                   */
-                 toImage(media) {
-                     return 'data:image/png;base64,' + media
+                 resolveMediaPath(file) {
+
+                     let result = this.state.storagePath + '/' + file.path
+
+                     if (file instanceof Blob) {
+                         result = file.path
+                     }
+
+                     return result
                  }
              }
          }
diff --git a/src/js/views/apps.riot b/src/js/views/apps.riot
index c842341..76a6670 100644
--- a/src/js/views/apps.riot
+++ b/src/js/views/apps.riot
@@ -17,23 +17,26 @@
         <div class="apps">
             <div class="grid">
                 <div class="col-12 col-md-3 col-lg-2" each={ app in state.apps }>
-                    <div class="apps__item" onclick={ (event) => { handleClick(event, app) }} style="{ addBackgroundStyles(app) }">
-                        <div class="apps__header p-4 right">
-                            <button class="button button--icon button--hover-icon-contrast" onclick={ (event) => { handleEdit(event, app) }}>
-                                <svg class="icon">
-                                    <use xlink:href="symbol-defs.svg#icon-settings" />
-                                </svg>
-                            </button>
-                        </div>
-                        <div class="apps__item-panel p-4">
-                            <h3 class="m-bottom-0">
-                                { app.name }
-                            </h3>
-                            <div if={ app.description } class="content m-top-3 m-bottom-last-child-0">
-                                { app.description }
+                    <div class="apps__item" onclick={ (event) => { handleClick(event, app) }}>
+                        <img class="apps__item-background" if={ app.thumbnail } src="{ state.storagePath + '/' + app.thumbnail.path }" />
+                        <div class="apps__item-inner">
+                            <div class="apps__header p-4 right">
+                                <button class="button button--icon button--hover-icon-contrast" onclick={ (event) => { handleEdit(event, app) }}>
+                                    <svg class="icon">
+                                        <use xlink:href="symbol-defs.svg#icon-settings" />
+                                    </svg>
+                                </button>
                             </div>
-                            <div if={ app.tags && app.tags.length > 0 } class="m-top-3">
-                                <span class="badge m-right-3" each={ tag in app.tags }>{ tag }</span>
+                            <div class="apps__item-panel p-4">
+                                <h3 class="m-bottom-0">
+                                    { app.name }
+                                </h3>
+                                <div if={ app.description } class="content m-top-3 m-bottom-last-child-0">
+                                    { app.description }
+                                </div>
+                                <div if={ app.tags && app.tags.length > 0 } class="m-top-3">
+                                    <span class="badge m-right-3" each={ tag in app.tags }>{ tag }</span>
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -59,6 +62,8 @@
 
         import notificationStore from '@tiny-components/notification/src/notificationStore.js'
 
+        const { ipcRenderer } = require('electron')
+
         // let it rain
         riot.register('potato-apps-form', potatoAppsForm)
         riot.mount('potato-apps-form')
@@ -88,7 +93,8 @@
               *
               */
             state: {
-                apps: []
+                apps: [],
+                storagePath: undefined
             },
 
             /**
@@ -97,6 +103,8 @@
              */
             onMounted() {
 
+                this.state.storagePath = ipcRenderer.sendSync('getPathUserData') + '/attachments'
+
                 // add event to receive data from pouchdb
                 appsStore.on('ready', (data) => {
                     this.state.apps = data
@@ -156,25 +164,6 @@
             handleEdit(event, app) {
                 event.stopPropagation()
                 formStore.open(app._id)
-            },
-
-            /**
-             *  adding background styles
-             *
-             *
-             *  @param {object} app
-             *  @return {string}
-             *
-             */
-            addBackgroundStyles(app) {
-
-                let styles = false
-
-                if (app.thumbnail) {
-                    styles = "background-image: url('data:image/jpg;base64," + app.thumbnail + "')"
-                }
-
-                return styles
             }
         }
     </script>
diff --git a/src/scss/components/_apps.scss b/src/scss/components/_apps.scss
index 7eb19d7..c9be8af 100644
--- a/src/scss/components/_apps.scss
+++ b/src/scss/components/_apps.scss
@@ -7,20 +7,26 @@
 
  .apps {
     &__item {
-        display: flex;
-        flex-flow: column;
-        justify-content: space-between;
-
-        border: 1px solid var(--border);
+        position: relative;
+
+        &-background {
+            position: absolute;
+            object-fit: cover;
+            width: 100%;
+            height: 100%;
+            z-index: -1;
+        }
 
-        // background image default
-        background-repeat: no-repeat;
-        background-size: cover;
-        background-position: 50%;
+        &-inner {
+            display: flex;
+            flex-flow: column;
+            justify-content: space-between;
 
-        height: 450px;
+            border: 1px solid var(--border);
+            height: 450px;
 
-        transition: transform 0.25s, box-shadow 0.5s;
+            transition: transform 0.25s, box-shadow 0.5s;
+        }
 
         &:hover {
             cursor: pointer;
diff --git a/webpack.mix.js b/webpack.mix.js
index 958309f..3585bc1 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -56,7 +56,11 @@ mix.webpackConfig({
         }]
     },
     externals: {
-        child_process: 'require("child_process")'
+        child_process: 'require("child_process")',
+        fs: 'require("fs")',
+        path: 'require("path")',
+        mkdirp: 'require("mkdirp")',
+        electron: 'require("electron")'
     }
 }).options({
     processCssUrls: false,