@ozdao/martyrs 0.2.550 → 0.2.552

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

@@ -1 +1 @@
-{"version":3,"file":"Playlist.vue.js","sources":["../../../../../../../src/modules/music/components/pages/Playlist.vue"],"sourcesContent":["<template>\n  <div class=\"playlist-page pd-small\">\n    <!-- Not Found -->\n    <div v-if=\"hasLoaded && !playlist\" class=\"t-center pd-big\">\n      <h2 class=\"\">Playlist not found</h2>\n      <p class=\"t-transp t-medium\">The playlist you're looking for doesn't exist or has been removed.</p>\n    </div>\n    \n    <!-- Playlist Content -->\n    <div v-if=\"playlist\" class=\"playlist-content cols-2-fit-content mobile:cols-1 gap-big\">\n      <!-- Left Column - Cover & Stats -->\n      <div class=\"pos-sticky w-max-30r pos-t-0 mobile:pos-relative playlist-cover-section\">\n        <!-- Cover -->\n        <div class=\"cover-container relative mn-b-medium radius-big overflow-hidden shadow-big\">\n          <Media \n            :url=\"playlist.coverUrl || '/assets/placeholder-playlist.jpg'\"\n            :alt=\"playlist.title\"\n            class=\"aspect-1x1 w-100 radius-medium o-hidden\"\n          />\n        </div>\n\n        <!-- Quick Stats -->\n        <div class=\"stats-grid grid cols-2 gap-small\">\n          <div class=\"stat-card bg-light pd-medium radius-medium t-center\">\n            <div class=\" mn-b-thin\">{{ playlistTracks.length }}</div>\n            <div class=\"t-small t-transp t-uppercase\">Tracks</div>\n          </div>\n          <div class=\"stat-card bg-light pd-medium radius-medium t-center\">\n            <div class=\" mn-b-thin\">{{ formatNumber(playlist.followers || 0) }}</div>\n            <div class=\"t-small t-transp t-uppercase\">Followers</div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Right Column - Playlist Details -->\n      <div class=\"playlist-details-section\">\n        <!-- Playlist Type Badge -->\n        <div class=\"flex items-center gap-small mn-b-small\">\n          <span class=\"bg-light t-medium pd-thin radius-thin uppercase t-small t-uppercase\">\n            Playlist\n          </span>\n          <span v-if=\"playlist.isCollaborative\" class=\"bg-light t-medium pd-thin radius-thin uppercase t-small t-uppercase\">\n            Collaborative\n          </span>\n          <span v-if=\"playlist.status === 'published'\" class=\"bg-light t-medium pd-thin radius-thin uppercase t-small t-uppercase\">\n            Published\n          </span>\n        </div>\n\n        <!-- Playlist Title -->\n        <h1 class=\"h1 mn-b-medium\">{{ playlist.title }}</h1>\n\n        <!-- Action Buttons -->\n        <div class=\"flex gap-small mn-b-medium\">\n          <Button\n            @click=\"playPlaylist\"\n            color=\"primary\"\n            size=\"medium\"\n            class=\"flex-1 t-white bg-black radius-thin flex-center gap-thin\"\n          >\n            <IconPlay fill=\"rgb(var(--white))\" class=\"i-medium\" />\n            Play All\n          </Button>\n\n          <Button\n            @click=\"shufflePlay\"\n            color=\"primary\"\n            size=\"medium\"\n            class=\"flex-1   bg-light radius-thin flex-center gap-thin\"\n          >\n            <IconShuffle class=\"i-medium\" />\n            Shuffle\n          </Button>\n\n          <Button\n            @click=\"toggleFollow\"\n            color=\"primary\"\n            size=\"medium\"\n            class=\"flex-1  bg-light radius-thin flex-center gap-thin\"\n          >\n            {{isFollowing ? 'Follow' : 'Unfollow'}}\n          </Button>\n\n          \n          <Dropdown :label=\"{component: IconEllipsis, class: 'bg-light radius-thin pd-thin i-big' }\" v-model=\"showDropdown\" class=\"relative\">\n            <template #trigger>\n              <Button color=\"transp\" size=\"medium\" class=\"w-3r h-3r radius-full\">\n                <IconEllipsis class=\"w-1-25r h-1-25r\" />\n              </Button>\n            </template>\n            <template #default>\n              <div class=\"dropdown-menu bg-white pd-small radius-medium shadow-big mn-t-thin\">\n                <Button @click=\"addToQueue\" color=\"transp\" size=\"small\" class=\"w-100 t-nowrap justify-start\">\n                  Add to Queue\n                </Button>\n                <Button @click=\"copyLink\" color=\"transp\" size=\"small\" class=\"w-100 t-nowrap  justify-start\">\n                  Copy Link\n                </Button>\n                <template v-if=\"isOwner || isCollaborator\">\n                  <hr class=\"mn-v-thin border-dark-transp-10\" />\n                  <Button @click=\"editPlaylist\" color=\"transp\" size=\"small\" class=\"w-100 t-nowrap  justify-start\">\n                    Edit Playlist\n                  </Button>\n                  <Button v-if=\"isOwner\" @click=\"toggleCollaborative\" color=\"transp\" size=\"small\" class=\"t-nowrap  w-100 justify-start\">\n                    {{ playlist.isCollaborative ? 'Make Private' : 'Make Collaborative' }}\n                  </Button>\n                  <Button v-if=\"isOwner\" @click=\"deletePlaylist\" color=\"danger\" size=\"small\" class=\"t-nowrap  w-100 justify-start\">\n                    Delete Playlist\n                  </Button>\n                </template>\n              </div>\n            </template>\n          </Dropdown>\n        </div>\n\n        <div class=\"artists-section mn-b-medium\">\n          <h3 class=\"t-medium mn-b-small\">Created by</h3>\n          <div class=\"flex flex-column gap-small\">\n            <ArtistCardSmall \n              :artist=\"{\n                _id: playlist.creator.target,\n                to: { name: 'User Profile', params: { _id: playlist.creator.target } },\n                photoUrl: null,\n                name: playlist.creator.target,\n                isVerified: false\n              }\"\n              :is-following=\"followedUsers.includes(playlist.creator.target)\"\n              :show-follow-button=\"!isOwner\"\n              @toggle-follow=\"toggleFollowUser(playlist.creator.target)\"\n            />\n          </div>\n        </div>\n\n        <!-- Collaborators -->\n        <div v-if=\"playlist.collaborators && playlist.collaborators.length > 0\" class=\"collaborators-section mn-b-big\">\n          <h3 class=\"t-medium mn-b-small\">Collaborators</h3>\n          <div class=\"flex flex-wrap gap-small\">\n            <div \n              v-for=\"collaborator in playlist.collaborators\"\n              :key=\"collaborator._id || collaborator\"\n              class=\"collaborator-chip bg-light pd-thin-big radius-full flex items-center gap-thin\"\n            >\n              <Media \n                v-if=\"collaborator.photoUrl\"\n                :url=\"collaborator.photoUrl\"\n                class=\"i-medium radius-full object-cover\"\n              />\n              <span class=\"t-small\">{{ collaborator.name || collaborator.profile?.name || 'User' }}</span>\n            </div>\n          </div>\n        </div>\n\n        <!-- Metadata Cards -->\n        <h3 class=\"t-medium mn-b-small\">Metadata</h3>\n        <div class=\"metadata-grid grid cols-2 gap-small mn-b-medium\">\n          <!-- Created Date -->\n          <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n              <IconCalendar class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Created</div>\n              <div class=\"t-medium \">{{ formatDate(playlist.createdAt) }}</div>\n            </div>\n          </div>\n\n          <!-- Total Duration -->\n          <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n              <IconClock class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Duration</div>\n              <div class=\"t-medium \">{{ totalDuration }}</div>\n            </div>\n          </div>\n\n          <!-- Updated Date -->\n          <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n              <IconRefresh class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Updated</div>\n              <div class=\"t-medium \">{{ formatDate(playlist.updatedAt) }}</div>\n            </div>\n          </div>\n\n          <!-- Visibility -->\n          <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n              <IconEye class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Visibility</div>\n              <div class=\"t-medium \">{{ playlist.isPublic ? 'Public' : 'Private' }}</div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Tags -->\n        <div v-if=\"playlist.tags && playlist.tags.length\" class=\"tags-section mn-b-medium\">\n          <h3 class=\"t-medium mn-b-small\">Tags</h3>\n          <div class=\"flex gap-thin flex-wrap\">\n            <span \n              v-for=\"tag in playlist.tags\" \n              :key=\"tag\"\n              class=\"tag bg-light t-transp pd-thin-big radius-small t-small hover-bg-light cursor-pointer\"\n            >\n              #{{ tag }}\n            </span>\n          </div>\n        </div>\n\n        <!-- Description -->\n        <div v-if=\"playlist.description\" class=\"description-section bg-light pd-medium radius-medium mn-b-medium\">\n          <h3 class=\"t-medium mn-b-small\">About</h3>\n          <p class=\"t-transp\">{{ playlist.description }}</p>\n        </div>\n      </div>\n    </div>\n\n    <!-- Playlist Tracks -->\n    <section v-if=\"!isLoading && playlist && playlistTracks.length\" class=\"tracks-section mn-t-big\">\n      <h2 class=\"h2 mn-b-medium\">Tracklist</h2>\n      <Feed\n        :store=\"{\n          read: () => Promise.resolve(playlistTracks),\n          state: { isLoading: false }\n        }\"\n        :external=\"true\"\n        :items=\"playlistTracks\"\n        :states=\"{\n          empty: {\n            title: 'No tracks in playlist',\n            description: 'Add some tracks to get started',\n            class: 'pd-medium t-center'\n          }\n        }\"\n      >\n        <template #default=\"{ items }\">\n          <div class=\"bg-light radius-medium o-hidden\">\n            <TrackListCard\n              v-for=\"(track, index) in items\"\n              :key=\"track._id\"\n              :track=\"track\"\n              :index=\"index + 1\"\n              :showAlbum=\"true\"\n              :showCover=\"true\"\n              :canRemove=\"isOwner || isCollaborator\"\n              @remove=\"() => removeTrack(track._id)\"\n            />\n          </div>\n        </template>\n      </Feed>\n    </section>\n\n    <!-- Empty State -->\n    <section v-else-if=\"!isLoading && playlist && !playlistTracks.length\" class=\"empty-section mn-t-big\">\n      <div class=\"empty-tracks t-center pd-big bg-light radius-medium\">\n        <h3 class=\" mn-b-small\">This playlist is empty</h3>\n        <p class=\"t-transp t-medium mn-b-medium\">Add some tracks to get started</p>\n        \n        <Button \n          v-if=\"isOwner || isCollaborator\"\n          @click=\"$router.push({ name: 'music-search' })\"\n          color=\"primary\"\n          size=\"medium\"\n        >\n          Find Tracks\n        </Button>\n      </div>\n    </section>\n\n    <!-- More Playlists -->\n    <section v-if=\"!isLoading && playlist && morePlaylists.length\" class=\"more-playlists-section mn-t-big\">\n      <div class=\"flex justify-between items-center mn-b-medium\">\n        <h2 class=\"h2\">More Playlists</h2>\n        <router-link \n          v-if=\"playlist.creator\"\n          :to=\"getOwnerProfileLink(playlist.creator)\" \n          class=\"t-primary hover-opacity\"\n        >\n          See all\n        </router-link>\n      </div>\n      <div class=\"flex flex-nowrap gap-small o-x-scroll overscroll-behavior-x-contain scroll-behavior-smooth scroll-snap-type-x-mandatory scroll-hide\">\n        <li v-for=\"relatedPlaylist in morePlaylists\" :key=\"relatedPlaylist._id\" class=\"flex-none scroll-snap-align-start\">\n          <PlaylistCard :playlist=\"relatedPlaylist\" class=\"w-min-15r transition-cubic-in-out\" />\n        </li>\n      </div>\n    </section>\n\n    <!-- Edit Playlist Modal -->\n    <Popup \n      :isPopupOpen=\"showEditModal && (isOwner || isCollaborator)\"\n      @close-popup=\"showEditModal = false\" \n      class=\"bg-white pd-medium w-m-30r radius-medium\"\n    >\n      <PlaylistForm \n        :editMode=\"true\"\n        :url=\"playlist.url\"\n        @cancel=\"showEditModal = false\"\n        @updated=\"handlePlaylistUpdated\"\n      />\n    </Popup>\n\n    <!-- Delete Confirmation Modal -->\n    <Popup \n      :isPopupOpen=\"showDeleteModal\"\n      @close-popup=\"showDeleteModal = false\" \n      class=\"bg-white pd-medium w-m-25r radius-medium\"\n    >\n      <h3 class=\"mn-b-medium\">Delete Playlist</h3>\n      <p class=\"t-transp mn-b-medium\">Are you sure you want to delete \"{{ playlist.title }}\"? This action cannot be undone.</p>\n      \n      <div class=\"flex justify-end gap-small\">\n        <Button \n          @click=\"showDeleteModal = false\"\n          color=\"transp\"\n          size=\"medium\"\n        >\n          Cancel\n        </Button>\n        \n        <Button \n          @click=\"confirmDelete\"\n          color=\"danger\"\n          size=\"medium\"\n        >\n          Delete Playlist\n        </Button>\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, watch } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\n// Icons\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue';\nimport IconClock from '@martyrs/src/modules/icons/entities/IconTime.vue';\nimport IconEye from '@martyrs/src/modules/icons/actions/IconShow.vue';\nimport IconRefresh from '@martyrs/src/modules/icons/navigation/IconRefresh.vue';\nimport IconVerified from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\n// Components\nimport TrackListCard from '../cards/TrackListCard.vue';\nimport PlaylistCard from '../cards/PlaylistCard.vue';\nimport PlaylistForm from '../forms/PlaylistForm.vue';\nimport ArtistCardSmall from '../cards/ArtistCardSmall.vue';\n\n// Store\nimport { state as playlistsState, actions as playlistsActions } from '../../store/playlists.js';\nimport { state as tracksState, actions as tracksActions } from '../../store/tracks.js';\nimport { actions as playerActions } from '../../store/player.js';\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as core from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Emits\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\n// State\nconst hasLoaded = ref(false);\nconst isFollowing = ref(false);\nconst showDropdown = ref(false);\nconst showEditModal = ref(false);\nconst showDeleteModal = ref(false);\nconst followedUsers = ref([]);\nconst morePlaylists = ref([]);\n\n// Clear state\nplaylistsState.currentPlaylist = null;\nplaylistsState.currentPlaylistTracks = [];\n\n// Computed\nconst playlist = computed(() => playlistsState.currentPlaylist);\nconst playlistTracks = computed(() => playlistsState.currentPlaylistTracks || []);\n\nconst isOwner = computed(() => {\n  if (!playlist.value || !authState.user) return false;\n  \n  const ownerId = playlist.value.owner?.target?._id || playlist.value.owner?.target;\n  return ownerId === authState.user._id;\n});\n\nconst isCollaborator = computed(() => {\n  if (!playlist.value || !authState.user) return false;\n  \n  return playlist.value.collaborators?.some(collab => \n    (collab._id || collab) === authState.user._id\n  );\n});\n\nconst totalDuration = computed(() => {\n  if (!playlistTracks.value.length) return '0:00';\n  const totalSeconds = playlistTracks.value.reduce((sum, track) => sum + (track.duration || 0), 0);\n  return formatDuration(totalSeconds);\n});\n\n// Helper functions\nconst getOwnerData = (playlist) => {\n  if (!playlist) return null;\n  const owner = playlist.creator?.target || playlist.owner?.target;\n  return typeof owner === 'object' ? owner : null;\n};\n\nconst getOwnerId = (playlist) => {\n  if (!playlist) return null;\n  const owner = playlist.creator?.target || playlist.owner?.target;\n  return typeof owner === 'object' ? owner._id : owner;\n};\n\nconst getPlaylistOwnerName = (playlist) => {\n  if (!playlist) return 'Unknown';\n  \n  const owner = getOwnerData(playlist);\n  if (owner) {\n    return owner.profile?.name || owner.name || 'Unknown';\n  }\n  \n  return 'Unknown';\n};\n\nconst getOwnerProfileLink = (owner) => {\n  if (!owner || !owner.target) return { name: 'music-home' };\n  \n  const targetId = typeof owner.target === 'object' ? owner.target._id : owner.target;\n  \n if (owner.type === 'user' || owner.type === 'User') {\n    return { name: 'User Profile', params: { _id: targetId } };\n  } else if (owner.type === 'organization' || owner.type === 'Organization') {\n    return { name: 'Organizatio', params: { _id: targetId } };\n  }\n  \n  return { name: 'music-home' };\n};\n\n// Format helpers\nconst formatDate = (dateString) => {\n  if (!dateString) return 'Unknown';\n  return new Date(dateString).toLocaleDateString('en-US', {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric'\n  });\n};\n\nconst formatDuration = (seconds) => {\n  if (!seconds) return '0:00';\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = Math.floor(seconds % 60);\n  \n  if (h > 0) {\n    return `${h}:${m.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`;\n  }\n  return `${m}:${s.toString().padStart(2, '0')}`;\n};\n\nconst formatNumber = (num) => {\n  if (!num) return '0';\n  if (num >= 1000000) {\n    return (num / 1000000).toFixed(1) + 'M';\n  } else if (num >= 1000) {\n    return (num / 1000).toFixed(1) + 'K';\n  }\n  return num.toString();\n};\n\n// Actions\nconst playPlaylist = () => {\n  if (playlistTracks.value && playlistTracks.value.length > 0) {\n    playerActions.setQueue(playlistTracks.value);\n  }\n};\n\nconst shufflePlay = () => {\n  if (playlistTracks.value && playlistTracks.value.length > 0) {\n    const shuffled = [...playlistTracks.value].sort(() => Math.random() - 0.5);\n    playerActions.setQueue(shuffled);\n  }\n};\n\nconst toggleFollow = async () => {\n  isFollowing.value = !isFollowing.value;\n  // TODO: Implement actual following\n  try {\n    if (isFollowing.value) {\n      await playlistsActions.followPlaylist(playlist.value._id);\n    } else {\n      await playlistsActions.unfollowPlaylist(playlist.value._id);\n    }\n  } catch (error) {\n    console.error('Error toggling follow:', error);\n    isFollowing.value = !isFollowing.value; // Revert on error\n  }\n};\n\nconst toggleFollowUser = (userId) => {\n  const index = followedUsers.value.indexOf(userId);\n  if (index > -1) {\n    followedUsers.value.splice(index, 1);\n  } else {\n    followedUsers.value.push(userId);\n  }\n  // TODO: Implement actual following\n};\n\nconst addToQueue = () => {\n  if (playlistTracks.value && playlistTracks.value.length > 0) {\n    playlistTracks.value.forEach(track => {\n      playerActions.addToQueue(track);\n    });\n    showDropdown.value = false;\n  }\n};\n\nconst editPlaylist = () => {\n  showEditModal.value = true;\n  showDropdown.value = false;\n};\n\nconst toggleCollaborative = async () => {\n  try {\n    const updatedData = {\n      _id: playlist.value._id,\n      isCollaborative: !playlist.value.isCollaborative\n    };\n    \n    await playlistsActions.updatePlaylist(updatedData);\n    showDropdown.value = false;\n  } catch (error) {\n    console.error('Error updating playlist:', error);\n  }\n};\n\nconst deletePlaylist = () => {\n  showDeleteModal.value = true;\n  showDropdown.value = false;\n};\n\nconst confirmDelete = async () => {\n  try {\n    await playlistsActions.deletePlaylist(playlist.value._id);\n    router.push({ name: 'music-library' });\n  } catch (error) {\n    console.error('Error deleting playlist:', error);\n    core.actions.setError({\n      message: 'Failed to delete playlist'\n    });\n  }\n};\n\nconst removeTrack = async (trackId) => {\n  try {\n    await playlistsActions.removeTrackFromPlaylist(playlist.value._id, trackId);\n    // Refresh playlist data\n    await fetchPlaylistData();\n  } catch (error) {\n    console.error('Error removing track:', error);\n    core.actions.setError({\n      message: 'Failed to remove track'\n    });\n  }\n};\n\nconst copyLink = () => {\n  navigator.clipboard.writeText(window.location.href);\n  showDropdown.value = false;\n};\n\nconst handlePlaylistUpdated = () => {\n  showEditModal.value = false;\n  fetchPlaylistData();\n};\n\n// Data fetching\nconst fetchPlaylistData = async () => {\n  try {\n    await playlistsActions.fetchPlaylistByUrl(route.params.url);\n    \n    // Check if following\n    if (authState.user && playlist.value) {\n      // TODO: Check if user is following this playlist\n    }\n    \n    // Fetch more playlists from the same creator\n    if (playlist.value?.creator?.target) {\n      const creatorId = typeof playlist.value.creator.target === 'object' \n        ? playlist.value.creator.target._id \n        : playlist.value.creator.target;\n        \n      const playlists = await playlistsActions.fetchPlaylists({\n        'creator.target': creatorId,\n        isPublic: true,\n        limit: 6\n      });\n      \n      // Filter out current playlist\n      morePlaylists.value = playlists.filter(p => p._id !== playlist.value._id).slice(0, 5);\n    }\n  } catch (error) {\n    console.error('Error fetching playlist data:', error);\n  }\n};\n\n// Lifecycle\nonMounted(async () => {\n  emits('page-loading');\n  \n  await fetchPlaylistData();\n  \n  hasLoaded.value = true;\n  emits('page-loaded');\n});\n</script>"],"names":["playlistsState","authState","playerActions","playlistsActions","core.actions"],"mappings":"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"}
+{"version":3,"file":"Playlist.vue.js","sources":["../../../../../../../src/modules/music/components/pages/Playlist.vue"],"sourcesContent":["<template>\n  <div class=\"playlist-page pd-small\">\n    <!-- Not Found -->\n    <div v-if=\"hasLoaded && !playlist\" class=\"t-center pd-big\">\n      <h2 class=\"\">Playlist not found</h2>\n      <p class=\"t-transp t-medium\">The playlist you're looking for doesn't exist or has been removed.</p>\n    </div>\n    \n    <!-- Playlist Content -->\n    <div v-if=\"playlist\" class=\"playlist-content cols-2-fit-content mobile:cols-1 gap-big\">\n      <!-- Left Column - Cover & Stats -->\n      <div class=\"pos-sticky w-max-30r pos-t-0 mobile:pos-relative playlist-cover-section\">\n        <!-- Cover -->\n        <div class=\"cover-container relative mn-b-medium radius-big overflow-hidden shadow-big\">\n          <Media \n            :url=\"playlist.coverUrl || '/assets/placeholder-playlist.jpg'\"\n            :alt=\"playlist.title\"\n            class=\"aspect-1x1 w-100 radius-medium o-hidden\"\n          />\n        </div>\n\n        <!-- Quick Stats -->\n        <div class=\"stats-grid grid cols-2 gap-small\">\n          <div class=\"stat-card bg-light pd-medium radius-medium t-center\">\n            <div class=\" mn-b-thin\">{{ playlistTracks.length }}</div>\n            <div class=\"t-small t-transp t-uppercase\">Tracks</div>\n          </div>\n          <div class=\"stat-card bg-light pd-medium radius-medium t-center\">\n            <div class=\" mn-b-thin\">{{ formatNumber(playlist.followers || 0) }}</div>\n            <div class=\"t-small t-transp t-uppercase\">Followers</div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Right Column - Playlist Details -->\n      <div class=\"playlist-details-section\">\n        <!-- Playlist Type Badge -->\n        <div class=\"flex items-center gap-small mn-b-small\">\n          <span class=\"bg-light t-medium pd-thin radius-thin uppercase t-small t-uppercase\">\n            Playlist\n          </span>\n          <span v-if=\"playlist.isCollaborative\" class=\"bg-light t-medium pd-thin radius-thin uppercase t-small t-uppercase\">\n            Collaborative\n          </span>\n          <span v-if=\"playlist.status === 'published'\" class=\"bg-light t-medium pd-thin radius-thin uppercase t-small t-uppercase\">\n            Published\n          </span>\n        </div>\n\n        <!-- Playlist Title -->\n        <h1 class=\"h1 mn-b-medium\">{{ playlist.title }}</h1>\n\n        <!-- Action Buttons -->\n        <div class=\"flex gap-small mn-b-medium\">\n          <Button\n            @click=\"playPlaylist\"\n            color=\"primary\"\n            size=\"medium\"\n            class=\"flex-1 t-white bg-black radius-thin flex-center gap-thin\"\n          >\n            <IconPlay fill=\"rgb(var(--white))\" class=\"i-medium\" />\n            Play All\n          </Button>\n\n          <Button\n            @click=\"shufflePlay\"\n            color=\"primary\"\n            size=\"medium\"\n            class=\"flex-1   bg-light radius-thin flex-center gap-thin\"\n          >\n            <IconShuffle class=\"i-medium\" />\n            Shuffle\n          </Button>\n\n          <Button\n            @click=\"toggleFollow\"\n            color=\"primary\"\n            size=\"medium\"\n            class=\"flex-1  bg-light radius-thin flex-center gap-thin\"\n          >\n            {{isFollowing ? 'Follow' : 'Unfollow'}}\n          </Button>\n\n          \n          <Dropdown :label=\"{component: IconEllipsis, class: 'bg-light radius-thin pd-thin i-big' }\" v-model=\"showDropdown\" class=\"relative\">\n            <template #trigger>\n              <Button color=\"transp\" size=\"medium\" class=\"w-3r h-3r radius-full\">\n                <IconEllipsis class=\"w-1-25r h-1-25r\" />\n              </Button>\n            </template>\n            <template #default>\n              <div class=\"dropdown-menu bg-white pd-small radius-medium shadow-big mn-t-thin\">\n                <Button @click=\"addToQueue\" color=\"transp\" size=\"small\" class=\"w-100 t-nowrap justify-start\">\n                  Add to Queue\n                </Button>\n                <Button @click=\"copyLink\" color=\"transp\" size=\"small\" class=\"w-100 t-nowrap  justify-start\">\n                  Copy Link\n                </Button>\n                <template v-if=\"isOwner || isCollaborator\">\n                  <hr class=\"mn-v-thin border-dark-transp-10\" />\n                  <Button @click=\"editPlaylist\" color=\"transp\" size=\"small\" class=\"w-100 t-nowrap  justify-start\">\n                    Edit Playlist\n                  </Button>\n                  <Button v-if=\"isOwner\" @click=\"toggleCollaborative\" color=\"transp\" size=\"small\" class=\"t-nowrap  w-100 justify-start\">\n                    {{ playlist.isCollaborative ? 'Make Private' : 'Make Collaborative' }}\n                  </Button>\n                  <Button v-if=\"isOwner\" @click=\"deletePlaylist\" color=\"danger\" size=\"small\" class=\"t-nowrap  w-100 justify-start\">\n                    Delete Playlist\n                  </Button>\n                </template>\n              </div>\n            </template>\n          </Dropdown>\n        </div>\n\n        <div class=\"artists-section mn-b-medium\">\n          <h3 class=\"t-medium mn-b-small\">Created by</h3>\n          <div class=\"flex flex-column gap-small\">\n            <ArtistCardSmall \n              :artist=\"{\n                _id: playlist.creator.target,\n                to: { name: 'User Profile', params: { _id: playlist.creator.target } },\n                photoUrl: null,\n                name: playlist.creator.target,\n                isVerified: false\n              }\"\n              :is-following=\"followedUsers.includes(playlist.creator.target)\"\n              :show-follow-button=\"!isOwner\"\n              @toggle-follow=\"toggleFollowUser(playlist.creator.target)\"\n            />\n          </div>\n        </div>\n\n        <!-- Collaborators -->\n        <div v-if=\"playlist.collaborators && playlist.collaborators.length > 0\" class=\"collaborators-section mn-b-big\">\n          <h3 class=\"t-medium mn-b-small\">Collaborators</h3>\n          <div class=\"flex flex-wrap gap-small\">\n            <div \n              v-for=\"collaborator in playlist.collaborators\"\n              :key=\"collaborator._id || collaborator\"\n              class=\"collaborator-chip bg-light pd-thin-big radius-full flex items-center gap-thin\"\n            >\n              <Media \n                v-if=\"collaborator.photoUrl\"\n                :url=\"collaborator.photoUrl\"\n                class=\"i-medium radius-full object-cover\"\n              />\n              <span class=\"t-small\">{{ collaborator.name || collaborator.profile?.name || 'User' }}</span>\n            </div>\n          </div>\n        </div>\n\n        <!-- Metadata Cards -->\n        <h3 class=\"t-medium mn-b-small\">Metadata</h3>\n        <div class=\"metadata-grid grid cols-2 gap-small mn-b-medium\">\n          <!-- Created Date -->\n          <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n              <IconCalendar class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Created</div>\n              <div class=\"t-medium \">{{ formatDate(playlist.createdAt) }}</div>\n            </div>\n          </div>\n\n          <!-- Total Duration -->\n          <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n              <IconClock class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Duration</div>\n              <div class=\"t-medium \">{{ totalDuration }}</div>\n            </div>\n          </div>\n\n          <!-- Updated Date -->\n          <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n              <IconRefresh class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Updated</div>\n              <div class=\"t-medium \">{{ formatDate(playlist.updatedAt) }}</div>\n            </div>\n          </div>\n\n          <!-- Visibility -->\n          <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n              <IconEye class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Visibility</div>\n              <div class=\"t-medium \">{{ playlist.isPublic ? 'Public' : 'Private' }}</div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Tags -->\n        <div v-if=\"playlist.tags && playlist.tags.length\" class=\"tags-section mn-b-medium\">\n          <h3 class=\"t-medium mn-b-small\">Tags</h3>\n          <div class=\"flex gap-thin flex-wrap\">\n            <span \n              v-for=\"tag in playlist.tags\" \n              :key=\"tag\"\n              class=\"tag bg-light t-transp pd-thin-big radius-small t-small hover-bg-light cursor-pointer\"\n            >\n              #{{ tag }}\n            </span>\n          </div>\n        </div>\n\n        <!-- Description -->\n        <div v-if=\"playlist.description\" class=\"description-section bg-light pd-medium radius-medium mn-b-medium\">\n          <h3 class=\"t-medium mn-b-small\">About</h3>\n          <p class=\"t-transp\">{{ playlist.description }}</p>\n        </div>\n      </div>\n    </div>\n\n    <!-- Playlist Tracks -->\n    <section v-if=\"!isLoading && playlist && playlistTracks.length\" class=\"tracks-section mn-t-big\">\n      <h2 class=\"h2 mn-b-medium\">Tracklist</h2>\n      <Feed\n        :store=\"{\n          read: () => Promise.resolve(playlistTracks),\n          state: { isLoading: false }\n        }\"\n        :external=\"true\"\n        :items=\"playlistTracks\"\n        :states=\"{\n          empty: {\n            title: 'No tracks in playlist',\n            description: 'Add some tracks to get started',\n            class: 'pd-medium t-center'\n          }\n        }\"\n      >\n        <template #default=\"{ items }\">\n          <div class=\"bg-light radius-medium o-hidden\">\n            <TrackListCard\n              v-for=\"(track, index) in items\"\n              :key=\"track._id\"\n              :track=\"track\"\n              :index=\"index + 1\"\n              :showAlbum=\"true\"\n              :showCover=\"true\"\n              :canRemove=\"isOwner || isCollaborator\"\n              @remove=\"() => removeTrack(track._id)\"\n            />\n          </div>\n        </template>\n      </Feed>\n    </section>\n\n    <!-- Empty State -->\n    <section v-else-if=\"!isLoading && playlist && !playlistTracks.length\" class=\"empty-section mn-t-big\">\n      <div class=\"empty-tracks t-center pd-big bg-light radius-medium\">\n        <h3 class=\" mn-b-small\">This playlist is empty</h3>\n        <p class=\"t-transp t-medium mn-b-medium\">Add some tracks to get started</p>\n        \n        <Button \n          v-if=\"isOwner || isCollaborator\"\n          @click=\"$router.push({ name: 'music-search' })\"\n          color=\"primary\"\n          size=\"medium\"\n        >\n          Find Tracks\n        </Button>\n      </div>\n    </section>\n\n    <!-- More Playlists -->\n    <section v-if=\"!isLoading && playlist && morePlaylists.length\" class=\"more-playlists-section mn-t-big\">\n      <div class=\"flex justify-between items-center mn-b-medium\">\n        <h2 class=\"h2\">More Playlists</h2>\n        <router-link \n          v-if=\"playlist.creator\"\n          :to=\"getOwnerProfileLink(playlist.creator)\" \n          class=\"t-primary hover-opacity\"\n        >\n          See all\n        </router-link>\n      </div>\n      <div class=\"flex flex-nowrap gap-small o-x-scroll overscroll-behavior-x-contain scroll-behavior-smooth scroll-snap-type-x-mandatory scroll-hide\">\n        <li v-for=\"relatedPlaylist in morePlaylists\" :key=\"relatedPlaylist._id\" class=\"flex-none scroll-snap-align-start\">\n          <PlaylistCard :playlist=\"relatedPlaylist\" class=\"w-min-15r transition-cubic-in-out\" />\n        </li>\n      </div>\n    </section>\n\n    <!-- Edit Playlist Modal -->\n    <Popup \n      :isPopupOpen=\"showEditModal && (isOwner || isCollaborator)\"\n      @close-popup=\"showEditModal = false\" \n      class=\"bg-white pd-medium w-m-30r radius-medium\"\n    >\n      <PlaylistForm \n        :editMode=\"true\"\n        :url=\"playlist.url\"\n        @cancel=\"showEditModal = false\"\n        @updated=\"handlePlaylistUpdated\"\n      />\n    </Popup>\n\n    <!-- Delete Confirmation Modal -->\n    <Popup \n      :isPopupOpen=\"showDeleteModal\"\n      @close-popup=\"showDeleteModal = false\" \n      class=\"bg-white pd-medium w-m-25r radius-medium\"\n    >\n      <h3 class=\"mn-b-medium\">Delete Playlist</h3>\n      <p class=\"t-transp mn-b-medium\">Are you sure you want to delete \"{{ playlist.title }}\"? This action cannot be undone.</p>\n      \n      <div class=\"flex justify-end gap-small\">\n        <Button \n          @click=\"showDeleteModal = false\"\n          color=\"transp\"\n          size=\"medium\"\n        >\n          Cancel\n        </Button>\n        \n        <Button \n          @click=\"confirmDelete\"\n          color=\"danger\"\n          size=\"medium\"\n        >\n          Delete Playlist\n        </Button>\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, watch } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\n// Icons\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue';\nimport IconClock from '@martyrs/src/modules/icons/entities/IconTime.vue';\nimport IconEye from '@martyrs/src/modules/icons/actions/IconShow.vue';\nimport IconRefresh from '@martyrs/src/modules/icons/navigation/IconRefresh.vue';\nimport IconVerified from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\n// Components\nimport TrackListCard from '../cards/TrackListCard.vue';\nimport PlaylistCard from '../cards/PlaylistCard.vue';\nimport PlaylistForm from '../forms/PlaylistForm.vue';\nimport ArtistCardSmall from '../cards/ArtistCardSmall.vue';\n\n// Store\nimport { state as playlistsState, actions as playlistsActions } from '../../store/playlists.js';\nimport { state as tracksState, actions as tracksActions } from '../../store/tracks.js';\nimport { actions as playerActions } from '../../store/player.js';\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Emits\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\n// State\nconst hasLoaded = ref(false);\nconst isFollowing = ref(false);\nconst showDropdown = ref(false);\nconst showEditModal = ref(false);\nconst showDeleteModal = ref(false);\nconst followedUsers = ref([]);\nconst morePlaylists = ref([]);\n\n// Clear state\nplaylistsState.currentPlaylist = null;\nplaylistsState.currentPlaylistTracks = [];\n\n// Computed\nconst playlist = computed(() => playlistsState.currentPlaylist);\nconst playlistTracks = computed(() => playlistsState.currentPlaylistTracks || []);\n\nconst isOwner = computed(() => {\n  if (!playlist.value || !authState.user) return false;\n  \n  const ownerId = playlist.value.owner?.target?._id || playlist.value.owner?.target;\n  return ownerId === authState.user._id;\n});\n\nconst isCollaborator = computed(() => {\n  if (!playlist.value || !authState.user) return false;\n  \n  return playlist.value.collaborators?.some(collab => \n    (collab._id || collab) === authState.user._id\n  );\n});\n\nconst totalDuration = computed(() => {\n  if (!playlistTracks.value.length) return '0:00';\n  const totalSeconds = playlistTracks.value.reduce((sum, track) => sum + (track.duration || 0), 0);\n  return formatDuration(totalSeconds);\n});\n\n// Helper functions\nconst getOwnerData = (playlist) => {\n  if (!playlist) return null;\n  const owner = playlist.creator?.target || playlist.owner?.target;\n  return typeof owner === 'object' ? owner : null;\n};\n\nconst getOwnerId = (playlist) => {\n  if (!playlist) return null;\n  const owner = playlist.creator?.target || playlist.owner?.target;\n  return typeof owner === 'object' ? owner._id : owner;\n};\n\nconst getPlaylistOwnerName = (playlist) => {\n  if (!playlist) return 'Unknown';\n  \n  const owner = getOwnerData(playlist);\n  if (owner) {\n    return owner.profile?.name || owner.name || 'Unknown';\n  }\n  \n  return 'Unknown';\n};\n\nconst getOwnerProfileLink = (owner) => {\n  if (!owner || !owner.target) return { name: 'music-home' };\n  \n  const targetId = typeof owner.target === 'object' ? owner.target._id : owner.target;\n  \n if (owner.type === 'user' || owner.type === 'User') {\n    return { name: 'User Profile', params: { _id: targetId } };\n  } else if (owner.type === 'organization' || owner.type === 'Organization') {\n    return { name: 'Organizatio', params: { _id: targetId } };\n  }\n  \n  return { name: 'music-home' };\n};\n\n// Format helpers\nconst formatDate = (dateString) => {\n  if (!dateString) return 'Unknown';\n  return new Date(dateString).toLocaleDateString('en-US', {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric'\n  });\n};\n\nconst formatDuration = (seconds) => {\n  if (!seconds) return '0:00';\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = Math.floor(seconds % 60);\n  \n  if (h > 0) {\n    return `${h}:${m.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`;\n  }\n  return `${m}:${s.toString().padStart(2, '0')}`;\n};\n\nconst formatNumber = (num) => {\n  if (!num) return '0';\n  if (num >= 1000000) {\n    return (num / 1000000).toFixed(1) + 'M';\n  } else if (num >= 1000) {\n    return (num / 1000).toFixed(1) + 'K';\n  }\n  return num.toString();\n};\n\n// Actions\nconst playPlaylist = () => {\n  if (playlistTracks.value && playlistTracks.value.length > 0) {\n    playerActions.setQueue(playlistTracks.value);\n  }\n};\n\nconst shufflePlay = () => {\n  if (playlistTracks.value && playlistTracks.value.length > 0) {\n    const shuffled = [...playlistTracks.value].sort(() => Math.random() - 0.5);\n    playerActions.setQueue(shuffled);\n  }\n};\n\nconst toggleFollow = async () => {\n  isFollowing.value = !isFollowing.value;\n  // TODO: Implement actual following\n  try {\n    if (isFollowing.value) {\n      await playlistsActions.followPlaylist(playlist.value._id);\n    } else {\n      await playlistsActions.unfollowPlaylist(playlist.value._id);\n    }\n  } catch (error) {\n    console.error('Error toggling follow:', error);\n    isFollowing.value = !isFollowing.value; // Revert on error\n  }\n};\n\nconst toggleFollowUser = (userId) => {\n  const index = followedUsers.value.indexOf(userId);\n  if (index > -1) {\n    followedUsers.value.splice(index, 1);\n  } else {\n    followedUsers.value.push(userId);\n  }\n  // TODO: Implement actual following\n};\n\nconst addToQueue = () => {\n  if (playlistTracks.value && playlistTracks.value.length > 0) {\n    playlistTracks.value.forEach(track => {\n      playerActions.addToQueue(track);\n    });\n    showDropdown.value = false;\n  }\n};\n\nconst editPlaylist = () => {\n  showEditModal.value = true;\n  showDropdown.value = false;\n};\n\nconst toggleCollaborative = async () => {\n  try {\n    const updatedData = {\n      _id: playlist.value._id,\n      isCollaborative: !playlist.value.isCollaborative\n    };\n    \n    await playlistsActions.updatePlaylist(updatedData);\n    showDropdown.value = false;\n  } catch (error) {\n    console.error('Error updating playlist:', error);\n  }\n};\n\nconst deletePlaylist = () => {\n  showDeleteModal.value = true;\n  showDropdown.value = false;\n};\n\nconst confirmDelete = async () => {\n  try {\n    await playlistsActions.deletePlaylist(playlist.value._id);\n    router.push({ name: 'music-library' });\n  } catch (error) {\n    console.error('Error deleting playlist:', error);\n    store.core.actions.setError({\n      message: 'Failed to delete playlist'\n    });\n  }\n};\n\nconst removeTrack = async (trackId) => {\n  try {\n    await playlistsActions.removeTrackFromPlaylist(playlist.value._id, trackId);\n    // Refresh playlist data\n    await fetchPlaylistData();\n  } catch (error) {\n    console.error('Error removing track:', error);\n    store.core.actions.setError({\n      message: 'Failed to remove track'\n    });\n  }\n};\n\nconst copyLink = () => {\n  navigator.clipboard.writeText(window.location.href);\n  showDropdown.value = false;\n};\n\nconst handlePlaylistUpdated = () => {\n  showEditModal.value = false;\n  fetchPlaylistData();\n};\n\n// Data fetching\nconst fetchPlaylistData = async () => {\n  try {\n    await playlistsActions.fetchPlaylistByUrl(route.params.url);\n    \n    // Check if following\n    if (authState.user && playlist.value) {\n      // TODO: Check if user is following this playlist\n    }\n    \n    // Fetch more playlists from the same creator\n    if (playlist.value?.creator?.target) {\n      const creatorId = typeof playlist.value.creator.target === 'object' \n        ? playlist.value.creator.target._id \n        : playlist.value.creator.target;\n        \n      const playlists = await playlistsActions.fetchPlaylists({\n        'creator.target': creatorId,\n        isPublic: true,\n        limit: 6\n      });\n      \n      // Filter out current playlist\n      morePlaylists.value = playlists.filter(p => p._id !== playlist.value._id).slice(0, 5);\n    }\n  } catch (error) {\n    console.error('Error fetching playlist data:', error);\n  }\n};\n\n// Lifecycle\nonMounted(async () => {\n  emits('page-loading');\n  \n  await fetchPlaylistData();\n  \n  hasLoaded.value = true;\n  emits('page-loaded');\n});\n</script>\n"],"names":["playlistsState","authState","playerActions","playlistsActions"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import _sfc_main$3 from "../cards/TrackListCard.vue.js";
 import AlbumCard from "../cards/AlbumCard.vue.js";
 import PlaylistCard from "../cards/PlaylistCard.vue.js";
 import ArtistCard from "../cards/ArtistCard.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
 import Loader from "../../../../components/Loader/Loader.vue.js";
 import { state, actions } from "../../store/search.js";
 /* empty css                   */

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

@@ -1,9 +1,9 @@
 import { computed, ref, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createBlock, createVNode, createElementVNode, withCtx, toDisplayString, createTextVNode, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import Loader from "../../../../components/Loader/Loader.vue.js";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$6 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$6 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$d from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$b from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";

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

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, createVNode } from "vue";
 import { useRouter } from "vue-router";
 /* empty css                                        */
-/* empty css                                        */
+/* empty css                                       */
 import _sfc_main$1 from "../forms/TrackForm.vue.js";
 const _hoisted_1 = { class: "track-create-page" };
 const _sfc_main = {

package/dist/martyrs/src/modules/music/components/player/MusicPlayer.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, normalizeClass, withCtx, createBlock } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import TrackProgress from "./TrackProgress.vue.js";
 import VolumeControl from "./VolumeControl.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconPlay.vue.js";

package/dist/martyrs/src/modules/music/music.client.js

@@ -28,7 +28,7 @@ import _sfc_main$2 from "./components/forms/AlbumForm.vue.js";
 import _sfc_main$1 from "./components/forms/PlaylistForm.vue.js";
 import SearchForm from "./components/forms/SearchForm.vue.js";
 import _sfc_main from "./components/forms/TrackForm.vue.js";
-import globalWebSocket from "../core/views/classes/core.websocket.js";
+import { wsManager } from "../core/views/classes/ws.manager.js";
 function initializeMusic(app, store, router, config, options = {}) {
   const routes = getRoutes(options);
   routes.forEach(({ parentName, config: config2 }) => {
@@ -42,14 +42,14 @@ function initializeMusic(app, store, router, config, options = {}) {
   store.addStore("player", player);
   store.addStore("search", search);
   if (options.enableStreaming !== false && app.config.globalProperties.WSS_URL) {
-    globalWebSocket.initialize({
+    wsManager.initialize({
       wsUrl: process.env.WSS_URL,
       maxReconnectAttempts: 10,
       reconnectDelay: 2e3
     });
     if (options.userId) {
-      globalWebSocket.connect(options.userId).then(() => {
-        globalWebSocket.subscribeModule("music-streaming");
+      wsManager.connect(options.userId).then(() => {
+        wsManager.subscribeModule("music-streaming");
       }).catch((err) => {
         console.error("Failed to connect to WebSocket for music streaming:", err);
       });

package/dist/martyrs/src/modules/music/music.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"music.client.js","sources":["../../../../../src/modules/music/music.client.js"],"sourcesContent":["// Store modules\nimport * as storeAlbums from './store/albums.js';\nimport * as storeArtists from './store/artists.js';\nimport * as storeGenres from './store/genres.js';\nimport * as storePlayer from './store/player.js';\nimport * as storePlaylists from './store/playlists.js';\nimport * as storeSearch from './store/search.js';\nimport * as storeTracks from './store/tracks.js';\n\n// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { getRoutes } from './music.router.js';\n\n// Layouts\nimport MusicBottomPlayer from './components/layouts/MusicBottomPlayer.vue';\n\n// Pages\nimport Album from './components/pages/Album.vue';\nimport Artist from './components/pages/Artist.vue';\nimport MusicHome from './components/pages/MusicHome.vue';\nimport MusicLibrary from './components/pages/MusicLibrary.vue';\nimport TrackCreate from './components/pages/TrackCreate.vue';\nimport Playlist from './components/pages/Playlist.vue';\nimport SearchResults from './components/pages/SearchResults.vue';\nimport Track from './components/pages/Track.vue';\n\n// Components - Player\nimport MusicPlayer from './components/player/MusicPlayer.vue';\nimport TrackProgress from './components/player/TrackProgress.vue';\nimport VolumeControl from './components/player/VolumeControl.vue';\n\n// Components - Cards\nimport AlbumCard from './components/cards/AlbumCard.vue';\nimport ArtistCard from './components/cards/ArtistCard.vue';\nimport PlaylistCard from './components/cards/PlaylistCard.vue';\nimport TrackListCard from './components/cards/TrackListCard.vue';\n\n\n// Components - Forms\nimport ArtistForm from './components/forms/ArtistForm.vue';\nimport AlbumForm from './components/forms/AlbumForm.vue';\nimport PlaylistForm from './components/forms/PlaylistForm.vue';\nimport SearchForm from './components/forms/SearchForm.vue';\nimport TrackForm from './components/forms/TrackForm.vue';\n\n// WebSocket integration for streaming\nimport globalWebSocket from '@martyrs/src/modules/core/views/classes/core.websocket.js';\n\n/**\n * Initialize Music module on client-side\n * @param {Object} app - Vue app instance\n * @param {Object} store - Global store instance\n * @param {Object} router - Vue router instance\n * @param {Object} config - Configuration options\n * @param {Object} options - Additional options\n */\nfunction initializeMusic(app, store, router, config, options = {}) {\n  const routes = getRoutes(options);\n  routes.forEach(({ parentName, config }) => {\n    addRoutes(router, { ...config, parentName });\n  });\n\n  // Register store modules\n  store.addStore('tracks', storeTracks);\n  store.addStore('playlists', storePlaylists);\n  store.addStore('albums', storeAlbums);\n  store.addStore('artists', storeArtists);\n  store.addStore('genres', storeGenres);\n  store.addStore('player', storePlayer);\n  store.addStore('search', storeSearch);\n\n  // Set up WebSocket subscription for music streaming\n  if (options.enableStreaming !== false && app.config.globalProperties.WSS_URL) {\n    globalWebSocket.initialize({\n      wsUrl: process.env.WSS_URL,\n      maxReconnectAttempts: 10,\n      reconnectDelay: 2000,\n    });\n\n    // Subscribe to music streaming module when authenticated\n    if (options.userId) {\n      globalWebSocket\n        .connect(options.userId)\n        .then(() => {\n          globalWebSocket.subscribeModule('music-streaming');\n        })\n        .catch(err => {\n          console.error('Failed to connect to WebSocket for music streaming:', err);\n        });\n    }\n  }\n\n  // Register global components if needed\n  app.component('MusicPlayer', MusicPlayer);\n}\n\n// Module export\nconst ModuleMusic = {\n  initialize: initializeMusic,\n  views: {\n    store: {\n      storeTracks,\n      storePlaylists,\n      storeAlbums,\n      storeArtists,\n      storeGenres,\n      storePlayer,\n      storeSearch,\n    },\n    router: {\n      getRoutes,\n    },\n    components: {\n      // Layouts\n      MusicBottomPlayer,\n      // Pages\n      MusicHome,\n      SearchResults,\n      Artist,\n      Album,\n      Playlist,\n      Track,\n      MusicLibrary,\n      TrackCreate,\n      // Player Components\n      MusicPlayer,\n      TrackProgress,\n      VolumeControl,\n      // Cards\n      TrackListCard,\n      AlbumCard,\n      PlaylistCard,\n      ArtistCard,\n      // Forms\n      ArtistForm,\n      AlbumForm,\n      PlaylistForm,\n      SearchForm,\n      TrackForm,\n    },\n  },\n};\n\n// Named exports for direct component imports\nexport {\n  AlbumCard,\n  Album,\n  ArtistCard,\n  Artist,\n  // Pages\n  MusicHome,\n  // Layout\n  MusicBottomPlayer,\n  MusicLibrary,\n  // Player Components\n  MusicPlayer,\n  TrackCreate,\n  PlaylistCard,\n  Playlist,\n  // Forms\n  ArtistForm,\n  AlbumForm,\n  PlaylistForm,\n  SearchForm,\n  SearchResults,\n  // Cards\n  TrackListCard,\n  Track,\n  TrackForm,\n  TrackProgress,\n  VolumeControl,\n  // Router\n  getRoutes,\n  storeAlbums,\n  storeArtists,\n  storeGenres,\n  storePlayer,\n  storePlaylists,\n  storeSearch,\n  // Store modules\n  storeTracks,\n};\n\n// Default export\nexport default ModuleMusic;\n"],"names":["config","storeTracks","storePlaylists","storeAlbums","storeArtists","storeGenres","storePlayer","storeSearch","MusicBottomPlayer","Artist","Album","Playlist","Track","MusicLibrary","TrackCreate","TrackListCard","ArtistForm","AlbumForm","PlaylistForm","TrackForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,SAAS,gBAAgB,KAAK,OAAO,QAAQ,QAAQ,UAAU,IAAI;AACjE,QAAM,SAAS,UAAU,OAAO;AAChC,SAAO,QAAQ,CAAC,EAAE,YAAY,QAAAA,QAAM,MAAO;AACzC,cAAU,QAAQ,EAAE,GAAGA,SAAQ,WAAU,CAAE;AAAA,EAC7C,CAAC;AAGD,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,aAAaC,SAAc;AAC1C,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,WAAWC,OAAY;AACtC,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,UAAUC,MAAW;AAGpC,MAAI,QAAQ,oBAAoB,SAAS,IAAI,OAAO,iBAAiB,SAAS;AAC5E,oBAAgB,WAAW;AAAA,MACzB,OAAO,QAAQ,IAAI;AAAA,MACnB,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IACtB,CAAK;AAGD,QAAI,QAAQ,QAAQ;AAClB,sBACG,QAAQ,QAAQ,MAAM,EACtB,KAAK,MAAM;AACV,wBAAgB,gBAAgB,iBAAiB;AAAA,MACnD,CAAC,EACA,MAAM,SAAO;AACZ,gBAAQ,MAAM,uDAAuD,GAAG;AAAA,MAC1E,CAAC;AAAA,IACL;AAAA,EACF;AAGA,MAAI,UAAU,eAAe,WAAW;AAC1C;AAGK,MAAC,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,aAAMN;AAAAA,MACN,gBAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,cAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA,MAEhB,mBAAMC;AAAAA;AAAAA,MAEA;AAAA,MACA;AAAA,MACN,QAAMC;AAAAA,MACN,OAAMC;AAAAA,MACN,UAAMC;AAAAA,MACN,OAAMC;AAAAA,MACN,cAAMC;AAAAA,MACN,aAAMC;AAAAA;AAAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEN,eAAMC;AAAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEN,YAAMC;AAAAA,MACN,WAAMC;AAAAA,MACN,cAAMC;AAAAA,MACA;AAAA,MACN,WAAMC;AAAAA,IACN;AAAA,EACA;AACA;"}
+{"version":3,"file":"music.client.js","sources":["../../../../../src/modules/music/music.client.js"],"sourcesContent":["// Store modules\nimport * as storeAlbums from './store/albums.js';\nimport * as storeArtists from './store/artists.js';\nimport * as storeGenres from './store/genres.js';\nimport * as storePlayer from './store/player.js';\nimport * as storePlaylists from './store/playlists.js';\nimport * as storeSearch from './store/search.js';\nimport * as storeTracks from './store/tracks.js';\n\n// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { getRoutes } from './music.router.js';\n\n// Layouts\nimport MusicBottomPlayer from './components/layouts/MusicBottomPlayer.vue';\n\n// Pages\nimport Album from './components/pages/Album.vue';\nimport Artist from './components/pages/Artist.vue';\nimport MusicHome from './components/pages/MusicHome.vue';\nimport MusicLibrary from './components/pages/MusicLibrary.vue';\nimport TrackCreate from './components/pages/TrackCreate.vue';\nimport Playlist from './components/pages/Playlist.vue';\nimport SearchResults from './components/pages/SearchResults.vue';\nimport Track from './components/pages/Track.vue';\n\n// Components - Player\nimport MusicPlayer from './components/player/MusicPlayer.vue';\nimport TrackProgress from './components/player/TrackProgress.vue';\nimport VolumeControl from './components/player/VolumeControl.vue';\n\n// Components - Cards\nimport AlbumCard from './components/cards/AlbumCard.vue';\nimport ArtistCard from './components/cards/ArtistCard.vue';\nimport PlaylistCard from './components/cards/PlaylistCard.vue';\nimport TrackListCard from './components/cards/TrackListCard.vue';\n\n\n// Components - Forms\nimport ArtistForm from './components/forms/ArtistForm.vue';\nimport AlbumForm from './components/forms/AlbumForm.vue';\nimport PlaylistForm from './components/forms/PlaylistForm.vue';\nimport SearchForm from './components/forms/SearchForm.vue';\nimport TrackForm from './components/forms/TrackForm.vue';\n\n// WebSocket integration for streaming\nimport wsManager from '@martyrs/src/modules/core/views/classes/ws.manager.js';\n\n/**\n * Initialize Music module on client-side\n * @param {Object} app - Vue app instance\n * @param {Object} store - Global store instance\n * @param {Object} router - Vue router instance\n * @param {Object} config - Configuration options\n * @param {Object} options - Additional options\n */\nfunction initializeMusic(app, store, router, config, options = {}) {\n  const routes = getRoutes(options);\n  routes.forEach(({ parentName, config }) => {\n    addRoutes(router, { ...config, parentName });\n  });\n\n  // Register store modules\n  store.addStore('tracks', storeTracks);\n  store.addStore('playlists', storePlaylists);\n  store.addStore('albums', storeAlbums);\n  store.addStore('artists', storeArtists);\n  store.addStore('genres', storeGenres);\n  store.addStore('player', storePlayer);\n  store.addStore('search', storeSearch);\n\n  // Set up WebSocket subscription for music streaming\n  if (options.enableStreaming !== false && app.config.globalProperties.WSS_URL) {\n    wsManager.initialize({\n      wsUrl: process.env.WSS_URL,\n      maxReconnectAttempts: 10,\n      reconnectDelay: 2000,\n    });\n\n    // Subscribe to music streaming module when authenticated\n    if (options.userId) {\n      wsManager\n        .connect(options.userId)\n        .then(() => {\n          wsManager.subscribeModule('music-streaming');\n        })\n        .catch(err => {\n          console.error('Failed to connect to WebSocket for music streaming:', err);\n        });\n    }\n  }\n\n  // Register global components if needed\n  app.component('MusicPlayer', MusicPlayer);\n}\n\n// Module export\nconst ModuleMusic = {\n  initialize: initializeMusic,\n  views: {\n    store: {\n      storeTracks,\n      storePlaylists,\n      storeAlbums,\n      storeArtists,\n      storeGenres,\n      storePlayer,\n      storeSearch,\n    },\n    router: {\n      getRoutes,\n    },\n    components: {\n      // Layouts\n      MusicBottomPlayer,\n      // Pages\n      MusicHome,\n      SearchResults,\n      Artist,\n      Album,\n      Playlist,\n      Track,\n      MusicLibrary,\n      TrackCreate,\n      // Player Components\n      MusicPlayer,\n      TrackProgress,\n      VolumeControl,\n      // Cards\n      TrackListCard,\n      AlbumCard,\n      PlaylistCard,\n      ArtistCard,\n      // Forms\n      ArtistForm,\n      AlbumForm,\n      PlaylistForm,\n      SearchForm,\n      TrackForm,\n    },\n  },\n};\n\n// Named exports for direct component imports\nexport {\n  AlbumCard,\n  Album,\n  ArtistCard,\n  Artist,\n  // Pages\n  MusicHome,\n  // Layout\n  MusicBottomPlayer,\n  MusicLibrary,\n  // Player Components\n  MusicPlayer,\n  TrackCreate,\n  PlaylistCard,\n  Playlist,\n  // Forms\n  ArtistForm,\n  AlbumForm,\n  PlaylistForm,\n  SearchForm,\n  SearchResults,\n  // Cards\n  TrackListCard,\n  Track,\n  TrackForm,\n  TrackProgress,\n  VolumeControl,\n  // Router\n  getRoutes,\n  storeAlbums,\n  storeArtists,\n  storeGenres,\n  storePlayer,\n  storePlaylists,\n  storeSearch,\n  // Store modules\n  storeTracks,\n};\n\n// Default export\nexport default ModuleMusic;\n"],"names":["config","storeTracks","storePlaylists","storeAlbums","storeArtists","storeGenres","storePlayer","storeSearch","MusicBottomPlayer","Artist","Album","Playlist","Track","MusicLibrary","TrackCreate","TrackListCard","ArtistForm","AlbumForm","PlaylistForm","TrackForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,SAAS,gBAAgB,KAAK,OAAO,QAAQ,QAAQ,UAAU,IAAI;AACjE,QAAM,SAAS,UAAU,OAAO;AAChC,SAAO,QAAQ,CAAC,EAAE,YAAY,QAAAA,QAAM,MAAO;AACzC,cAAU,QAAQ,EAAE,GAAGA,SAAQ,WAAU,CAAE;AAAA,EAC7C,CAAC;AAGD,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,aAAaC,SAAc;AAC1C,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,WAAWC,OAAY;AACtC,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,UAAUC,MAAW;AAGpC,MAAI,QAAQ,oBAAoB,SAAS,IAAI,OAAO,iBAAiB,SAAS;AAC5E,cAAU,WAAW;AAAA,MACnB,OAAO,QAAQ,IAAI;AAAA,MACnB,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IACtB,CAAK;AAGD,QAAI,QAAQ,QAAQ;AAClB,gBACG,QAAQ,QAAQ,MAAM,EACtB,KAAK,MAAM;AACV,kBAAU,gBAAgB,iBAAiB;AAAA,MAC7C,CAAC,EACA,MAAM,SAAO;AACZ,gBAAQ,MAAM,uDAAuD,GAAG;AAAA,MAC1E,CAAC;AAAA,IACL;AAAA,EACF;AAGA,MAAI,UAAU,eAAe,WAAW;AAC1C;AAGK,MAAC,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,aAAMN;AAAAA,MACN,gBAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,cAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA,MAEhB,mBAAMC;AAAAA;AAAAA,MAEA;AAAA,MACA;AAAA,MACN,QAAMC;AAAAA,MACN,OAAMC;AAAAA,MACN,UAAMC;AAAAA,MACN,OAAMC;AAAAA,MACN,cAAMC;AAAAA,MACN,aAAMC;AAAAA;AAAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEN,eAAMC;AAAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEN,YAAMC;AAAAA,MACN,WAAMC;AAAAA,MACN,cAAMC;AAAAA,MACA;AAAA,MACN,WAAMC;AAAAA,IACN;AAAA,EACA;AACA;"}

package/dist/martyrs/src/modules/music/music.router.js

@@ -1,3 +1,4 @@
+import _sfc_main from "./components/layouts/MusicBottomPlayer.vue.js";
 function createArtistRoutes() {
   return [
     {
@@ -212,10 +213,7 @@ function getRoutes(options = {}) {
     config: {
       basePath: options.basePath || "music",
       meta: {
-        player: options.playerComponent || (() => import(
-          /* webpackChunkName: 'music-bottom-player' */
-          "./components/layouts/MusicBottomPlayer.vue.js"
-        ))
+        player: _sfc_main
       },
       routes: buildMusicRoutes()
     }

package/dist/martyrs/src/modules/music/music.router.js.map

@@ -1 +1 @@
-{"version":3,"file":"music.router.js","sources":["../../../../../src/modules/music/music.router.js"],"sourcesContent":["function createArtistRoutes() {\n  return [\n    {\n      path: 'artists/create',\n      name: 'artist-create',\n      component: () => import(/* webpackChunkName: 'music-artist-create' */ './components/pages/ArtistCreate.vue'),\n      meta: {\n        title: 'Create Artist',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'artists/:url/edit',\n      name: 'artist-edit',\n      component: () => import(/* webpackChunkName: 'music-artist-edit' */ './components/pages/ArtistEdit.vue'),\n      props: true,\n      meta: {\n        title: 'Edit Artist',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'artists/:url',\n      name: 'artist',\n      component: () => import(/* webpackChunkName: 'music-artist' */ './components/pages/Artist.vue'),\n      props: true,\n      meta: {\n        title: 'Artist',\n      },\n    },\n  ];\n}\n\nfunction createAlbumRoutes() {\n  return [\n    {\n      path: 'albums/create',\n      name: 'album-create',\n      component: () => import(/* webpackChunkName: 'music-album-create' */ './components/pages/AlbumCreate.vue'),\n      meta: {\n        title: 'Create Album',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'albums/:url/edit',\n      name: 'album-edit',\n      component: () => import(/* webpackChunkName: 'music-album-edit' */ './components/pages/AlbumEdit.vue'),\n      props: true,\n      meta: {\n        title: 'Edit Album',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'albums/:url',\n      name: 'album',\n      component: () => import(/* webpackChunkName: 'music-album' */ './components/pages/Album.vue'),\n      props: true,\n      meta: {\n        title: 'Album',\n      },\n    },\n  ];\n}\n\nfunction createTrackRoutes() {\n  return [\n    {\n      path: 'tracks/create',\n      name: 'track-create',\n      component: () => import(/* webpackChunkName: 'music-track-create' */ './components/pages/TrackCreate.vue'),\n      meta: {\n        title: 'Create Track',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'tracks/:url/edit',\n      name: 'track-edit',\n      component: () => import(/* webpackChunkName: 'music-track-edit' */ './components/pages/TrackEdit.vue'),\n      props: true,\n      meta: {\n        title: 'Edit Track',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'tracks/:url',\n      name: 'track',\n      component: () => import(/* webpackChunkName: 'music-track' */ './components/pages/Track.vue'),\n      props: true,\n      meta: {\n        title: 'Track',\n      },\n    },\n  ];\n}\n\nfunction createPlaylistRoutes() {\n  return [\n    {\n      path: 'playlists/create',\n      name: 'playlist-create',\n      component: () => import(/* webpackChunkName: 'music-playlist-create' */ './components/pages/PlaylistCreate.vue'),\n      meta: {\n        title: 'Create Playlist',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'playlists/:url/edit',\n      name: 'playlist-edit',\n      component: () => import(/* webpackChunkName: 'music-playlist-edit' */ './components/pages/PlaylistEdit.vue'),\n      props: true,\n      meta: {\n        title: 'Edit Playlist',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'playlists/:url',\n      name: 'playlist',\n      component: () => import(/* webpackChunkName: 'music-playlist' */ './components/pages/Playlist.vue'),\n      props: true,\n      meta: {\n        title: 'Playlist',\n      },\n    },\n  ];\n}\n\nfunction buildMusicRoutes() {\n  return [\n    {\n      path: '',\n      name: 'music-home',\n      component: () => import(/* webpackChunkName: 'music-home' */ './components/pages/MusicHome.vue'),\n      meta: {\n        title: 'Music Home',\n      },\n    },\n    {\n      path: 'search',\n      name: 'music-search',\n      component: () => import(/* webpackChunkName: 'music-search' */ './components/pages/SearchResults.vue'),\n      meta: {\n        title: 'Search Music',\n      },\n    },\n    {\n      path: 'library',\n      name: 'music-library',\n      component: () => import(/* webpackChunkName: 'music-library' */ './components/pages/MusicLibrary.vue'),\n      meta: {\n        title: 'My Library',\n        requiresAuth: true,\n      },\n    },\n    ...createArtistRoutes(),\n    ...createAlbumRoutes(),\n    ...createTrackRoutes(),\n    ...createPlaylistRoutes(),\n  ];\n}\n\nexport function getRoutes(options = {}) {\n  const route = options.route || 'Home';\n  const routes = [];\n\n  routes.push({\n    parentName: route,\n    config: {\n      basePath: options.basePath || 'music',\n      meta: {\n        player: options.playerComponent || (() => import(/* webpackChunkName: 'music-bottom-player' */ './components/layouts/MusicBottomPlayer.vue')),\n      },\n      routes: buildMusicRoutes(options),\n    },\n  });\n\n  return routes;\n}\n\nexport default { getRoutes };\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"music.router.js","sources":["../../../../../src/modules/music/music.router.js"],"sourcesContent":["import PlayerMusic from  './components/layouts/MusicBottomPlayer.vue'\n\n\nfunction createArtistRoutes() {\n  return [\n    {\n      path: 'artists/create',\n      name: 'artist-create',\n      component: () => import(/* webpackChunkName: 'music-artist-create' */ './components/pages/ArtistCreate.vue'),\n      meta: {\n        title: 'Create Artist',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'artists/:url/edit',\n      name: 'artist-edit',\n      component: () => import(/* webpackChunkName: 'music-artist-edit' */ './components/pages/ArtistEdit.vue'),\n      props: true,\n      meta: {\n        title: 'Edit Artist',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'artists/:url',\n      name: 'artist',\n      component: () => import(/* webpackChunkName: 'music-artist' */ './components/pages/Artist.vue'),\n      props: true,\n      meta: {\n        title: 'Artist',\n      },\n    },\n  ];\n}\n\nfunction createAlbumRoutes() {\n  return [\n    {\n      path: 'albums/create',\n      name: 'album-create',\n      component: () => import(/* webpackChunkName: 'music-album-create' */ './components/pages/AlbumCreate.vue'),\n      meta: {\n        title: 'Create Album',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'albums/:url/edit',\n      name: 'album-edit',\n      component: () => import(/* webpackChunkName: 'music-album-edit' */ './components/pages/AlbumEdit.vue'),\n      props: true,\n      meta: {\n        title: 'Edit Album',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'albums/:url',\n      name: 'album',\n      component: () => import(/* webpackChunkName: 'music-album' */ './components/pages/Album.vue'),\n      props: true,\n      meta: {\n        title: 'Album',\n      },\n    },\n  ];\n}\n\nfunction createTrackRoutes() {\n  return [\n    {\n      path: 'tracks/create',\n      name: 'track-create',\n      component: () => import(/* webpackChunkName: 'music-track-create' */ './components/pages/TrackCreate.vue'),\n      meta: {\n        title: 'Create Track',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'tracks/:url/edit',\n      name: 'track-edit',\n      component: () => import(/* webpackChunkName: 'music-track-edit' */ './components/pages/TrackEdit.vue'),\n      props: true,\n      meta: {\n        title: 'Edit Track',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'tracks/:url',\n      name: 'track',\n      component: () => import(/* webpackChunkName: 'music-track' */ './components/pages/Track.vue'),\n      props: true,\n      meta: {\n        title: 'Track',\n      },\n    },\n  ];\n}\n\nfunction createPlaylistRoutes() {\n  return [\n    {\n      path: 'playlists/create',\n      name: 'playlist-create',\n      component: () => import(/* webpackChunkName: 'music-playlist-create' */ './components/pages/PlaylistCreate.vue'),\n      meta: {\n        title: 'Create Playlist',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'playlists/:url/edit',\n      name: 'playlist-edit',\n      component: () => import(/* webpackChunkName: 'music-playlist-edit' */ './components/pages/PlaylistEdit.vue'),\n      props: true,\n      meta: {\n        title: 'Edit Playlist',\n        requiresAuth: true,\n      },\n    },\n    {\n      path: 'playlists/:url',\n      name: 'playlist',\n      component: () => import(/* webpackChunkName: 'music-playlist' */ './components/pages/Playlist.vue'),\n      props: true,\n      meta: {\n        title: 'Playlist',\n      },\n    },\n  ];\n}\n\nfunction buildMusicRoutes() {\n  return [\n    {\n      path: '',\n      name: 'music-home',\n      component: () => import(/* webpackChunkName: 'music-home' */ './components/pages/MusicHome.vue'),\n      meta: {\n        title: 'Music Home',\n      },\n    },\n    {\n      path: 'search',\n      name: 'music-search',\n      component: () => import(/* webpackChunkName: 'music-search' */ './components/pages/SearchResults.vue'),\n      meta: {\n        title: 'Search Music',\n      },\n    },\n    {\n      path: 'library',\n      name: 'music-library',\n      component: () => import(/* webpackChunkName: 'music-library' */ './components/pages/MusicLibrary.vue'),\n      meta: {\n        title: 'My Library',\n        requiresAuth: true,\n      },\n    },\n    ...createArtistRoutes(),\n    ...createAlbumRoutes(),\n    ...createTrackRoutes(),\n    ...createPlaylistRoutes(),\n  ];\n}\n\nexport function getRoutes(options = {}) {\n  const route = options.route || 'Home';\n  const routes = [];\n\n  routes.push({\n    parentName: route,\n    config: {\n      basePath: options.basePath || 'music',\n      meta: {\n        player: PlayerMusic,\n      },\n      routes: buildMusicRoutes(options),\n    },\n  });\n\n  return routes;\n}\n\nexport default { getRoutes };\n"],"names":["PlayerMusic"],"mappings":"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"}

package/dist/martyrs/src/modules/music/store/albums.js

@@ -1,6 +1,6 @@
-import Store from "../../core/views/classes/core.store.js";
+import StoreManager from "../../core/views/classes/store.manager.js";
 import { reactive } from "vue";
-const albumStore = new Store(`${process.env.API_URL}/api/albums`);
+const albumStore = new StoreManager(`${process.env.API_URL}/api/albums`);
 const state = reactive({
   albums: [],
   featured: [],

package/dist/martyrs/src/modules/music/store/albums.js.map

@@ -1 +1 @@
-{"version":3,"file":"albums.js","sources":["../../../../../../src/modules/music/store/albums.js"],"sourcesContent":["// store/albums.js\nimport Store from '@martyrs/src/modules/core/views/classes/core.store.js';\nimport { reactive } from 'vue';\n\n// Create store instance\nconst albumStore = new Store(`${process.env.API_URL}/api/albums`);\n\n// State\nexport const state = reactive({\n  albums: [],\n  featured: [],\n  userAlbums: [],\n  currentAlbum: null,\n  currentAlbumTracks: [],\n  isLoading: false,\n  loadingFeatured: false,\n});\n\n// Actions\nexport const actions = {\n  async fetchAlbums(options = {}) {\n    state.isLoading = true;\n    try {\n      const albums = await albumStore.read(options);\n      state.albums = albums;\n      return albums;\n    } catch (error) {\n      console.error('Error fetching albums:', error);\n      return [];\n    } finally {\n      state.isLoading = false;\n    }\n  },\n\n  async fetchFeaturedAlbums() {\n    state.loadingFeatured = true;\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/albums/featured`);\n      const albums = await response.json();\n      state.featured = albums;\n      return albums;\n    } catch (error) {\n      console.error('Error fetching featured albums:', error);\n      return [];\n    } finally {\n      state.loadingFeatured = false;\n    }\n  },\n\n  async fetchAlbumByUrl(url) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/albums/url/${url}`);\n      const album = await response.json();\n      state.currentAlbum = album;\n\n      // Fetch album tracks\n      await this.fetchAlbumTracks(album._id);\n\n      return album;\n    } catch (error) {\n      console.error('Error fetching album by URL:', error);\n      return null;\n    }\n  },\n\n  async fetchAlbumTracks(albumId) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/albums/${albumId}/tracks`);\n      const tracks = await response.json();\n      state.currentAlbumTracks = tracks;\n      return tracks;\n    } catch (error) {\n      console.error('Error fetching album tracks:', error);\n      return [];\n    }\n  },\n\n  async createAlbum(albumData) {\n    try {\n      const createdAlbum = await albumStore.create(albumData);\n      // Update local state\n      state.albums.unshift(createdAlbum);\n      state.userAlbums.unshift(createdAlbum);\n      return createdAlbum;\n    } catch (error) {\n      console.error('Error creating album:', error);\n      throw error;\n    }\n  },\n\n  async updateAlbum(albumData) {\n    try {\n      const updatedAlbum = await albumStore.update(albumData);\n\n      // Update local state\n      const index = state.albums.findIndex(a => a._id === updatedAlbum._id);\n      if (index !== -1) {\n        state.albums[index] = updatedAlbum;\n      }\n\n      const userIndex = state.userAlbums.findIndex(a => a._id === updatedAlbum._id);\n      if (userIndex !== -1) {\n        state.userAlbums[userIndex] = updatedAlbum;\n      }\n\n      if (state.currentAlbum && state.currentAlbum._id === updatedAlbum._id) {\n        state.currentAlbum = updatedAlbum;\n      }\n\n      return updatedAlbum;\n    } catch (error) {\n      console.error('Error updating album:', error);\n      throw error;\n    }\n  },\n\n  async deleteAlbum(albumId) {\n    try {\n      await albumStore.delete({ _id: albumId });\n\n      // Update local state\n      state.albums = state.albums.filter(a => a._id !== albumId);\n      state.userAlbums = state.userAlbums.filter(a => a._id !== albumId);\n\n      if (state.currentAlbum && state.currentAlbum._id === albumId) {\n        state.currentAlbum = null;\n        state.currentAlbumTracks = [];\n      }\n\n      return true;\n    } catch (error) {\n      console.error('Error deleting album:', error);\n      throw error;\n    }\n  },\n\n  async fetchUserAlbums(userId) {\n    try {\n      const options = {\n        creator: userId,\n        limit: 100,\n      };\n\n      const albums = await albumStore.read(options);\n      state.userAlbums = albums;\n      return albums;\n    } catch (error) {\n      console.error('Error fetching user albums:', error);\n      return [];\n    }\n  },\n\n  async addTrackToAlbum(albumId, trackId) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/tracks/${trackId}`, {\n        method: 'PUT',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({ album: albumId }),\n      });\n\n      const updatedTrack = await response.json();\n\n      // Update the current album tracks if relevant\n      if (state.currentAlbum && state.currentAlbum._id === albumId) {\n        state.currentAlbumTracks.push(updatedTrack);\n      }\n\n      return updatedTrack;\n    } catch (error) {\n      console.error('Error adding track to album:', error);\n      throw error;\n    }\n  },\n\n  async removeTrackFromAlbum(trackId) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/tracks/${trackId}`, {\n        method: 'PUT',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({ album: null }),\n      });\n\n      const updatedTrack = await response.json();\n\n      // Update the current album tracks if relevant\n      if (state.currentAlbumTracks.some(track => track._id === trackId)) {\n        state.currentAlbumTracks = state.currentAlbumTracks.filter(track => track._id !== trackId);\n      }\n\n      return updatedTrack;\n    } catch (error) {\n      console.error('Error removing track from album:', error);\n      throw error;\n    }\n  },\n};\n"],"names":[],"mappings":";;AAKA,MAAM,aAAa,IAAI,MAAM,GAAG,QAAQ,IAAI,OAAO,aAAa;AAGpD,MAAC,QAAQ,SAAS;AAAA,EAC5B,QAAQ,CAAA;AAAA,EACR,UAAU,CAAA;AAAA,EACV,YAAY,CAAA;AAAA,EACZ,cAAc;AAAA,EACd,oBAAoB,CAAA;AAAA,EACpB,WAAW;AAAA,EACX,iBAAiB;AACnB,CAAC;AAGW,MAAC,UAAU;AAAA,EACrB,MAAM,YAAY,UAAU,IAAI;AAC9B,UAAM,YAAY;AAClB,QAAI;AACF,YAAM,SAAS,MAAM,WAAW,KAAK,OAAO;AAC5C,YAAM,SAAS;AACf,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,0BAA0B,KAAK;AAC7C,aAAO,CAAA;AAAA,IACT,UAAC;AACC,YAAM,YAAY;AAAA,IACpB;AAAA,EACF;AAAA,EAEA,MAAM,sBAAsB;AAC1B,UAAM,kBAAkB;AACxB,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,IAAI,OAAO,sBAAsB;AACzE,YAAM,SAAS,MAAM,SAAS,KAAI;AAClC,YAAM,WAAW;AACjB,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,mCAAmC,KAAK;AACtD,aAAO,CAAA;AAAA,IACT,UAAC;AACC,YAAM,kBAAkB;AAAA,IAC1B;AAAA,EACF;AAAA,EAEA,MAAM,gBAAgB,KAAK;AACzB,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,IAAI,OAAO,mBAAmB,GAAG,EAAE;AAC3E,YAAM,QAAQ,MAAM,SAAS,KAAI;AACjC,YAAM,eAAe;AAGrB,YAAM,KAAK,iBAAiB,MAAM,GAAG;AAErC,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,gCAAgC,KAAK;AACnD,aAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,MAAM,iBAAiB,SAAS;AAC9B,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,IAAI,OAAO,eAAe,OAAO,SAAS;AAClF,YAAM,SAAS,MAAM,SAAS,KAAI;AAClC,YAAM,qBAAqB;AAC3B,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,gCAAgC,KAAK;AACnD,aAAO,CAAA;AAAA,IACT;AAAA,EACF;AAAA,EAEA,MAAM,YAAY,WAAW;AAC3B,QAAI;AACF,YAAM,eAAe,MAAM,WAAW,OAAO,SAAS;AAEtD,YAAM,OAAO,QAAQ,YAAY;AACjC,YAAM,WAAW,QAAQ,YAAY;AACrC,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,yBAAyB,KAAK;AAC5C,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,MAAM,YAAY,WAAW;AAC3B,QAAI;AACF,YAAM,eAAe,MAAM,WAAW,OAAO,SAAS;AAGtD,YAAM,QAAQ,MAAM,OAAO,UAAU,OAAK,EAAE,QAAQ,aAAa,GAAG;AACpE,UAAI,UAAU,IAAI;AAChB,cAAM,OAAO,KAAK,IAAI;AAAA,MACxB;AAEA,YAAM,YAAY,MAAM,WAAW,UAAU,OAAK,EAAE,QAAQ,aAAa,GAAG;AAC5E,UAAI,cAAc,IAAI;AACpB,cAAM,WAAW,SAAS,IAAI;AAAA,MAChC;AAEA,UAAI,MAAM,gBAAgB,MAAM,aAAa,QAAQ,aAAa,KAAK;AACrE,cAAM,eAAe;AAAA,MACvB;AAEA,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,yBAAyB,KAAK;AAC5C,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,MAAM,YAAY,SAAS;AACzB,QAAI;AACF,YAAM,WAAW,OAAO,EAAE,KAAK,QAAO,CAAE;AAGxC,YAAM,SAAS,MAAM,OAAO,OAAO,OAAK,EAAE,QAAQ,OAAO;AACzD,YAAM,aAAa,MAAM,WAAW,OAAO,OAAK,EAAE,QAAQ,OAAO;AAEjE,UAAI,MAAM,gBAAgB,MAAM,aAAa,QAAQ,SAAS;AAC5D,cAAM,eAAe;AACrB,cAAM,qBAAqB,CAAA;AAAA,MAC7B;AAEA,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,yBAAyB,KAAK;AAC5C,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,MAAM,gBAAgB,QAAQ;AAC5B,QAAI;AACF,YAAM,UAAU;AAAA,QACd,SAAS;AAAA,QACT,OAAO;AAAA,MACf;AAEM,YAAM,SAAS,MAAM,WAAW,KAAK,OAAO;AAC5C,YAAM,aAAa;AACnB,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,+BAA+B,KAAK;AAClD,aAAO,CAAA;AAAA,IACT;AAAA,EACF;AAAA,EAEA,MAAM,gBAAgB,SAAS,SAAS;AACtC,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,IAAI,OAAO,eAAe,OAAO,IAAI;AAAA,QAC3E,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,gBAAgB;AAAA,QAC1B;AAAA,QACQ,MAAM,KAAK,UAAU,EAAE,OAAO,QAAO,CAAE;AAAA,MAC/C,CAAO;AAED,YAAM,eAAe,MAAM,SAAS,KAAI;AAGxC,UAAI,MAAM,gBAAgB,MAAM,aAAa,QAAQ,SAAS;AAC5D,cAAM,mBAAmB,KAAK,YAAY;AAAA,MAC5C;AAEA,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,gCAAgC,KAAK;AACnD,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,MAAM,qBAAqB,SAAS;AAClC,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,IAAI,OAAO,eAAe,OAAO,IAAI;AAAA,QAC3E,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,gBAAgB;AAAA,QAC1B;AAAA,QACQ,MAAM,KAAK,UAAU,EAAE,OAAO,KAAI,CAAE;AAAA,MAC5C,CAAO;AAED,YAAM,eAAe,MAAM,SAAS,KAAI;AAGxC,UAAI,MAAM,mBAAmB,KAAK,WAAS,MAAM,QAAQ,OAAO,GAAG;AACjE,cAAM,qBAAqB,MAAM,mBAAmB,OAAO,WAAS,MAAM,QAAQ,OAAO;AAAA,MAC3F;AAEA,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,oCAAoC,KAAK;AACvD,YAAM;AAAA,IACR;AAAA,EACF;AACF;"}
+{"version":3,"file":"albums.js","sources":["../../../../../../src/modules/music/store/albums.js"],"sourcesContent":["// store/albums.js\nimport StoreManager from '@martyrs/src/modules/core/views/classes/store.manager.js';\nimport { reactive } from 'vue';\n\n// Create store instance\nconst albumStore = new StoreManager(`${process.env.API_URL}/api/albums`);\n\n// State\nexport const state = reactive({\n  albums: [],\n  featured: [],\n  userAlbums: [],\n  currentAlbum: null,\n  currentAlbumTracks: [],\n  isLoading: false,\n  loadingFeatured: false,\n});\n\n// Actions\nexport const actions = {\n  async fetchAlbums(options = {}) {\n    state.isLoading = true;\n    try {\n      const albums = await albumStore.read(options);\n      state.albums = albums;\n      return albums;\n    } catch (error) {\n      console.error('Error fetching albums:', error);\n      return [];\n    } finally {\n      state.isLoading = false;\n    }\n  },\n\n  async fetchFeaturedAlbums() {\n    state.loadingFeatured = true;\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/albums/featured`);\n      const albums = await response.json();\n      state.featured = albums;\n      return albums;\n    } catch (error) {\n      console.error('Error fetching featured albums:', error);\n      return [];\n    } finally {\n      state.loadingFeatured = false;\n    }\n  },\n\n  async fetchAlbumByUrl(url) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/albums/url/${url}`);\n      const album = await response.json();\n      state.currentAlbum = album;\n\n      // Fetch album tracks\n      await this.fetchAlbumTracks(album._id);\n\n      return album;\n    } catch (error) {\n      console.error('Error fetching album by URL:', error);\n      return null;\n    }\n  },\n\n  async fetchAlbumTracks(albumId) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/albums/${albumId}/tracks`);\n      const tracks = await response.json();\n      state.currentAlbumTracks = tracks;\n      return tracks;\n    } catch (error) {\n      console.error('Error fetching album tracks:', error);\n      return [];\n    }\n  },\n\n  async createAlbum(albumData) {\n    try {\n      const createdAlbum = await albumStore.create(albumData);\n      // Update local state\n      state.albums.unshift(createdAlbum);\n      state.userAlbums.unshift(createdAlbum);\n      return createdAlbum;\n    } catch (error) {\n      console.error('Error creating album:', error);\n      throw error;\n    }\n  },\n\n  async updateAlbum(albumData) {\n    try {\n      const updatedAlbum = await albumStore.update(albumData);\n\n      // Update local state\n      const index = state.albums.findIndex(a => a._id === updatedAlbum._id);\n      if (index !== -1) {\n        state.albums[index] = updatedAlbum;\n      }\n\n      const userIndex = state.userAlbums.findIndex(a => a._id === updatedAlbum._id);\n      if (userIndex !== -1) {\n        state.userAlbums[userIndex] = updatedAlbum;\n      }\n\n      if (state.currentAlbum && state.currentAlbum._id === updatedAlbum._id) {\n        state.currentAlbum = updatedAlbum;\n      }\n\n      return updatedAlbum;\n    } catch (error) {\n      console.error('Error updating album:', error);\n      throw error;\n    }\n  },\n\n  async deleteAlbum(albumId) {\n    try {\n      await albumStore.delete({ _id: albumId });\n\n      // Update local state\n      state.albums = state.albums.filter(a => a._id !== albumId);\n      state.userAlbums = state.userAlbums.filter(a => a._id !== albumId);\n\n      if (state.currentAlbum && state.currentAlbum._id === albumId) {\n        state.currentAlbum = null;\n        state.currentAlbumTracks = [];\n      }\n\n      return true;\n    } catch (error) {\n      console.error('Error deleting album:', error);\n      throw error;\n    }\n  },\n\n  async fetchUserAlbums(userId) {\n    try {\n      const options = {\n        creator: userId,\n        limit: 100,\n      };\n\n      const albums = await albumStore.read(options);\n      state.userAlbums = albums;\n      return albums;\n    } catch (error) {\n      console.error('Error fetching user albums:', error);\n      return [];\n    }\n  },\n\n  async addTrackToAlbum(albumId, trackId) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/tracks/${trackId}`, {\n        method: 'PUT',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({ album: albumId }),\n      });\n\n      const updatedTrack = await response.json();\n\n      // Update the current album tracks if relevant\n      if (state.currentAlbum && state.currentAlbum._id === albumId) {\n        state.currentAlbumTracks.push(updatedTrack);\n      }\n\n      return updatedTrack;\n    } catch (error) {\n      console.error('Error adding track to album:', error);\n      throw error;\n    }\n  },\n\n  async removeTrackFromAlbum(trackId) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/tracks/${trackId}`, {\n        method: 'PUT',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({ album: null }),\n      });\n\n      const updatedTrack = await response.json();\n\n      // Update the current album tracks if relevant\n      if (state.currentAlbumTracks.some(track => track._id === trackId)) {\n        state.currentAlbumTracks = state.currentAlbumTracks.filter(track => track._id !== trackId);\n      }\n\n      return updatedTrack;\n    } catch (error) {\n      console.error('Error removing track from album:', error);\n      throw error;\n    }\n  },\n};\n"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/music/store/artists.js

@@ -1,6 +1,6 @@
-import Store from "../../core/views/classes/core.store.js";
+import StoreManager from "../../core/views/classes/store.manager.js";
 import { reactive } from "vue";
-const artistStore = new Store(`${process.env.API_URL}/api/artists`);
+const artistStore = new StoreManager(`${process.env.API_URL}/api/artists`);
 const state = reactive({
   artists: [],
   topArtists: [],

package/dist/martyrs/src/modules/music/store/artists.js.map

@@ -1 +1 @@
-{"version":3,"file":"artists.js","sources":["../../../../../../src/modules/music/store/artists.js"],"sourcesContent":["// store/artists.js\nimport Store from '@martyrs/src/modules/core/views/classes/core.store.js';\nimport { reactive } from 'vue';\n\n// Create store instance\nconst artistStore = new Store(`${process.env.API_URL}/api/artists`);\n\n// State\nexport const state = reactive({\n  artists: [],\n  topArtists: [],\n  userArtists: [],\n  currentArtist: null,\n  discography: {\n    albums: [],\n    singles: [],\n    tracks: [],\n  },\n  relatedArtists: [],\n  isLoading: false,\n  loadingTopArtists: false,\n});\n\n// Actions\nexport const actions = {\n  async fetchArtists(options = {}) {\n    state.isLoading = true;\n    try {\n      const artists = await artistStore.read(options);\n      state.artists = artists;\n      return artists;\n    } catch (error) {\n      console.error('Error fetching artists:', error);\n      return [];\n    } finally {\n      state.isLoading = false;\n    }\n  },\n\n  async fetchTopArtists(options = {}) {\n    state.loadingTopArtists = true;\n    try {\n      // Обрабатываем options от Feed компонента\n      const queryOptions = {\n        limit: options.limit || 10,\n        sortParam: options.sortParam || 'popularity',\n        sortOrder: options.sortOrder || 'desc',\n        status: 'published',\n      };\n      \n      // Добавляем дополнительные параметры если есть\n      if (options.skip) queryOptions.skip = options.skip;\n      if (options.search) queryOptions.search = options.search;\n      \n      // Если указан top=true, используем сортировку по популярности\n      if (options.top) {\n        queryOptions.sortParam = 'popularity';\n        queryOptions.sortOrder = 'desc';\n      }\n\n      const artists = await artistStore.read(queryOptions);\n      state.topArtists = artists;\n      return artists;\n    } catch (error) {\n      console.error('Error fetching top artists:', error);\n      return [];\n    } finally {\n      state.loadingTopArtists = false;\n    }\n  },\n\n  async fetchArtistByUrl(url) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/artists/url/${url}`);\n      const artist = await response.json();\n\n      // Fetch artist discography\n      await this.fetchArtistDiscography(artist._id);\n\n      // Fetch related artists\n      await this.fetchRelatedArtists(artist._id);\n\n      // Set artist only after all data is loaded\n      state.currentArtist = artist;\n\n      return artist;\n    } catch (error) {\n      console.error('Error fetching artist by URL:', error);\n      return null;\n    }\n  },\n\n  async fetchArtistDiscography(artistId) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/artists/${artistId}/discography`);\n      const discography = await response.json();\n      state.discography = {\n        albums: discography.albums || [],\n        singles: discography.singles || [],\n        tracks: discography.tracks || [],\n      };\n      return discography;\n    } catch (error) {\n      console.error('Error fetching artist discography:', error);\n      return { albums: [], singles: [], tracks: [] };\n    }\n  },\n\n  async fetchRelatedArtists(artistId) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/artists/${artistId}/related`);\n      const artists = await response.json();\n      state.relatedArtists = artists;\n      return artists;\n    } catch (error) {\n      console.error('Error fetching related artists:', error);\n      return [];\n    }\n  },\n\n  async createArtist(artistData) {\n    try {\n      const createdArtist = await artistStore.create(artistData);\n      // Update local state\n      state.artists.unshift(createdArtist);\n      state.userArtists.unshift(createdArtist);\n      return createdArtist;\n    } catch (error) {\n      console.error('Error creating artist:', error);\n      throw error;\n    }\n  },\n\n  async updateArtist(artistData) {\n    try {\n      const updatedArtist = await artistStore.update(artistData);\n\n      // Update local state\n      const index = state.artists.findIndex(a => a._id === updatedArtist._id);\n      if (index !== -1) {\n        state.artists[index] = updatedArtist;\n      }\n\n      const userIndex = state.userArtists.findIndex(a => a._id === updatedArtist._id);\n      if (userIndex !== -1) {\n        state.userArtists[userIndex] = updatedArtist;\n      }\n\n      if (state.currentArtist && state.currentArtist._id === updatedArtist._id) {\n        state.currentArtist = updatedArtist;\n      }\n\n      return updatedArtist;\n    } catch (error) {\n      console.error('Error updating artist:', error);\n      throw error;\n    }\n  },\n\n  async deleteArtist(artistId) {\n    try {\n      await artistStore.delete({ _id: artistId });\n\n      // Update local state\n      state.artists = state.artists.filter(a => a._id !== artistId);\n      state.userArtists = state.userArtists.filter(a => a._id !== artistId);\n\n      if (state.currentArtist && state.currentArtist._id === artistId) {\n        state.currentArtist = null;\n      }\n\n      return true;\n    } catch (error) {\n      console.error('Error deleting artist:', error);\n      throw error;\n    }\n  },\n\n  async fetchUserArtists(userId) {\n    try {\n      const options = {\n        creator: userId,\n        limit: 100,\n      };\n\n      const artists = await artistStore.read(options);\n\n      console.log('artists is', artists);\n      state.userArtists = artists;\n      console.log('state is', state);\n      return artists;\n    } catch (error) {\n      console.error('Error fetching user artists:', error);\n      return [];\n    }\n  },\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"artists.js","sources":["../../../../../../src/modules/music/store/artists.js"],"sourcesContent":["// store/artists.js\nimport StoreManager from '@martyrs/src/modules/core/views/classes/store.manager.js';\nimport { reactive } from 'vue';\n\n// Create store instance\nconst artistStore = new StoreManager(`${process.env.API_URL}/api/artists`);\n\n// State\nexport const state = reactive({\n  artists: [],\n  topArtists: [],\n  userArtists: [],\n  currentArtist: null,\n  discography: {\n    albums: [],\n    singles: [],\n    tracks: [],\n  },\n  relatedArtists: [],\n  isLoading: false,\n  loadingTopArtists: false,\n});\n\n// Actions\nexport const actions = {\n  async fetchArtists(options = {}) {\n    state.isLoading = true;\n    try {\n      const artists = await artistStore.read(options);\n      state.artists = artists;\n      return artists;\n    } catch (error) {\n      console.error('Error fetching artists:', error);\n      return [];\n    } finally {\n      state.isLoading = false;\n    }\n  },\n\n  async fetchTopArtists(options = {}) {\n    state.loadingTopArtists = true;\n    try {\n      // Обрабатываем options от Feed компонента\n      const queryOptions = {\n        limit: options.limit || 10,\n        sortParam: options.sortParam || 'popularity',\n        sortOrder: options.sortOrder || 'desc',\n        status: 'published',\n      };\n      \n      // Добавляем дополнительные параметры если есть\n      if (options.skip) queryOptions.skip = options.skip;\n      if (options.search) queryOptions.search = options.search;\n      \n      // Если указан top=true, используем сортировку по популярности\n      if (options.top) {\n        queryOptions.sortParam = 'popularity';\n        queryOptions.sortOrder = 'desc';\n      }\n\n      const artists = await artistStore.read(queryOptions);\n      state.topArtists = artists;\n      return artists;\n    } catch (error) {\n      console.error('Error fetching top artists:', error);\n      return [];\n    } finally {\n      state.loadingTopArtists = false;\n    }\n  },\n\n  async fetchArtistByUrl(url) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/artists/url/${url}`);\n      const artist = await response.json();\n\n      // Fetch artist discography\n      await this.fetchArtistDiscography(artist._id);\n\n      // Fetch related artists\n      await this.fetchRelatedArtists(artist._id);\n\n      // Set artist only after all data is loaded\n      state.currentArtist = artist;\n\n      return artist;\n    } catch (error) {\n      console.error('Error fetching artist by URL:', error);\n      return null;\n    }\n  },\n\n  async fetchArtistDiscography(artistId) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/artists/${artistId}/discography`);\n      const discography = await response.json();\n      state.discography = {\n        albums: discography.albums || [],\n        singles: discography.singles || [],\n        tracks: discography.tracks || [],\n      };\n      return discography;\n    } catch (error) {\n      console.error('Error fetching artist discography:', error);\n      return { albums: [], singles: [], tracks: [] };\n    }\n  },\n\n  async fetchRelatedArtists(artistId) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/artists/${artistId}/related`);\n      const artists = await response.json();\n      state.relatedArtists = artists;\n      return artists;\n    } catch (error) {\n      console.error('Error fetching related artists:', error);\n      return [];\n    }\n  },\n\n  async createArtist(artistData) {\n    try {\n      const createdArtist = await artistStore.create(artistData);\n      // Update local state\n      state.artists.unshift(createdArtist);\n      state.userArtists.unshift(createdArtist);\n      return createdArtist;\n    } catch (error) {\n      console.error('Error creating artist:', error);\n      throw error;\n    }\n  },\n\n  async updateArtist(artistData) {\n    try {\n      const updatedArtist = await artistStore.update(artistData);\n\n      // Update local state\n      const index = state.artists.findIndex(a => a._id === updatedArtist._id);\n      if (index !== -1) {\n        state.artists[index] = updatedArtist;\n      }\n\n      const userIndex = state.userArtists.findIndex(a => a._id === updatedArtist._id);\n      if (userIndex !== -1) {\n        state.userArtists[userIndex] = updatedArtist;\n      }\n\n      if (state.currentArtist && state.currentArtist._id === updatedArtist._id) {\n        state.currentArtist = updatedArtist;\n      }\n\n      return updatedArtist;\n    } catch (error) {\n      console.error('Error updating artist:', error);\n      throw error;\n    }\n  },\n\n  async deleteArtist(artistId) {\n    try {\n      await artistStore.delete({ _id: artistId });\n\n      // Update local state\n      state.artists = state.artists.filter(a => a._id !== artistId);\n      state.userArtists = state.userArtists.filter(a => a._id !== artistId);\n\n      if (state.currentArtist && state.currentArtist._id === artistId) {\n        state.currentArtist = null;\n      }\n\n      return true;\n    } catch (error) {\n      console.error('Error deleting artist:', error);\n      throw error;\n    }\n  },\n\n  async fetchUserArtists(userId) {\n    try {\n      const options = {\n        creator: userId,\n        limit: 100,\n      };\n\n      const artists = await artistStore.read(options);\n\n      console.log('artists is', artists);\n      state.userArtists = artists;\n      console.log('state is', state);\n      return artists;\n    } catch (error) {\n      console.error('Error fetching user artists:', error);\n      return [];\n    }\n  },\n};\n"],"names":[],"mappings":";;AAKA,MAAM,cAAc,IAAI,aAAa,GAAG,QAAQ,IAAI,OAAO,cAAc;AAG7D,MAAC,QAAQ,SAAS;AAAA,EAC5B,SAAS,CAAA;AAAA,EACT,YAAY,CAAA;AAAA,EACZ,aAAa,CAAA;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,IACX,QAAQ,CAAA;AAAA,IACR,SAAS,CAAA;AAAA,IACT,QAAQ,CAAA;AAAA,EACZ;AAAA,EACE,gBAAgB,CAAA;AAAA,EAChB,WAAW;AAAA,EACX,mBAAmB;AACrB,CAAC;AAGW,MAAC,UAAU;AAAA,EACrB,MAAM,aAAa,UAAU,IAAI;AAC/B,UAAM,YAAY;AAClB,QAAI;AACF,YAAM,UAAU,MAAM,YAAY,KAAK,OAAO;AAC9C,YAAM,UAAU;AAChB,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,2BAA2B,KAAK;AAC9C,aAAO,CAAA;AAAA,IACT,UAAC;AACC,YAAM,YAAY;AAAA,IACpB;AAAA,EACF;AAAA,EAEA,MAAM,gBAAgB,UAAU,IAAI;AAClC,UAAM,oBAAoB;AAC1B,QAAI;AAEF,YAAM,eAAe;AAAA,QACnB,OAAO,QAAQ,SAAS;AAAA,QACxB,WAAW,QAAQ,aAAa;AAAA,QAChC,WAAW,QAAQ,aAAa;AAAA,QAChC,QAAQ;AAAA,MAChB;AAGM,UAAI,QAAQ,KAAM,cAAa,OAAO,QAAQ;AAC9C,UAAI,QAAQ,OAAQ,cAAa,SAAS,QAAQ;AAGlD,UAAI,QAAQ,KAAK;AACf,qBAAa,YAAY;AACzB,qBAAa,YAAY;AAAA,MAC3B;AAEA,YAAM,UAAU,MAAM,YAAY,KAAK,YAAY;AACnD,YAAM,aAAa;AACnB,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,+BAA+B,KAAK;AAClD,aAAO,CAAA;AAAA,IACT,UAAC;AACC,YAAM,oBAAoB;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,MAAM,iBAAiB,KAAK;AAC1B,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,IAAI,OAAO,oBAAoB,GAAG,EAAE;AAC5E,YAAM,SAAS,MAAM,SAAS,KAAI;AAGlC,YAAM,KAAK,uBAAuB,OAAO,GAAG;AAG5C,YAAM,KAAK,oBAAoB,OAAO,GAAG;AAGzC,YAAM,gBAAgB;AAEtB,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,iCAAiC,KAAK;AACpD,aAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,MAAM,uBAAuB,UAAU;AACrC,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,IAAI,OAAO,gBAAgB,QAAQ,cAAc;AACzF,YAAM,cAAc,MAAM,SAAS,KAAI;AACvC,YAAM,cAAc;AAAA,QAClB,QAAQ,YAAY,UAAU,CAAA;AAAA,QAC9B,SAAS,YAAY,WAAW,CAAA;AAAA,QAChC,QAAQ,YAAY,UAAU,CAAA;AAAA,MACtC;AACM,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,sCAAsC,KAAK;AACzD,aAAO,EAAE,QAAQ,CAAA,GAAI,SAAS,CAAA,GAAI,QAAQ,GAAE;AAAA,IAC9C;AAAA,EACF;AAAA,EAEA,MAAM,oBAAoB,UAAU;AAClC,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,IAAI,OAAO,gBAAgB,QAAQ,UAAU;AACrF,YAAM,UAAU,MAAM,SAAS,KAAI;AACnC,YAAM,iBAAiB;AACvB,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,mCAAmC,KAAK;AACtD,aAAO,CAAA;AAAA,IACT;AAAA,EACF;AAAA,EAEA,MAAM,aAAa,YAAY;AAC7B,QAAI;AACF,YAAM,gBAAgB,MAAM,YAAY,OAAO,UAAU;AAEzD,YAAM,QAAQ,QAAQ,aAAa;AACnC,YAAM,YAAY,QAAQ,aAAa;AACvC,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,0BAA0B,KAAK;AAC7C,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,MAAM,aAAa,YAAY;AAC7B,QAAI;AACF,YAAM,gBAAgB,MAAM,YAAY,OAAO,UAAU;AAGzD,YAAM,QAAQ,MAAM,QAAQ,UAAU,OAAK,EAAE,QAAQ,cAAc,GAAG;AACtE,UAAI,UAAU,IAAI;AAChB,cAAM,QAAQ,KAAK,IAAI;AAAA,MACzB;AAEA,YAAM,YAAY,MAAM,YAAY,UAAU,OAAK,EAAE,QAAQ,cAAc,GAAG;AAC9E,UAAI,cAAc,IAAI;AACpB,cAAM,YAAY,SAAS,IAAI;AAAA,MACjC;AAEA,UAAI,MAAM,iBAAiB,MAAM,cAAc,QAAQ,cAAc,KAAK;AACxE,cAAM,gBAAgB;AAAA,MACxB;AAEA,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,0BAA0B,KAAK;AAC7C,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,MAAM,aAAa,UAAU;AAC3B,QAAI;AACF,YAAM,YAAY,OAAO,EAAE,KAAK,SAAQ,CAAE;AAG1C,YAAM,UAAU,MAAM,QAAQ,OAAO,OAAK,EAAE,QAAQ,QAAQ;AAC5D,YAAM,cAAc,MAAM,YAAY,OAAO,OAAK,EAAE,QAAQ,QAAQ;AAEpE,UAAI,MAAM,iBAAiB,MAAM,cAAc,QAAQ,UAAU;AAC/D,cAAM,gBAAgB;AAAA,MACxB;AAEA,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,0BAA0B,KAAK;AAC7C,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,MAAM,iBAAiB,QAAQ;AAC7B,QAAI;AACF,YAAM,UAAU;AAAA,QACd,SAAS;AAAA,QACT,OAAO;AAAA,MACf;AAEM,YAAM,UAAU,MAAM,YAAY,KAAK,OAAO;AAE9C,cAAQ,IAAI,cAAc,OAAO;AACjC,YAAM,cAAc;AACpB,cAAQ,IAAI,YAAY,KAAK;AAC7B,aAAO;AAAA,IACT,SAAS,OAAO;AACd,cAAQ,MAAM,gCAAgC,KAAK;AACnD,aAAO,CAAA;AAAA,IACT;AAAA,EACF;AACF;"}

package/dist/martyrs/src/modules/music/store/genres.js

@@ -1,6 +1,6 @@
-import Store from "../../core/views/classes/core.store.js";
+import StoreManager from "../../core/views/classes/store.manager.js";
 import { reactive } from "vue";
-const genreStore = new Store(`${process.env.API_URL}/api/genres`);
+const genreStore = new StoreManager(`${process.env.API_URL}/api/genres`);
 const state = reactive({
   genres: [],
   popularGenres: [],

package/dist/martyrs/src/modules/music/store/genres.js.map

@@ -1 +1 @@
-{"version":3,"file":"genres.js","sources":["../../../../../../src/modules/music/store/genres.js"],"sourcesContent":["// store/genres.js\nimport Store from '@martyrs/src/modules/core/views/classes/core.store.js';\nimport { reactive } from 'vue';\n\n// Create store instance\nconst genreStore = new Store(`${process.env.API_URL}/api/genres`);\n\n// State\nexport const state = reactive({\n  genres: [],\n  popularGenres: [],\n  currentGenre: null,\n  genreTracks: [],\n  isLoading: false,\n  loadingPopular: false,\n});\n\n// Actions\nexport const actions = {\n  async fetchGenres(options = {}) {\n    state.isLoading = true;\n    try {\n      const genres = await genreStore.read(options);\n      state.genres = genres;\n      return genres;\n    } catch (error) {\n      console.error('Error fetching genres:', error);\n      return [];\n    } finally {\n      state.isLoading = false;\n    }\n  },\n\n  async fetchPopularGenres(options = {}) {\n    state.loadingPopular = true;\n    try {\n      // Обрабатываем options от Feed компонента\n      const queryOptions = {\n        limit: options.limit || 10,\n        sortParam: options.sortParam || 'popularity',\n        sortOrder: options.sortOrder || 'desc',\n        status: 'published',\n      };\n      \n      // Добавляем дополнительные параметры если есть\n      if (options.skip) queryOptions.skip = options.skip;\n      if (options.search) queryOptions.search = options.search;\n      \n      // Если указан popular=true, используем сортировку по популярности\n      if (options.popular) {\n        queryOptions.sortParam = 'popularity';\n        queryOptions.sortOrder = 'desc';\n      }\n\n      const genres = await genreStore.read(queryOptions);\n      state.popularGenres = genres;\n      return genres;\n    } catch (error) {\n      console.error('Error fetching popular genres:', error);\n      return [];\n    } finally {\n      state.loadingPopular = false;\n    }\n  },\n\n  async fetchGenreByUrl(url) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/genres/url/${url}`);\n      const genre = await response.json();\n      state.currentGenre = genre;\n\n      // Fetch genre tracks\n      await this.fetchGenreTracks(genre._id);\n\n      return genre;\n    } catch (error) {\n      console.error('Error fetching genre by URL:', error);\n      return null;\n    }\n  },\n\n  async fetchGenreTracks(genreId) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/genres/${genreId}/tracks`);\n      const tracks = await response.json();\n      state.genreTracks = tracks;\n      return tracks;\n    } catch (error) {\n      console.error('Error fetching genre tracks:', error);\n      return [];\n    }\n  },\n\n  async createGenre(genreData) {\n    try {\n      const createdGenre = await genreStore.create(genreData);\n      // Update local state\n      state.genres.unshift(createdGenre);\n      return createdGenre;\n    } catch (error) {\n      console.error('Error creating genre:', error);\n      throw error;\n    }\n  },\n\n  async updateGenre(genreData) {\n    try {\n      const updatedGenre = await genreStore.update(genreData);\n\n      // Update local state\n      const index = state.genres.findIndex(g => g._id === updatedGenre._id);\n      if (index !== -1) {\n        state.genres[index] = updatedGenre;\n      }\n\n      const popularIndex = state.popularGenres.findIndex(g => g._id === updatedGenre._id);\n      if (popularIndex !== -1) {\n        state.popularGenres[popularIndex] = updatedGenre;\n      }\n\n      if (state.currentGenre && state.currentGenre._id === updatedGenre._id) {\n        state.currentGenre = updatedGenre;\n      }\n\n      return updatedGenre;\n    } catch (error) {\n      console.error('Error updating genre:', error);\n      throw error;\n    }\n  },\n\n  async deleteGenre(genreId) {\n    try {\n      await genreStore.delete({ _id: genreId });\n\n      // Update local state\n      state.genres = state.genres.filter(g => g._id !== genreId);\n      state.popularGenres = state.popularGenres.filter(g => g._id !== genreId);\n\n      if (state.currentGenre && state.currentGenre._id === genreId) {\n        state.currentGenre = null;\n      }\n\n      return true;\n    } catch (error) {\n      console.error('Error deleting genre:', error);\n      throw error;\n    }\n  },\n};"],"names":[],"mappings":"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"}
+{"version":3,"file":"genres.js","sources":["../../../../../../src/modules/music/store/genres.js"],"sourcesContent":["// store/genres.js\nimport StoreManager from '@martyrs/src/modules/core/views/classes/store.manager.js';\nimport { reactive } from 'vue';\n\n// Create store instance\nconst genreStore = new StoreManager(`${process.env.API_URL}/api/genres`);\n\n// State\nexport const state = reactive({\n  genres: [],\n  popularGenres: [],\n  currentGenre: null,\n  genreTracks: [],\n  isLoading: false,\n  loadingPopular: false,\n});\n\n// Actions\nexport const actions = {\n  async fetchGenres(options = {}) {\n    state.isLoading = true;\n    try {\n      const genres = await genreStore.read(options);\n      state.genres = genres;\n      return genres;\n    } catch (error) {\n      console.error('Error fetching genres:', error);\n      return [];\n    } finally {\n      state.isLoading = false;\n    }\n  },\n\n  async fetchPopularGenres(options = {}) {\n    state.loadingPopular = true;\n    try {\n      // Обрабатываем options от Feed компонента\n      const queryOptions = {\n        limit: options.limit || 10,\n        sortParam: options.sortParam || 'popularity',\n        sortOrder: options.sortOrder || 'desc',\n        status: 'published',\n      };\n      \n      // Добавляем дополнительные параметры если есть\n      if (options.skip) queryOptions.skip = options.skip;\n      if (options.search) queryOptions.search = options.search;\n      \n      // Если указан popular=true, используем сортировку по популярности\n      if (options.popular) {\n        queryOptions.sortParam = 'popularity';\n        queryOptions.sortOrder = 'desc';\n      }\n\n      const genres = await genreStore.read(queryOptions);\n      state.popularGenres = genres;\n      return genres;\n    } catch (error) {\n      console.error('Error fetching popular genres:', error);\n      return [];\n    } finally {\n      state.loadingPopular = false;\n    }\n  },\n\n  async fetchGenreByUrl(url) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/genres/url/${url}`);\n      const genre = await response.json();\n      state.currentGenre = genre;\n\n      // Fetch genre tracks\n      await this.fetchGenreTracks(genre._id);\n\n      return genre;\n    } catch (error) {\n      console.error('Error fetching genre by URL:', error);\n      return null;\n    }\n  },\n\n  async fetchGenreTracks(genreId) {\n    try {\n      const response = await fetch(`${process.env.API_URL}/api/genres/${genreId}/tracks`);\n      const tracks = await response.json();\n      state.genreTracks = tracks;\n      return tracks;\n    } catch (error) {\n      console.error('Error fetching genre tracks:', error);\n      return [];\n    }\n  },\n\n  async createGenre(genreData) {\n    try {\n      const createdGenre = await genreStore.create(genreData);\n      // Update local state\n      state.genres.unshift(createdGenre);\n      return createdGenre;\n    } catch (error) {\n      console.error('Error creating genre:', error);\n      throw error;\n    }\n  },\n\n  async updateGenre(genreData) {\n    try {\n      const updatedGenre = await genreStore.update(genreData);\n\n      // Update local state\n      const index = state.genres.findIndex(g => g._id === updatedGenre._id);\n      if (index !== -1) {\n        state.genres[index] = updatedGenre;\n      }\n\n      const popularIndex = state.popularGenres.findIndex(g => g._id === updatedGenre._id);\n      if (popularIndex !== -1) {\n        state.popularGenres[popularIndex] = updatedGenre;\n      }\n\n      if (state.currentGenre && state.currentGenre._id === updatedGenre._id) {\n        state.currentGenre = updatedGenre;\n      }\n\n      return updatedGenre;\n    } catch (error) {\n      console.error('Error updating genre:', error);\n      throw error;\n    }\n  },\n\n  async deleteGenre(genreId) {\n    try {\n      await genreStore.delete({ _id: genreId });\n\n      // Update local state\n      state.genres = state.genres.filter(g => g._id !== genreId);\n      state.popularGenres = state.popularGenres.filter(g => g._id !== genreId);\n\n      if (state.currentGenre && state.currentGenre._id === genreId) {\n        state.currentGenre = null;\n      }\n\n      return true;\n    } catch (error) {\n      console.error('Error deleting genre:', error);\n      throw error;\n    }\n  },\n};"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/music/store/player.js

@@ -1,4 +1,4 @@
-import globalWebSocket from "../../core/views/classes/core.websocket.js";
+import { wsManager } from "../../core/views/classes/ws.manager.js";
 import { reactive } from "vue";
 const state = reactive({
   currentTrack: null,
@@ -72,10 +72,10 @@ const actions = {
       });
     }
     console.log("Player: Attempting to log play event for track:", track._id);
-    console.log("Player: WebSocket connected?", globalWebSocket.isSocketConnected());
-    if (globalWebSocket.isSocketConnected()) {
+    console.log("Player: WebSocket connected?", wsManager.isSocketConnected());
+    if (wsManager.isSocketConnected()) {
       console.log("Player: Sending startPlaying event via WebSocket");
-      globalWebSocket.send({
+      wsManager.send({
         module: "music-streaming",
         action: "startPlaying",
         data: {
@@ -237,28 +237,28 @@ const actions = {
   // Listening party features
   joinListeningParty(partyId) {
     state.listeningPartyId = partyId;
-    if (globalWebSocket.isSocketConnected()) {
-      globalWebSocket.send({
+    if (wsManager.isSocketConnected()) {
+      wsManager.send({
         module: "music-streaming",
         action: "joinListeningParty",
         data: { partyId }
       });
-      globalWebSocket.addEventListener("partyPlaybackSync", this.handlePartySync.bind(this), {
+      wsManager.addEventListener("partyPlaybackSync", this.handlePartySync.bind(this), {
         module: "music-streaming"
       });
     }
   },
   leaveListeningParty() {
     state.listeningPartyId = null;
-    if (globalWebSocket.isSocketConnected()) {
-      globalWebSocket.removeEventListener("partyPlaybackSync");
+    if (wsManager.isSocketConnected()) {
+      wsManager.removeEventListener("partyPlaybackSync");
     }
   },
   syncPartyPlayback() {
-    if (!state.listeningPartyId || !state.currentTrack || !globalWebSocket.isSocketConnected()) {
+    if (!state.listeningPartyId || !state.currentTrack || !wsManager.isSocketConnected()) {
       return;
     }
-    globalWebSocket.send({
+    wsManager.send({
       module: "music-streaming",
       action: "syncPartyPlayback",
       data: {