installed sass devDependency; installed rimraf devDependency to clean files before builds (no more sourcemaps in builds); updated README.md and corrected typos in it; updated rollupjs devDependency to latest version; updated rollup-plugin-terser devDependency to latest version

README.md

@@ -1,15 +1,16 @@
 # deemix-webui
+
 This is just the WebUI for deemix, it should be used with deemix-pyweb or something like that
 
 ## What's left to do?
-in the WebUI:
+
 - Make the UI look coherent
+  - Style buttons
   - Style text inputs
   - Style checkboxes
-  - Style buttons
 - Search tab
 	- Better placeholer before search
-	- Better loading feadback fot the user (maybe with a loading circle)
+	- Better loading feedback fot the user (maybe with a loading circle)
 - Link Analyzer
 	- Better placeholer before analyzing and error feedback
 - Settings tab
@@ -19,11 +20,11 @@ in the WebUI:
   - Copy Image URL where possible
   - Context menu for pywebview (Context menu is blocked in pywebview)
     - Copy and paste functions
-- Block selection where it's not needed (keep only titles artists albums labels and usefull data)
+- Block selection where it's not needed (keep only titles artists albums labels and useful data)
-- Install sass dependency
 - ?
 
 # License
+
 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or

package-lock.json

@@ -1,31 +1,31 @@
 {
 	"name": "deemix",
-	"version": "0.1.6",
+	"version": "1.0.16",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {
 		"@babel/code-frame": {
-			"version": "7.8.3",
+			"version": "7.10.1",
-			"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.8.3.tgz",
+			"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.1.tgz",
-			"integrity": "sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==",
+			"integrity": "sha512-IGhtTmpjGbYzcEDOw7DcQtbQSXcG9ftmAXtWTu9V936vDye4xjjekktFAtgZsWpzTj/X01jocB46mTywm/4SZw==",
 			"dev": true,
 			"requires": {
-				"@babel/highlight": "^7.8.3"
+				"@babel/highlight": "^7.10.1"
 			}
 		},
 		"@babel/helper-validator-identifier": {
-			"version": "7.9.5",
+			"version": "7.10.1",
-			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.9.5.tgz",
+			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.1.tgz",
-			"integrity": "sha512-/8arLKUFq882w4tWGj9JYzRpAlZgiWUJ+dtteNTDqrRBz9Iguck9Rn3ykuBDoUwh2TO4tSAJlrxDUOXWklJe4g==",
+			"integrity": "sha512-5vW/JXLALhczRCWP0PnFDMCJAchlBvM7f4uk/jXritBnIa6E1KmqmtrS3yn1LAnxFBypQ3eneLuXjsnfQsgILw==",
 			"dev": true
 		},
 		"@babel/highlight": {
-			"version": "7.9.0",
+			"version": "7.10.1",
-			"resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.9.0.tgz",
+			"resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.1.tgz",
-			"integrity": "sha512-lJZPilxX7Op3Nv/2cvFdnlepPXDxi29wxteT57Q965oc5R9v86ztx0jfxVrTcBk8C2kcPkkDa2Z4T3ZsPPVWsQ==",
+			"integrity": "sha512-8rMof+gVP8mxYZApLF/JgNDAkdKa+aJt3ZYxF8z6+j/hpeXL7iMsKCPHa2jNMHu/qqBwzQF4OHNoYi8dMA/rYg==",
 			"dev": true,
 			"requires": {
-				"@babel/helper-validator-identifier": "^7.9.0",
+				"@babel/helper-validator-identifier": "^7.10.1",
 				"chalk": "^2.0.0",
 				"js-tokens": "^4.0.0"
 			}
@@ -107,12 +107,6 @@
 				"@types/node": "*"
 			}
 		},
-		"acorn": {
-			"version": "7.1.1",
-			"resolved": "https://registry.npmjs.org/acorn/-/acorn-7.1.1.tgz",
-			"integrity": "sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==",
-			"dev": true
-		},
 		"ansi-styles": {
 			"version": "3.2.1",
 			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
@@ -122,12 +116,28 @@
 				"color-convert": "^1.9.0"
 			}
 		},
+		"anymatch": {
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz",
+			"integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==",
+			"dev": true,
+			"requires": {
+				"normalize-path": "^3.0.0",
+				"picomatch": "^2.0.4"
+			}
+		},
 		"balanced-match": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
 			"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
 			"dev": true
 		},
+		"binary-extensions": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.0.0.tgz",
+			"integrity": "sha512-Phlt0plgpIIBOGTT/ehfFnbNlfsDEiqmzE2KRXoX1bLIlir4X/MR+zSyBEkL05ffWgnRSf/DXv+WrUAVr93/ow==",
+			"dev": true
+		},
 		"brace-expansion": {
 			"version": "1.1.11",
 			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -138,6 +148,15 @@
 				"concat-map": "0.0.1"
 			}
 		},
+		"braces": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+			"integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+			"dev": true,
+			"requires": {
+				"fill-range": "^7.0.1"
+			}
+		},
 		"buffer-from": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
@@ -161,6 +180,22 @@
 				"supports-color": "^5.3.0"
 			}
 		},
+		"chokidar": {
+			"version": "3.4.0",
+			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.0.tgz",
+			"integrity": "sha512-aXAaho2VJtisB/1fg1+3nlLJqGOuewTzQpd/Tz0yTg2R0e4IGtshYvtjowyEumcBv2z+y4+kc75Mz7j5xJskcQ==",
+			"dev": true,
+			"requires": {
+				"anymatch": "~3.1.1",
+				"braces": "~3.0.2",
+				"fsevents": "~2.1.2",
+				"glob-parent": "~5.1.0",
+				"is-binary-path": "~2.1.0",
+				"is-glob": "~4.0.1",
+				"normalize-path": "~3.0.0",
+				"readdirp": "~3.4.0"
+			}
+		},
 		"color-convert": {
 			"version": "1.9.3",
 			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
@@ -261,12 +296,57 @@
 			"integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
 			"dev": true
 		},
+		"fill-range": {
+			"version": "7.0.1",
+			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+			"integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+			"dev": true,
+			"requires": {
+				"to-regex-range": "^5.0.1"
+			}
+		},
+		"fs.realpath": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+			"integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
+			"dev": true
+		},
+		"fsevents": {
+			"version": "2.1.3",
+			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz",
+			"integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==",
+			"dev": true,
+			"optional": true
+		},
 		"function-bind": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
 			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
 			"dev": true
 		},
+		"glob": {
+			"version": "7.1.6",
+			"resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
+			"integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+			"dev": true,
+			"requires": {
+				"fs.realpath": "^1.0.0",
+				"inflight": "^1.0.4",
+				"inherits": "2",
+				"minimatch": "^3.0.4",
+				"once": "^1.3.0",
+				"path-is-absolute": "^1.0.0"
+			}
+		},
+		"glob-parent": {
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz",
+			"integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==",
+			"dev": true,
+			"requires": {
+				"is-glob": "^4.0.1"
+			}
+		},
 		"graceful-fs": {
 			"version": "4.2.4",
 			"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz",
@@ -300,12 +380,37 @@
 			"integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==",
 			"dev": true
 		},
+		"inflight": {
+			"version": "1.0.6",
+			"resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+			"integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+			"dev": true,
+			"requires": {
+				"once": "^1.3.0",
+				"wrappy": "1"
+			}
+		},
+		"inherits": {
+			"version": "2.0.4",
+			"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+			"dev": true
+		},
 		"is-arrayish": {
 			"version": "0.2.1",
 			"resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
 			"integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
 			"dev": true
 		},
+		"is-binary-path": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+			"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+			"dev": true,
+			"requires": {
+				"binary-extensions": "^2.0.0"
+			}
+		},
 		"is-callable": {
 			"version": "1.1.5",
 			"resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.5.tgz",
@@ -318,12 +423,33 @@
 			"integrity": "sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==",
 			"dev": true
 		},
+		"is-extglob": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+			"integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+			"dev": true
+		},
+		"is-glob": {
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
+			"integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
+			"dev": true,
+			"requires": {
+				"is-extglob": "^2.1.1"
+			}
+		},
 		"is-module": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
 			"integrity": "sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=",
 			"dev": true
 		},
+		"is-number": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+			"dev": true
+		},
 		"is-reference": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.0.tgz",
@@ -366,22 +492,28 @@
 			"dev": true
 		},
 		"jest-worker": {
-			"version": "24.9.0",
+			"version": "26.0.0",
-			"resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-24.9.0.tgz",
+			"resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-26.0.0.tgz",
-			"integrity": "sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==",
+			"integrity": "sha512-pPaYa2+JnwmiZjK9x7p9BoZht+47ecFCDFA/CJxspHzeDvQcfVBLWzCiWyo+EGrSiQMWZtCFo9iSvMZnAAo8vw==",
 			"dev": true,
 			"requires": {
 				"merge-stream": "^2.0.0",
-				"supports-color": "^6.1.0"
+				"supports-color": "^7.0.0"
 			},
 			"dependencies": {
+				"has-flag": {
+					"version": "4.0.0",
+					"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+					"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+					"dev": true
+				},
 				"supports-color": {
-					"version": "6.1.0",
+					"version": "7.1.0",
-					"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+					"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz",
-					"integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+					"integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==",
 					"dev": true,
 					"requires": {
-						"has-flag": "^3.0.0"
+						"has-flag": "^4.0.0"
 					}
 				}
 			}
@@ -468,6 +600,12 @@
 				"validate-npm-package-license": "^3.0.1"
 			}
 		},
+		"normalize-path": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+			"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+			"dev": true
+		},
 		"npm-run-all": {
 			"version": "4.1.5",
 			"resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.5.tgz",
@@ -509,6 +647,15 @@
 				"object-keys": "^1.0.11"
 			}
 		},
+		"once": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+			"integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+			"dev": true,
+			"requires": {
+				"wrappy": "1"
+			}
+		},
 		"parse-json": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
@@ -519,6 +666,12 @@
 				"json-parse-better-errors": "^1.0.1"
 			}
 		},
+		"path-is-absolute": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+			"integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
+			"dev": true
+		},
 		"path-key": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
@@ -558,6 +711,15 @@
 			"integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
 			"dev": true
 		},
+		"randombytes": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+			"integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+			"dev": true,
+			"requires": {
+				"safe-buffer": "^5.1.0"
+			}
+		},
 		"read-pkg": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
@@ -569,6 +731,15 @@
 				"path-type": "^3.0.0"
 			}
 		},
+		"readdirp": {
+			"version": "3.4.0",
+			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.4.0.tgz",
+			"integrity": "sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==",
+			"dev": true,
+			"requires": {
+				"picomatch": "^2.2.1"
+			}
+		},
 		"resolve": {
 			"version": "1.17.0",
 			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
@@ -578,15 +749,22 @@
 				"path-parse": "^1.0.6"
 			}
 		},
-		"rollup": {
+		"rimraf": {
-			"version": "1.32.1",
+			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/rollup/-/rollup-1.32.1.tgz",
+			"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-			"integrity": "sha512-/2HA0Ec70TvQnXdzynFffkjA6XN+1e2pEv/uKS5Ulca40g2L7KuOE3riasHoNVHOsFD5KKZgDsMk1CP3Tw9s+A==",
+			"integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
 			"dev": true,
 			"requires": {
-				"@types/estree": "*",
+				"glob": "^7.1.3"
-				"@types/node": "*",
+			}
-				"acorn": "^7.1.0"
+		},
+		"rollup": {
+			"version": "2.14.0",
+			"resolved": "https://registry.npmjs.org/rollup/-/rollup-2.14.0.tgz",
+			"integrity": "sha512-SUsFh2bBemQqCXOCBWRayjK3/6kNHVR8PbSKKYWIdI6e4zuGSW5B1hGVkFi40805dUrqosMLLxMuEyJMylC9YA==",
+			"dev": true,
+			"requires": {
+				"fsevents": "~2.1.2"
 			}
 		},
 		"rollup-plugin-analyzer": {
@@ -596,33 +774,30 @@
 			"dev": true
 		},
 		"rollup-plugin-terser": {
-			"version": "5.3.0",
+			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-5.3.0.tgz",
+			"resolved": "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-6.1.0.tgz",
-			"integrity": "sha512-XGMJihTIO3eIBsVGq7jiNYOdDMb3pVxuzY0uhOE/FM4x/u9nQgr3+McsjzqBn3QfHIpNSZmFnpoKAwHBEcsT7g==",
+			"integrity": "sha512-4fB3M9nuoWxrwm39habpd4hvrbrde2W2GG4zEGPQg1YITNkM3Tqur5jSuXlWNzbv/2aMLJ+dZJaySc3GCD8oDw==",
 			"dev": true,
 			"requires": {
-				"@babel/code-frame": "^7.5.5",
+				"@babel/code-frame": "^7.8.3",
-				"jest-worker": "^24.9.0",
+				"jest-worker": "^26.0.0",
-				"rollup-pluginutils": "^2.8.2",
+				"serialize-javascript": "^3.0.0",
-				"serialize-javascript": "^2.1.2",
+				"terser": "^4.7.0"
-				"terser": "^4.6.2"
 			}
 		},
-		"rollup-pluginutils": {
+		"safe-buffer": {
-			"version": "2.8.2",
+			"version": "5.2.1",
-			"resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz",
+			"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-			"integrity": "sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==",
+			"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-			"dev": true,
-			"requires": {
-				"estree-walker": "^0.6.1"
-			},
-			"dependencies": {
-				"estree-walker": {
-					"version": "0.6.1",
-					"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz",
-					"integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==",
 			"dev": true
-				}
+		},
+		"sass": {
+			"version": "1.26.8",
+			"resolved": "https://registry.npmjs.org/sass/-/sass-1.26.8.tgz",
+			"integrity": "sha512-yvtzyrKLGiXQu7H12ekXqsfoGT/aTKeMDyVzCB675k1HYuaj0py63i8Uf4SI9CHXj6apDhpfwbUr3gGOjdpu2Q==",
+			"dev": true,
+			"requires": {
+				"chokidar": ">=2.0.0 <4.0.0"
 			}
 		},
 		"semver": {
@@ -632,10 +807,13 @@
 			"dev": true
 		},
 		"serialize-javascript": {
-			"version": "2.1.2",
+			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz",
+			"resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-3.1.0.tgz",
-			"integrity": "sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==",
+			"integrity": "sha512-JIJT1DGiWmIKhzRsG91aS6Ze4sFUrYbltlkg2onR5OrnNM02Kl/hnY/T4FN2omvyeBbQmMJv+K4cPOpGzOTFBg==",
-			"dev": true
+			"dev": true,
+			"requires": {
+				"randombytes": "^2.1.0"
+			}
 		},
 		"shebang-command": {
 			"version": "1.2.0",
@@ -786,9 +964,9 @@
 			}
 		},
 		"terser": {
-			"version": "4.6.13",
+			"version": "4.7.0",
-			"resolved": "https://registry.npmjs.org/terser/-/terser-4.6.13.tgz",
+			"resolved": "https://registry.npmjs.org/terser/-/terser-4.7.0.tgz",
-			"integrity": "sha512-wMvqukYgVpQlymbnNbabVZbtM6PN63AzqexpwJL8tbh/mRT9LE5o+ruVduAGL7D6Fpjl+Q+06U5I9Ul82odAhw==",
+			"integrity": "sha512-Lfb0RiZcjRDXCC3OSHJpEkxJ9Qeqs6mp2v4jf2MHfy8vGERmVDuvjXdd/EnP5Deme5F2yBRBymKmKHCBg2echw==",
 			"dev": true,
 			"requires": {
 				"commander": "^2.20.0",
@@ -796,6 +974,15 @@
 				"source-map-support": "~0.5.12"
 			}
 		},
+		"to-regex-range": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+			"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+			"dev": true,
+			"requires": {
+				"is-number": "^7.0.0"
+			}
+		},
 		"toastify-js": {
 			"version": "1.8.0",
 			"resolved": "https://registry.npmjs.org/toastify-js/-/toastify-js-1.8.0.tgz",
@@ -824,6 +1011,12 @@
 			"requires": {
 				"isexe": "^2.0.0"
 			}
+		},
+		"wrappy": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+			"integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
+			"dev": true
 		}
 	}
 }

package.json

@@ -1,17 +1,20 @@
 {
 	"name": "deemix",
-	"version": "0.1.6",
+	"version": "1.0.16",
-	"homepage": "https://notabug.org/RemixDev/deemix/src/master/README.md",
+	"homepage": "https://notabug.org/RemixDev/deemix-webui/src/master/README.md",
 	"repository": {
 		"type": "git",
-		"url": "https://notabug.org/RemixDev/deemix"
+		"url": "https://notabug.org/RemixDev/deemix-webui"
 	},
 	"scripts": {
+		"clean": "rimraf public/css/style.css public/css/style.css.map public/js/bundle.js public/js/bundle.js.map",
+		"watch:styles": "sass --watch --source-map --embed-sources src/styles/scss/style.scss public/css/style.css",
+		"build:styles": "sass --no-source-map --style=compressed src/styles/scss/style.scss public/css/style.css",
 		"build:js": "rollup -c",
 		"watch:js": "rollup -c -w",
 		"serve": "python ../server.py",
-		"dev": "npm-run-all --parallel watch:js serve",
+		"dev": "npm-run-all --parallel serve watch:js watch:styles",
-		"build": "npm-run-all build:js"
+		"build": "npm-run-all --sequential clean build:js build:styles"
 	},
 	"dependencies": {
 		"jquery": "^3.5.1",
@@ -25,8 +28,10 @@
 		"@rollup/plugin-node-resolve": "^7.0.0",
 		"@rollup/plugin-replace": "^2.3.2",
 		"npm-run-all": "^4.1.5",
-		"rollup": "^1.27.0",
+		"rimraf": "^3.0.2",
+		"rollup": "^2.14.0",
 		"rollup-plugin-analyzer": "^3.2.3",
-		"rollup-plugin-terser": "^5.0.0"
+		"rollup-plugin-terser": "^6.1.0",
+		"sass": "^1.26.8"
 	}
 }

public/css/modules/tabs/tracklist-tab.css

@@ -1 +0,0 @@
-

public/index.html

@@ -4,6 +4,10 @@
 	<head>
 		<meta charset="utf-8">
 		<title>deemix</title>
+		<link rel="stylesheet" type="text/css" href="/public/css/vendor/animate.css">
+		<link rel="stylesheet" type="text/css" href="/public/css/vendor/material-icons.css">
+		<link rel="stylesheet" type="text/css" href="/public/css/vendor/OpenSans.css">
+		<link rel="stylesheet" type="text/css" href="/public/css/vendor/toastify.css">
 		<link rel="stylesheet" type="text/css" href="/public/css/style.css">
 		<link rel="shortcut icon" href="/public/favicon.ico">
 		<meta name="viewport"
@@ -1154,7 +1158,8 @@ <h1>About</h1>
 							</p>
 							<p>
 								Thanks to rtonno, uhwot and lollilol for helping me with this project.<br>
-								Also thanks to BasCurtiz and <a href="http://linktr.ee/scarvimane" target="_blank">scarvimane</a> for making the icon.
+								Also thanks to BasCurtiz and <a href="http://linktr.ee/scarvimane" target="_blank">scarvimane</a> for
+								making the icon.
 							</p>
 							<p>
 								Stay up to date with the updates by following the <a href="https://t.me/RemixDevNews"
@@ -1164,20 +1169,27 @@ <h1>About</h1>
 							<h2>Donations</h2>
 							<h3>You want to contribute to this project? You can do that <b>in different ways!</b></h3>
 							<p>
-								If you're fluent in python you could try to make a new UI for the app using the base library, or fix bugs in the library with a pull request on the <a href="https://notabug.org/RemixDev/deemix" target="_blank">repo</a>.<br>
+								If you're fluent in python you could try to make a new UI for the app using the base library, or fix
-								I accept features as well, but no complex things, as they can be implementend directly in the app and not the library.</p>
+								bugs in the library with a pull request on the <a href="https://notabug.org/RemixDev/deemix"
+									target="_blank">repo</a>.<br>
+								I accept features as well, but no complex things, as they can be implementend directly in the app and
+								not the library.</p>
 							<p>
-								If you're fluent in another programming language you could try to port deemix into other programming languages!<br>
+								If you're fluent in another programming language you could try to port deemix into other programming
+								languages!<br>
 								You need help understanding the code? Just hit RemixDev up on Telegram or Reddit.</p>
-							<p>If you know JavaScript, HTML or CSS you could contribute to the <a href="https://notabug.org/RemixDev/deemix-webui" target="_blank">webui</a>.</p>
+							<p>If you know JavaScript, HTML or CSS you could contribute to the <a
+									href="https://notabug.org/RemixDev/deemix-webui" target="_blank">webui</a>.</p>
 							<p>
-								If you find some bugs you can report them in the repo, just make sure your bug isn't something that only affects you and it can be reproducible by other users as well.<br>
+								If you find some bugs you can report them in the repo, just make sure your bug isn't something that only
+								affects you and it can be reproducible by other users as well.<br>
 								Duplicate bug reports will be closed, so keep an eye out on that.</p>
 							<hr>
 							<h3>You want to contribute monetarily? You could make a donation!</h3>
 							<p>
 								If you can donate you can do that with this links.<br>
-								You shoud remember that <b>this is a free project</b> and <b>you should support the artists you love</b> before supporting the developers.<br>
+								You shoud remember that <b>this is a free project</b> and <b>you should support the artists you love</b>
+								before supporting the developers.<br>
 								Don't feel obligated to donate, I appreciate you anyway!</p>
 							<p>
 								<b>PayPal:</b> <a href="https://paypal.me/RemixDev" target="_blank">PayPal.me/RemixDev</a><br>

rollup.config.js

@@ -15,7 +15,7 @@ export default {
 		{
 			file: 'public/js/bundle.js',
 			format: 'module',
-			sourcemap: true
+			sourcemap: !production
 		}
 	],
 	plugins: [

src/styles/scss/_progressbar.scss

@@ -15,8 +15,8 @@
 	left: 0;
 	bottom: 0;
 	background-color: var(--accent-color);
-	-webkit-transition: width .3s linear;
+	-webkit-transition: width 0.3s linear;
-	transition: width .3s linear;
+	transition: width 0.3s linear;
 }
 
 .progress .indeterminate {
@@ -109,7 +109,7 @@
 	}
 }
 
-.toast-icon{
+.toast-icon {
 	display: inline-block;
 	margin-right: 8px;
 }
@@ -125,17 +125,25 @@
 	animation: spin 1s linear infinite;
 }
 
-.toastify .circle-loader{
+.toastify .circle-loader {
-	border-bottom-color: var(--toast-secondary)
+	border-bottom-color: var(--toast-secondary);
 }
 
 /* Safari */
 @-webkit-keyframes spin {
-	0% { -webkit-transform: rotate(0deg); }
+	0% {
-	100% { -webkit-transform: rotate(360deg); }
+		-webkit-transform: rotate(0deg);
+	}
+	100% {
+		-webkit-transform: rotate(360deg);
+	}
 }
 
 @keyframes spin {
-	0% { transform: rotate(0deg); }
+	0% {
-	100% { transform: rotate(360deg); }
+		transform: rotate(0deg);
+	}
+	100% {
+		transform: rotate(360deg);
+	}
 }

src/styles/scss/_stackedTabs.scss

@@ -1,4 +1,4 @@
-.image_header header{
+.image_header header {
 	background-position: 0% 35%;
 	background-size: cover;
 	padding: 220px 24px 8px;
@@ -6,11 +6,11 @@
 }
 
 .image_header header h1,
-.image_header header h2{
+.image_header header h2 {
 	margin: 0px;
 }
 
-.image_header header h2{
+.image_header header h2 {
 	margin: 0px;
 	font-size: 18px;
 	margin-bottom: 12px;

src/styles/scss/base/_base.scss

@@ -1,5 +1,5 @@
-@import './normalize.css';
+// @import './normalize.css';
-@import './typography.css';
+// @import './typography.css';
 
 /* * {
 	transition: background-color 500ms ease-in-out;

src/styles/scss/style.scss

@@ -0,0 +1,22 @@
+@import './base/base';
+@import './base/normalize';
+@import './base/typography';
+
+@import './globals/globals';
+@import './globals/tables';
+
+@import './tabs/about-tab';
+@import './tabs/charts-tab';
+@import './tabs/download-tab';
+@import './tabs/favorites-tab';
+@import './tabs/home-tab';
+@import './tabs/search-tab';
+@import './tabs/settings-tab';
+@import './tabs/tabs';
+
+@import './animations';
+@import './middle-section';
+@import './progressbar';
+@import './sidebar';
+@import './stackedTabs';
+@import './track-preview';

src/styles/scss/tabs/_about-tab.scss

@@ -1,9 +1,9 @@
-#about_tab p{
+#about_tab p {
 	margin-bottom: 8px;
 }
-#about_tab h3{
+#about_tab h3 {
 	margin: 8px 0px;
 }
-#about_tab hr{
+#about_tab hr {
 	margin: 12px 0px;
 }

src/styles/scss/tabs/_favorites-tab.scss

@@ -1,5 +1,3 @@
-/* Tab links */
-
 .favorites_tablinks.active {
 	color: var(--accent-text);
 }

src/styles/scss/tabs/_tabs.scss

@@ -1,12 +1,3 @@
-@import './about-tab.css';
-@import './charts-tab.css';
-@import './download-tab.css';
-@import './favorites-tab.css';
-@import './home-tab.css';
-@import './search-tab.css';
-@import './settings-tab.css';
-@import './tracklist-tab.css';
-
 .search_tabcontent,
 .main_tabcontent,
 .favorites_tabcontent {