@ozdao/martyrs 0.2.484 → 0.2.486

package/dist/martyrs/src/modules/music/components/pages/MusicLibrary.vue.cjs

@@ -0,0 +1,200 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const TrackList = require("../lists/TrackList.vue.cjs");
+const AlbumList = require("../lists/AlbumList.vue.cjs");
+const PlaylistList = require("../lists/PlaylistList.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
+require("vue-i18n");
+;/* empty css                                          */
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+require("../../store/artists.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+require("../../../globals/views/store/globals.cjs");
+const ArtistManager = require("./ArtistManager.vue.cjs");
+const PlaylistForm = require("../forms/PlaylistForm.vue.cjs");
+require("../../store/playlists.cjs");
+require("../../store/albums.cjs");
+const tracks = require("../../store/tracks.cjs");
+const _hoisted_1 = { class: "music-library-page" };
+const _hoisted_2 = { class: "library-tabs mn-b-medium" };
+const _hoisted_3 = { class: "flex gap-small" };
+const _hoisted_4 = {
+  key: 0,
+  class: "flex-center flex pd-big"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "playlists-tab"
+};
+const _hoisted_6 = { class: "flex-between flex mn-b-small" };
+const _hoisted_7 = {
+  key: 0,
+  class: "empty-state t-center pd-big bg-dark-transp-10 radius-medium"
+};
+const _hoisted_8 = {
+  key: 2,
+  class: "albums-tab"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "empty-state t-center pd-big bg-dark-transp-10 radius-medium"
+};
+const _hoisted_10 = {
+  key: 3,
+  class: "artists-tab"
+};
+const _hoisted_11 = {
+  key: 4,
+  class: "tracks-tab"
+};
+const _hoisted_12 = { class: "flex-between flex mn-b-small" };
+const _hoisted_13 = {
+  key: 0,
+  class: "empty-state t-center pd-big bg-dark-transp-10 radius-medium"
+};
+const _sfc_main = {
+  __name: "MusicLibrary",
+  setup(__props) {
+    const router = vueRouter.useRouter();
+    const isLoading = vue.ref(true);
+    const activeTab = vue.ref("playlists");
+    const showCreatePlaylistModal = vue.ref(false);
+    const tabs = [
+      { id: "playlists", label: "Playlists" },
+      { id: "albums", label: "Albums" },
+      { id: "artists", label: "Artists" },
+      { id: "tracks", label: "Tracks" }
+    ];
+    const userPlaylists = vue.ref([]);
+    const userAlbums = vue.ref([]);
+    vue.ref([]);
+    const userTracks = vue.ref([]);
+    const fetchLibraryData = async () => {
+      isLoading.value = true;
+      try {
+        if (!auth.state.user || !auth.state.user._id) {
+          router.push({ name: "Sign In", query: { redirect: router.currentRoute.value.fullPath } });
+          return;
+        }
+        await tracks.actions.fetchUserTracks(auth.state.user._id).then((tracks2) => userTracks.value = tracks2 || []);
+      } catch (error) {
+        console.error("Error fetching library data:", error);
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    const onPlaylistCreated = (playlist) => {
+      userPlaylists.value.unshift(playlist);
+      showCreatePlaylistModal.value = false;
+      router.push({ name: "playlist-detail", params: { url: playlist.url } });
+    };
+    vue.onMounted(fetchLibraryData);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _cache[13] || (_cache[13] = vue.createElementVNode("h1", { class: "t-white mn-b-medium" }, "Your Library", -1)),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(tabs, (tab) => {
+              return vue.createVNode(Button.default, {
+                key: tab.id,
+                onClick: ($event) => activeTab.value = tab.id,
+                class: vue.normalizeClass([[
+                  activeTab.value === tab.id ? "bg-white t-black" : "bg-dark-transp-50 t-white hover-bg-dark"
+                ], "radius-extra pd-small"]),
+                showLoader: false,
+                showSucces: false
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(tab.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick", "class"]);
+            }), 64))
+          ])
+        ]),
+        isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+          vue.createVNode(Loader.default)
+        ])) : activeTab.value === "playlists" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          vue.createElementVNode("div", _hoisted_6, [
+            _cache[5] || (_cache[5] = vue.createElementVNode("h2", { class: "t-white" }, "Your Playlists", -1)),
+            vue.createVNode(Button.default, {
+              onClick: _cache[0] || (_cache[0] = ($event) => showCreatePlaylistModal.value = true),
+              class: "bg-main t-white radius-small pd-small hover-scale-1",
+              showLoader: false,
+              showSucces: false
+            }, {
+              default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+                vue.createTextVNode(" Create Playlist ")
+              ])),
+              _: 1
+            })
+          ]),
+          userPlaylists.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, _cache[6] || (_cache[6] = [
+            vue.createElementVNode("h3", { class: "t-white mn-b-small" }, "No playlists yet", -1),
+            vue.createElementVNode("p", { class: "t-grey t-medium" }, "Create your first playlist to see it here", -1)
+          ]))) : (vue.openBlock(), vue.createBlock(PlaylistList.default, {
+            key: 1,
+            playlists: userPlaylists.value
+          }, null, 8, ["playlists"]))
+        ])) : activeTab.value === "albums" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+          _cache[8] || (_cache[8] = vue.createElementVNode("div", { class: "flex-between flex mn-b-small" }, [
+            vue.createElementVNode("h2", { class: "t-white" }, "Your Albums")
+          ], -1)),
+          userAlbums.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, _cache[7] || (_cache[7] = [
+            vue.createElementVNode("h3", { class: "t-white mn-b-small" }, "No albums yet", -1),
+            vue.createElementVNode("p", { class: "t-grey t-medium" }, "Upload your first album to see it here", -1)
+          ]))) : (vue.openBlock(), vue.createBlock(AlbumList.default, {
+            key: 1,
+            albums: userAlbums.value
+          }, null, 8, ["albums"]))
+        ])) : activeTab.value === "artists" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+          vue.createVNode(ArtistManager.default)
+        ])) : activeTab.value === "tracks" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+          vue.createElementVNode("div", _hoisted_12, [
+            _cache[10] || (_cache[10] = vue.createElementVNode("h2", { class: "t-white" }, "Your Tracks", -1)),
+            vue.createVNode(Button.default, {
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push({ name: "music-upload" })),
+              class: "bg-main t-white radius-small pd-small hover-scale-1",
+              showLoader: false,
+              showSucces: false
+            }, {
+              default: vue.withCtx(() => _cache[9] || (_cache[9] = [
+                vue.createTextVNode(" Upload Track ")
+              ])),
+              _: 1
+            })
+          ]),
+          userTracks.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, _cache[11] || (_cache[11] = [
+            vue.createElementVNode("h3", { class: "t-white mn-b-small" }, "No tracks yet", -1),
+            vue.createElementVNode("p", { class: "t-grey t-medium" }, "Upload your first track to see it here", -1)
+          ]))) : (vue.openBlock(), vue.createBlock(TrackList.default, {
+            key: 1,
+            tracks: userTracks.value,
+            showAlbum: true,
+            showCover: true,
+            class: "bg-dark-transp-10 radius-medium o-hidden"
+          }, null, 8, ["tracks"]))
+        ])) : vue.createCommentVNode("", true),
+        showCreatePlaylistModal.value ? (vue.openBlock(), vue.createBlock(Popup.default, {
+          key: 5,
+          onClosePopup: _cache[3] || (_cache[3] = ($event) => showCreatePlaylistModal.value = false),
+          class: "bg-dark pd-small w-m-25r radius-medium t-white"
+        }, {
+          default: vue.withCtx(() => [
+            _cache[12] || (_cache[12] = vue.createElementVNode("h3", { class: "mn-b-medium" }, "Create Playlist", -1)),
+            vue.createVNode(PlaylistForm.default, {
+              onCreated: onPlaylistCreated,
+              onCancel: _cache[2] || (_cache[2] = ($event) => showCreatePlaylistModal.value = false)
+            })
+          ]),
+          _: 1
+        })) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=MusicLibrary.vue.cjs.map

package/dist/martyrs/src/modules/music/components/pages/MusicLibrary.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MusicLibrary.vue.cjs","sources":["../../../../../../../src/modules/music/components/pages/MusicLibrary.vue"],"sourcesContent":["<!-- components/pages/MusicLibrary.vue -->\n<template>\n  <div class=\"music-library-page\">\n    <h1 class=\"t-white mn-b-medium\">Your Library</h1>\n    \n    <!-- Filter Tabs -->\n    <div class=\"library-tabs mn-b-medium\">\n      <div class=\"flex gap-small\">\n        <Button \n          v-for=\"tab in tabs\"\n          :key=\"tab.id\"\n          @click=\"activeTab = tab.id\"\n          :class=\"[\n            activeTab === tab.id ? 'bg-white t-black' : 'bg-dark-transp-50 t-white hover-bg-dark',\n          ]\"\n          class=\"radius-extra pd-small\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          {{ tab.label }}\n        </Button>\n      </div>\n    </div>\n    \n    <!-- Content based on active tab -->\n    <div v-if=\"isLoading\" class=\"flex-center flex pd-big\">\n      <Loader />\n    </div>\n    \n    <!-- Playlists Tab -->\n    <div v-else-if=\"activeTab === 'playlists'\" class=\"playlists-tab\">\n      <div class=\"flex-between flex mn-b-small\">\n        <h2 class=\"t-white\">Your Playlists</h2>\n        <Button \n          @click=\"showCreatePlaylistModal = true\"\n          class=\"bg-main t-white radius-small pd-small hover-scale-1\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          Create Playlist\n        </Button>\n      </div>\n      \n      <div v-if=\"userPlaylists.length === 0\" class=\"empty-state t-center pd-big bg-dark-transp-10 radius-medium\">\n        <h3 class=\"t-white mn-b-small\">No playlists yet</h3>\n        <p class=\"t-grey t-medium\">Create your first playlist to see it here</p>\n      </div>\n      \n      <PlaylistList v-else :playlists=\"userPlaylists\" />\n    </div>\n    \n    <!-- Albums Tab -->\n    <div v-else-if=\"activeTab === 'albums'\" class=\"albums-tab\">\n      <div class=\"flex-between flex mn-b-small\">\n        <h2 class=\"t-white\">Your Albums</h2>\n      </div>\n      \n      <div v-if=\"userAlbums.length === 0\" class=\"empty-state t-center pd-big bg-dark-transp-10 radius-medium\">\n        <h3 class=\"t-white mn-b-small\">No albums yet</h3>\n        <p class=\"t-grey t-medium\">Upload your first album to see it here</p>\n      </div>\n      \n      <AlbumList v-else :albums=\"userAlbums\" />\n    </div>\n    \n    <!-- Artists Tab -->\n    <div v-else-if=\"activeTab === 'artists'\" class=\"artists-tab\">\n      <ArtistManager/>\n      <!-- <div class=\"flex-between flex mn-b-small\">\n        <h2 class=\"t-white\">Your Artists</h2>\n      </div>\n      \n      <div v-if=\"userArtists.length === 0\" class=\"empty-state t-center pd-big bg-dark-transp-10 radius-medium\">\n        <h3 class=\"t-white mn-b-small\">No artists yet</h3>\n        <p class=\"t-grey t-medium\">Create your first artist profile to see it here</p>\n      </div>\n      \n      <ArtistList v-else :artists=\"userArtists\" /> -->\n    </div>\n    \n    <!-- Tracks Tab -->\n    <div v-else-if=\"activeTab === 'tracks'\" class=\"tracks-tab\">\n      <div class=\"flex-between flex mn-b-small\">\n        <h2 class=\"t-white\">Your Tracks</h2>\n        <Button \n          @click=\"$router.push({ name: 'music-upload' })\"\n          class=\"bg-main t-white radius-small pd-small hover-scale-1\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          Upload Track\n        </Button>\n      </div>\n      \n      <div v-if=\"userTracks.length === 0\" class=\"empty-state t-center pd-big bg-dark-transp-10 radius-medium\">\n        <h3 class=\"t-white mn-b-small\">No tracks yet</h3>\n        <p class=\"t-grey t-medium\">Upload your first track to see it here</p>\n      </div>\n      \n      <TrackList \n        v-else\n        :tracks=\"userTracks\"\n        :showAlbum=\"true\" \n        :showCover=\"true\"\n        class=\"bg-dark-transp-10 radius-medium o-hidden\"\n      />\n    </div>\n    \n        <!-- Create Playlist Modal -->\n    <Popup \n      v-if=\"showCreatePlaylistModal\" \n      @close-popup=\"showCreatePlaylistModal = false\" \n      class=\"bg-dark pd-small w-m-25r radius-medium t-white\"\n    >\n      <h3 class=\"mn-b-medium\">Create Playlist</h3>\n      <PlaylistForm @created=\"onPlaylistCreated\" @cancel=\"showCreatePlaylistModal = false\" />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport { useRouter } from 'vue-router';\nimport TrackList from '../lists/TrackList.vue';\nimport AlbumList from '../lists/AlbumList.vue';\nimport PlaylistList from '../lists/PlaylistList.vue';\nimport ArtistList from '../lists/ArtistList.vue';\nimport ArtistManager from '../pages/ArtistManager.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport PlaylistForm from '../forms/PlaylistForm.vue';\n\n// Import store modules\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\nimport { state as playlistsState, actions as playlistsActions } from '../../store/playlists.js';\nimport { state as albumsState, actions as albumsActions } from '../../store/albums.js';\nimport { state as artistsState, actions as artistsActions } from '../../store/artists.js';\nimport { state as tracksState, actions as tracksActions } from '../../store/tracks.js';\n\nconst router = useRouter();\n\n// State\nconst isLoading = ref(true);\nconst activeTab = ref('playlists');\nconst showCreatePlaylistModal = ref(false);\n\n// Tabs configuration\nconst tabs = [\n  { id: 'playlists', label: 'Playlists' },\n  { id: 'albums', label: 'Albums' },\n  { id: 'artists', label: 'Artists' },\n  { id: 'tracks', label: 'Tracks' }\n];\n\n// Computed\nconst userPlaylists = ref([]);\nconst userAlbums = ref([]);\nconst userArtists = ref([]);\nconst userTracks = ref([]);\n\n// Methods\nconst fetchLibraryData = async () => {\n  isLoading.value = true;\n  \n  try {\n    if (!authState.user || !authState.user._id) {\n      router.push({ name: 'Sign In', query: { redirect: router.currentRoute.value.fullPath } });\n      return;\n    }\n    \n    // Fetch user's content\n    await tracksActions.fetchUserTracks(authState.user._id).then(tracks => userTracks.value = tracks || []);\n  } catch (error) {\n    console.error('Error fetching library data:', error);\n  } finally {\n    isLoading.value = false;\n  }\n};\n\nconst onPlaylistCreated = (playlist) => {\n  userPlaylists.value.unshift(playlist);\n  showCreatePlaylistModal.value = false;\n  router.push({ name: 'playlist-detail', params: { url: playlist.url } });\n};\n\n// Fetch library data when component mounts\nonMounted(fetchLibraryData);\n</script>"],"names":["useRouter","ref","authState","tracksActions","tracks","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4IA,UAAM,SAASA,UAAAA,UAAW;AAG1B,UAAM,YAAYC,IAAG,IAAC,IAAI;AAC1B,UAAM,YAAYA,IAAG,IAAC,WAAW;AACjC,UAAM,0BAA0BA,IAAG,IAAC,KAAK;AAGzC,UAAM,OAAO;AAAA,MACX,EAAE,IAAI,aAAa,OAAO,YAAa;AAAA,MACvC,EAAE,IAAI,UAAU,OAAO,SAAU;AAAA,MACjC,EAAE,IAAI,WAAW,OAAO,UAAW;AAAA,MACnC,EAAE,IAAI,UAAU,OAAO,SAAQ;AAAA,IACjC;AAGA,UAAM,gBAAgBA,IAAG,IAAC,EAAE;AAC5B,UAAM,aAAaA,IAAG,IAAC,EAAE;AACLA,QAAAA,IAAI,CAAE,CAAA;AAC1B,UAAM,aAAaA,IAAG,IAAC,EAAE;AAGzB,UAAM,mBAAmB,YAAY;AACnC,gBAAU,QAAQ;AAElB,UAAI;AACF,YAAI,CAACC,KAAS,MAAC,QAAQ,CAACA,KAAAA,MAAU,KAAK,KAAK;AAC1C,iBAAO,KAAK,EAAE,MAAM,WAAW,OAAO,EAAE,UAAU,OAAO,aAAa,MAAM,SAAU,EAAA,CAAE;AACxF;AAAA,QACN;AAGI,cAAMC,eAAc,gBAAgBD,KAAS,MAAC,KAAK,GAAG,EAAE,KAAK,CAAAE,YAAU,WAAW,QAAQA,WAAU,CAAA,CAAE;AAAA,MACvG,SAAQ,OAAO;AACd,gBAAQ,MAAM,gCAAgC,KAAK;AAAA,MACvD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEA,UAAM,oBAAoB,CAAC,aAAa;AACtC,oBAAc,MAAM,QAAQ,QAAQ;AACpC,8BAAwB,QAAQ;AAChC,aAAO,KAAK,EAAE,MAAM,mBAAmB,QAAQ,EAAE,KAAK,SAAS,IAAG,GAAI;AAAA,IACxE;AAGAC,QAAS,UAAC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/pages/MusicLibrary.vue.js

@@ -0,0 +1,200 @@
+import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, Fragment, renderList, createVNode, normalizeClass, withCtx, createTextVNode, toDisplayString } from "vue";
+import { useRouter } from "vue-router";
+import TrackList from "../lists/TrackList.vue.js";
+import _sfc_main$3 from "../lists/AlbumList.vue.js";
+import _sfc_main$2 from "../lists/PlaylistList.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Loader from "../../../../components/Loader/Loader.vue2.js";
+import "vue-i18n";
+/* empty css                                        */
+import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
+import "../../store/artists.js";
+import { state } from "../../../auth/views/store/auth.js";
+import "../../../globals/views/store/globals.js";
+import _sfc_main$4 from "./ArtistManager.vue.js";
+import _sfc_main$6 from "../forms/PlaylistForm.vue.js";
+import "../../store/playlists.js";
+import "../../store/albums.js";
+import { actions } from "../../store/tracks.js";
+const _hoisted_1 = { class: "music-library-page" };
+const _hoisted_2 = { class: "library-tabs mn-b-medium" };
+const _hoisted_3 = { class: "flex gap-small" };
+const _hoisted_4 = {
+  key: 0,
+  class: "flex-center flex pd-big"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "playlists-tab"
+};
+const _hoisted_6 = { class: "flex-between flex mn-b-small" };
+const _hoisted_7 = {
+  key: 0,
+  class: "empty-state t-center pd-big bg-dark-transp-10 radius-medium"
+};
+const _hoisted_8 = {
+  key: 2,
+  class: "albums-tab"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "empty-state t-center pd-big bg-dark-transp-10 radius-medium"
+};
+const _hoisted_10 = {
+  key: 3,
+  class: "artists-tab"
+};
+const _hoisted_11 = {
+  key: 4,
+  class: "tracks-tab"
+};
+const _hoisted_12 = { class: "flex-between flex mn-b-small" };
+const _hoisted_13 = {
+  key: 0,
+  class: "empty-state t-center pd-big bg-dark-transp-10 radius-medium"
+};
+const _sfc_main = {
+  __name: "MusicLibrary",
+  setup(__props) {
+    const router = useRouter();
+    const isLoading = ref(true);
+    const activeTab = ref("playlists");
+    const showCreatePlaylistModal = ref(false);
+    const tabs = [
+      { id: "playlists", label: "Playlists" },
+      { id: "albums", label: "Albums" },
+      { id: "artists", label: "Artists" },
+      { id: "tracks", label: "Tracks" }
+    ];
+    const userPlaylists = ref([]);
+    const userAlbums = ref([]);
+    ref([]);
+    const userTracks = ref([]);
+    const fetchLibraryData = async () => {
+      isLoading.value = true;
+      try {
+        if (!state.user || !state.user._id) {
+          router.push({ name: "Sign In", query: { redirect: router.currentRoute.value.fullPath } });
+          return;
+        }
+        await actions.fetchUserTracks(state.user._id).then((tracks) => userTracks.value = tracks || []);
+      } catch (error) {
+        console.error("Error fetching library data:", error);
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    const onPlaylistCreated = (playlist) => {
+      userPlaylists.value.unshift(playlist);
+      showCreatePlaylistModal.value = false;
+      router.push({ name: "playlist-detail", params: { url: playlist.url } });
+    };
+    onMounted(fetchLibraryData);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[13] || (_cache[13] = createElementVNode("h1", { class: "t-white mn-b-medium" }, "Your Library", -1)),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(tabs, (tab) => {
+              return createVNode(_sfc_main$1, {
+                key: tab.id,
+                onClick: ($event) => activeTab.value = tab.id,
+                class: normalizeClass([[
+                  activeTab.value === tab.id ? "bg-white t-black" : "bg-dark-transp-50 t-white hover-bg-dark"
+                ], "radius-extra pd-small"]),
+                showLoader: false,
+                showSucces: false
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(tab.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick", "class"]);
+            }), 64))
+          ])
+        ]),
+        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          createVNode(Loader)
+        ])) : activeTab.value === "playlists" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_6, [
+            _cache[5] || (_cache[5] = createElementVNode("h2", { class: "t-white" }, "Your Playlists", -1)),
+            createVNode(_sfc_main$1, {
+              onClick: _cache[0] || (_cache[0] = ($event) => showCreatePlaylistModal.value = true),
+              class: "bg-main t-white radius-small pd-small hover-scale-1",
+              showLoader: false,
+              showSucces: false
+            }, {
+              default: withCtx(() => _cache[4] || (_cache[4] = [
+                createTextVNode(" Create Playlist ")
+              ])),
+              _: 1
+            })
+          ]),
+          userPlaylists.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_7, _cache[6] || (_cache[6] = [
+            createElementVNode("h3", { class: "t-white mn-b-small" }, "No playlists yet", -1),
+            createElementVNode("p", { class: "t-grey t-medium" }, "Create your first playlist to see it here", -1)
+          ]))) : (openBlock(), createBlock(_sfc_main$2, {
+            key: 1,
+            playlists: userPlaylists.value
+          }, null, 8, ["playlists"]))
+        ])) : activeTab.value === "albums" ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          _cache[8] || (_cache[8] = createElementVNode("div", { class: "flex-between flex mn-b-small" }, [
+            createElementVNode("h2", { class: "t-white" }, "Your Albums")
+          ], -1)),
+          userAlbums.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_9, _cache[7] || (_cache[7] = [
+            createElementVNode("h3", { class: "t-white mn-b-small" }, "No albums yet", -1),
+            createElementVNode("p", { class: "t-grey t-medium" }, "Upload your first album to see it here", -1)
+          ]))) : (openBlock(), createBlock(_sfc_main$3, {
+            key: 1,
+            albums: userAlbums.value
+          }, null, 8, ["albums"]))
+        ])) : activeTab.value === "artists" ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          createVNode(_sfc_main$4)
+        ])) : activeTab.value === "tracks" ? (openBlock(), createElementBlock("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_12, [
+            _cache[10] || (_cache[10] = createElementVNode("h2", { class: "t-white" }, "Your Tracks", -1)),
+            createVNode(_sfc_main$1, {
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push({ name: "music-upload" })),
+              class: "bg-main t-white radius-small pd-small hover-scale-1",
+              showLoader: false,
+              showSucces: false
+            }, {
+              default: withCtx(() => _cache[9] || (_cache[9] = [
+                createTextVNode(" Upload Track ")
+              ])),
+              _: 1
+            })
+          ]),
+          userTracks.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_13, _cache[11] || (_cache[11] = [
+            createElementVNode("h3", { class: "t-white mn-b-small" }, "No tracks yet", -1),
+            createElementVNode("p", { class: "t-grey t-medium" }, "Upload your first track to see it here", -1)
+          ]))) : (openBlock(), createBlock(TrackList, {
+            key: 1,
+            tracks: userTracks.value,
+            showAlbum: true,
+            showCover: true,
+            class: "bg-dark-transp-10 radius-medium o-hidden"
+          }, null, 8, ["tracks"]))
+        ])) : createCommentVNode("", true),
+        showCreatePlaylistModal.value ? (openBlock(), createBlock(_sfc_main$5, {
+          key: 5,
+          onClosePopup: _cache[3] || (_cache[3] = ($event) => showCreatePlaylistModal.value = false),
+          class: "bg-dark pd-small w-m-25r radius-medium t-white"
+        }, {
+          default: withCtx(() => [
+            _cache[12] || (_cache[12] = createElementVNode("h3", { class: "mn-b-medium" }, "Create Playlist", -1)),
+            createVNode(_sfc_main$6, {
+              onCreated: onPlaylistCreated,
+              onCancel: _cache[2] || (_cache[2] = ($event) => showCreatePlaylistModal.value = false)
+            })
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=MusicLibrary.vue.js.map

package/dist/martyrs/src/modules/music/components/pages/MusicLibrary.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MusicLibrary.vue.js","sources":["../../../../../../../src/modules/music/components/pages/MusicLibrary.vue"],"sourcesContent":["<!-- components/pages/MusicLibrary.vue -->\n<template>\n  <div class=\"music-library-page\">\n    <h1 class=\"t-white mn-b-medium\">Your Library</h1>\n    \n    <!-- Filter Tabs -->\n    <div class=\"library-tabs mn-b-medium\">\n      <div class=\"flex gap-small\">\n        <Button \n          v-for=\"tab in tabs\"\n          :key=\"tab.id\"\n          @click=\"activeTab = tab.id\"\n          :class=\"[\n            activeTab === tab.id ? 'bg-white t-black' : 'bg-dark-transp-50 t-white hover-bg-dark',\n          ]\"\n          class=\"radius-extra pd-small\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          {{ tab.label }}\n        </Button>\n      </div>\n    </div>\n    \n    <!-- Content based on active tab -->\n    <div v-if=\"isLoading\" class=\"flex-center flex pd-big\">\n      <Loader />\n    </div>\n    \n    <!-- Playlists Tab -->\n    <div v-else-if=\"activeTab === 'playlists'\" class=\"playlists-tab\">\n      <div class=\"flex-between flex mn-b-small\">\n        <h2 class=\"t-white\">Your Playlists</h2>\n        <Button \n          @click=\"showCreatePlaylistModal = true\"\n          class=\"bg-main t-white radius-small pd-small hover-scale-1\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          Create Playlist\n        </Button>\n      </div>\n      \n      <div v-if=\"userPlaylists.length === 0\" class=\"empty-state t-center pd-big bg-dark-transp-10 radius-medium\">\n        <h3 class=\"t-white mn-b-small\">No playlists yet</h3>\n        <p class=\"t-grey t-medium\">Create your first playlist to see it here</p>\n      </div>\n      \n      <PlaylistList v-else :playlists=\"userPlaylists\" />\n    </div>\n    \n    <!-- Albums Tab -->\n    <div v-else-if=\"activeTab === 'albums'\" class=\"albums-tab\">\n      <div class=\"flex-between flex mn-b-small\">\n        <h2 class=\"t-white\">Your Albums</h2>\n      </div>\n      \n      <div v-if=\"userAlbums.length === 0\" class=\"empty-state t-center pd-big bg-dark-transp-10 radius-medium\">\n        <h3 class=\"t-white mn-b-small\">No albums yet</h3>\n        <p class=\"t-grey t-medium\">Upload your first album to see it here</p>\n      </div>\n      \n      <AlbumList v-else :albums=\"userAlbums\" />\n    </div>\n    \n    <!-- Artists Tab -->\n    <div v-else-if=\"activeTab === 'artists'\" class=\"artists-tab\">\n      <ArtistManager/>\n      <!-- <div class=\"flex-between flex mn-b-small\">\n        <h2 class=\"t-white\">Your Artists</h2>\n      </div>\n      \n      <div v-if=\"userArtists.length === 0\" class=\"empty-state t-center pd-big bg-dark-transp-10 radius-medium\">\n        <h3 class=\"t-white mn-b-small\">No artists yet</h3>\n        <p class=\"t-grey t-medium\">Create your first artist profile to see it here</p>\n      </div>\n      \n      <ArtistList v-else :artists=\"userArtists\" /> -->\n    </div>\n    \n    <!-- Tracks Tab -->\n    <div v-else-if=\"activeTab === 'tracks'\" class=\"tracks-tab\">\n      <div class=\"flex-between flex mn-b-small\">\n        <h2 class=\"t-white\">Your Tracks</h2>\n        <Button \n          @click=\"$router.push({ name: 'music-upload' })\"\n          class=\"bg-main t-white radius-small pd-small hover-scale-1\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          Upload Track\n        </Button>\n      </div>\n      \n      <div v-if=\"userTracks.length === 0\" class=\"empty-state t-center pd-big bg-dark-transp-10 radius-medium\">\n        <h3 class=\"t-white mn-b-small\">No tracks yet</h3>\n        <p class=\"t-grey t-medium\">Upload your first track to see it here</p>\n      </div>\n      \n      <TrackList \n        v-else\n        :tracks=\"userTracks\"\n        :showAlbum=\"true\" \n        :showCover=\"true\"\n        class=\"bg-dark-transp-10 radius-medium o-hidden\"\n      />\n    </div>\n    \n        <!-- Create Playlist Modal -->\n    <Popup \n      v-if=\"showCreatePlaylistModal\" \n      @close-popup=\"showCreatePlaylistModal = false\" \n      class=\"bg-dark pd-small w-m-25r radius-medium t-white\"\n    >\n      <h3 class=\"mn-b-medium\">Create Playlist</h3>\n      <PlaylistForm @created=\"onPlaylistCreated\" @cancel=\"showCreatePlaylistModal = false\" />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport { useRouter } from 'vue-router';\nimport TrackList from '../lists/TrackList.vue';\nimport AlbumList from '../lists/AlbumList.vue';\nimport PlaylistList from '../lists/PlaylistList.vue';\nimport ArtistList from '../lists/ArtistList.vue';\nimport ArtistManager from '../pages/ArtistManager.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport PlaylistForm from '../forms/PlaylistForm.vue';\n\n// Import store modules\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\nimport { state as playlistsState, actions as playlistsActions } from '../../store/playlists.js';\nimport { state as albumsState, actions as albumsActions } from '../../store/albums.js';\nimport { state as artistsState, actions as artistsActions } from '../../store/artists.js';\nimport { state as tracksState, actions as tracksActions } from '../../store/tracks.js';\n\nconst router = useRouter();\n\n// State\nconst isLoading = ref(true);\nconst activeTab = ref('playlists');\nconst showCreatePlaylistModal = ref(false);\n\n// Tabs configuration\nconst tabs = [\n  { id: 'playlists', label: 'Playlists' },\n  { id: 'albums', label: 'Albums' },\n  { id: 'artists', label: 'Artists' },\n  { id: 'tracks', label: 'Tracks' }\n];\n\n// Computed\nconst userPlaylists = ref([]);\nconst userAlbums = ref([]);\nconst userArtists = ref([]);\nconst userTracks = ref([]);\n\n// Methods\nconst fetchLibraryData = async () => {\n  isLoading.value = true;\n  \n  try {\n    if (!authState.user || !authState.user._id) {\n      router.push({ name: 'Sign In', query: { redirect: router.currentRoute.value.fullPath } });\n      return;\n    }\n    \n    // Fetch user's content\n    await tracksActions.fetchUserTracks(authState.user._id).then(tracks => userTracks.value = tracks || []);\n  } catch (error) {\n    console.error('Error fetching library data:', error);\n  } finally {\n    isLoading.value = false;\n  }\n};\n\nconst onPlaylistCreated = (playlist) => {\n  userPlaylists.value.unshift(playlist);\n  showCreatePlaylistModal.value = false;\n  router.push({ name: 'playlist-detail', params: { url: playlist.url } });\n};\n\n// Fetch library data when component mounts\nonMounted(fetchLibraryData);\n</script>"],"names":["authState","tracksActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4IA,UAAM,SAAS,UAAW;AAG1B,UAAM,YAAY,IAAI,IAAI;AAC1B,UAAM,YAAY,IAAI,WAAW;AACjC,UAAM,0BAA0B,IAAI,KAAK;AAGzC,UAAM,OAAO;AAAA,MACX,EAAE,IAAI,aAAa,OAAO,YAAa;AAAA,MACvC,EAAE,IAAI,UAAU,OAAO,SAAU;AAAA,MACjC,EAAE,IAAI,WAAW,OAAO,UAAW;AAAA,MACnC,EAAE,IAAI,UAAU,OAAO,SAAQ;AAAA,IACjC;AAGA,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,aAAa,IAAI,EAAE;AACL,QAAI,CAAE,CAAA;AAC1B,UAAM,aAAa,IAAI,EAAE;AAGzB,UAAM,mBAAmB,YAAY;AACnC,gBAAU,QAAQ;AAElB,UAAI;AACF,YAAI,CAACA,MAAU,QAAQ,CAACA,MAAU,KAAK,KAAK;AAC1C,iBAAO,KAAK,EAAE,MAAM,WAAW,OAAO,EAAE,UAAU,OAAO,aAAa,MAAM,SAAU,EAAA,CAAE;AACxF;AAAA,QACN;AAGI,cAAMC,QAAc,gBAAgBD,MAAU,KAAK,GAAG,EAAE,KAAK,YAAU,WAAW,QAAQ,UAAU,CAAA,CAAE;AAAA,MACvG,SAAQ,OAAO;AACd,gBAAQ,MAAM,gCAAgC,KAAK;AAAA,MACvD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEA,UAAM,oBAAoB,CAAC,aAAa;AACtC,oBAAc,MAAM,QAAQ,QAAQ;AACpC,8BAAwB,QAAQ;AAChC,aAAO,KAAK,EAAE,MAAM,mBAAmB,QAAQ,EAAE,KAAK,SAAS,IAAG,GAAI;AAAA,IACxE;AAGA,cAAU,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/pages/MusicUpload.vue.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const UploadForm = require("../forms/UploadForm.vue.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const _hoisted_1 = { class: "music-upload-page" };
+const _hoisted_2 = { class: "upload-container bg-dark-transp-10 radius-medium pd-medium" };
+const _hoisted_3 = {
+  key: 0,
+  class: "t-center pd-big"
+};
+const _hoisted_4 = { key: 1 };
+const _sfc_main = {
+  __name: "MusicUpload",
+  setup(__props) {
+    const router = vueRouter.useRouter();
+    const onTrackUploaded = (track) => {
+      router.push({ name: "track-detail", params: { url: track.url } });
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _cache[5] || (_cache[5] = vue.createElementVNode("h1", { class: "t-white mn-b-medium" }, "Upload Music", -1)),
+        vue.createElementVNode("div", _hoisted_2, [
+          !vue.unref(auth.state).access.status ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            _cache[2] || (_cache[2] = vue.createElementVNode("h2", { class: "t-white mn-b-small" }, "Sign in to upload", -1)),
+            _cache[3] || (_cache[3] = vue.createElementVNode("p", { class: "t-grey t-medium mn-b-medium" }, "You need to be signed in to upload tracks", -1)),
+            vue.createVNode(Button.default, {
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Sign In", query: { redirect: _ctx.$route.fullPath } })),
+              class: "bg-main t-white radius-small pd-small hover-scale-1",
+              showLoader: false,
+              showSucces: false
+            }, {
+              default: vue.withCtx(() => _cache[1] || (_cache[1] = [
+                vue.createTextVNode(" Sign In ")
+              ])),
+              _: 1
+            })
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            _cache[4] || (_cache[4] = vue.createElementVNode("h2", { class: "t-white mn-b-medium" }, "Upload a Track", -1)),
+            vue.createVNode(UploadForm.default, { onUploaded: onTrackUploaded })
+          ]))
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=MusicUpload.vue.cjs.map

package/dist/martyrs/src/modules/music/components/pages/MusicUpload.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MusicUpload.vue.cjs","sources":["../../../../../../../src/modules/music/components/pages/MusicUpload.vue"],"sourcesContent":["<!-- components/pages/MusicUpload.vue -->\n<template>\n  <div class=\"music-upload-page\">\n    <h1 class=\"t-white mn-b-medium\">Upload Music</h1>\n    \n    <div class=\"upload-container bg-dark-transp-10 radius-medium pd-medium\">\n      <div v-if=\"!authState.access.status\" class=\"t-center pd-big\">\n        <h2 class=\"t-white mn-b-small\">Sign in to upload</h2>\n        <p class=\"t-grey t-medium mn-b-medium\">You need to be signed in to upload tracks</p>\n        <Button \n          @click=\"$router.push({ name: 'Sign In', query: { redirect: $route.fullPath } })\"\n          class=\"bg-main t-white radius-small pd-small hover-scale-1\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          Sign In\n        </Button>\n      </div>\n      \n      <div v-else>\n        <h2 class=\"t-white mn-b-medium\">Upload a Track</h2>\n        \n        <UploadForm @uploaded=\"onTrackUploaded\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRouter } from 'vue-router';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport UploadForm from '../forms/UploadForm.vue';\n\n// Import auth store\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst router = useRouter();\n\nconst onTrackUploaded = (track) => {\n  // Navigate to the uploaded track's detail page\n  router.push({ name: 'track-detail', params: { url: track.url } });\n};\n</script>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;AAqCA,UAAM,SAASA,UAAAA,UAAW;AAE1B,UAAM,kBAAkB,CAAC,UAAU;AAEjC,aAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,IAAG,GAAI;AAAA,IAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/pages/MusicUpload.vue.js

@@ -0,0 +1,50 @@
+import { createElementBlock, openBlock, createElementVNode, unref, createVNode, withCtx, createTextVNode } from "vue";
+import { useRouter } from "vue-router";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$2 from "../forms/UploadForm.vue.js";
+import { state } from "../../../auth/views/store/auth.js";
+const _hoisted_1 = { class: "music-upload-page" };
+const _hoisted_2 = { class: "upload-container bg-dark-transp-10 radius-medium pd-medium" };
+const _hoisted_3 = {
+  key: 0,
+  class: "t-center pd-big"
+};
+const _hoisted_4 = { key: 1 };
+const _sfc_main = {
+  __name: "MusicUpload",
+  setup(__props) {
+    const router = useRouter();
+    const onTrackUploaded = (track) => {
+      router.push({ name: "track-detail", params: { url: track.url } });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[5] || (_cache[5] = createElementVNode("h1", { class: "t-white mn-b-medium" }, "Upload Music", -1)),
+        createElementVNode("div", _hoisted_2, [
+          !unref(state).access.status ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            _cache[2] || (_cache[2] = createElementVNode("h2", { class: "t-white mn-b-small" }, "Sign in to upload", -1)),
+            _cache[3] || (_cache[3] = createElementVNode("p", { class: "t-grey t-medium mn-b-medium" }, "You need to be signed in to upload tracks", -1)),
+            createVNode(_sfc_main$1, {
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Sign In", query: { redirect: _ctx.$route.fullPath } })),
+              class: "bg-main t-white radius-small pd-small hover-scale-1",
+              showLoader: false,
+              showSucces: false
+            }, {
+              default: withCtx(() => _cache[1] || (_cache[1] = [
+                createTextVNode(" Sign In ")
+              ])),
+              _: 1
+            })
+          ])) : (openBlock(), createElementBlock("div", _hoisted_4, [
+            _cache[4] || (_cache[4] = createElementVNode("h2", { class: "t-white mn-b-medium" }, "Upload a Track", -1)),
+            createVNode(_sfc_main$2, { onUploaded: onTrackUploaded })
+          ]))
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=MusicUpload.vue.js.map

package/dist/martyrs/src/modules/music/components/pages/MusicUpload.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MusicUpload.vue.js","sources":["../../../../../../../src/modules/music/components/pages/MusicUpload.vue"],"sourcesContent":["<!-- components/pages/MusicUpload.vue -->\n<template>\n  <div class=\"music-upload-page\">\n    <h1 class=\"t-white mn-b-medium\">Upload Music</h1>\n    \n    <div class=\"upload-container bg-dark-transp-10 radius-medium pd-medium\">\n      <div v-if=\"!authState.access.status\" class=\"t-center pd-big\">\n        <h2 class=\"t-white mn-b-small\">Sign in to upload</h2>\n        <p class=\"t-grey t-medium mn-b-medium\">You need to be signed in to upload tracks</p>\n        <Button \n          @click=\"$router.push({ name: 'Sign In', query: { redirect: $route.fullPath } })\"\n          class=\"bg-main t-white radius-small pd-small hover-scale-1\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          Sign In\n        </Button>\n      </div>\n      \n      <div v-else>\n        <h2 class=\"t-white mn-b-medium\">Upload a Track</h2>\n        \n        <UploadForm @uploaded=\"onTrackUploaded\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRouter } from 'vue-router';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport UploadForm from '../forms/UploadForm.vue';\n\n// Import auth store\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst router = useRouter();\n\nconst onTrackUploaded = (track) => {\n  // Navigate to the uploaded track's detail page\n  router.push({ name: 'track-detail', params: { url: track.url } });\n};\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;AAqCA,UAAM,SAAS,UAAW;AAE1B,UAAM,kBAAkB,CAAC,UAAU;AAEjC,aAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,IAAG,GAAI;AAAA,IAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}