chore: minor type improvements

resources/assets/js/components/ui/__snapshots__/AlbumArtOverlay.spec.ts.snap

@@ -3,5 +3,3 @@
 exports[`displays nothing if fetching fails 1`] = `<div style="background-image: none;" class="pointer-events-none fixed z-[1000] overflow-hidden opacity-10 bg-cover bg-center top-0 left-0 h-full w-full" data-testid="album-art-overlay"></div>`;
 
 exports[`fetches and displays the album thumbnail 1`] = `<div style="background-image: url(http://test/thumb.jpg);" class="pointer-events-none fixed z-[1000] overflow-hidden opacity-10 bg-cover bg-center top-0 left-0 h-full w-full" data-testid="album-art-overlay"></div>`;
-
-exports[`fetches and displays the album thumbnail 2`] = `<div style="background-image: url(&quot;http://test/thumb.jpg&quot;);" class="pointer-events-none fixed z-[1000] overflow-hidden opacity-10 bg-cover bg-center top-0 left-0 h-full w-full" data-testid="album-art-overlay"></div>`;

resources/assets/js/composables/useUpload.ts

@@ -1,4 +1,3 @@
-import isMobile from 'ismobilejs'
 import { computed } from 'vue'
 import { commonStore } from '@/stores'
 import { acceptedMediaTypes } from '@/config'

resources/assets/js/services/audioService.ts

@@ -11,11 +11,11 @@ export interface Band {
 export const audioService = {
   unlocked: false,
 
-  context: null as unknown as AudioContext,
-  source: null as unknown as MediaElementAudioSourceNode,
-  element: null as unknown as HTMLMediaElement,
-  preampGainNode: null as unknown as GainNode,
-  analyzer: null as unknown as AnalyserNode,
+  context: null! as AudioContext,
+  source: null! as MediaElementAudioSourceNode,
+  element: null! as HTMLMediaElement,
+  preampGainNode: null! as GainNode,
+  analyzer: null! as AnalyserNode,
 
   bands: [] as Band[],
 

resources/assets/js/stores/commonStore.ts

@@ -6,7 +6,7 @@ import { playlistFolderStore, playlistStore, preferenceStore, queueStore, settin
 const initialState = {
   allows_download: false,
   cdn_url: '',
-  current_user: undefined as unknown as User,
+  current_user: null! as User,
   current_version: '',
   koel_plus: {
     active: false,
@@ -47,7 +47,10 @@ export const commonStore = {
     Object.assign(this.state, await http.get<CommonStoreState>('data'))
 
     // Always disable YouTube integration on mobile.
-    this.state.uses_you_tube = this.state.uses_you_tube && !isMobile.phone
+    this.state.uses_you_tube = this.state.uses_you_tube && !isMobile.any
+
+    // Only enable transcoding on mobile
+    this.state.supports_transcoding = this.state.supports_transcoding && isMobile.any
 
     userStore.init(this.state.current_user)
     preferenceStore.init(this.state.current_user.preferences)

resources/assets/js/stores/userStore.ts

@@ -22,7 +22,7 @@ export const userStore = {
 
   state: reactive({
     users: [] as User[],
-    current: null as unknown as User
+    current: null! as User
   }),
 
   syncWithVault (users: MaybeArray<User>) {