chore(deps): update dependency rollup-plugin-livereload to v2.0.5

Reviewed-on: #3

.gitignore

@@ -3,4 +3,4 @@
 node_modules
 public/build
 build-info.js
-.env
+yarn.lock

README.md

@@ -1,5 +1,7 @@
 # ScoreSaber Reloaded
 
+Forked from: <https://github.com/motzel/scoresaber-reloaded>
+
 ## Users
 
 Just go to [ssr.fascinated.cc](https://ssr.fascinated.cc)
@@ -9,11 +11,11 @@ Just go to [ssr.fascinated.cc](https://ssr.fascinated.cc)
 ### Install the dependencies
 
 ```bash
-yarn install
+npm install
 ```
 
 ### Start the dev environment
 
 ```bash
-yarn dev
+npm run dev
 ```

package-lock.json

@@ -707,11 +707,10 @@
       }
     },
     "node_modules/idb": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/idb/-/idb-6.1.2.tgz",
-      "integrity": "sha512-1DNDVu3yDhAZkFDlJf0t7r+GLZ248F5pTAtA7V0oVG3yjmV125qZOx3g0XpAEkGZVYQiFDAsSOnGet2bhugc3w==",
-      "dev": true,
-      "license": "ISC"
+      "version": "6.1.5",
+      "resolved": "https://registry.npmjs.org/idb/-/idb-6.1.5.tgz",
+      "integrity": "sha512-IJtugpKkiVXQn5Y+LteyBCNk1N8xpGV3wWZk9EVtZWH8DYkjBn0bX1XnGP9RkyZF0sAcywa6unHqSWKe7q4LGw==",
+      "dev": true
     },
     "node_modules/immer": {
       "version": "9.0.5",
@@ -1453,11 +1452,10 @@
       }
     },
     "node_modules/rollup-plugin-livereload": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-livereload/-/rollup-plugin-livereload-2.0.0.tgz",
-      "integrity": "sha512-oC/8NqumGYuphkqrfszOHUUIwzKsaHBICw6QRwT5uD07gvePTS+HW+GFwu6f9K8W02CUuTvtIM9AWJrbj4wE1A==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-livereload/-/rollup-plugin-livereload-2.0.5.tgz",
+      "integrity": "sha512-vqQZ/UQowTW7VoiKEM5ouNW90wE5/GZLfdWuR0ELxyKOJUIaj+uismPZZaICU4DnWPVjnpCDDxEqwU7pcKY/PA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "livereload": "^0.9.1"
       },

public/assets/theme/ssr.css

@@ -51,6 +51,8 @@ select {
   max-width: 1200px;
   margin: 0 auto;
 
+  border-radius: 6px;
+
   position: relative;
   opacity: var(--transparency);
 }

src/components/Common/Avatar.svelte

@@ -1,14 +1,22 @@
 <script>
-  import {opt} from '../../utils/js'
+  import { opt } from '../../utils/js';
 
   export let player;
 
-  $: avatar = opt(player, 'playerInfo.avatar')
+  const avatar = opt(player, 'playerInfo.avatar')
+
+  // TEMP WORKAROUND UNTIL I MIGRATE TO NEW SS API
+  export let avatarr;
+  if (avatar.includes("oculus")) {
+    avatarr = "https://cdn.scoresaber.com/avatars/oculus.png"
+  } else {
+    avatarr = `https://cdn.scoresaber.com/avatars/${player.playerId}.jpg`
+  }
 </script>
 
-{#if avatar}
+{#if avatarr}
   <figure class="image is-24x24" on:click>
-    <img src={avatar} alt=""/>
+    <img src={avatarr} alt=""/>
   </figure>
 {/if}
 

src/components/Player/Avatar.svelte

@@ -1,5 +1,6 @@
 <script>
-  import Spinner from '../Common/Spinner.svelte'
+  import { SS_CDN_HOST } from '../../network/queues/scoresaber/page-queue';
+  import Spinner from '../Common/Spinner.svelte';
 
   export let playerInfo;
   export let isLoading = false;
@@ -10,7 +11,8 @@
   <span class="no-image">?</span>
 
   {#if playerInfo && playerInfo.avatar}
-    <img src={playerInfo.avatar} class="avatar" alt="" />
+    <!-- TEMP WORKAROUND UNTIL I MIGRATE TO NEW SS API -->
+    <img src={playerInfo.avatar.replace("https://new.scoresaber.com/api/static", SS_CDN_HOST)} class="avatar" alt="" />
   {/if}
   <span class="spinner">
     <Spinner width="100%" height="100%"/>