Merge pull request #386 from bcc-code/fix/cache-currentuser-composable

fix: cache currentuser composable

components/track/TrackMenu.vue

@@ -4,6 +4,7 @@ import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/vue";
 
 const runtimeConfig = useRuntimeConfig();
 const { t } = useI18n();
+const { $appInsights } = useNuxtApp();
 const { addNext, addToQueue } = useNuxtApp().$mediaPlayer;
 
 const copyToClipboardComponent = ref<null | { copyToClipboard: () => void }>(
@@ -54,7 +55,10 @@ const dropdownMenuItemsForTrack = (track: TrackModel) => {
       clickFunction: async () => {
         const result = await download(track);
         if (result === "no-permission") {
+          $appInsights.event("denied downloading track", { trackId: track.id });
           showDownloadDialog.value = true;
+        } else {
+          $appInsights.event("track downloaded", { trackId: track.id });
         }
       },
     });

composables/user.ts

@@ -1,9 +1,13 @@
+import type { AsyncData } from "#app";
 import { CurrentUserApi } from "@bcc-code/bmm-sdk-fetch";
+import type { UserModel } from "@bcc-code/bmm-sdk-fetch";
 
-export function useCurrentUser() {
-  return reactiveApi(
-    useLazyAsyncData(`current-user`, () =>
-      new CurrentUserApi().currentUserGet(),
-    ),
+let cachedComposable: AsyncData<UserModel, Error | null> | null = null;
+export function useCurrentUser(): AsyncData<UserModel, Error | null> {
+  cachedComposable ??= useAsyncData(
+    `current-user-asyncdata`,
+    () => new CurrentUserApi().currentUserGet(),
+    { dedupe: "defer" },
   );
+  return cachedComposable!;
 }