@ozdao/martyrs 0.2.485 → 0.2.487

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

@@ -0,0 +1,111 @@
+import { ref, computed, onMounted, watch, createElementBlock, openBlock, createVNode, createElementVNode, createCommentVNode, toDisplayString, withCtx, Fragment, renderList, createBlock } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import Loader from "../../../../components/Loader/Loader.vue2.js";
+/* empty css                                        */
+/* empty css                                            */
+/* empty css                                      */
+import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
+import TrackCard from "../cards/TrackCard.vue.js";
+import { state, actions } from "../../store/tracks.js";
+import "../../store/player.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+const _hoisted_1 = { class: "track-page" };
+const _hoisted_2 = {
+  key: 0,
+  class: "w-100 h-25r flex-center flex"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "t-center pd-big"
+};
+const _hoisted_4 = { key: 2 };
+const _hoisted_5 = {
+  key: 0,
+  class: "track-lyrics mn-b-medium pd-medium bg-dark-transp-10 radius-medium"
+};
+const _hoisted_6 = { class: "t-grey" };
+const _hoisted_7 = {
+  key: 1,
+  class: "related-tracks mn-b-medium"
+};
+const _sfc_main = {
+  __name: "Track",
+  setup(__props) {
+    const route = useRoute();
+    useRouter();
+    const isLoading = ref(true);
+    ref(false);
+    ref(false);
+    ref(false);
+    const track = computed(() => state.currentTrack);
+    const relatedTracks = computed(() => state.relatedTracks);
+    computed(() => {
+      var _a, _b, _c;
+      return ((_b = (_a = track.value) == null ? void 0 : _a.owner) == null ? void 0 : _b.target) === ((_c = state$1.user) == null ? void 0 : _c._id);
+    });
+    const fetchTrackData = async () => {
+      isLoading.value = true;
+      try {
+        await actions.fetchTrackByUrl(route.params.url);
+        await actions.fetchRelatedTracks(route.params.url);
+      } catch (error) {
+        console.error("Error loading track:", error);
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    onMounted(fetchTrackData);
+    watch(() => route.params.url, fetchTrackData);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(Loader)
+        ])) : !track.value ? (openBlock(), createElementBlock("div", _hoisted_3, _cache[0] || (_cache[0] = [
+          createElementVNode("h2", { class: "" }, "Track not found", -1),
+          createElementVNode("p", { class: "t-grey t-medium" }, "The track you're looking for doesn't exist or has been removed.", -1)
+        ]))) : (openBlock(), createElementBlock("div", _hoisted_4, [
+          track.value.lyrics ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            _cache[1] || (_cache[1] = createElementVNode("h2", { class: "mn-b-small" }, "Lyrics", -1)),
+            createElementVNode("pre", _hoisted_6, toDisplayString(track.value.lyrics), 1)
+          ])) : createCommentVNode("", true),
+          relatedTracks.value.length ? (openBlock(), createElementBlock("section", _hoisted_7, [
+            _cache[2] || (_cache[2] = createElementVNode("h2", { class: "mn-b-small" }, "Related Tracks", -1)),
+            createVNode(_sfc_main$1, {
+              store: {
+                read: () => _ctx.Promise.resolve(relatedTracks.value.value),
+                state: { isLoading: false }
+              },
+              external: true,
+              items: relatedTracks.value,
+              states: {
+                empty: {
+                  title: "No related tracks",
+                  description: "Check back later for recommendations",
+                  class: "pd-medium bg-dark-transp-10 radius-medium"
+                }
+              },
+              class: "gap-thin"
+            }, {
+              default: withCtx(({ items }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (relatedTrack) => {
+                  return openBlock(), createBlock(TrackCard, {
+                    key: relatedTrack._id,
+                    track: relatedTrack,
+                    showAlbum: true,
+                    showCover: true,
+                    class: "w-100 bg-dark-transp-10 radius-medium"
+                  }, null, 8, ["track"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store", "items"])
+          ])) : createCommentVNode("", true)
+        ]))
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Track.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Track.vue.js","sources":["../../../../../../../src/modules/music/components/pages/Track.vue"],"sourcesContent":["<!-- components/pages/Track.vue -->\n<template>\n  <div class=\"track-page\">\n    <!-- Loading -->\n    <div v-if=\"isLoading\" class=\"w-100 h-25r flex-center flex\">\n      <Loader />\n    </div>\n\n    <!-- Not Found -->\n    <div v-else-if=\"!track\" class=\"t-center pd-big\">\n      <h2 class=\"\">Track not found</h2>\n      <p class=\"t-grey t-medium\">The track you're looking for doesn't exist or has been removed.</p>\n    </div>\n\n    <!-- Track Content -->\n    <div v-else>\n      <!-- ... [HEADER + ACTIONS as you posted] -->\n\n      <!-- Track Lyrics -->\n      <div v-if=\"track.lyrics\" class=\"track-lyrics mn-b-medium pd-medium bg-dark-transp-10 radius-medium\">\n        <h2 class=\" mn-b-small\">Lyrics</h2>\n        <pre class=\"t-grey\">{{ track.lyrics }}</pre>\n      </div>\n\n      <!-- Related Tracks -->\n      <section v-if=\"relatedTracks.length\" class=\"related-tracks mn-b-medium\">\n        <h2 class=\" mn-b-small\">Related Tracks</h2>\n        <Feed\n          :store=\"{\n            read: () => Promise.resolve(relatedTracks.value),\n            state: { isLoading: false }\n          }\"\n          :external=\"true\"\n          :items=\"relatedTracks\"\n          :states=\"{\n            empty: {\n              title: 'No related tracks',\n              description: 'Check back later for recommendations',\n              class: 'pd-medium bg-dark-transp-10 radius-medium'\n            }\n          }\"\n          class=\"gap-thin\"\n        >\n          <template #default=\"{ items }\">\n            <TrackCard\n              v-for=\"relatedTrack in items\"\n              :key=\"relatedTrack._id\"\n              :track=\"relatedTrack\"\n              :showAlbum=\"true\"\n              :showCover=\"true\"\n              class=\"w-100 bg-dark-transp-10 radius-medium\"\n            />\n          </template>\n        </Feed>\n      </section>\n\n      <!-- Add to Playlist Modal -->\n      <!-- <Popup \n        v-if=\"showAddToPlaylistModal\" \n        @close-popup=\"showAddToPlaylistModal = false\" \n        class=\"bg-dark pd-small w-m-25r radius-medium \"\n      >\n        <h3 class=\"mn-b-medium\">Add to Playlist</h3>\n        <PlaylistSelector \n          :trackId=\"track._id\" \n          @added=\"showAddToPlaylistModal = false\"\n        />\n      </Popup> -->\n    </div>\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 Popup from '@martyrs/src/components/Popup/Popup.vue';\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 Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport TrackCard from '../cards/TrackCard.vue';\n// import PlaylistSelector from '../forms/PlaylistSelector.vue';\n\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';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst isLoading = ref(true);\nconst showDropdown = ref(false);\nconst showAddToPlaylistModal = ref(false);\nconst isFavorite = ref(false);\n\nconst track = computed(() => tracksState.currentTrack);\nconst relatedTracks = computed(() => tracksState.relatedTracks);\n\nconst isOwner = computed(() => {\n  return track.value?.owner?.target === authState.user?._id;\n});\n\nconst getArtistName = (track) => {\n  if (!track || !track.artist) return 'Unknown';\n  return typeof track.artist === 'object' ? track.artist.name : 'Unknown';\n};\n\nconst formatReleaseYear = (date) => {\n  return date ? new Date(date).getFullYear() : 'Unknown';\n};\n\nconst playTrack = () => {\n  if (track.value) {\n    playerActions.setQueue([track.value]);\n  }\n};\n\nconst toggleFavorite = () => {\n  isFavorite.value = !isFavorite.value;\n  // You can implement actual saving here\n};\n\nconst addToQueue = () => {\n  if (track.value) {\n    playerActions.addToQueue(track.value);\n  }\n};\n\nconst editTrack = () => {\n  router.push({ name: 'track-edit', params: { url: track.value.url } });\n};\n\nconst deleteTrack = async () => {\n  try {\n    await tracksActions.deleteTrack(track.value._id);\n    router.push({ name: 'music-library' });\n  } catch (error) {\n    console.error('Failed to delete track:', error);\n  }\n};\n\nconst copyLink = () => {\n  navigator.clipboard.writeText(window.location.href);\n  showDropdown.value = false;\n};\n\nconst fetchTrackData = async () => {\n  isLoading.value = true;\n  try {\n    await tracksActions.fetchTrackByUrl(route.params.url);\n    await tracksActions.fetchRelatedTracks(route.params.url);\n  } catch (error) {\n    console.error('Error loading track:', error);\n  } finally {\n    isLoading.value = false;\n  }\n};\n\nonMounted(fetchTrackData);\nwatch(() => route.params.url, fetchTrackData);\n</script>\n"],"names":["tracksState","authState","tracksActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FA,UAAM,QAAQ,SAAU;AACT,cAAS;AAExB,UAAM,YAAY,IAAI,IAAI;AACL,QAAI,KAAK;AACC,QAAI,KAAK;AACrB,QAAI,KAAK;AAE5B,UAAM,QAAQ,SAAS,MAAMA,MAAY,YAAY;AACrD,UAAM,gBAAgB,SAAS,MAAMA,MAAY,aAAa;AAE9C,aAAS,MAAM;;AAC7B,eAAO,iBAAM,UAAN,mBAAa,UAAb,mBAAoB,cAAWC,aAAU,SAAVA,mBAAgB;AAAA,IACxD,CAAC;AA8CD,UAAM,iBAAiB,YAAY;AACjC,gBAAU,QAAQ;AAClB,UAAI;AACF,cAAMC,QAAc,gBAAgB,MAAM,OAAO,GAAG;AACpD,cAAMA,QAAc,mBAAmB,MAAM,OAAO,GAAG;AAAA,MACxD,SAAQ,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC/C,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEA,cAAU,cAAc;AACxB,UAAM,MAAM,MAAM,OAAO,KAAK,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+;/* empty css                                         */
+;/* empty css                                          */
+const TrackForm = require("../forms/TrackForm.vue.cjs");
+require("../../../auth/views/store/auth.cjs");
+const _hoisted_1 = { class: "track-create-page" };
+const _sfc_main = {
+  __name: "TrackCreate",
+  setup(__props) {
+    const router = vueRouter.useRouter();
+    const onTrackUploaded = (track) => {
+      router.push({ name: "track", params: { url: track.url } });
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(TrackForm.default, {
+          editMode: false,
+          onUploaded: onTrackUploaded
+        })
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=TrackCreate.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrackCreate.vue.cjs","sources":["../../../../../../../src/modules/music/components/pages/TrackCreate.vue"],"sourcesContent":["<!-- components/pages/TrackCreate.vue -->\n<template>\n  <div class=\"track-create-page\">\n    <TrackForm :editMode=\"false\" @uploaded=\"onTrackUploaded\" />\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRouter } from 'vue-router';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport TrackForm from '../forms/TrackForm.vue';\n\n// Import auth store\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst router = useRouter();\n\nconst onTrackUploaded = (track) => {\n  // Navigate to the uploaded track's detail page\n  router.push({ name: 'track', params: { url: track.url } });\n};\n</script>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;AAgBA,UAAM,SAASA,UAAAA,UAAW;AAE1B,UAAM,kBAAkB,CAAC,UAAU;AAEjC,aAAO,KAAK,EAAE,MAAM,SAAS,QAAQ,EAAE,KAAK,MAAM,IAAG,GAAI;AAAA,IAC3D;;;;;;;;;;;;"}

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

@@ -0,0 +1,28 @@
+import { createElementBlock, openBlock, createVNode } from "vue";
+import { useRouter } from "vue-router";
+/* empty css                                       */
+/* empty css                                        */
+import _sfc_main$1 from "../forms/TrackForm.vue.js";
+import "../../../auth/views/store/auth.js";
+const _hoisted_1 = { class: "track-create-page" };
+const _sfc_main = {
+  __name: "TrackCreate",
+  setup(__props) {
+    const router = useRouter();
+    const onTrackUploaded = (track) => {
+      router.push({ name: "track", params: { url: track.url } });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          editMode: false,
+          onUploaded: onTrackUploaded
+        })
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TrackCreate.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrackCreate.vue.js","sources":["../../../../../../../src/modules/music/components/pages/TrackCreate.vue"],"sourcesContent":["<!-- components/pages/TrackCreate.vue -->\n<template>\n  <div class=\"track-create-page\">\n    <TrackForm :editMode=\"false\" @uploaded=\"onTrackUploaded\" />\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRouter } from 'vue-router';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport TrackForm from '../forms/TrackForm.vue';\n\n// Import auth store\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst router = useRouter();\n\nconst onTrackUploaded = (track) => {\n  // Navigate to the uploaded track's detail page\n  router.push({ name: 'track', params: { url: track.url } });\n};\n</script>"],"names":[],"mappings":";;;;;;;;;;AAgBA,UAAM,SAAS,UAAW;AAE1B,UAAM,kBAAkB,CAAC,UAAU;AAEjC,aAAO,KAAK,EAAE,MAAM,SAAS,QAAQ,EAAE,KAAK,MAAM,IAAG,GAAI;AAAA,IAC3D;;;;;;;;;;;"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const TrackForm = require("../forms/TrackForm.vue.cjs");
+const _sfc_main = {
+  __name: "TrackEdit",
+  props: {
+    url: {
+      type: String,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(TrackForm.default, {
+        editMode: true,
+        url: __props.url
+      }, null, 8, ["url"]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=TrackEdit.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrackEdit.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,23 @@
+import { createBlock, openBlock } from "vue";
+import _sfc_main$1 from "../forms/TrackForm.vue.js";
+const _sfc_main = {
+  __name: "TrackEdit",
+  props: {
+    url: {
+      type: String,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        editMode: true,
+        url: __props.url
+      }, null, 8, ["url"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TrackEdit.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrackEdit.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,227 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Media = require("../../../../components/Media/Media.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const TrackProgress = require("./TrackProgress.vue.cjs");
+const VolumeControl = require("./VolumeControl.vue.cjs");
+const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");
+const IconPause = require("../../../icons/navigation/IconPause.vue.cjs");
+const IconChevronRight = require("../../../icons/navigation/IconChevronRight.vue.cjs");
+const IconChevronLeft = require("../../../icons/navigation/IconChevronLeft.vue.cjs");
+const IconShuffle = require("../../../icons/navigation/IconShuffle.vue.cjs");
+const IconRefresh = require("../../../icons/navigation/IconRefresh.vue.cjs");
+const IconLike = require("../../../icons/navigation/IconLike.vue.cjs");
+const IconVolume = require("../../../icons/navigation/IconVolume.vue.cjs");
+const IconMute = require("../../../icons/navigation/IconMute.vue.cjs");
+const player = require("../../store/player.cjs");
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "music-player pd-small flex-between flex-v-center flex bg-dark br-t br-solid br-dark-transp-20" };
+const _hoisted_2 = { class: "player-track-info flex-v-center flex w-25r" };
+const _hoisted_3 = {
+  key: 0,
+  class: "player-track-cover mn-r-small"
+};
+const _hoisted_4 = { class: "player-track-details t-truncate" };
+const _hoisted_5 = { class: "player-track-title t-medium t-truncate" };
+const _hoisted_6 = { class: "player-track-artist t-grey t-small t-truncate" };
+const _hoisted_7 = { class: "player-favorite mn-l-small" };
+const _hoisted_8 = { class: "player-controls flex-1 flex flex-column items-center" };
+const _hoisted_9 = { class: "player-buttons flex-v-center flex gap-small" };
+const _hoisted_10 = { class: "player-volume flex-v-center flex w-15r" };
+const _sfc_main = {
+  __name: "MusicPlayer",
+  setup(__props) {
+    const isFavorite = vue.ref(false);
+    const currentTrack = vue.computed(() => player.state.currentTrack);
+    const isPlaying = vue.computed(() => player.state.isPlaying);
+    const volume = vue.computed(() => player.state.volume);
+    const muted = vue.computed(() => player.state.muted);
+    const shuffle = vue.computed(() => player.state.shuffle);
+    const repeat = vue.computed(() => player.state.repeat);
+    const repeatIcon = vue.computed(() => {
+      switch (repeat.value) {
+        case "one":
+          return "rgb(var(--main))";
+        case "all":
+          return "rgb(var(--main))";
+        default:
+          return "rgb(var(--grey))";
+      }
+    });
+    const togglePlay = () => {
+      player.actions.togglePlay();
+    };
+    const playNext = () => {
+      player.actions.playNext();
+    };
+    const playPrevious = () => {
+      player.actions.playPrevious();
+    };
+    const toggleShuffle = () => {
+      player.actions.toggleShuffle();
+    };
+    const toggleRepeat = () => {
+      player.actions.toggleRepeat();
+    };
+    const toggleMute = () => {
+      player.actions.toggleMute();
+    };
+    const toggleFavorite = () => {
+      isFavorite.value = !isFavorite.value;
+    };
+    const getArtistName = (track) => {
+      if (!track) return "Unknown Artist";
+      if (track.artist) {
+        if (typeof track.artist === "object") {
+          return track.artist.name || "Unknown Artist";
+        }
+        return track.artist;
+      }
+      return "Unknown Artist";
+    };
+    return (_ctx, _cache) => {
+      var _a;
+      const _component_IconVolumeHalf = vue.resolveComponent("IconVolumeHalf");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          currentTrack.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            vue.createVNode(Media.default, {
+              url: currentTrack.value.coverUrl || currentTrack.value.album && currentTrack.value.album.coverUrl || "/assets/placeholder-track.jpg",
+              class: "w-3r h-3r object-fit-cover radius-small"
+            }, null, 8, ["url"])
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(((_a = currentTrack.value) == null ? void 0 : _a.title) || "No track playing"), 1),
+            vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(getArtistName(currentTrack.value)), 1)
+          ]),
+          vue.createElementVNode("div", _hoisted_7, [
+            vue.createVNode(Button.default, {
+              onClick: toggleFavorite,
+              class: "bg-transparent border-none pd-zero",
+              showLoader: false,
+              showSucces: false
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(IconLike.default, {
+                  class: "i-small",
+                  fill: isFavorite.value ? "rgb(var(--main))" : "rgb(var(--grey))"
+                }, null, 8, ["fill"])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_8, [
+          vue.createElementVNode("div", _hoisted_9, [
+            vue.createVNode(Button.default, {
+              onClick: toggleShuffle,
+              class: "bg-transparent border-none pd-zero",
+              showLoader: false,
+              showSucces: false
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(IconShuffle.default, {
+                  class: "i-small",
+                  fill: shuffle.value ? "rgb(var(--main))" : "rgb(var(--grey))"
+                }, null, 8, ["fill"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(Button.default, {
+              onClick: playPrevious,
+              class: "bg-transparent border-none pd-zero",
+              showLoader: false,
+              showSucces: false
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(IconChevronLeft.default, {
+                  class: "i-small",
+                  fill: "rgb(var(--white))"
+                })
+              ]),
+              _: 1
+            }),
+            vue.createVNode(Button.default, {
+              onClick: togglePlay,
+              class: "play-pause-btn bg-white radius-round pd-micro flex-center flex",
+              showLoader: false,
+              showSucces: false
+            }, {
+              default: vue.withCtx(() => [
+                isPlaying.value ? (vue.openBlock(), vue.createBlock(IconPause.default, {
+                  key: 0,
+                  class: "i-medium",
+                  fill: "rgb(var(--black))"
+                })) : (vue.openBlock(), vue.createBlock(IconPlay.default, {
+                  key: 1,
+                  class: "i-medium",
+                  fill: "rgb(var(--black))"
+                }))
+              ]),
+              _: 1
+            }),
+            vue.createVNode(Button.default, {
+              onClick: playNext,
+              class: "bg-transparent border-none pd-zero",
+              showLoader: false,
+              showSucces: false
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(IconChevronRight.default, {
+                  class: "i-small",
+                  fill: "rgb(var(--white))"
+                })
+              ]),
+              _: 1
+            }),
+            vue.createVNode(Button.default, {
+              onClick: toggleRepeat,
+              class: "bg-transparent border-none pd-zero",
+              showLoader: false,
+              showSucces: false
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(IconRefresh.default, {
+                  class: "i-small",
+                  fill: repeatIcon.value
+                }, null, 8, ["fill"])
+              ]),
+              _: 1
+            })
+          ]),
+          vue.createVNode(TrackProgress.default, { class: "w-100 mn-t-thin" })
+        ]),
+        vue.createElementVNode("div", _hoisted_10, [
+          vue.createVNode(Button.default, {
+            onClick: toggleMute,
+            class: "bg-transparent border-none pd-zero mn-r-small",
+            showLoader: false,
+            showSucces: false
+          }, {
+            default: vue.withCtx(() => [
+              !muted.value && volume.value > 0.5 ? (vue.openBlock(), vue.createBlock(IconVolume.default, {
+                key: 0,
+                class: "i-small",
+                fill: "rgb(var(--white))"
+              })) : !muted.value && volume.value > 0 ? (vue.openBlock(), vue.createBlock(_component_IconVolumeHalf, {
+                key: 1,
+                class: "i-small",
+                fill: "rgb(var(--white))"
+              })) : (vue.openBlock(), vue.createBlock(IconMute.default, {
+                key: 2,
+                class: "i-small",
+                fill: "rgb(var(--white))"
+              }))
+            ]),
+            _: 1
+          }),
+          vue.createVNode(VolumeControl.default)
+        ])
+      ]);
+    };
+  }
+};
+const MusicPlayer = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-f19b93ab"]]);
+exports.default = MusicPlayer;
+//# sourceMappingURL=MusicPlayer.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MusicPlayer.vue.cjs","sources":["../../../../../../../src/modules/music/components/player/MusicPlayer.vue"],"sourcesContent":["<!-- components/player/MusicPlayer.vue -->\n<template>\n  <div class=\"music-player pd-small flex-between flex-v-center flex bg-dark br-t br-solid br-dark-transp-20 \">\n    <!-- Current Track Info -->\n    <div class=\"player-track-info flex-v-center flex w-25r\">\n      <div v-if=\"currentTrack\" class=\"player-track-cover mn-r-small\">\n        <Media \n          :url=\"currentTrack.coverUrl || (currentTrack.album && currentTrack.album.coverUrl) || '/assets/placeholder-track.jpg'\" \n          class=\"w-3r h-3r object-fit-cover radius-small\"\n        />\n      </div>\n      \n      <div class=\"player-track-details t-truncate\">\n        <div class=\"player-track-title  t-medium t-truncate\">\n          {{ currentTrack?.title || 'No track playing' }}\n        </div>\n        <div class=\"player-track-artist t-grey t-small t-truncate\">\n          {{ getArtistName(currentTrack) }}\n        </div>\n      </div>\n      \n      <div class=\"player-favorite mn-l-small\">\n        <Button \n          @click=\"toggleFavorite\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconLike class=\"i-small\" :fill=\"isFavorite ? 'rgb(var(--main))' : 'rgb(var(--grey))'\"/>\n        </Button>\n      </div>\n    </div>\n    \n    <!-- Player Controls -->\n    <div class=\"player-controls flex-1 flex flex-column items-center\">\n      <div class=\"player-buttons flex-v-center flex gap-small\">\n        <Button \n          @click=\"toggleShuffle\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconShuffle class=\"i-small\" :fill=\"shuffle ? 'rgb(var(--main))' : 'rgb(var(--grey))'\"/>\n        </Button>\n        \n        <Button \n          @click=\"playPrevious\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconPrevious class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        </Button>\n        \n        <Button \n          @click=\"togglePlay\" \n          class=\"play-pause-btn bg-white radius-round pd-micro flex-center flex\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconPause v-if=\"isPlaying\" class=\"i-medium\" fill=\"rgb(var(--black))\"/>\n          <IconPlay v-else class=\"i-medium\" fill=\"rgb(var(--black))\"/>\n        </Button>\n        \n        <Button \n          @click=\"playNext\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconNext class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        </Button>\n        \n        <Button \n          @click=\"toggleRepeat\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconRepeat class=\"i-small\" :fill=\"repeatIcon\"/>\n        </Button>\n      </div>\n      \n      <TrackProgress class=\"w-100 mn-t-thin\" />\n    </div>\n    \n    <!-- Volume Control -->\n    <div class=\"player-volume flex-v-center flex w-15r\">\n      <Button \n        @click=\"toggleMute\" \n        class=\"bg-transparent border-none pd-zero mn-r-small\"\n        :showLoader=\"false\" \n        :showSucces=\"false\"\n      >\n        <IconVolume v-if=\"!muted && volume > 0.5\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        <IconVolumeHalf v-else-if=\"!muted && volume > 0\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        <IconVolumeMute v-else class=\"i-small\" fill=\"rgb(var(--white))\"/>\n      </Button>\n      \n      <VolumeControl />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref } from 'vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport TrackProgress from './TrackProgress.vue';\nimport VolumeControl from './VolumeControl.vue';\n\n// Import icons\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\nimport IconNext from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport IconPrevious from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\nimport IconRepeat from '@martyrs/src/modules/icons/navigation/IconRefresh.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconVolume from '@martyrs/src/modules/icons/navigation/IconVolume.vue';\n// import IconVolumeHalf from '@martyrs/src/modules/icons/navigation/IconVolume.vue'; // Using same icon but we'd style it differently\nimport IconVolumeMute from '@martyrs/src/modules/icons/navigation/IconMute.vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// State\nconst isFavorite = ref(false);\n\n// Computed properties\nconst currentTrack = computed(() => playerState.currentTrack);\nconst isPlaying = computed(() => playerState.isPlaying);\nconst volume = computed(() => playerState.volume);\nconst muted = computed(() => playerState.muted);\nconst shuffle = computed(() => playerState.shuffle);\nconst repeat = computed(() => playerState.repeat);\n\nconst repeatIcon = computed(() => {\n  switch(repeat.value) {\n    case 'one':\n      return 'rgb(var(--main))';\n    case 'all':\n      return 'rgb(var(--main))';\n    default:\n      return 'rgb(var(--grey))';\n  }\n});\n\n// Methods\nconst togglePlay = () => {\n  playerActions.togglePlay();\n};\n\nconst playNext = () => {\n  playerActions.playNext();\n};\n\nconst playPrevious = () => {\n  playerActions.playPrevious();\n};\n\nconst toggleShuffle = () => {\n  playerActions.toggleShuffle();\n};\n\nconst toggleRepeat = () => {\n  playerActions.toggleRepeat();\n};\n\nconst toggleMute = () => {\n  playerActions.toggleMute();\n};\n\nconst toggleFavorite = () => {\n  isFavorite.value = !isFavorite.value;\n  // Implement favorite track logic here\n};\n\nconst getArtistName = (track) => {\n  if (!track) return 'Unknown Artist';\n  \n  if (track.artist) {\n    if (typeof track.artist === 'object') {\n      return track.artist.name || 'Unknown Artist';\n    }\n    return track.artist;\n  }\n  return 'Unknown Artist';\n};\n</script>\n\n<style scoped>\n.play-pause-btn {\n  width: 32px;\n  height: 32px;\n  transition: transform 0.2s ease;\n}\n\n.play-pause-btn:hover {\n  transform: scale(1.1);\n}\n</style>"],"names":["ref","computed","playerState","playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HA,UAAM,aAAaA,IAAG,IAAC,KAAK;AAG5B,UAAM,eAAeC,IAAQ,SAAC,MAAMC,OAAW,MAAC,YAAY;AAC5D,UAAM,YAAYD,IAAQ,SAAC,MAAMC,OAAW,MAAC,SAAS;AACtD,UAAM,SAASD,IAAQ,SAAC,MAAMC,OAAW,MAAC,MAAM;AAChD,UAAM,QAAQD,IAAQ,SAAC,MAAMC,OAAW,MAAC,KAAK;AAC9C,UAAM,UAAUD,IAAQ,SAAC,MAAMC,OAAW,MAAC,OAAO;AAClD,UAAM,SAASD,IAAQ,SAAC,MAAMC,OAAW,MAAC,MAAM;AAEhD,UAAM,aAAaD,IAAQ,SAAC,MAAM;AAChC,cAAO,OAAO,OAAK;AAAA,QACjB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACb;AAAA,IACA,CAAC;AAGD,UAAM,aAAa,MAAM;AACvBE,aAAAA,QAAc,WAAY;AAAA,IAC5B;AAEA,UAAM,WAAW,MAAM;AACrBA,aAAAA,QAAc,SAAU;AAAA,IAC1B;AAEA,UAAM,eAAe,MAAM;AACzBA,aAAAA,QAAc,aAAc;AAAA,IAC9B;AAEA,UAAM,gBAAgB,MAAM;AAC1BA,aAAAA,QAAc,cAAe;AAAA,IAC/B;AAEA,UAAM,eAAe,MAAM;AACzBA,aAAAA,QAAc,aAAc;AAAA,IAC9B;AAEA,UAAM,aAAa,MAAM;AACvBA,aAAAA,QAAc,WAAY;AAAA,IAC5B;AAEA,UAAM,iBAAiB,MAAM;AAC3B,iBAAW,QAAQ,CAAC,WAAW;AAAA,IAEjC;AAEA,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,MAAO,QAAO;AAEnB,UAAI,MAAM,QAAQ;AAChB,YAAI,OAAO,MAAM,WAAW,UAAU;AACpC,iBAAO,MAAM,OAAO,QAAQ;AAAA,QAClC;AACI,eAAO,MAAM;AAAA,MACjB;AACE,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}