Merge pull request #34 from kaythomas0/v0.6.3

v0.6.3
Fix typo
2022-09-11 17:38:08 -07:00 · 2022-09-11 15:11:17 -07:00 · 2022-09-06 02:36:36 -07:00 · 2022-09-06 02:36:19 -07:00 · 2022-09-06 02:35:54 -07:00 · 2022-09-04 20:41:54 -07:00
18 changed files with 592 additions and 294 deletions
--- a/.github/noisedash-screenshot-1.jpg
+++ b/.github/noisedash-screenshot-1.jpg
--- a/.github/noisedash-screenshot-4.png
+++ b/.github/noisedash-screenshot-4.png
--- a/.github/workflows/docker-image.yml
+++ b/.github/workflows/docker-image.yml
@@ -1,11 +1,15 @@
 name: Docker Image CI

 on:
-  push:
-    branches: [ main ]
+  pull_request:
+    types:
+      - labeled
+    branches:    
+      - 'main'

 jobs:
  buildx:
+    if: ${{ github.event.label.name == 'run-workflow' }}
    runs-on: ubuntu-latest
    steps:
      -
@@ -31,4 +35,4 @@ jobs:
          context: .
          platforms: linux/amd64,linux/arm/v7,linux/arm64
          push: true
-          tags: noisedash/noisedash:latest,noisedash/noisedash:${{ github.ref_name }}
+          tags: noisedash/noisedash:latest,noisedash/noisedash:${{ github.head_ref }}
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@

 Self-hostable web tool for generating ambient noises

-![Noisedash](./.github/noisedash-screenshot-1.jpg)
+![Noisedash](https://raw.githubusercontent.com/kaythomas0/noisedash/dev/.github/noisedash-screenshot-1.jpg)

 (More screenshots on the [wiki](https://github.com/kaythomas0/noisedash/wiki/Screenshots))

@@ -11,7 +11,7 @@ Self-hostable web tool for generating ambient noises
 * Generate and customize ambient noises and user-uploadable samples (leveraging [Tone.js](https://github.com/Tonejs/Tone.js/))
 * Save "noise profiles" so you can easily switch between your created soundscapes. Import and export them for easy sharing, record them for use elsewhere
 * Fine-tune your noises with audio processing tools like filters, LFOs, and effects
-* Upload and edit audio samples (e.g rain, wind, thunder) to combine with your generated noises
+* Upload and edit audio samples (e.g rain, wind, thunder) to combine with your generated noises. Add effects to them and set playback modes
 * Use admin tools to manage multiple users
 * Mobile friendly

@@ -65,3 +65,21 @@ npm run server-prod
 # Contributing

 See [CONTRIBUTING.md](https://github.com/kaythomas0/noisedash/blob/main/CONTRIBUTING.md)
+
+# License
+
+    Noisedash, a self-hostable web tool for generating ambient noises 
+    Copyright (C) 2021  Kay Thomas <kaythomas@pm.me>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published
+    by the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
  "name": "noisedash",
-  "version": "0.4.0",
+  "version": "0.6.3",
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
@@ -1798,6 +1798,29 @@
      "integrity": "sha512-Ct5MqZkLGEXTVmQYbGtx9SVqD2fqwvdubdps5D3djjAkgkKwT918VNOz65pEHFaYTeWcukmJmH5SwsA9Tn2ObQ==",
      "dev": true
    },
+    "@jridgewell/source-map": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.2.tgz",
+      "integrity": "sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "dependencies": {
+        "@jridgewell/gen-mapping": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
+          "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
+          "dev": true,
+          "requires": {
+            "@jridgewell/set-array": "^1.0.1",
+            "@jridgewell/sourcemap-codec": "^1.4.10",
+            "@jridgewell/trace-mapping": "^0.3.9"
+          }
+        }
+      }
+    },
    "@jridgewell/sourcemap-codec": {
      "version": "1.4.13",
      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.13.tgz",
@@ -2767,29 +2790,6 @@
          "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
          "dev": true
        },
-        "terser": {
-          "version": "5.13.1",
-          "resolved": "https://registry.npmjs.org/terser/-/terser-5.13.1.tgz",
-          "integrity": "sha512-hn4WKOfwnwbYfe48NgrQjqNOH9jzLqRcIfbYytOXCOv46LBfWr9bDS17MQqOi+BWGD0sJK3Sj5NC/gJjiojaoA==",
-          "dev": true,
-          "requires": {
-            "acorn": "^8.5.0",
-            "commander": "^2.20.0",
-            "source-map": "~0.8.0-beta.0",
-            "source-map-support": "~0.5.20"
-          },
-          "dependencies": {
-            "source-map": {
-              "version": "0.8.0-beta.0",
-              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz",
-              "integrity": "sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==",
-              "dev": true,
-              "requires": {
-                "whatwg-url": "^7.0.0"
-              }
-            }
-          }
-        },
        "terser-webpack-plugin": {
          "version": "5.3.1",
          "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.1.tgz",
@@ -2807,7 +2807,6 @@
          "version": "1.0.1",
          "resolved": "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz",
          "integrity": "sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=",
-          "dev": true,
          "requires": {
            "punycode": "^2.1.0"
          }
@@ -2825,8 +2824,7 @@
        "webidl-conversions": {
          "version": "4.0.2",
          "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
-          "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==",
-          "dev": true
+          "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg=="
        },
        "webpack": {
          "version": "5.72.1",
@@ -2870,9 +2868,7 @@
          "version": "7.1.0",
          "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
          "integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
-          "dev": true,
          "requires": {
-            "lodash.sortby": "^4.7.0",
            "tr46": "^1.0.1",
            "webidl-conversions": "^4.0.2"
          }
@@ -3674,29 +3670,6 @@
          "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
          "dev": true
        },
-        "terser": {
-          "version": "5.13.1",
-          "resolved": "https://registry.npmjs.org/terser/-/terser-5.13.1.tgz",
-          "integrity": "sha512-hn4WKOfwnwbYfe48NgrQjqNOH9jzLqRcIfbYytOXCOv46LBfWr9bDS17MQqOi+BWGD0sJK3Sj5NC/gJjiojaoA==",
-          "dev": true,
-          "requires": {
-            "acorn": "^8.5.0",
-            "commander": "^2.20.0",
-            "source-map": "~0.8.0-beta.0",
-            "source-map-support": "~0.5.20"
-          },
-          "dependencies": {
-            "source-map": {
-              "version": "0.8.0-beta.0",
-              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz",
-              "integrity": "sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==",
-              "dev": true,
-              "requires": {
-                "whatwg-url": "^7.0.0"
-              }
-            }
-          }
-        },
        "terser-webpack-plugin": {
          "version": "5.3.1",
          "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.1.tgz",
@@ -3736,7 +3709,6 @@
          "version": "1.0.1",
          "resolved": "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz",
          "integrity": "sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=",
-          "dev": true,
          "requires": {
            "punycode": "^2.1.0"
          }
@@ -3760,8 +3732,7 @@
        "webidl-conversions": {
          "version": "4.0.2",
          "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
-          "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==",
-          "dev": true
+          "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg=="
        },
        "webpack": {
          "version": "5.72.1",
@@ -3805,9 +3776,7 @@
          "version": "7.1.0",
          "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
          "integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
-          "dev": true,
          "requires": {
-            "lodash.sortby": "^4.7.0",
            "tr46": "^1.0.1",
            "webidl-conversions": "^4.0.2"
          }
@@ -3975,9 +3944,9 @@
      }
    },
    "@vue/vue-loader-v15": {
-      "version": "npm:vue-loader@15.9.8",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.9.8.tgz",
-      "integrity": "sha512-GwSkxPrihfLR69/dSV3+5CdMQ0D+jXg8Ma1S4nQXKJAznYFX14vHdc/NetQc34Dw+rBbIJyP7JOuVb9Fhprvog==",
+      "version": "npm:vue-loader@15.10.0",
+      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.10.0.tgz",
+      "integrity": "sha512-VU6tuO8eKajrFeBzMssFUP9SvakEeeSi1BxdTH5o3+1yUyrldp8IERkSdXlMI2t4kxF2sqYUDsQY+WJBxzBmZg==",
      "dev": true,
      "requires": {
        "@vue/component-compiler-utils": "^3.1.0",
@@ -3990,7 +3959,7 @@
        "hash-sum": {
          "version": "1.0.2",
          "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
-          "integrity": "sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=",
+          "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
          "dev": true
        },
        "json5": {
@@ -4701,12 +4670,11 @@
      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
    },
    "busboy": {
-      "version": "0.2.14",
-      "resolved": "https://registry.npmjs.org/busboy/-/busboy-0.2.14.tgz",
-      "integrity": "sha1-bCpiLvz0fFe7vh4qnDetNseSVFM=",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
      "requires": {
-        "dicer": "0.2.5",
-        "readable-stream": "1.1.x"
+        "streamsearch": "^1.1.0"
      }
    },
    "bytes": {
@@ -5113,40 +5081,6 @@
        "inherits": "^2.0.3",
        "readable-stream": "^2.2.2",
        "typedarray": "^0.0.6"
-      },
-      "dependencies": {
-        "isarray": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-          "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
-        },
-        "readable-stream": {
-          "version": "2.3.7",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
-          "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
-          "requires": {
-            "core-util-is": "~1.0.0",
-            "inherits": "~2.0.3",
-            "isarray": "~1.0.0",
-            "process-nextick-args": "~2.0.0",
-            "safe-buffer": "~5.1.1",
-            "string_decoder": "~1.1.1",
-            "util-deprecate": "~1.0.1"
-          }
-        },
-        "safe-buffer": {
-          "version": "5.1.2",
-          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-        },
-        "string_decoder": {
-          "version": "1.1.1",
-          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-          "requires": {
-            "safe-buffer": "~5.1.0"
-          }
-        }
      }
    },
    "config": {
@@ -5885,15 +5819,6 @@
      "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
      "dev": true
    },
-    "dicer": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/dicer/-/dicer-0.2.5.tgz",
-      "integrity": "sha1-WZbAhrszIYyBLAkL3cCc0S+stw8=",
-      "requires": {
-        "readable-stream": "1.1.x",
-        "streamsearch": "0.1.2"
-      }
-    },
    "dir-glob": {
      "version": "3.0.1",
      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -7503,8 +7428,7 @@
        "acorn": {
          "version": "8.7.1",
          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.1.tgz",
-          "integrity": "sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==",
-          "dev": true
+          "integrity": "sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A=="
        },
        "commander": {
          "version": "8.3.0",
@@ -7516,36 +7440,14 @@
          "version": "0.8.0-beta.0",
          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz",
          "integrity": "sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==",
-          "dev": true,
          "requires": {
            "whatwg-url": "^7.0.0"
          }
        },
-        "terser": {
-          "version": "5.13.1",
-          "resolved": "https://registry.npmjs.org/terser/-/terser-5.13.1.tgz",
-          "integrity": "sha512-hn4WKOfwnwbYfe48NgrQjqNOH9jzLqRcIfbYytOXCOv46LBfWr9bDS17MQqOi+BWGD0sJK3Sj5NC/gJjiojaoA==",
-          "dev": true,
-          "requires": {
-            "acorn": "^8.5.0",
-            "commander": "^2.20.0",
-            "source-map": "~0.8.0-beta.0",
-            "source-map-support": "~0.5.20"
-          },
-          "dependencies": {
-            "commander": {
-              "version": "2.20.3",
-              "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-              "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-              "dev": true
-            }
-          }
-        },
        "tr46": {
          "version": "1.0.1",
          "resolved": "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz",
          "integrity": "sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=",
-          "dev": true,
          "requires": {
            "punycode": "^2.1.0"
          }
@@ -7553,16 +7455,13 @@
        "webidl-conversions": {
          "version": "4.0.2",
          "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
-          "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==",
-          "dev": true
+          "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg=="
        },
        "whatwg-url": {
          "version": "7.1.0",
          "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
          "integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
-          "dev": true,
          "requires": {
-            "lodash.sortby": "^4.7.0",
            "tr46": "^1.0.1",
            "webidl-conversions": "^4.0.2"
          }
@@ -8013,9 +7912,9 @@
      }
    },
    "isarray": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
-      "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="
    },
    "isexe": {
      "version": "2.0.0",
@@ -8304,12 +8203,6 @@
      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
      "dev": true
    },
-    "lodash.sortby": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz",
-      "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=",
-      "dev": true
-    },
    "lodash.truncate": {
      "version": "4.4.2",
      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
@@ -8700,16 +8593,15 @@
      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
    },
    "multer": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/multer/-/multer-1.4.4.tgz",
-      "integrity": "sha512-2wY2+xD4udX612aMqMcB8Ws2Voq6NIUPEtD1be6m411T4uDH/VtL9i//xvcyFlTVfRdaBsk7hV5tgrGQqhuBiw==",
+      "version": "1.4.5-lts.1",
+      "resolved": "https://registry.npmjs.org/multer/-/multer-1.4.5-lts.1.tgz",
+      "integrity": "sha512-ywPWvcDMeH+z9gQq5qYHCCy+ethsk4goepZ45GLD63fOu0YcNecQxi64nDs3qluZB+murG3/D4dJ7+dGctcCQQ==",
      "requires": {
        "append-field": "^1.0.0",
-        "busboy": "^0.2.11",
+        "busboy": "^1.0.0",
        "concat-stream": "^1.5.2",
        "mkdirp": "^0.5.4",
        "object-assign": "^4.1.1",
-        "on-finished": "^2.3.0",
        "type-is": "^1.6.4",
        "xtend": "^4.0.0"
      }
@@ -8924,14 +8816,6 @@
      "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
      "dev": true
    },
-    "on-finished": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
-      "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
-      "requires": {
-        "ee-first": "1.1.1"
-      }
-    },
    "on-headers": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
@@ -9222,12 +9106,13 @@
      }
    },
    "passport": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/passport/-/passport-0.4.1.tgz",
-      "integrity": "sha512-IxXgZZs8d7uFSt3eqNjM9NQ3g3uQCW5avD8mRNoXV99Yig50vjuaez6dQK2qC0kVWPRTujxY0dWgGfT09adjYg==",
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/passport/-/passport-0.6.0.tgz",
+      "integrity": "sha512-0fe+p3ZnrWRW74fe8+SvCyf4a3Pb2/h7gFkQ8yTJpAO50gDzlfjZUZTO1k5Eg9kUct22OxHLqDZoKUWRHOh9ug==",
      "requires": {
        "passport-strategy": "1.x.x",
-        "pause": "0.0.1"
+        "pause": "0.0.1",
+        "utils-merge": "^1.0.1"
      }
    },
    "passport-local": {
@@ -9290,7 +9175,7 @@
    "pause": {
      "version": "0.0.1",
      "resolved": "https://registry.npmjs.org/pause/-/pause-0.0.1.tgz",
-      "integrity": "sha1-HUCLP9t2kjuVQ9lvtMnf1TXZy10="
+      "integrity": "sha512-KG8UEiEVkR3wGEb4m5yZkVCzigAD+cVEJck2CzYZO37ZGJfctvVptVO192MwrtPhzONn6go8ylnOdMhKqi4nfg=="
    },
    "picocolors": {
      "version": "1.0.0",
@@ -9817,8 +9702,7 @@
    "punycode": {
      "version": "2.1.1",
      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
-      "dev": true
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
    },
    "qs": {
      "version": "6.10.3",
@@ -9896,14 +9780,24 @@
      }
    },
    "readable-stream": {
-      "version": "1.1.14",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
-      "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=",
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
      "requires": {
        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.1",
-        "isarray": "0.0.1",
-        "string_decoder": "~0.10.x"
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      },
+      "dependencies": {
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+        }
      }
    },
    "readdirp": {
@@ -10639,9 +10533,9 @@
      "dev": true
    },
    "streamsearch": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-0.1.2.tgz",
-      "integrity": "sha1-gIudDlb8Jz2Am6VzOOkpkZoanxo="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg=="
    },
    "string-width": {
      "version": "4.2.3",
@@ -10675,9 +10569,19 @@
      }
    },
    "string_decoder": {
-      "version": "0.10.31",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
-      "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ="
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "requires": {
+        "safe-buffer": "~5.1.0"
+      },
+      "dependencies": {
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+        }
+      }
    },
    "strip-ansi": {
      "version": "6.0.1",
@@ -10820,52 +10724,15 @@
      "dev": true
    },
    "terser": {
-      "version": "5.13.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.13.1.tgz",
-      "integrity": "sha512-hn4WKOfwnwbYfe48NgrQjqNOH9jzLqRcIfbYytOXCOv46LBfWr9bDS17MQqOi+BWGD0sJK3Sj5NC/gJjiojaoA==",
+      "version": "5.14.2",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.14.2.tgz",
+      "integrity": "sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA==",
      "dev": true,
      "requires": {
+        "@jridgewell/source-map": "^0.3.2",
        "acorn": "^8.5.0",
        "commander": "^2.20.0",
-        "source-map": "~0.8.0-beta.0",
        "source-map-support": "~0.5.20"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.8.0-beta.0",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz",
-          "integrity": "sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==",
-          "dev": true,
-          "requires": {
-            "whatwg-url": "^7.0.0"
-          }
-        },
-        "tr46": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz",
-          "integrity": "sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=",
-          "dev": true,
-          "requires": {
-            "punycode": "^2.1.0"
-          }
-        },
-        "webidl-conversions": {
-          "version": "4.0.2",
-          "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
-          "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==",
-          "dev": true
-        },
-        "whatwg-url": {
-          "version": "7.1.0",
-          "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
-          "integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
-          "dev": true,
-          "requires": {
-            "lodash.sortby": "^4.7.0",
-            "tr46": "^1.0.1",
-            "webidl-conversions": "^4.0.2"
-          }
-        }
      }
    },
    "terser-webpack-plugin": {
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "noisedash",
-  "version": "0.4.0",
+  "version": "0.6.3",
  "private": true,
  "author": "Kay Thomas <kaythomas@pm.me> (https://kaythomas.dev)",
  "scripts": {
@@ -19,8 +19,8 @@
    "core-js": "^3.22.7",
    "express": "^4.18.1",
    "express-session": "^1.17.3",
-    "multer": "^1.4.3",
-    "passport": "^0.4.1",
+    "multer": "^1.4.5-lts.1",
+    "passport": "^0.6.0",
    "passport-local": "^1.0.0",
    "path": "^0.12.7",
    "session-file-store": "^1.5.0",
--- a/server/app.js
+++ b/server/app.js
@@ -36,7 +36,8 @@ app.use(session({
  store: new FileStore(fileStoreOptions),
  secret: sessionSecret,
  resave: true,
-  saveUninitialized: true
+  saveUninitialized: true,
+  cookie: { sameSite: 'strict' }
 }))
 app.use((req, res, next) => {
  const msgs = req.session.messages || []
--- a/server/boot/db.js
+++ b/server/boot/db.js
@@ -59,14 +59,46 @@ module.exports = function () {
      } else {
        const userVersion = row.user_version

-        if (userVersion === 0) {
-          db.run('ALTER TABLE samples ADD COLUMN fade_in REAL DEFAULT 0')
-          db.run('ALTER TABLE samples ADD COLUMN loop_points_enabled INTEGER DEFAULT 0')
-          db.run('ALTER TABLE samples ADD COLUMN loop_start REAL DEFAULT 0')
-          db.run('ALTER TABLE samples ADD COLUMN loop_end REAL DEFAULT 0')
+        db.serialize(() => {
+          if (userVersion < 1) {
+            db.run('ALTER TABLE samples ADD COLUMN fade_in REAL DEFAULT 0')
+            db.run('ALTER TABLE samples ADD COLUMN loop_points_enabled INTEGER DEFAULT 0')
+            db.run('ALTER TABLE samples ADD COLUMN loop_start REAL DEFAULT 0')
+            db.run('ALTER TABLE samples ADD COLUMN loop_end REAL DEFAULT 0')

-          db.run('PRAGMA user_version = 1')
-        }
+            db.run('PRAGMA user_version = 1')
+          }
+
+          if (userVersion < 2) {
+            db.run('ALTER TABLE users ADD COLUMN preferences TEXT DEFAULT "{}"')
+
+            db.run('PRAGMA user_version = 2')
+          }
+
+          if (userVersion < 3) {
+            db.run('ALTER TABLE profiles_samples ADD COLUMN reverb_enabled INTEGER DEFAULT 0')
+            db.run('ALTER TABLE profiles_samples ADD COLUMN reverb_pre_delay REAL DEFAULT 0')
+            db.run('ALTER TABLE profiles_samples ADD COLUMN reverb_decay REAL DEFAULT 0')
+            db.run('ALTER TABLE profiles_samples ADD COLUMN reverb_wet INTEGER DEFAULT 0')
+            db.run('ALTER TABLE profiles_samples ADD COLUMN playback_mode TEXT DEFAULT "continuous"')
+            db.run('ALTER TABLE profiles_samples ADD COLUMN sporadic_min INTEGER DEFAULT 30')
+            db.run('ALTER TABLE profiles_samples ADD COLUMN sporadic_max INTEGER DEFAULT 300')
+
+            db.run('PRAGMA user_version = 3')
+          }
+
+          if (userVersion < 4) {
+            db.run('UPDATE users SET preferences = ? WHERE preferences = ?',
+              ['{"accentColor":{"alpha":1,"hex":"#607D8B","hexa":"#607D8BFF","hsla":{"h":200,"s":18,"l":46,"a":1},"hsva":{"h":200,"s":31,"v":55,"a":1},"hue":200,"rgba":{"r":96,"g":125,"b":139,"a":1}}}', '{}'],
+              (err) => {
+                if (err) {
+                  logger.error(err)
+                } else {
+                  db.run('PRAGMA user_version = 4')
+                }
+              })
+          }
+        })
      }
    })
  })
--- a/server/routes/auth.js
+++ b/server/routes/auth.js
@@ -36,8 +36,14 @@ router.get('/admin', (req, res) => {
 })

 router.get('/logout', (req, res) => {
-  req.logout()
-  res.sendStatus(200)
+  req.logout((err) => {
+    if (err) {
+      logger.error(err)
+      res.sendStatus(500)
+    } else {
+      res.sendStatus(200)
+    }
+  })
 })

 router.get('/setup', (req, res) => {
--- a/server/routes/profiles.js
+++ b/server/routes/profiles.js
@@ -59,10 +59,28 @@ router.post('/profiles', (req, res) => {
      profileID = this.lastID

      req.body.samples.forEach(s => {
-        db.run('INSERT INTO profiles_samples (profile, sample, volume) VALUES (?, ?, ?)', [
+        db.run(`INSERT INTO profiles_samples(
+          profile,
+          sample,
+          volume,
+          reverb_enabled,
+          reverb_pre_delay,
+          reverb_decay,
+          reverb_wet,
+          playback_mode,
+          sporadic_min,
+          sporadic_max)
+          VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`, [
          profileID,
          s.id,
-          s.volume
+          s.volume,
+          s.reverbEnabled,
+          s.reverbPreDelay,
+          s.reverbDecay,
+          s.reverbWet,
+          s.playbackMode,
+          s.sporadicMin,
+          s.sporadicMax
        ],
        (err) => {
          if (err) {
@@ -204,10 +222,28 @@ router.put('/profiles/:profileId', (req, res) => {
        })

        req.body.samples.forEach(s => {
-          db.run('INSERT INTO profiles_samples (profile, sample, volume) VALUES (?, ?, ?)', [
+          db.run(`INSERT INTO profiles_samples(
+            profile,
+            sample,
+            volume,
+            reverb_enabled,
+            reverb_pre_delay,
+            reverb_decay,
+            reverb_wet,
+            playback_mode,
+            sporadic_min,
+            sporadic_max)
+            VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`, [
            req.params.profileId,
            s.id,
-            s.volume
+            s.volume,
+            s.reverbEnabled,
+            s.reverbPreDelay,
+            s.reverbDecay,
+            s.reverbWet,
+            s.playbackMode,
+            s.sporadicMin,
+            s.sporadicMax
          ],
          (err) => {
            if (err) {
@@ -355,6 +391,13 @@ router.get('/profiles/:profileId', (req, res) => {
          samples.id,
          name,
          profiles_samples.volume,
+          profiles_samples.reverb_enabled as reverbEnabled,
+          profiles_samples.reverb_pre_delay as reverbPreDelay,
+          profiles_samples.reverb_decay as reverbDecay,
+          profiles_samples.reverb_wet as reverbWet,
+          profiles_samples.playback_mode as playbackMode,
+          profiles_samples.sporadic_min as sporadicMin,
+          profiles_samples.sporadic_max as sporadicMax,
          fade_in as fadeIn,
          loop_points_enabled as loopPointsEnabled,
          loop_start as loopStart,
@@ -382,6 +425,13 @@ router.get('/profiles/:profileId', (req, res) => {
            sample.loopPointsEnabled = row.loopPointsEnabled === 1
            sample.loopStart = row.loopStart
            sample.loopEnd = row.loopEnd
+            sample.reverbEnabled = row.reverbEnabled === 1
+            sample.reverbPreDelay = row.reverbPreDelay
+            sample.reverbDecay = row.reverbDecay
+            sample.reverbWet = row.reverbWet
+            sample.playbackMode = row.playbackMode
+            sample.sporadicMin = row.sporadicMin
+            sample.sporadicMax = row.sporadicMax

            samples.push(sample)
          })
--- a/server/routes/users.js
+++ b/server/routes/users.js
@@ -9,7 +9,11 @@ router.get('/users/current', (req, res) => {
    return res.sendStatus(401)
  }

-  db.get('SELECT is_admin as isAdmin, dark_mode as darkMode, can_upload as canUpload, * FROM users WHERE id = ?', [req.user.id], (err, row) => {
+  db.get(`SELECT
+    is_admin as isAdmin,
+    dark_mode as darkMode,
+    can_upload as canUpload,
+    * FROM users WHERE id = ?`, [req.user.id], (err, row) => {
    if (err) {
      logger.error(err)
      return res.sendStatus(500)
@@ -24,6 +28,7 @@ router.get('/users/current', (req, res) => {
      user.isAdmin = row.isAdmin === 1
      user.darkMode = row.darkMode === 1
      user.canUpload = row.canUpload === 1
+      user.preferences = JSON.parse(row.preferences)
    }

    res.json({ user: user })
@@ -67,6 +72,8 @@ router.post('/users', (req, res) => {
        return res.sendStatus(500)
      }

+      const defaultPreferences = '{"accentColor":{"alpha":1,"hex":"#607D8B","hexa":"#607D8BFF","hsla":{"h":200,"s":18,"l":46,"a":1},"hsva":{"h":200,"s":31,"v":55,"a":1},"hue":200,"rgba":{"r":96,"g":125,"b":139,"a":1}}}'
+
      if (row.count !== 0) {
        if (!req.user) {
          return res.sendStatus(401)
@@ -89,15 +96,16 @@ router.post('/users', (req, res) => {
              return res.sendStatus(500)
            }

-            db.run(`INSERT INTO users (username, hashed_password, salt, name, is_admin, dark_mode, can_upload)
-              VALUES (?, ?, ?, ?, ?, ?, ?)`, [
+            db.run(`INSERT INTO users (username, hashed_password, salt, name, is_admin, dark_mode, can_upload, preferences)
+              VALUES (?, ?, ?, ?, ?, ?, ?, ?)`, [
              req.body.username,
              hashedPassword,
              salt,
              req.body.name,
              req.body.isAdmin,
              req.body.darkMode,
-              req.body.canUpload
+              req.body.canUpload,
+              defaultPreferences
            ], (err) => {
              if (err) {
                logger.error(err)
@@ -120,15 +128,16 @@ router.post('/users', (req, res) => {
            return res.sendStatus(500)
          }

-          db.run(`INSERT INTO users (username, hashed_password, salt, name, is_admin, dark_mode, can_upload)
-            VALUES (?, ?, ?, ?, ?, ?, ?)`, [
+          db.run(`INSERT INTO users (username, hashed_password, salt, name, is_admin, dark_mode, can_upload, preferences)
+            VALUES (?, ?, ?, ?, ?, ?, ?, ?)`, [
            req.body.username,
            hashedPassword,
            salt,
            req.body.name,
            req.body.isAdmin,
            req.body.darkMode,
-            req.body.canUpload
+            req.body.canUpload,
+            defaultPreferences
          ], function (err) {
            if (err) {
              logger.error(err)
@@ -287,4 +296,23 @@ router.delete('/users/:userId', (req, res) => {
  })
 })

+router.patch('/users/preferences', (req, res) => {
+  if (!req.user) {
+    return res.sendStatus(401)
+  }
+
+  const preferences = JSON.stringify(req.body.preferences)
+
+  db.serialize(() => {
+    db.run('UPDATE users SET preferences = ? WHERE id = ?', [preferences, req.user.id], (err) => {
+      if (err) {
+        logger.error(err)
+        return res.sendStatus(500)
+      } else {
+        return res.sendStatus(200)
+      }
+    })
+  })
+})
+
 module.exports = router
--- a/src/components/AccountPage.vue
+++ b/src/components/AccountPage.vue
@@ -8,6 +8,10 @@
      </v-col>
    </v-row>

+    <h2 class="headline font-weight-bold mb-3">
+      User Management
+    </h2>
+
    <v-col cols="12">
      <v-row>
        ID: {{ currentUser.id }}
@@ -26,7 +30,7 @@
    >
      <template #activator="{ on, attrs }">
        <v-btn
-          class="my-3"
+          class="mt-5 mb-10"
          v-bind="attrs"
          v-on="on"
          @click="resetChangePasswordForm"
@@ -77,12 +81,35 @@
      </v-form>
    </v-dialog>

+    <h2 class="headline font-weight-bold mb-3">
+      Preferences
+    </h2>
+
+    <h3 class="font-weight-bold">
+      Dark Mode
+    </h3>
+
    <v-switch
      v-model="$vuetify.theme.dark"
-      label="Dark Mode"
+      :label="`${$vuetify.theme.dark ? 'On' : 'Off'}`"
      @change="toggleDarkMode"
    />

+    <h3 class="mb-5 font-weight-bold">
+      Accent Color
+    </h3>
+
+    <v-color-picker
+      v-model="accentColor"
+    />
+
+    <v-btn
+      class="mt-5"
+      @click="updateAccentColor"
+    >
+      Apply
+    </v-btn>
+
    <v-snackbar
      v-model="snackbar"
      timeout="3000"
--- a/src/components/AppBar.vue
+++ b/src/components/AppBar.vue
@@ -7,7 +7,7 @@
      dense
    >
      <v-app-bar-nav-icon
-        @click="getCurrentUser"
+        @click="checkForAdmin"
      />
    </v-app-bar>
    <v-navigation-drawer
--- a/src/components/NoisePage.vue
+++ b/src/components/NoisePage.vue
@@ -14,7 +14,7 @@

        <v-row justify="center">
          <v-btn
-            :disabled="playDisabled || !isTimerValid"
+            :disabled="playDisabled || !isTimerValid || (loadedSamples.length != 0 && !isSporadicValid)"
            class="mx-3 mb-5"
            fab
            large
@@ -50,7 +50,7 @@
            label="Profiles"
            class="mx-3 mb-5"
            :disabled="playDisabled"
-            @change="loadProfile"
+            @change="loadProfile(true)"
          />
        </v-row>

@@ -652,18 +652,26 @@
            <v-row
              justify="center"
            >
-              {{ sample.name }}
+              <v-col />
+
+              <v-col>
+                <h2 class="mb-5">
+                  {{ sample.name }}
+                </h2>
+              </v-col>
+
+              <v-col>
+                <v-btn
+                  icon
+                  :disabled="playDisabled"
+                  @click="removeSample(index)"
+                >
+                  <v-icon>mdi-delete</v-icon>
+                </v-btn>
+              </v-col>
            </v-row>

            <v-row>
-              <v-btn
-                icon
-                :disabled="playDisabled"
-                @click="removeSample(index)"
-              >
-                <v-icon>mdi-delete</v-icon>
-              </v-btn>
-
              <v-slider
                v-model="sample.volume"
                label="Volume"
@@ -679,6 +687,142 @@
                <p>{{ loadedSamples[index].volume }}</p>
              </div>
            </v-row>
+
+            <v-row
+              justify="center"
+            >
+              <h3 class="font-weight-regular mb-9">
+                Effects
+              </h3>
+            </v-row>
+
+            <v-expansion-panels class="mb-9">
+              <v-expansion-panel>
+                <v-expansion-panel-header>
+                  Reverb
+                </v-expansion-panel-header>
+                <v-expansion-panel-content>
+                  <v-row justify="center">
+                    <v-checkbox
+                      v-model="sample.reverbEnabled"
+                      :disabled="playDisabled"
+                      label="Enabled"
+                    />
+                  </v-row>
+
+                  <v-row justify="center">
+                    <v-slider
+                      v-model="sample.reverbPreDelay"
+                      :disabled="playDisabled || !sample.reverbEnabled"
+                      label="Pre Delay"
+                      thumb-label
+                      max="16"
+                      min="0"
+                      step="0.5"
+                      class="mx-3"
+                    />
+                    <div
+                      class="mx-3"
+                    >
+                      <p>{{ sample.reverbPreDelay }}</p>
+                    </div>
+                  </v-row>
+
+                  <v-row justify="center">
+                    <v-slider
+                      v-model="sample.reverbDecay"
+                      :disabled="playDisabled || !sample.reverbEnabled"
+                      label="Decay"
+                      thumb-label
+                      max="16"
+                      min="0"
+                      step="0.5"
+                      class="mx-3"
+                      @input="updateVolume"
+                    />
+                    <div
+                      class="mx-3"
+                    >
+                      <p> {{ sample.reverbDecay }}</p>
+                    </div>
+                  </v-row>
+
+                  <v-row justify="center">
+                    <v-slider
+                      v-model="sample.reverbWet"
+                      :disabled="playDisabled || !sample.reverbEnabled"
+                      label="Wet"
+                      thumb-label
+                      max="1"
+                      min="0"
+                      step="0.01"
+                      class="mx-3"
+                      @input="updateVolume"
+                    />
+                    <div
+                      class="mx-3"
+                    >
+                      <p>{{ sample.reverbWet }}%</p>
+                    </div>
+                  </v-row>
+                </v-expansion-panel-content>
+              </v-expansion-panel>
+            </v-expansion-panels>
+
+            <v-row justify="center">
+              <h3 class="font-weight-regular">
+                Playback Mode
+              </h3>
+            </v-row>
+
+            <v-row
+              class="mb-5"
+            >
+              <v-radio-group
+                v-model="sample.playbackMode"
+                :disabled="playDisabled"
+                mandatory
+              >
+                <v-radio
+                  label="Continuous (Looped)"
+                  value="continuous"
+                />
+                <v-radio
+                  label="Sporadic (Not Looped, Plays Randomly Within Interval)"
+                  value="sporadic"
+                />
+              </v-radio-group>
+            </v-row>
+
+            <v-form
+              v-model="isSporadicValid"
+            >
+              <v-row
+                justify="center"
+              >
+                <v-text-field
+                  v-model="sample.sporadicMin"
+                  type="number"
+                  label="Sporadic Min"
+                  class="mx-3"
+                  :disabled="sample.playbackMode != 'sporadic' || playDisabled"
+                  :rules="[rules.gt(-1)]"
+                />
+
+                <v-text-field
+                  v-model="sample.sporadicMax"
+                  type="number"
+                  label="Sporadic Max"
+                  class="mx-3"
+                  :disabled="sample.playbackMode != 'sporadic' || playDisabled"
+                  :rules="[rules.gt(0)]"
+                />
+              </v-row>
+            </v-form>
+
+            <v-divider
+              class="mt-7"
+            />
          </v-container>
        </v-row>

@@ -851,7 +995,8 @@
                    <v-checkbox
                      v-model="previewSampleLoopPointsEnabled"
                      :disabled="previewSamplePlaying"
-                      label="Use Loop Points"
+                      label="Use Loop Points (Continuous Playback Mode Only)"
+                      @change="updatePreviewSampleLoopPoints"
                    />
                  </v-row>

--- a/src/components/account.js
+++ b/src/components/account.js
@@ -6,6 +6,7 @@ export default {
    changePasswordDialog: false,
    isPasswordValid: false,
    password: '',
+    accentColor: {},
    snackbar: false,
    snackbarText: '',
    rules: {
@@ -21,6 +22,7 @@ export default {
        .then(response => {
          if (response.status === 200) {
            this.currentUser = response.data.user
+            this.accentColor = this.currentUser.preferences.accentColor
          }
        })
    },
@@ -45,6 +47,14 @@ export default {
      this.$http.patch('/users/dark-mode', {
        darkMode: this.$vuetify.theme.dark
      })
+    },
+    updateAccentColor () {
+      const preferences = { accentColor: this.accentColor }
+      this.$http.patch('/users/preferences', {
+        preferences: preferences
+      })
+      this.$vuetify.theme.themes.dark.primary = this.accentColor.hex
+      this.$vuetify.theme.themes.light.primary = this.accentColor.hex
    }
  }
 }
--- a/src/components/appbar.js
+++ b/src/components/appbar.js
@@ -6,6 +6,9 @@ export default {
    isAdmin: false,
    loggedIn: false
  }),
+  created () {
+    this.getUserPreferences()
+  },
  methods: {
    home () {
      this.$router.push('/')
@@ -24,7 +27,7 @@ export default {
          }
        })
    },
-    getCurrentUser () {
+    checkForAdmin () {
      this.loggedIn = false
      this.drawyer = true
      this.$http.get('/users/current')
@@ -32,12 +35,21 @@ export default {
          if (response.status === 200) {
            this.loggedIn = true
            this.isAdmin = response.data.user.isAdmin
-            this.$vuetify.theme.dark = response.data.user.darkMode
          }
        })
        .catch(() => {
          this.isAdmin = false
        })
+    },
+    getUserPreferences () {
+      this.$http.get('/users/current')
+        .then(response => {
+          if (response.status === 200) {
+            const preferences = response.data.user.preferences
+            this.$vuetify.theme.themes.dark.primary = preferences.accentColor.hex
+            this.$vuetify.theme.themes.light.primary = preferences.accentColor.hex
+          }
+        })
    }
  }
 }
--- a/src/components/noise.js
+++ b/src/components/noise.js
@@ -75,6 +75,7 @@ export default {
    unwatch: null,
    confirmSwitchProfileDialog: false,
    activeProfile: {},
+    isSporadicValid: false,
    errorSnackbar: false,
    errorSnackbarText: '',
    rules: {
@@ -123,6 +124,13 @@ export default {

      this.loadedSamples.forEach(s => {
        settings.push(s.volume)
+        settings.push(s.reverbEnabled)
+        settings.push(s.reverbPreDelay)
+        settings.push(s.reverbDecay)
+        settings.push(s.reverbWet)
+        settings.push(s.playbackMode)
+        settings.push(s.sporadicMin)
+        settings.push(s.sporadicMax)
      })

      return settings
@@ -147,11 +155,13 @@ export default {
    this.stop()
  },
  methods: {
-    play () {
+    async play () {
      if (!this.players.loaded) {
        return
      }

+      await Tone.start()
+
      this.playDisabled = true
      Tone.Transport.cancel()

@@ -178,35 +188,73 @@ export default {
        this.lfo.connect(this.filter.frequency).start()
      }

+      if (this.isTimerEnabled) {
+        this.duration = parseInt((this.hours * 3600)) + parseInt((this.minutes * 60)) + parseInt(this.seconds)
+        this.timeRemaining = this.duration
+        this.transportInterval = setInterval(() => this.stop(), this.duration * 1000 + 100)
+        this.timeRemainingInterval = setInterval(() => this.startTimer(), 1000)
+        Tone.Transport.loopEnd = this.duration
+
+        this.noise.sync().start(0).stop(this.duration)
+      } else {
+        this.noise.sync().start(0)
+      }
+
      this.loadedSamples.forEach(s => {
        this.players.player(s.id).loop = true
        this.players.player(s.id).fadeIn = s.fadeIn
        if (s.loopPointsEnabled) {
          this.players.player(s.id).setLoopPoints(s.loopStart, s.loopEnd)
+        } else {
+          this.players.player(s.id).setLoopPoints(0, this.players.player(s.id).buffer.duration)
        }
        this.players.player(s.id).volume.value = s.volume
+
+        this.players.player(s.id).disconnect()
+        if (s.reverbEnabled) {
+          const reverb = new Tone.Reverb(s.reverbDecay).toDestination()
+          reverb.set({ preDelay: s.reverbPreDelay, wet: s.reverbWet })
+          this.players.player(s.id).connect(reverb)
+        } else {
+          this.players.player(s.id).toDestination()
+        }
+
+        if (s.playbackMode === 'sporadic') {
+          this.players.player(s.id).loop = false
+
+          const maxInt = parseInt(s.sporadicMax, 10)
+          const minInt = parseInt(s.sporadicMin, 10)
+
+          if (minInt <= maxInt) {
+            const rand = Math.floor(Math.random() * (maxInt - minInt + 1) + minInt)
+            s.initialSporadicPlayInterval = setInterval(() => this.playSporadicSample(s.id), rand * 1000)
+          }
+        } else {
+          this.players.player(s.id).loop = true
+
+          if (this.isTimerEnabled) {
+            this.players.player(s.id).unsync().sync().start(0).stop(this.duration)
+          } else {
+            this.players.player(s.id).unsync().sync().start(0)
+          }
+        }
      })

-      if (this.isTimerEnabled) {
-        this.duration = parseInt((this.hours * 3600)) + parseInt((this.minutes * 60)) + parseInt(this.seconds)
-        this.noise.sync().start(0).stop(this.duration)
-        Tone.Transport.loopEnd = this.duration
-        this.timeRemaining = this.duration
-        this.transportInterval = setInterval(() => this.stop(), this.duration * 1000 + 100)
-        this.timeRemainingInterval = setInterval(() => this.startTimer(), 1000)
+      Tone.Transport.start('+0.1')
+    },
+    playSporadicSample (id) {
+      const sample = this.loadedSamples.find(s => s.id === id)

-        this.loadedSamples.forEach(s => {
-          this.players.player(s.id).unsync().sync().start(0).stop(this.duration)
-        })
-      } else {
-        this.noise.sync().start(0)
+      clearInterval(sample.initialSporadicPlayInterval)
+      clearInterval(sample.sporadicInterval)

-        this.loadedSamples.forEach(s => {
-          this.players.player(s.id).unsync().sync().start(0)
-        })
-      }
+      this.players.player(id).unsync().sync().start()

-      Tone.Transport.start()
+      const maxInt = parseInt(sample.sporadicMax, 10)
+      const minInt = parseInt(sample.sporadicMin, 10)
+      sample.playNextTime = Math.floor(Math.random() * (maxInt - minInt + 1) + minInt)
+
+      sample.sporadicInterval = setInterval(() => this.playSporadicSample(id), sample.playNextTime * 1000)
    },
    stop () {
      clearInterval(this.transportInterval)
@@ -216,6 +264,13 @@ export default {
      clearInterval(this.timeRemainingInterval)
      this.timeRemaining = 0
      this.duration = 0
+
+      this.loadedSamples.forEach(s => {
+        if (s.playbackMode === 'sporadic') {
+          clearInterval(s.initialSporadicPlayInterval)
+          clearInterval(s.sporadicInterval)
+        }
+      })
    },
    startTimer () {
      this.timeRemaining -= 1
@@ -289,7 +344,7 @@ export default {
              }
              this.exportedProfile = this.profileItems[0]
              this.recordedProfile = this.profileItems[0]
-              this.loadProfile()
+              this.loadProfile(true)
            }
          }
        })
@@ -365,8 +420,8 @@ export default {
          this.errorSnackbar = true
        })
    },
-    loadProfile () {
-      if (this.unsavedWork) {
+    loadProfile (checkForUnsavedWork) {
+      if (checkForUnsavedWork && this.unsavedWork) {
        this.confirmSwitchProfileDialog = true
      } else {
        this.$http.get('/profiles/'.concat(this.selectedProfile.id))
@@ -470,6 +525,8 @@ export default {
      this.checkedSamples.forEach(i => {
        const load = this.allSamples.find(e => e.id === i)
        load.volume = -10
+        load.sporadicMin = 30
+        load.sporadicMax = 300
        this.loadedSamples.push(load)
      })

@@ -489,6 +546,9 @@ export default {
          if (response.status === 200) {
            this.canUpload = response.data.user.canUpload
            this.$vuetify.theme.dark = response.data.user.darkMode
+            const preferences = response.data.user.preferences
+            this.$vuetify.theme.themes.dark.primary = preferences.accentColor.hex
+            this.$vuetify.theme.themes.light.primary = preferences.accentColor.hex
          }
        })
    },
@@ -649,6 +709,13 @@ export default {
          }
        })
    },
+    updatePreviewSampleLoopPoints () {
+      if (this.previewSampleLoopPointsEnabled) {
+        this.samplePreviewPlayer.setLoopPoints(this.previewSampleLoopStart, this.previewSampleLoopEnd)
+      } else {
+        this.samplePreviewPlayer.setLoopPoints(0, this.samplePreviewPlayer.buffer.duration)
+      }
+    },
    previewSample () {
      if (this.previewSamplePlaying) {
        this.previewSamplePlaying = false
@@ -669,7 +736,7 @@ export default {
      }).then(response => {
        if (response.status === 200) {
          this.getSamples()
-          this.loadProfile()
+          this.loadProfile(false)
          this.closeEditSampleForm()
          this.infoSnackbarText = 'Sample Saved'
          this.infoSnackbar = true
@@ -761,22 +828,45 @@ export default {
        this.players.player(s.id).fadeIn = s.fadeIn
        if (s.loopPointsEnabled) {
          this.players.player(s.id).setLoopPoints(s.loopStart, s.loopEnd)
+        } else {
+          this.players.player(s.id).setLoopPoints(0, this.players.player(s.id).buffer.duration)
        }
        this.players.player(s.id).volume.value = s.volume

-        this.players.player(s.id).connect(this.recorder)
-        this.players.player(s.id).unsync().sync().start(0)
+        this.players.player(s.id).disconnect()
+        if (s.reverbEnabled) {
+          const reverb = new Tone.Reverb(s.reverbDecay).connect(this.recorder).toDestination()
+          reverb.set({ preDelay: s.reverbPreDelay, wet: s.reverbWet })
+          this.players.player(s.id).connect(reverb)
+        } else {
+          this.players.player(s.id).connect(this.recorder).toDestination()
+        }
      })

      this.noise.sync().start(0)

-      Tone.Transport.start()
+      this.loadedSamples.forEach(s => {
+        if (s.playbackMode === 'sporadic') {
+          this.players.player(s.id).loop = false
+
+          const maxInt = parseInt(s.sporadicMax, 10)
+          const minInt = parseInt(s.sporadicMin, 10)
+          const rand = Math.floor(Math.random() * (maxInt - minInt + 1) + minInt)
+
+          s.initialSporadicPlayInterval = setInterval(() => this.playSporadicSample(s.id), rand * 1000)
+        } else {
+          this.players.player(s.id).loop = true
+          this.players.player(s.id).unsync().sync().start(0)
+        }
+      })
+
+      Tone.Transport.start('+0.1')
    },
    async stopRecording () {
      const recording = await this.recorder.stop()

      // Set active profile back to the selected one
-      this.loadProfile()
+      this.loadProfile(false)

      const url = URL.createObjectURL(recording)
      const anchor = document.createElement('a')
@@ -785,6 +875,14 @@ export default {
      anchor.click()

      clearInterval(this.recordingInterval)
+
+      this.loadedSamples.forEach(s => {
+        if (s.playbackMode === 'sporadic') {
+          clearInterval(s.initialSporadicPlayInterval)
+          clearInterval(s.sporadicInterval)
+        }
+      })
+
      this.recordingDialog = false
      this.stop()
    },
@@ -792,7 +890,7 @@ export default {
      await this.recorder.stop()

      // Set active profile back to the selected one
-      this.loadProfile()
+      this.loadProfile(false)

      clearInterval(this.recordingInterval)
      this.recordingDialog = false
@@ -800,7 +898,7 @@ export default {
    },
    discardChanges () {
      this.unsavedWork = false
-      this.loadProfile()
+      this.loadProfile(true)
      this.confirmSwitchProfileDialog = false
    },
    saveChanges () {
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import Vuetify from 'vuetify/lib/framework'
+import Vuetify from 'vuetify/lib'

 import colors from 'vuetify/lib/util/colors'
Author	SHA1	Message	Date
Kay Thomas	8a1fc99fb5	Merge pull request #34 from kaythomas0/v0.6.3 v0.6.3	2022-09-11 17:38:08 -07:00
Kevin Thomas	e6cc5b36c5	Fix typo	2022-09-11 15:11:17 -07:00
Kevin Thomas	6c4c24c166	Fix unwanted display of unsaved work dialog	2022-09-06 02:36:36 -07:00
Kevin Thomas	9466ed692b	Use strict sameSite cookies	2022-09-06 02:36:19 -07:00
Kevin Thomas	5ace3d9996	Update package*.json	2022-09-06 02:35:54 -07:00
Kay Thomas	c4642df353	Merge pull request #33 from kaythomas0/v0.6.2 v0.6.2	2022-09-04 20:41:54 -07:00
Kevin Thomas	aca7fbd1e0	Fix sporadic playback with timer	2022-09-04 19:46:31 -07:00
Kay Thomas	90f4d50b7f	Merge pull request #32 from kaythomas0/v0.6.1 v0.6.1	2022-08-31 17:01:57 -07:00
Kevin Thomas	66b23f39a6	Fix db migration	2022-08-31 15:37:04 -07:00
Kevin Thomas	4d22dab887	Fix sporadic validation, fix preferences bug	2022-08-31 11:16:23 -07:00
Kay Thomas	bc93b05c4e	Merge pull request #31 from kaythomas0/dev Add another screenshot	2022-08-30 13:29:35 -07:00
Kevin Thomas	60a01908c2	Add another screenshot	2022-08-30 13:28:00 -07:00
Kay Thomas	5879e6d327	Merge pull request #30 from kaythomas0/dev Update README.md	2022-08-30 13:24:09 -07:00
Kay Thomas	88cbfe0bf1	Update README.md	2022-08-30 13:23:54 -07:00
Kay Thomas	74c7d543c0	Merge pull request #29 from kaythomas0/dev Update README	2022-08-30 13:23:11 -07:00
Kevin Thomas	dc81a65c7a	Update README	2022-08-30 13:22:53 -07:00
Kay Thomas	3358efce1d	Merge pull request #28 from kaythomas0/v0.6.0 v0.6.0	2022-08-30 13:12:23 -07:00
Kevin Thomas	2d71af03d0	Move delete sample icon, fix sporadic bug	2022-08-29 14:53:25 -07:00
Kevin Thomas	aae33a6121	Support multiple sporadic samples	2022-08-28 16:31:24 -07:00
Kay Thomas	cc3fe4608d	Add reverb and sample playback support for recording	2022-08-26 23:19:19 -07:00
Kay Thomas	38de3595c4	Merge pull request #27 from kaythomas0/reverb Implement Reverb andSample Playback Mode	2022-08-26 21:13:33 -07:00
Kevin Thomas	4330b04c1f	Implement sample playback mode, fix loop points bug	2022-08-26 16:10:40 -07:00
Kay Thomas	70aa906110	Add License to README	2022-08-23 00:04:08 -07:00
Kay Thomas	55851a4cd0	Continue implementing sample playback mode	2022-08-20 03:02:24 -07:00
Kevin Thomas	3c738925bc	Start implementing sample playback mode	2022-08-19 22:28:36 -07:00
Kay Thomas	3dbbf4c85d	Implement reverb	2022-08-13 23:58:39 -07:00
Kay Thomas	a3f7709adf	Merge pull request #24 from kaythomas0/v0.5.2 v0.5.2	2022-07-24 14:24:58 -07:00
Kevin Thomas	496b71ee7b	Fix preview sample loop points bug	2022-07-24 13:38:28 -07:00
Kay Thomas	c2aad26e3f	Merge pull request #23 from kaythomas0/dependabot/npm_and_yarn/terser-5.14.2 Bump terser from 5.13.1 to 5.14.2	2022-07-23 22:53:33 -07:00
dependabot[bot]	b84522847a	Bump terser from 5.13.1 to 5.14.2 Bumps [terser](https://github.com/terser/terser) from 5.13.1 to 5.14.2. - [Release notes](https://github.com/terser/terser/releases) - [Changelog](https://github.com/terser/terser/blob/master/CHANGELOG.md) - [Commits](https://github.com/terser/terser/commits) --- updated-dependencies: - dependency-name: terser dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2022-07-21 05:08:39 +00:00
Kay Thomas	231dea143a	Merge pull request #21 from kaythomas0/v0.5.1 v0.5.1	2022-07-12 17:33:40 -07:00
Kevin Thomas	659d48548d	Upgrade passport to 0.6.0	2022-07-12 16:34:42 -07:00
Kay Thomas	7dc4524fa0	Merge pull request #20 from kaythomas0/v0.5.0 v0.5.0	2022-07-05 17:26:25 -07:00
Kay Thomas	9b2bdaf159	Fix accent color picker	2022-07-05 15:32:43 -07:00
Kay Thomas	d3cc1db2f9	Update github workflow	2022-07-05 15:18:20 -07:00
Kay Thomas	34215b4126	Upgrade package version	2022-07-04 22:53:59 -07:00
Kay Thomas	5fc23030d4	Upgrade multer	2022-07-04 22:36:39 -07:00
Kay Thomas	4fc23521c1	Update README.md	2022-06-01 12:27:41 -07:00
Kevin Thomas	cb3e39729a	Update screenshot	2022-06-01 12:22:14 -07:00
Kay Thomas	5219f53655	Add accent color picker	2022-05-28 00:50:44 -07:00