Fix PixelGraph attributes; Add multitrack player draft

YeonV · Dec 18, 2023 · e895a09 · e895a09
1 parent 58e2ed4
commit e895a09
Show file tree

Hide file tree

Showing 32 changed files with 327 additions and 8 deletions.
diff --git a/public/mp/click-accent.wav b/public/mp/click-accent.wav
diff --git a/public/mp/click.wav b/public/mp/click.wav
diff --git a/public/mp/css/app.0fcac9f2.css b/public/mp/css/app.0fcac9f2.css
diff --git a/public/mp/css/chunk-vendors.9371d481.css b/public/mp/css/chunk-vendors.9371d481.css
diff --git a/public/mp/favicon.ico b/public/mp/favicon.ico
diff --git a/public/mp/img/icons/android-chrome-192x192.png b/public/mp/img/icons/android-chrome-192x192.png
diff --git a/public/mp/img/icons/android-chrome-256x256.png b/public/mp/img/icons/android-chrome-256x256.png
diff --git a/public/mp/img/icons/apple-touch-icon-120x120.png b/public/mp/img/icons/apple-touch-icon-120x120.png
diff --git a/public/mp/img/icons/apple-touch-icon-152x152.png b/public/mp/img/icons/apple-touch-icon-152x152.png
diff --git a/public/mp/img/icons/apple-touch-icon-180x180.png b/public/mp/img/icons/apple-touch-icon-180x180.png
diff --git a/public/mp/img/icons/apple-touch-icon-60x60.png b/public/mp/img/icons/apple-touch-icon-60x60.png
diff --git a/public/mp/img/icons/apple-touch-icon-76x76.png b/public/mp/img/icons/apple-touch-icon-76x76.png
diff --git a/public/mp/img/icons/apple-touch-icon.png b/public/mp/img/icons/apple-touch-icon.png
diff --git a/public/mp/img/icons/favicon-16x16.png b/public/mp/img/icons/favicon-16x16.png
diff --git a/public/mp/img/icons/favicon-32x32.png b/public/mp/img/icons/favicon-32x32.png
diff --git a/public/mp/img/icons/msapplication-icon-144x144.png b/public/mp/img/icons/msapplication-icon-144x144.png
diff --git a/public/mp/img/icons/mstile-150x150.png b/public/mp/img/icons/mstile-150x150.png
diff --git a/public/mp/index.html b/public/mp/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><!--[if IE]><link rel="icon" href="/mp/favicon.ico"><![endif]--><title>Player</title><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css><link href=/mp/css/app.0fcac9f2.css rel=preload as=style><link href=/mp/css/chunk-vendors.9371d481.css rel=preload as=style><link href=/mp/js/app.17cee47f.js rel=preload as=script><link href=/mp/js/chunk-vendors.ae3ad927.js rel=preload as=script><link href=/mp/css/chunk-vendors.9371d481.css rel=stylesheet><link href=/mp/css/app.0fcac9f2.css rel=stylesheet><link rel=icon type=image/png sizes=32x32 href=/mp/img/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/mp/img/icons/favicon-16x16.png><link rel=manifest href=/mp/manifest.json><meta name=theme-color content=#4DBA87><meta name=apple-mobile-web-app-capable content=no><meta name=apple-mobile-web-app-status-bar-style content=default><meta name=apple-mobile-web-app-title content=mp><link rel=apple-touch-icon href=/mp/img/icons/apple-touch-icon-152x152.png><link rel=mask-icon href=/mp/img/icons/safari-pinned-tab.svg color=#4DBA87><meta name=msapplication-TileImage content=/mp/img/icons/msapplication-icon-144x144.png><meta name=msapplication-TileColor content=#000000></head><body><noscript><strong>We're sorry but Player doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/mp/js/chunk-vendors.ae3ad927.js></script><script src=/mp/js/app.17cee47f.js></script></body></html>
diff --git a/public/mp/js/app.17cee47f.js b/public/mp/js/app.17cee47f.js
diff --git a/public/mp/js/chunk-vendors.ae3ad927.js b/public/mp/js/chunk-vendors.ae3ad927.js
diff --git a/public/mp/manifest.json b/public/mp/manifest.json
@@ -0,0 +1 @@
+{"name":"mp","short_name":"mp","theme_color":"#fff","icons":[{"src":"./img/icons/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"./img/icons/android-chrome-256x256.png","sizes":"256x256","type":"image/png"}],"start_url":"./index.html","display":"standalone","background_color":"#fff"}
diff --git a/public/mp/precache-manifest.d81e2edc71e81a76f90d34fdbc63721a.js b/public/mp/precache-manifest.d81e2edc71e81a76f90d34fdbc63721a.js
@@ -0,0 +1,38 @@
+self.__precacheManifest = (self.__precacheManifest || []).concat([
+  {
+    "revision": "a94e06ddd5b088d45cbb2d700d9cfbc7",
+    "url": "/mp/click-accent.wav"
+  },
+  {
+    "revision": "083e27b3c35aea731ddc14b6c032fca5",
+    "url": "/mp/click.wav"
+  },
+  {
+    "revision": "cdf610363755e145c584",
+    "url": "/mp/css/app.0fcac9f2.css"
+  },
+  {
+    "revision": "9f3c25bd325a907d860b",
+    "url": "/mp/css/chunk-vendors.9371d481.css"
+  },
+  {
+    "revision": "aaa196cb3cf4c95277ab0f89c9563ec5",
+    "url": "/mp/index.html"
+  },
+  {
+    "revision": "cdf610363755e145c584",
+    "url": "/mp/js/app.17cee47f.js"
+  },
+  {
+    "revision": "9f3c25bd325a907d860b",
+    "url": "/mp/js/chunk-vendors.ae3ad927.js"
+  },
+  {
+    "revision": "8060f4f2285f64440895ff1ae5390911",
+    "url": "/mp/manifest.json"
+  },
+  {
+    "revision": "735ab4f94fbcd57074377afca324c813",
+    "url": "/mp/robots.txt"
+  }
+]);
diff --git a/public/mp/robots.txt b/public/mp/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:
diff --git a/public/mp/service-worker.js b/public/mp/service-worker.js
@@ -0,0 +1,34 @@
+/**
+ * Welcome to your Workbox-powered service worker!
+ *
+ * You'll need to register this file in your web app and you should
+ * disable HTTP caching for this file too.
+ * See https://goo.gl/nhQhGp
+ *
+ * The rest of the code is auto-generated. Please don't update this file
+ * directly; instead, make changes to your Workbox build configuration
+ * and re-run your build process.
+ * See https://goo.gl/2aRDsh
+ */
+
+importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
+
+importScripts(
+  "/mp/precache-manifest.d81e2edc71e81a76f90d34fdbc63721a.js"
+);
+
+workbox.core.setCacheNameDetails({prefix: "mp"});
+
+self.addEventListener('message', (event) => {
+  if (event.data && event.data.type === 'SKIP_WAITING') {
+    self.skipWaiting();
+  }
+});
+
+/**
+ * The workboxSW.precacheAndRoute() method efficiently caches and responds to
+ * requests for URLs in the manifest.
+ * See https://goo.gl/S9QRab
+ */
+self.__precacheManifest = [].concat(self.__precacheManifest || []);
+workbox.precaching.precacheAndRoute(self.__precacheManifest, {});
diff --git a/src/components/Integrations/Spotify/Widgets/Mp/Mp.styles.tsx b/src/components/Integrations/Spotify/Widgets/Mp/Mp.styles.tsx
@@ -0,0 +1,46 @@
+import { makeStyles } from '@mui/styles'
+
+const useStyles = makeStyles(() => ({
+  Widget: {
+    padding: 0,
+    overflow: 'hidden',
+    borderRadius: 16,
+    width: 960,
+    maxWidth: '100%',
+    margin: '0',
+    position: 'relative',
+    zIndex: 1,
+    backgroundColor: '#2229',
+    backdropFilter: 'blur(40px)',
+    '@media (max-width: 720px)': {
+      '&&': {
+        width: 400
+      }
+    },
+    '&.small': {
+      '&&': {
+        width: 400
+      }
+    }
+  }
+}))
+
+export const VolSliderStyles = {
+  color: '#fff',
+  '& .MuiSlider-track': {
+    border: 'none'
+  },
+  '& .MuiSlider-thumb': {
+    width: 16,
+    height: 16,
+    backgroundColor: '#fff',
+    '&:before': {
+      boxShadow: '0 4px 8px rgba(0,0,0,0.4)'
+    },
+    '&:hover, &.Mui-focusVisible, &.Mui-active': {
+      boxShadow: 'none'
+    }
+  }
+}
+
+export default useStyles
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><!--[if IE]><link rel="icon" href="/mp/favicon.ico"><![endif]--><title>Player</title><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css><link href=/mp/css/app.0fcac9f2.css rel=preload as=style><link href=/mp/css/chunk-vendors.9371d481.css rel=preload as=style><link href=/mp/js/app.17cee47f.js rel=preload as=script><link href=/mp/js/chunk-vendors.ae3ad927.js rel=preload as=script><link href=/mp/css/chunk-vendors.9371d481.css rel=stylesheet><link href=/mp/css/app.0fcac9f2.css rel=stylesheet><link rel=icon type=image/png sizes=32x32 href=/mp/img/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/mp/img/icons/favicon-16x16.png><link rel=manifest href=/mp/manifest.json><meta name=theme-color content=#4DBA87><meta name=apple-mobile-web-app-capable content=no><meta name=apple-mobile-web-app-status-bar-style content=default><meta name=apple-mobile-web-app-title content=mp><link rel=apple-touch-icon href=/mp/img/icons/apple-touch-icon-152x152.png><link rel=mask-icon href=/mp/img/icons/safari-pinned-tab.svg color=#4DBA87><meta name=msapplication-TileImage content=/mp/img/icons/msapplication-icon-144x144.png><meta name=msapplication-TileColor content=#000000></head><body><noscript><strong>We're sorry but Player doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/mp/js/chunk-vendors.ae3ad927.js></script><script src=/mp/js/app.17cee47f.js></script></body></html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"name":"mp","short_name":"mp","theme_color":"#fff","icons":[{"src":"./img/icons/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"./img/icons/android-chrome-256x256.png","sizes":"256x256","type":"image/png"}],"start_url":"./index.html","display":"standalone","background_color":"#fff"}