From 1c4aace806d14c8dbcb22d09566218b7fa433997 Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Sat, 29 Jun 2024 15:48:04 +0200
Subject: [PATCH] basically done

---
 .../src/components/playerView.vue             | 78 ++++++++++++++++++-
 .../src/components/playlistView.vue           |  6 +-
 .../src/components/popupModule.vue            |  7 +-
 MusicPlayerV2-GUI/src/router/index.ts         |  9 +++
 MusicPlayerV2-GUI/src/scripts/bizualizer.ts   |  4 +-
 .../src/scripts/notificationHandler.ts        |  5 +-
 MusicPlayerV2-GUI/src/views/AppView.vue       | 27 +++++--
 MusicPlayerV2-GUI/src/views/GetView.vue       |  7 ++
 MusicPlayerV2-GUI/src/views/HomeView.vue      |  2 +-
 MusicPlayerV2-GUI/src/views/RemoteView.vue    | 14 +++-
 MusicPlayerV2-GUI/src/views/ShowcaseView.vue  | 36 +++++++--
 backend/config/store-sdk.config.testing.json  |  0
 backend/package-lock.json                     | 16 +++-
 backend/package.json                          |  3 +-
 backend/src/app.ts                            | 36 ++++++++-
 backend/src/definitions.d.ts                  |  1 +
 16 files changed, 219 insertions(+), 32 deletions(-)
 create mode 100644 MusicPlayerV2-GUI/src/views/GetView.vue
 create mode 100644 backend/config/store-sdk.config.testing.json

diff --git a/MusicPlayerV2-GUI/src/components/playerView.vue b/MusicPlayerV2-GUI/src/components/playerView.vue
index 7217701..66e7d02 100644
--- a/MusicPlayerV2-GUI/src/components/playerView.vue
+++ b/MusicPlayerV2-GUI/src/components/playerView.vue
@@ -1,5 +1,13 @@
 <template>
     <div>
+        <div v-if="isShowingWarning" class="warning">
+            <h3>WARNING!</h3>
+            <p>A client display is being tampered with!</p>
+            <p>A desktop notification with a warning has already been dispatched.</p>
+            <button @click="dismissNotification()">Ok</button>
+
+            <div class="flash"></div>
+        </div>
         <div class="player">
             <div :class="'main-player' + ( isShowingFullScreenPlayer ? ' full-screen' : '' )">
                 <div :class="'song-name-wrapper' + ( isShowingFullScreenPlayer ? ' full-screen' : '' )" @click="controlUI( 'show' )">
@@ -100,6 +108,7 @@
     const isConnectedToNotifier = ref( false );
     const popup = ref( popupModule );
     const roomName = ref( '' );
+    const isShowingWarning = ref( false );
     let currentlyOpenPopup = '';
 
     const emits = defineEmits( [ 'playerStateChange' ] );
@@ -194,12 +203,17 @@
             popup.value.openPopup( {
                 title: 'Define a share name',
                 popupType: 'input',
-                subtitle: 'A share allows others to join your playlist and see the current song, the playback position and the upcoming songs. You can get the link to the page, once the share is set up. Please choose a name, which will then be part of the URL with which others can join the share',
+                subtitle: 'A share allows others to join your playlist and see the current song, the playback position and the upcoming songs. You can get the link to the page, once the share is set up. Please choose a name, which will then be part of the URL with which others can join the share. The anti tamper feature notifies you, whenever a user leaves the fancy view.',
                 data: [
                     {
                         name: 'Share Name',
                         dataType: 'text',
                         id: 'roomName'
+                    },
+                    {
+                        name: 'Use Anti-Tamper?',
+                        dataType: 'checkbox',
+                        id: 'useAntiTamper'
                     }
                 ]
             } );
@@ -377,7 +391,6 @@
             if ( pos.value > 0 && !hasStarted ) {
                 getDetails();
                 playingSong = player.getPlayingSong();
-                console.log( pos.value );
                 prepNiceDurationTime( playingSong );
                 notificationHandler.emit( 'playlist-index-update', currentlyPlayingSongIndex.value );
                 notificationHandler.emit( 'playback-update', isPlaying.value );
@@ -472,8 +485,8 @@
             player.prepare( 0 );
             isPlaying.value = true;
             startProgressTracker();
-            notificationHandler.emit( 'playlist-update', playlist.value );
         }
+        notificationHandler.emit( 'playlist-update', playlist.value );
     }
 
     emits( 'playerStateChange', isShowingFullScreenPlayer.value ? 'show' : 'hide' );
@@ -495,9 +508,13 @@
         }
     } );
 
+    const dismissNotification = () => {
+        isShowingWarning.value = false;
+    }
+
     const popupReturnHandler = ( data: any ) => {
         if ( currentlyOpenPopup === 'create-share' ) {
-            notificationHandler.connect( data.roomName ).then( () => {
+            notificationHandler.connect( data.roomName, data.useAntiTamper ?? false ).then( () => {
                 roomName.value = notificationHandler.getRoomName();
                 isConnectedToNotifier.value = true;
                 notificationHandler.emit( 'playlist-index-update', currentlyPlayingSongIndex.value );
@@ -505,6 +522,10 @@
                 notificationHandler.emit( 'playback-start-update', new Date().getTime() - pos.value * 1000 );
                 notificationHandler.emit( 'playlist-update', playlist.value );
                 notifications.value.createNotification( 'Joined share "' + data.roomName + '"!', 5, 'ok', 'normal' );
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                notificationHandler.registerListener( 'tampering-msg', ( _ ) => {
+                    isShowingWarning.value = true;
+                } );
             } ).catch( e => {
                 if ( e === 'ERR_CONFLICT' ) {
                     notifications.value.createNotification( 'A share with this name exists already!', 5, 'error', 'normal' );
@@ -517,6 +538,10 @@
         }
     }
 
+    window.addEventListener( 'beforeunload', () => {
+        notificationHandler.disconnect();
+    } );
+
     defineExpose( {
         logIntoAppleMusic,
         getPlaylists,
@@ -764,4 +789,49 @@
         position: fixed;
         bottom: -50%;
     }
+</style>
+
+<style scoped>
+    .warning {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 40vw;
+        height: 50vh;
+        font-size: 2vh;
+        background-color: rgb(255, 0, 0);
+        color: white;
+        position: fixed;
+        right: 1vh;
+        top: 1vh;
+        flex-direction: column;
+        z-index: 1001;
+    }
+
+    .warning h3 {
+        font-size: 4vh;
+    }
+
+    .warning .flash {
+        background-color: rgba(255, 0, 0, 0.4);
+        animation: flashing linear infinite 1s;
+        width: 100vw;
+        height: 100vh;
+        top: 0;
+        left: 0;
+        position: fixed;
+        z-index: -1;
+    }
+
+    @keyframes flashing {
+        0% {
+            opacity: 0;
+        }
+        50% {
+            opacity: 1;
+        }
+        100% {
+            opacity: 0;
+        }
+    }
 </style>
\ No newline at end of file
diff --git a/MusicPlayerV2-GUI/src/components/playlistView.vue b/MusicPlayerV2-GUI/src/components/playlistView.vue
index fbf2fb8..89922d4 100644
--- a/MusicPlayerV2-GUI/src/components/playlistView.vue
+++ b/MusicPlayerV2-GUI/src/components/playlistView.vue
@@ -6,7 +6,9 @@
         <button @click="openSearch()" v-if="$props.isLoggedIntoAppleMusic" class="small-buttons" title="Search Apple Music for the song"><span class="material-symbols-outlined">search</span></button>
         <p v-if="!hasSelectedSongs">Please select at least one song to proceed</p>
         <div class="playlist-box" id="pl-box">
-            <!-- TODO: Allow adding more songs with search on Apple Music or loading from local disk -->
+            <!-- TODO: Allow editing additionalInfo. Think also how to make it persist over reloads... Export to JSON and then best-guess add them? Very easy for Apple Music 'cause ID, but how for local songs? -->
+            <!-- TODO: Allow deleting songs, as well as whole playlist -->
+            <!-- TODO: Handle long AppleMusic Playlists, as AppleMusic doesn't automatically load all songs of a playlist -->
             <div class="song" v-for="song in computedPlaylist" v-bind:key="song.id" 
                 :class="( song.id === ( $props.playlist ? $props.playlist [ $props.currentlyPlaying ?? 0 ].id : '' ) && isPlaying ? 'playing' : ' not-playing' ) 
                 + ( ( !isPlaying && ( song.id === ( $props.playlist ? $props.playlist [ $props.currentlyPlaying ?? 0 ].id : '' ) ) ) ? ' active-song' : '' )">
@@ -186,7 +188,7 @@
 
 <style scoped>
     .playlist-box {
-        height: calc( 100% - 100px );
+        height: calc( 100% - 150px );
         width: 100%;
         overflow-y: scroll;
         display: flex;
diff --git a/MusicPlayerV2-GUI/src/components/popupModule.vue b/MusicPlayerV2-GUI/src/components/popupModule.vue
index 5457f2b..fd42543 100644
--- a/MusicPlayerV2-GUI/src/components/popupModule.vue
+++ b/MusicPlayerV2-GUI/src/components/popupModule.vue
@@ -121,7 +121,7 @@
 
     const closePopupReturn = () => {
         for ( let el in popupContent.value.data ) {
-            if ( !data.value[ popupContent.value.data[ parseInt( el ) ].id ] ) {
+            if ( !data.value[ popupContent.value.data[ parseInt( el ) ].id ] && popupContent.value.data[ parseInt( el ) ].dataType !== 'checkbox' ) {
                 isShowingIncomplete.value = true;
                 return;
             }
@@ -150,6 +150,11 @@
         }
         isShowingPopup.value = true;
         popupContent.value = popupConfig;
+        for ( const el in popupContent.value.data ) {
+            if ( popupContent.value.data[ parseInt( el ) ].dataType === 'checkbox' ) {
+                data.value[ popupContent.value.data[ parseInt( el ) ].id ] = false;
+            }
+        }
     }
 
     defineExpose( {
diff --git a/MusicPlayerV2-GUI/src/router/index.ts b/MusicPlayerV2-GUI/src/router/index.ts
index f7bd531..b8d06f6 100644
--- a/MusicPlayerV2-GUI/src/router/index.ts
+++ b/MusicPlayerV2-GUI/src/router/index.ts
@@ -23,6 +23,15 @@ const router = createRouter( {
                 'title': 'App'
             }
         },
+        {
+            path: '/get',
+            name: 'get',
+            component: () => import( '../views/GetView.vue' ),
+            meta: {
+                'authRequired': false,
+                'title': 'Get'
+            }
+        },
         {
             path: '/share/:name',
             name: 'share',
diff --git a/MusicPlayerV2-GUI/src/scripts/bizualizer.ts b/MusicPlayerV2-GUI/src/scripts/bizualizer.ts
index 90ae6f3..b0c0369 100644
--- a/MusicPlayerV2-GUI/src/scripts/bizualizer.ts
+++ b/MusicPlayerV2-GUI/src/scripts/bizualizer.ts
@@ -4,7 +4,6 @@ const colorThief = new ColorThief();
 const getImageData = (): Promise<number[][]> => {
     return new Promise( ( resolve ) => {
         const img = ( document.getElementById( 'current-image' ) as HTMLImageElement );
-        console.log( img );
         if ( img.complete ) {
             resolve( colorThief.getPalette( img ) );
         } else {
@@ -18,7 +17,6 @@ const getImageData = (): Promise<number[][]> => {
 const createBackground = () => {
     return new Promise( ( resolve ) => {
         getImageData().then( palette => {
-            console.log( palette );
             const colourDetails: number[][] = [];
             const colours: string[] = [];
             let differentEnough = true;
@@ -118,7 +116,7 @@ const micAudioHandler = () => {
                 }
             }
             prevSpectrum = currentSpectrum;
-        }, 20 );
+        }, 60 / 180 * 250 );
     } );
 }
 
diff --git a/MusicPlayerV2-GUI/src/scripts/notificationHandler.ts b/MusicPlayerV2-GUI/src/scripts/notificationHandler.ts
index 192ea36..224e556 100644
--- a/MusicPlayerV2-GUI/src/scripts/notificationHandler.ts
+++ b/MusicPlayerV2-GUI/src/scripts/notificationHandler.ts
@@ -29,11 +29,12 @@ class NotificationHandler {
     /**
      * Create a room token and connect to 
      * @param {string} roomName 
+     * @param {boolean} useAntiTamper
      * @returns {Promise<string>}
      */
-    connect ( roomName: string ): Promise<void> {
+    connect ( roomName: string, useAntiTamper: boolean ): Promise<void> {
         return new Promise( ( resolve, reject ) => {
-            fetch( localStorage.getItem( 'url' ) + '/createRoomToken?roomName=' + roomName, { credentials: 'include' } ).then( res => {
+            fetch( localStorage.getItem( 'url' ) + '/createRoomToken?roomName=' + roomName + '&useAntiTamper=' + useAntiTamper, { credentials: 'include' } ).then( res => {
                 if ( res.status === 200 ) {
                     res.text().then( text => {
                         this.roomToken = text;
diff --git a/MusicPlayerV2-GUI/src/views/AppView.vue b/MusicPlayerV2-GUI/src/views/AppView.vue
index fb5b9ee..6194820 100644
--- a/MusicPlayerV2-GUI/src/views/AppView.vue
+++ b/MusicPlayerV2-GUI/src/views/AppView.vue
@@ -23,13 +23,16 @@
     import libraryView from '@/components/libraryView.vue';
     import { ref } from 'vue';
     import type { ReadFile } from '@/scripts/song';
+    import router from '@/router';
+    import { useUserStore } from '@/stores/userStore';
     
     const isLoggedIntoAppleMusic = ref( false );
     const isReady = ref( false );
     const isShowingFullScreenPlayer = ref( false );
     const player = ref( playerView );
     const playlists = ref( [] );
-    const hasFinishedLoading = ref( true );
+    const hasFinishedLoading = ref( false );
+    const userStore = useUserStore();
 
     const handlePlayerStateChange = ( newState: string ) => {
         if ( newState === 'hide' ) {
@@ -72,13 +75,21 @@
         player.value.selectCustomPlaylist( playlist );
     }
 
-    // fetch( localStorage.getItem( 'url' ) + '/checkUserStatus', { credentials: 'include' } ).then( res => {
-    //     if ( res.status === 200 ) {
-    //         res.json().then( json => {
-                
-    //         } );
-    //     }
-    // } );
+    fetch( localStorage.getItem( 'url' ) + '/checkUserStatus', { credentials: 'include' } ).then( res => {
+        if ( res.status === 200 ) {
+            res.text().then( text => {
+                if ( text === 'ok' ) {
+                    hasFinishedLoading.value = true;
+                    userStore.setSubscriptionStatus( true );
+                } else {
+                    userStore.setSubscriptionStatus( false );
+                    router.push( '/get' );
+                }
+            } );
+        } else {
+            console.log( res.status );
+        }
+    } );
     
 </script>
 
diff --git a/MusicPlayerV2-GUI/src/views/GetView.vue b/MusicPlayerV2-GUI/src/views/GetView.vue
new file mode 100644
index 0000000..dd5e8cc
--- /dev/null
+++ b/MusicPlayerV2-GUI/src/views/GetView.vue
@@ -0,0 +1,7 @@
+<template>
+    <div>
+        <h1>Get MusicPlayer</h1>
+        <p>MusicPlayer offers</p>
+        <a href="https://store.janishutz.com/product/com.janishutz.MusicPlayer" class="fancy-button">Subscribe</a>
+    </div>
+</template>
\ No newline at end of file
diff --git a/MusicPlayerV2-GUI/src/views/HomeView.vue b/MusicPlayerV2-GUI/src/views/HomeView.vue
index 9ce4139..36e4bd3 100644
--- a/MusicPlayerV2-GUI/src/views/HomeView.vue
+++ b/MusicPlayerV2-GUI/src/views/HomeView.vue
@@ -5,7 +5,7 @@
             style="margin-top: 5vh;" title="Sign in or sign up with janishutz.com ID" v-if="status"
             >{{ isTryingToSignIn ? 'Signing you in...' : 'Login / Sign up' }}</button>
         <p v-else>We are sorry, but we were unable to initialize the login services. Please reload the page if you wish to retry!</p>
-        <p>MusicPlayer is a browser based Music Player, that allows you to connect other devices, simply with another web-browser, where you can see the current playlist with sleek animations. You can log in using your Apple Music account or load a playlist from your local disk, simply by selecting the songs using a file picker.</p>
+        <p style="width: 80%;">MusicPlayer is a browser based Music Player, that allows you to connect other devices, simply with another web-browser, where you can see the current playlist with sleek animations. You can log in using your Apple Music account or load a playlist from your local disk, simply by selecting the songs using a file picker.</p>
         <notificationsModule ref="notifications" location="bottomleft" size="bigger"></notificationsModule>
     </div>
 </template>
diff --git a/MusicPlayerV2-GUI/src/views/RemoteView.vue b/MusicPlayerV2-GUI/src/views/RemoteView.vue
index 3fdcf31..fe0a140 100644
--- a/MusicPlayerV2-GUI/src/views/RemoteView.vue
+++ b/MusicPlayerV2-GUI/src/views/RemoteView.vue
@@ -5,7 +5,7 @@
             <div v-if="hasLoaded && !showCouldNotFindRoom" style="width: 100%">
                 <div class="current-song-wrapper">
                     <img v-if="playlist[ playingSong ]" :src="playlist[ playingSong ].cover" class="fancy-view-song-art" id="current-image" crossorigin="anonymous">
-                    <span v-else class="material-symbols-outlined">music_note</span>
+                    <span v-else class="material-symbols-outlined fancy-view-song-art">music_note</span>
                     <div class="current-song">
                         <progress max="1000" id="progress" :value="progressBar"></progress>
                         <h1>{{ playlist[ playingSong ] ? playlist[ playingSong ].title : 'Not playing' }}</h1>
@@ -64,7 +64,7 @@
             startTimeTracker();
         }
         pos.value = ( new Date().getTime() - parseInt( d.playbackStart ) ) / 1000;
-        progressBar.value = ( pos.value / playlist.value[ playingSong.value ].duration ) * 1000;
+        progressBar.value = ( pos.value / ( playlist.value[ playingSong.value ] ? playlist.value[ playingSong.value ].duration : 1 ) ) * 1000;
         hasLoaded.value = true;
         conn.registerListener( 'playlist', ( data ) => {
             playlist.value = data;
@@ -87,7 +87,15 @@
         conn.registerListener( 'playlist-index', ( data ) => {
             playingSong.value = parseInt( data );
         } );
-    } ).catch( () => {
+
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        conn.registerListener( 'delete-share', ( _ ) => {
+            alert( 'This share was just deleted. It is no longer available. The page will reload automatically to try and re-establish connection!' );
+            conn.disconnect();
+            location.reload();
+        } );
+    } ).catch( e => {
+        console.error( e );
         showCouldNotFindRoom.value = true;
     } );
 
diff --git a/MusicPlayerV2-GUI/src/views/ShowcaseView.vue b/MusicPlayerV2-GUI/src/views/ShowcaseView.vue
index fc4b2dc..e525983 100644
--- a/MusicPlayerV2-GUI/src/views/ShowcaseView.vue
+++ b/MusicPlayerV2-GUI/src/views/ShowcaseView.vue
@@ -1,11 +1,12 @@
 <template>
     <div>
+        <span class="anti-tamper material-symbols-outlined" title="Anti-Tamper is enabled. Leaving this window will cause a notification to be dispatched to the player!" v-if="isAntiTamperEnabled">lock</span>
         <div class="info">Designed and developed by Janis Hutz <a href="https://janishutz.com" target="_blank" style="text-decoration: none; color: white;">https://janishutz.com</a></div>
         <div class="remote-view">
             <div v-if="hasLoaded && !showCouldNotFindRoom" class="showcase-wrapper">
                 <div class="current-song-wrapper">
                     <img v-if="playlist[ playingSong ]" :src="playlist[ playingSong ].cover" class="fancy-view-song-art" id="current-image" crossorigin="anonymous">
-                    <span v-else class="material-symbols-outlined">music_note</span>
+                    <span v-else class="material-symbols-outlined fancy-view-song-art">music_note</span>
                     <div class="current-song">
                         <progress max="1000" id="progress" :value="progressBar"></progress>
                         <h1>{{ playlist[ playingSong ] ? playlist[ playingSong ].title : 'Not playing' }}</h1>
@@ -71,6 +72,7 @@
     const playbackStart = ref( 0 );
     let timeTracker = 0;
     const visualizationSettings = ref( 'mic' );
+    const isAntiTamperEnabled = ref( false );
 
     const conn = new SocketConnection();
 
@@ -83,8 +85,12 @@
             startTimeTracker();
         }
         pos.value = ( new Date().getTime() - parseInt( d.playbackStart ) ) / 1000;
-        progressBar.value = ( pos.value / playlist.value[ playingSong.value ].duration ) * 1000;
+        progressBar.value = ( pos.value / ( playlist.value[ playingSong.value ] ? playlist.value[ playingSong.value ].duration : 1 ) ) * 1000;
         hasLoaded.value = true;
+        if ( d.useAntiTamper ) {
+            isAntiTamperEnabled.value = true;
+            notifier();
+        }
         conn.registerListener( 'playlist', ( data ) => {
             playlist.value = data;
         } );
@@ -107,9 +113,17 @@
             playingSong.value = parseInt( data );
             setTimeout( () => {
                 setBackground();
-            }, 1000 )
+            }, 1000 );
         } );
-    } ).catch( () => {
+
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        conn.registerListener( 'delete-share', ( _ ) => {
+            alert( 'This share was just deleted. It is no longer available. This page will reload automatically!' );
+            conn.disconnect();
+            location.reload();
+        } );
+    } ).catch( e => {
+        console.error( e );
         showCouldNotFindRoom.value = true;
     } );
 
@@ -178,7 +192,7 @@
 
     const animateBeat = () => {
         $( '.beat-manual' ).stop();
-        const duration = Math.ceil( 60 / 120 * 500 ) - 50;
+        const duration = Math.ceil( 60 / 180 * 500 ) - 50;
         $( '.beat-manual' ).fadeIn( 50 );
         setTimeout( () => {
             $( '.beat-manual' ).fadeOut( duration );
@@ -225,10 +239,20 @@
             body: 'Please return to the original webpage immediately!',
             requireInteraction: true,
         } );
+
+        conn.emit( 'tampering', '' );
     }
 </script>
 
 <style scoped>
+    .anti-tamper {
+        position: fixed;
+        z-index: 10;
+        bottom: 5px;
+        right: 5px;
+        font-size: 2rem;
+    }
+
     .remote-view {
         width: 100%;
         display: flex;
@@ -236,6 +260,7 @@
         align-items: center;
         flex-direction: column;
         text-align: justify;
+        color: white;
     }
 
     .showcase-wrapper {
@@ -428,6 +453,7 @@
         padding: 0;
         top: 50%;
         z-index: 100;
+        color: white;
     }
 </style>
 
diff --git a/backend/config/store-sdk.config.testing.json b/backend/config/store-sdk.config.testing.json
new file mode 100644
index 0000000..e69de29
diff --git a/backend/package-lock.json b/backend/package-lock.json
index 47e417a..c875447 100644
--- a/backend/package-lock.json
+++ b/backend/package-lock.json
@@ -19,7 +19,8 @@
         "jsonwebtoken": "^9.0.2",
         "node-mysql": "^0.4.2",
         "oauth-janishutz-client-server": "file:../../oauth/client/server/dist",
-        "socket.io": "^4.7.5"
+        "socket.io": "^4.7.5",
+        "store.janishutz.com-sdk": "file:../../store/sdk/dist"
       },
       "devDependencies": {
         "typescript": "^5.4.5"
@@ -41,6 +42,15 @@
         "typescript": "^5.3.3"
       }
     },
+    "../../store/sdk/dist": {
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "@types/express": "^4.17.21",
+        "axios": "^1.7.2",
+        "express": "^4.19.2"
+      }
+    },
     "node_modules/@socket.io/component-emitter": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
@@ -1285,6 +1295,10 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/store.janishutz.com-sdk": {
+      "resolved": "../../store/sdk/dist",
+      "link": true
+    },
     "node_modules/string_decoder": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
diff --git a/backend/package.json b/backend/package.json
index 27e8d85..24c79f0 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -30,6 +30,7 @@
     "jsonwebtoken": "^9.0.2",
     "node-mysql": "^0.4.2",
     "oauth-janishutz-client-server": "file:../../oauth/client/server/dist",
-    "socket.io": "^4.7.5"
+    "socket.io": "^4.7.5",
+    "store.janishutz.com-sdk": "file:../../store/sdk/dist"
   }
 }
diff --git a/backend/src/app.ts b/backend/src/app.ts
index 6201c85..909fc99 100644
--- a/backend/src/app.ts
+++ b/backend/src/app.ts
@@ -9,6 +9,7 @@ import { createServer } from 'node:http';
 import { Server } from 'socket.io';
 import crypto from 'node:crypto';
 import type { Room, Song } from './definitions';
+import storeSDK from 'store.janishutz.com-sdk';
 
 declare let __dirname: string | undefined
 if ( typeof( __dirname ) === 'undefined' ) {
@@ -25,6 +26,11 @@ const run = () => {
         credentials: true,
         origin: true 
     } ) );
+    storeSDK.configure( {
+        backendURL: 'http://localhost:8083',
+        name: 'testing',
+        signingSecret: 'test',
+    } )
 
     const httpServer = createServer( app );
 
@@ -79,6 +85,7 @@ const run = () => {
         socket.on( 'delete-room', ( room: { name: string, token: string }, cb: ( res: { status: boolean, msg: string } ) => void ) => {
             if ( room.token === socketData[ room.name ].roomToken ) {
                 socket.leave( room.name );
+                socket.to( room.name ).emit( 'delete-share', room.name );
                 socketData[ room.name ] = undefined;
                 cb( {
                     status: true,
@@ -92,7 +99,7 @@ const run = () => {
             }
         } );
 
-        socket.on( 'join-room', ( room: string, cb: ( res: { status: boolean, msg: string, data?: { playbackStatus: boolean, playbackStart: number, playlist: Song[], playlistIndex: number } } ) => void ) => {
+        socket.on( 'join-room', ( room: string, cb: ( res: { status: boolean, msg: string, data?: { playbackStatus: boolean, playbackStart: number, playlist: Song[], playlistIndex: number, useAntiTamper: boolean } } ) => void ) => {
             if ( socketData[ room ] ) {
                 socket.join( room );
                 cb( {
@@ -101,6 +108,7 @@ const run = () => {
                         playbackStatus: socketData[ room ].playbackStatus,
                         playlist: socketData[ room ].playlist,
                         playlistIndex: socketData[ room ].playlistIndex,
+                        useAntiTamper: socketData[ room ].useAntiTamper,
                     },
                     msg: 'STATUS_OK',
                     status: true,
@@ -177,6 +185,7 @@ const run = () => {
                     roomName: roomName,
                     roomToken: roomToken,
                     ownerUID: sdk.getUserData( request ).uid,
+                    useAntiTamper: request.query.useAntiTamper === 'true' ? true : false,
                 };
                 response.send( roomToken );
             } else {
@@ -212,6 +221,31 @@ const run = () => {
 
     // TODO: Get user's subscriptions using store sdk
 
+    app.get( '/checkUserStatus', ( request: express.Request, response: express.Response ) => {
+        if ( sdk.checkAuth( request ) ) {
+            storeSDK.getSubscriptions( sdk.getUserData( request ).uid ).then( stat => {
+                let owned = false;
+                const now = new Date().getTime();
+                for ( let sub in stat ) {
+                    if ( stat[ sub ].expires - now > 0 
+                        && ( stat[ sub ].id === 'com.janishutz.MusicPlayer.subscription' || stat[ sub ].id === 'com.janishutz.MusicPlayer.subscription-month' ) ) {
+                            owned = true;
+                    }
+                }
+                if ( owned ) {
+                    response.send( 'ok' );
+                } else {
+                    response.send( 'ERR_NOT_OWNED' );
+                }
+            } ).catch( e => {
+                console.error( e );
+                response.status( 404 ).send( 'ERR_NOT_OWNED' );
+            } );
+        } else {
+            response.status( 401 ).send( 'ERR_AUTH_REQUIRED' );
+        }
+    } );
+
     app.use( ( request: express.Request, response: express.Response, next: express.NextFunction ) => {
         response.status( 404 ).send( 'ERR_NOT_FOUND' );
         // response.sendFile( path.join( __dirname + '' ) ) 
diff --git a/backend/src/definitions.d.ts b/backend/src/definitions.d.ts
index b448c2e..3ecaf0e 100644
--- a/backend/src/definitions.d.ts
+++ b/backend/src/definitions.d.ts
@@ -6,6 +6,7 @@ export interface Room {
     roomName: string;
     roomToken: string;
     ownerUID: string;
+    useAntiTamper: boolean;
 }
 
 export interface Song {