@ozdao/martyrs 0.2.550 → 0.2.552

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

@@ -1,212 +0,0 @@
-"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 IconUnMute = require("../../../icons/navigation/IconUnMute.vue.cjs");
-const IconMute = require("../../../icons/navigation/IconMute.vue.cjs");
-const player = require("../../store/player.cjs");
-;/* empty css                   */
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "player-container" };
-const _hoisted_2 = { class: "player" };
-const _hoisted_3 = { class: "track-info" };
-const _hoisted_4 = { class: "track-image" };
-const _hoisted_5 = { class: "track-details" };
-const _hoisted_6 = { class: "track-title" };
-const _hoisted_7 = { class: "track-artist" };
-const _hoisted_8 = { class: "controls" };
-const _hoisted_9 = { class: "control-buttons" };
-const _hoisted_10 = { class: "progress-section" };
-const _hoisted_11 = { class: "volume-section" };
-const _hoisted_12 = { class: "volume-slider" };
-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 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) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("div", _hoisted_4, [
-              vue.createVNode(Media.default, {
-                url: currentTrack.value?.coverUrl || currentTrack.value?.album && currentTrack.value.album.coverUrl || "/assets/placeholder-track.jpg",
-                class: "track-image-media"
-              }, null, 8, ["url"])
-            ]),
-            vue.createElementVNode("div", _hoisted_5, [
-              vue.createElementVNode("h3", _hoisted_6, vue.toDisplayString(currentTrack.value?.title || "No track playing"), 1),
-              vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(getArtistName(currentTrack.value)), 1)
-            ]),
-            vue.createVNode(Button.default, {
-              onClick: toggleFavorite,
-              class: vue.normalizeClass(["like-btn", { liked: isFavorite.value }]),
-              showLoader: false,
-              showSucces: false
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(IconLike.default, { class: "like-icon" })
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ]),
-          vue.createElementVNode("div", _hoisted_8, [
-            vue.createElementVNode("div", _hoisted_9, [
-              vue.createVNode(Button.default, {
-                onClick: toggleShuffle,
-                class: vue.normalizeClass(["control-btn secondary", { active: shuffle.value }]),
-                showLoader: false,
-                showSucces: false
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(IconShuffle.default, {
-                    fill: "rgb(var(--black))",
-                    class: "control-icon"
-                  })
-                ]),
-                _: 1
-              }, 8, ["class"]),
-              vue.createVNode(Button.default, {
-                onClick: playPrevious,
-                class: "control-btn secondary",
-                showLoader: false,
-                showSucces: false
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(IconChevronLeft.default, {
-                    fill: "rgb(var(--black))",
-                    class: "control-icon"
-                  })
-                ]),
-                _: 1
-              }),
-              vue.createVNode(Button.default, {
-                onClick: togglePlay,
-                class: "control-btn primary",
-                showLoader: false,
-                showSucces: false
-              }, {
-                default: vue.withCtx(() => [
-                  isPlaying.value ? (vue.openBlock(), vue.createBlock(IconPause.default, {
-                    key: 0,
-                    fill: "white",
-                    class: "play-icon"
-                  })) : (vue.openBlock(), vue.createBlock(IconPlay.default, {
-                    key: 1,
-                    fill: "white",
-                    class: "play-icon"
-                  }))
-                ]),
-                _: 1
-              }),
-              vue.createVNode(Button.default, {
-                onClick: playNext,
-                class: "control-btn secondary",
-                showLoader: false,
-                showSucces: false
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(IconChevronRight.default, {
-                    fill: "rgb(var(--black))",
-                    class: "control-icon"
-                  })
-                ]),
-                _: 1
-              }),
-              vue.createVNode(Button.default, {
-                onClick: toggleRepeat,
-                class: vue.normalizeClass(["control-btn secondary", { active: repeat.value !== "off" }]),
-                showLoader: false,
-                showSucces: false
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(IconRefresh.default, {
-                    fill: "rgb(var(--black))",
-                    class: "control-icon"
-                  })
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ]),
-            vue.createElementVNode("div", _hoisted_10, [
-              vue.createVNode(TrackProgress.default)
-            ])
-          ]),
-          vue.createElementVNode("div", _hoisted_11, [
-            vue.createVNode(Button.default, {
-              onClick: toggleMute,
-              class: "volume-btn",
-              showLoader: false,
-              showSucces: false
-            }, {
-              default: vue.withCtx(() => [
-                muted.value || volume.value < 5e-3 ? (vue.openBlock(), vue.createBlock(IconMute.default, {
-                  key: 0,
-                  fill: "rgb(var(--black))",
-                  class: "volume-icon"
-                })) : (vue.openBlock(), vue.createBlock(IconUnMute.default, {
-                  key: 1,
-                  fill: "rgb(var(--black))",
-                  class: "volume-icon"
-                }))
-              ]),
-              _: 1
-            }),
-            vue.createElementVNode("div", _hoisted_12, [
-              vue.createVNode(VolumeControl.default)
-            ])
-          ])
-        ])
-      ]);
-    };
-  }
-};
-const MusicPlayer = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-f4886dd7"]]);
-exports.default = MusicPlayer;
-//# sourceMappingURL=MusicPlayer.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MusicPlayer.vue.cjs","sources":["../../../../../../../src/modules/music/components/player/MusicPlayer.vue"],"sourcesContent":["<!-- components/player/MusicPlayer.vue -->\n<template>\n  <div class=\"player-container\">\n    <div class=\"player\">\n      <!-- Track Info Section -->\n      <div class=\"track-info\">\n        <div class=\"track-image\">\n          <Media \n            :url=\"currentTrack?.coverUrl || (currentTrack?.album && currentTrack.album.coverUrl) || '/assets/placeholder-track.jpg'\" \n            class=\"track-image-media\"\n          />\n        </div>\n        <div class=\"track-details\">\n          <h3 class=\"track-title\">{{ currentTrack?.title || 'No track playing' }}</h3>\n          <p class=\"track-artist\">{{ getArtistName(currentTrack) }}</p>\n        </div>\n        <Button \n          @click=\"toggleFavorite\" \n          class=\"like-btn\"\n          :class=\"{ liked: isFavorite }\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconLike class=\"like-icon\"/>\n        </Button>\n      </div>\n\n      <!-- Control Section -->\n      <div class=\"controls\">\n        <div class=\"control-buttons\">\n          <Button \n            @click=\"toggleShuffle\" \n            class=\"control-btn secondary\"\n            :class=\"{ active: shuffle }\"\n            :showLoader=\"false\" \n            :showSucces=\"false\"\n          >\n            <IconShuffle fill=\"rgb(var(--black))\" class=\"control-icon\"/>\n          </Button>\n          \n          <Button \n            @click=\"playPrevious\" \n            class=\"control-btn secondary\"\n            :showLoader=\"false\" \n            :showSucces=\"false\"\n          >\n            <IconPrevious fill=\"rgb(var(--black))\" class=\"control-icon\"/>\n          </Button>\n          \n          <Button \n            @click=\"togglePlay\" \n            class=\"control-btn primary\"\n            :showLoader=\"false\" \n            :showSucces=\"false\"\n          >\n            <IconPause v-if=\"isPlaying\" fill=\"white\" class=\"play-icon\"/>\n            <IconPlay fill=\"white\"  v-else class=\"play-icon\"/>\n          </Button>\n          \n          <Button \n            @click=\"playNext\" \n            class=\"control-btn secondary\"\n            :showLoader=\"false\" \n            :showSucces=\"false\"\n          >\n            <IconNext fill=\"rgb(var(--black))\" class=\"control-icon\"/>\n          </Button>\n          \n          <Button \n            @click=\"toggleRepeat\" \n            class=\"control-btn secondary\"\n            :class=\"{ active: repeat !== 'off' }\"\n            :showLoader=\"false\" \n            :showSucces=\"false\"\n          >\n            <IconRepeat fill=\"rgb(var(--black))\" class=\"control-icon\"/>\n          </Button>\n        </div>\n        \n        <!-- Progress Bar -->\n        <div class=\"progress-section\">\n          <TrackProgress />\n        </div>\n      </div>\n\n      <!-- Volume Section -->\n      <div class=\"volume-section\">\n        <Button \n          @click=\"toggleMute\" \n          class=\"volume-btn\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconVolumeMute fill=\"rgb(var(--black))\" v-if=\"muted || volume < 0.005\" class=\"volume-icon\"/>\n          <!-- <IconVolumeHalf fill=\"rgb(var(--black))\" v-else-if=\"!muted && volume > 0\" class=\"volume-icon\"/> -->\n          <IconUnMute  fill=\"rgb(var(--black))\" v-else class=\"volume-icon\"/>\n        </Button>\n        \n        <div class=\"volume-slider\">\n          <VolumeControl />\n        </div>\n      </div>\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';\nimport IconUnMute from '@martyrs/src/modules/icons/navigation/IconUnMute.vue';\nimport IconVolumeHalf from '@martyrs/src/modules/icons/navigation/IconVolume.vue';\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\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.player-container {\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1000;\n  background: linear-gradient(135deg, rgb(var(--white)) 0%, rgb(var(--light)));\n  border-top: 1px solid rgb(var(--light));\n  backdrop-filter: blur(10px);\n}\n\n.player {\n  display: grid;\n  grid-template-columns: 1fr 2fr 1fr;\n  align-items: center;\n  padding: 12px 16px;\n  gap: 16px;\n  height: 90px;\n  max-width: 100%;\n}\n\n/* Track Info Section */\n.track-info {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n}\n\n.track-image {\n  width: 56px;\n  height: 56px;\n  border-radius: 4px;\n  overflow: hidden;\n  flex-shrink: 0;\n}\n\n.track-image-media {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.3s ease;\n}\n\n.track-image:hover .track-image-media {\n  transform: scale(1.05);\n}\n\n.track-details {\n  min-width: 0;\n  flex: 1;\n}\n\n.track-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: rgb(var(--black));\n  margin: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: 1.2;\n}\n\n.track-artist {\n  font-size: 12px;\n  color: rgb(var(--grey));\n  margin: 2px 0 0 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.like-btn {\n  background: none;\n  border: none;\n  color: rgb(var(--grey));\n  cursor: pointer;\n  padding: 8px;\n  border-radius: 50%;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.like-icon {\n  width: 16px;\n  height: 16px;\n}\n\n.like-btn:hover {\n  color: rgb(var(--black));\n  background: rgba(var(--black),0.1);\n}\n\n.like-btn.liked {\n  color: rgb(var(--main));\n}\n\n.like-btn.liked .like-icon {\n  fill: rgb(var(--main));\n}\n\n.like-btn.liked:hover {\n  color: rgb(var(--main));\n  opacity: 0.8;\n}\n\n/* Controls Section */\n.controls {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n}\n\n.control-buttons {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.control-btn {\n  background: none;\n  border: none;\n  color: rgb(var(--grey));\n  cursor: pointer;\n  padding: 8px;\n  border-radius: 50%;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.control-icon {\n  width: 16px;\n  height: 16px;\n}\n\n.control-btn.primary {\n  background: rgb(var(--second));\n  color: rgb(var(--white));\n  width: 32px;\n  height: 32px;\n}\n\n.play-icon {\n  width: 14px;\n  height: 14px;\n  fill: rgb(var(--white));\n}\n\n.control-btn.primary:hover {\n  background: rgb(var(--second));\n  transform: scale(1.06);\n}\n\n.control-btn.secondary:hover {\n  color: rgb(var(--white));\n  background: rgba(var(--black),0.1);\n}\n\n.control-btn.secondary:hover .control-icon {\n  fill: rgb(var(--white));\n}\n\n.control-btn.active {\n  color: rgb(var(--main));\n  background: rgba(var(--second),0.1);\n}\n\n.control-btn.active .control-icon {\n  fill: rgb(var(--main));\n}\n\n.control-btn.active:hover {\n  color: rgb(var(--main));\n  opacity: 0.8;\n   background: rgba(var(--second),0.2);\n}\n\n/* Progress Section */\n.progress-section {\n  width: 100%;\n  max-width: 600px;\n}\n\n/* Volume Section */\n.volume-section {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  justify-content: flex-end;\n}\n\n.volume-btn {\n  background: none;\n  border: none;\n  color: rgb(var(--grey));\n  cursor: pointer;\n  padding: 8px;\n  border-radius: 50%;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.volume-icon {\n  width: 16px;\n  height: 16px;\n}\n\n.volume-btn:hover {\n  color: rgb(var(--white));\n  background: rgba(var(--white),0.1);\n}\n\n.volume-btn:hover .volume-icon {\n  fill: rgb(var(--white));\n}\n\n.volume-slider {\n  width: 100px;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .player {\n    grid-template-columns: 1fr;\n    grid-template-rows: auto auto auto;\n    height: auto;\n    padding: 8px 12px 12px;\n    gap: 12px;\n  }\n\n  .track-info {\n    order: 1;\n  }\n\n  .controls {\n    order: 2;\n  }\n\n  .volume-section {\n    order: 3;\n    justify-content: center;\n  }\n\n  .volume-slider {\n    width: 120px;\n  }\n\n  .progress-section {\n    max-width: 100%;\n  }\n}\n\n/* Animations */\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.player-container {\n  animation: fadeIn 0.3s ease-out;\n}\n\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.05);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n.control-btn.primary:active {\n  animation: pulse 0.3s ease;\n}\n</style>"],"names":["ref","computed","playerState","playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkIA,UAAM,aAAaA,IAAAA,IAAI,KAAK;AAG5B,UAAM,eAAeC,IAAAA,SAAS,MAAMC,OAAAA,MAAY,YAAY;AAC5D,UAAM,YAAYD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,SAAS;AACtD,UAAM,SAASD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,MAAM;AAChD,UAAM,QAAQD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,KAAK;AAC9C,UAAM,UAAUD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,OAAO;AAClD,UAAM,SAASD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,MAAM;AAGhD,UAAM,aAAa,MAAM;AACvBC,aAAAA,QAAc,WAAU;AAAA,IAC1B;AAEA,UAAM,WAAW,MAAM;AACrBA,aAAAA,QAAc,SAAQ;AAAA,IACxB;AAEA,UAAM,eAAe,MAAM;AACzBA,aAAAA,QAAc,aAAY;AAAA,IAC5B;AAEA,UAAM,gBAAgB,MAAM;AAC1BA,aAAAA,QAAc,cAAa;AAAA,IAC7B;AAEA,UAAM,eAAe,MAAM;AACzBA,aAAAA,QAAc,aAAY;AAAA,IAC5B;AAEA,UAAM,aAAa,MAAM;AACvBA,aAAAA,QAAc,WAAU;AAAA,IAC1B;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,QAC9B;AACA,eAAO,MAAM;AAAA,MACf;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const player = require("../../store/player.cjs");
-;/* empty css                     */
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "progress-section" };
-const _hoisted_2 = { class: "time-current t-transp" };
-const _hoisted_3 = { class: "progress-track" };
-const _hoisted_4 = { class: "time-total" };
-const _sfc_main = {
-  __name: "TrackProgress",
-  setup(__props) {
-    const progressBarContainer = vue.ref(null);
-    const isSeeking = vue.ref(false);
-    const seekPosition = vue.ref(0);
-    const currentTime = vue.computed(() => player.state.currentTime);
-    const duration = vue.computed(() => player.state.duration);
-    const progressPercentage = vue.computed(() => {
-      if (!duration.value) return 0;
-      return Math.min(100, currentTime.value / duration.value * 100);
-    });
-    const formatTime = (seconds) => {
-      if (!seconds) return "0:00";
-      const minutes = Math.floor(seconds / 60);
-      const remainingSeconds = Math.floor(seconds % 60);
-      return `${minutes}:${remainingSeconds.toString().padStart(2, "0")}`;
-    };
-    const calculateSeekTime = (event) => {
-      if (!progressBarContainer.value || !duration.value) return 0;
-      const rect = progressBarContainer.value.getBoundingClientRect();
-      const offsetX = event.clientX - rect.left;
-      const percentage = Math.max(0, Math.min(1, offsetX / rect.width));
-      return percentage * duration.value;
-    };
-    const seek = (event) => {
-      const seekTime = calculateSeekTime(event);
-      player.actions.seek(seekTime);
-    };
-    const startSeek = (event) => {
-      isSeeking.value = true;
-      seekPosition.value = calculateSeekTime(event);
-    };
-    const updateSeekPosition = (event) => {
-      if (isSeeking.value) {
-        seekPosition.value = calculateSeekTime(event);
-      }
-    };
-    const endSeek = () => {
-      if (isSeeking.value) {
-        isSeeking.value = false;
-        player.actions.seek(seekPosition.value);
-      }
-    };
-    vue.onUnmounted(() => {
-      isSeeking.value = false;
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(formatTime(currentTime.value)), 1),
-        vue.createElementVNode("div", {
-          ref_key: "progressBarContainer",
-          ref: progressBarContainer,
-          class: "progress-bar",
-          onClick: seek,
-          onMousedown: startSeek,
-          onMousemove: updateSeekPosition,
-          onMouseup: endSeek,
-          onMouseleave: endSeek
-        }, [
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("div", {
-              class: "progress-fill",
-              style: vue.normalizeStyle({ width: progressPercentage.value + "%" })
-            }, null, 4),
-            vue.createElementVNode("div", {
-              class: "progress-thumb",
-              style: vue.normalizeStyle({ left: progressPercentage.value + "%" })
-            }, null, 4)
-          ])
-        ], 544),
-        vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(formatTime(duration.value)), 1)
-      ]);
-    };
-  }
-};
-const TrackProgress = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a338a0bc"]]);
-exports.default = TrackProgress;
-//# sourceMappingURL=TrackProgress.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TrackProgress.vue.cjs","sources":["../../../../../../../src/modules/music/components/player/TrackProgress.vue"],"sourcesContent":["<!-- components/player/TrackProgress.vue -->\n<template>\n  <div class=\"progress-section\">\n    <span class=\"time-current t-transp\">{{ formatTime(currentTime) }}</span>\n    <div \n      ref=\"progressBarContainer\"\n      class=\"progress-bar\"\n      @click=\"seek\"\n      @mousedown=\"startSeek\"\n      @mousemove=\"updateSeekPosition\"\n      @mouseup=\"endSeek\"\n      @mouseleave=\"endSeek\"\n    >\n      <div class=\"progress-track\">\n        <div \n          class=\"progress-fill\" \n          :style=\"{ width: progressPercentage + '%' }\"\n        ></div>\n        <div \n          class=\"progress-thumb\"\n          :style=\"{ left: progressPercentage + '%' }\"\n        ></div>\n      </div>\n    </div>\n    <span class=\"time-total  \">{{ formatTime(duration) }}</span>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onUnmounted } from 'vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// Refs\nconst progressBarContainer = ref(null);\nconst isSeeking = ref(false);\nconst seekPosition = ref(0);\n\n// Computed properties\nconst currentTime = computed(() => playerState.currentTime);\nconst duration = computed(() => playerState.duration);\nconst progressPercentage = computed(() => {\n  if (!duration.value) return 0;\n  return Math.min(100, (currentTime.value / duration.value) * 100);\n});\n\n// Methods\nconst formatTime = (seconds) => {\n  if (!seconds) return '0:00';\n  \n  const minutes = Math.floor(seconds / 60);\n  const remainingSeconds = Math.floor(seconds % 60);\n  \n  return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;\n};\n\nconst calculateSeekTime = (event) => {\n  if (!progressBarContainer.value || !duration.value) return 0;\n  \n  const rect = progressBarContainer.value.getBoundingClientRect();\n  const offsetX = event.clientX - rect.left;\n  const percentage = Math.max(0, Math.min(1, offsetX / rect.width));\n  \n  return percentage * duration.value;\n};\n\nconst seek = (event) => {\n  const seekTime = calculateSeekTime(event);\n  playerActions.seek(seekTime);\n};\n\nconst startSeek = (event) => {\n  isSeeking.value = true;\n  seekPosition.value = calculateSeekTime(event);\n};\n\nconst updateSeekPosition = (event) => {\n  if (isSeeking.value) {\n    seekPosition.value = calculateSeekTime(event);\n  }\n};\n\nconst endSeek = () => {\n  if (isSeeking.value) {\n    isSeeking.value = false;\n    playerActions.seek(seekPosition.value);\n  }\n};\n\n// Clean up event listeners when component is unmounted\nonUnmounted(() => {\n  isSeeking.value = false;\n});\n</script>\n\n<style scoped>\n/* Progress Section */\n.progress-section {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  width: 100%;\n}\n\n.time-current,\n.time-total {\n  font-size: 11px;\n  color: rgb(var(--black));\n  font-weight: 400;\n  min-width: 32px;\n  text-align: center;\n}\n\n.progress-bar {\n  flex: 1;\n  height: 12px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 4px 0;\n}\n\n.progress-track {\n  position: relative;\n  width: 100%;\n  height: 4px;\n  background:  rgb(var(--grey));\n  border-radius: 2px;\n/*  overflow: hidden;*/\n  transition: height 0.2s ease;\n}\n\n.progress-fill {\n  height: 100%;\n  background: rgb(var(--second));\n  border-radius: 2px;\n  transition: width 0.1s ease;\n}\n\n.progress-thumb {\n  position: absolute;\n  top: 50%;\n  width: 12px;\n  height: 12px;\n  background: rgb(var(--second));\n  border: 1px solid rgba(var(--black),0.1);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.progress-bar:hover .progress-thumb {\n  opacity: 1;\n}\n\n.progress-bar:hover .progress-track {\n  height: 6px;\n}\n\n.progress-bar:hover .progress-fill {\n  background: rgba(var(--second),0.9);\n}\n</style>"],"names":["ref","computed","playerState","playerActions","onUnmounted"],"mappings":";;;;;;;;;;;;;AAmCA,UAAM,uBAAuBA,IAAAA,IAAI,IAAI;AACrC,UAAM,YAAYA,IAAAA,IAAI,KAAK;AAC3B,UAAM,eAAeA,IAAAA,IAAI,CAAC;AAG1B,UAAM,cAAcC,IAAAA,SAAS,MAAMC,OAAAA,MAAY,WAAW;AAC1D,UAAM,WAAWD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,QAAQ;AACpD,UAAM,qBAAqBD,IAAAA,SAAS,MAAM;AACxC,UAAI,CAAC,SAAS,MAAO,QAAO;AAC5B,aAAO,KAAK,IAAI,KAAM,YAAY,QAAQ,SAAS,QAAS,GAAG;AAAA,IACjE,CAAC;AAGD,UAAM,aAAa,CAAC,YAAY;AAC9B,UAAI,CAAC,QAAS,QAAO;AAErB,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,mBAAmB,KAAK,MAAM,UAAU,EAAE;AAEhD,aAAO,GAAG,OAAO,IAAI,iBAAiB,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC;AAAA,IACnE;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,UAAI,CAAC,qBAAqB,SAAS,CAAC,SAAS,MAAO,QAAO;AAE3D,YAAM,OAAO,qBAAqB,MAAM,sBAAqB;AAC7D,YAAM,UAAU,MAAM,UAAU,KAAK;AACrC,YAAM,aAAa,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,KAAK,KAAK,CAAC;AAEhE,aAAO,aAAa,SAAS;AAAA,IAC/B;AAEA,UAAM,OAAO,CAAC,UAAU;AACtB,YAAM,WAAW,kBAAkB,KAAK;AACxCE,aAAAA,QAAc,KAAK,QAAQ;AAAA,IAC7B;AAEA,UAAM,YAAY,CAAC,UAAU;AAC3B,gBAAU,QAAQ;AAClB,mBAAa,QAAQ,kBAAkB,KAAK;AAAA,IAC9C;AAEA,UAAM,qBAAqB,CAAC,UAAU;AACpC,UAAI,UAAU,OAAO;AACnB,qBAAa,QAAQ,kBAAkB,KAAK;AAAA,MAC9C;AAAA,IACF;AAEA,UAAM,UAAU,MAAM;AACpB,UAAI,UAAU,OAAO;AACnB,kBAAU,QAAQ;AAClBA,uBAAc,KAAK,aAAa,KAAK;AAAA,MACvC;AAAA,IACF;AAGAC,QAAAA,YAAY,MAAM;AAChB,gBAAU,QAAQ;AAAA,IACpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const player = require("../../store/player.cjs");
-;/* empty css                     */
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "volume-control" };
-const _sfc_main = {
-  __name: "VolumeControl",
-  setup(__props) {
-    const volumeBarContainer = vue.ref(null);
-    const isChangingVolume = vue.ref(false);
-    const volume = vue.computed(() => player.state.volume);
-    const muted = vue.computed(() => player.state.muted);
-    const volumePercentage = vue.computed(() => {
-      if (muted.value) return 0;
-      return volume.value * 100;
-    });
-    const calculateVolume = (event) => {
-      if (!volumeBarContainer.value) return 0;
-      const rect = volumeBarContainer.value.getBoundingClientRect();
-      const offsetX = event.clientX - rect.left;
-      return Math.max(0, Math.min(1, offsetX / rect.width));
-    };
-    const setVolume = (event) => {
-      const newVolume = calculateVolume(event);
-      player.actions.setVolume(newVolume);
-      if (muted.value && newVolume > 0) {
-        player.actions.toggleMute();
-      }
-    };
-    const startVolumeChange = (event) => {
-      isChangingVolume.value = true;
-      setVolume(event);
-    };
-    const updateVolumePosition = (event) => {
-      if (isChangingVolume.value) {
-        setVolume(event);
-      }
-    };
-    const endVolumeChange = () => {
-      isChangingVolume.value = false;
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", {
-          ref_key: "volumeBarContainer",
-          ref: volumeBarContainer,
-          class: "volume-bar-container",
-          onClick: setVolume,
-          onMousedown: startVolumeChange,
-          onMousemove: updateVolumePosition,
-          onMouseup: endVolumeChange,
-          onMouseleave: endVolumeChange
-        }, [
-          vue.createElementVNode("div", {
-            class: "volume-track",
-            style: vue.normalizeStyle({
-              background: `linear-gradient(to right, rgb(var(--black)) 0%, rgb(var(--black)) ${volumePercentage.value}%, rgb(var(--grey)) ${volumePercentage.value}%, rgb(var(--grey)) 100%)`
-            })
-          }, [
-            vue.createElementVNode("div", {
-              class: "volume-thumb",
-              style: vue.normalizeStyle({
-                left: `${volumePercentage.value}%`,
-                opacity: muted.value ? 0 : 1
-              })
-            }, null, 4)
-          ], 4)
-        ], 544)
-      ]);
-    };
-  }
-};
-const VolumeControl = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-d29a4209"]]);
-exports.default = VolumeControl;
-//# sourceMappingURL=VolumeControl.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VolumeControl.vue.cjs","sources":["../../../../../../../src/modules/music/components/player/VolumeControl.vue"],"sourcesContent":["<!-- components/player/VolumeControl.vue -->\n<template>\n  <div class=\"volume-control\">\n    <div \n      ref=\"volumeBarContainer\"\n      class=\"volume-bar-container\"\n      @click=\"setVolume\"\n      @mousedown=\"startVolumeChange\"\n      @mousemove=\"updateVolumePosition\"\n      @mouseup=\"endVolumeChange\"\n      @mouseleave=\"endVolumeChange\"\n    >\n      <div \n        class=\"volume-track\"\n        :style=\"{ \n          background: `linear-gradient(to right, rgb(var(--black)) 0%, rgb(var(--black)) ${volumePercentage}%, rgb(var(--grey)) ${volumePercentage}%, rgb(var(--grey)) 100%)`\n        }\"\n      >\n        <div \n          class=\"volume-thumb\"\n          :style=\"{ \n            left: `${volumePercentage}%`,\n            opacity: muted ? 0 : 1\n          }\"\n        ></div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// Refs\nconst volumeBarContainer = ref(null);\nconst isChangingVolume = ref(false);\n\n// Computed properties\nconst volume = computed(() => playerState.volume);\nconst muted = computed(() => playerState.muted);\nconst volumePercentage = computed(() => {\n  if (muted.value) return 0;\n  return volume.value * 100;\n});\n\n// Methods\nconst calculateVolume = (event) => {\n  if (!volumeBarContainer.value) return 0;\n  \n  const rect = volumeBarContainer.value.getBoundingClientRect();\n  const offsetX = event.clientX - rect.left;\n  \n  return Math.max(0, Math.min(1, offsetX / rect.width));\n};\n\nconst setVolume = (event) => {\n  const newVolume = calculateVolume(event);\n  playerActions.setVolume(newVolume);\n  \n  // Unmute if was muted\n  if (muted.value && newVolume > 0) {\n    playerActions.toggleMute();\n  }\n};\n\nconst startVolumeChange = (event) => {\n  isChangingVolume.value = true;\n  setVolume(event);\n};\n\nconst updateVolumePosition = (event) => {\n  if (isChangingVolume.value) {\n    setVolume(event);\n  }\n};\n\nconst endVolumeChange = () => {\n  isChangingVolume.value = false;\n};\n</script>\n\n<style scoped>\n.volume-control {\n  width: 100%;\n}\n\n.volume-bar-container {\n  width: 100%;\n  height: 12px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 4px 0;\n}\n\n.volume-track {\n  position: relative;\n  width: 100%;\n  height: 4px;\n  border-radius: 2px;\n  transition: height 0.2s ease;\n}\n\n.volume-thumb {\n  position: absolute;\n  top: 50%;\n  width: 12px;\n  height: 12px;\n   background: rgb(var(--black));\n  border: 1px solid rgba(var(--white),0.1);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  transition: opacity 0.2s ease;\n  opacity: 0;\n}\n\n.volume-bar-container:hover .volume-track {\n  height: 6px;\n}\n\n.volume-bar-container:hover .volume-thumb {\n  opacity: 1 !important;\n}\n\n/* Muted state */\n.volume-track.muted {\n  opacity: 0.5;\n}\n</style>"],"names":["ref","computed","playerState","playerActions"],"mappings":";;;;;;;;;;AAqCA,UAAM,qBAAqBA,IAAAA,IAAI,IAAI;AACnC,UAAM,mBAAmBA,IAAAA,IAAI,KAAK;AAGlC,UAAM,SAASC,IAAAA,SAAS,MAAMC,OAAAA,MAAY,MAAM;AAChD,UAAM,QAAQD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,KAAK;AAC9C,UAAM,mBAAmBD,IAAAA,SAAS,MAAM;AACtC,UAAI,MAAM,MAAO,QAAO;AACxB,aAAO,OAAO,QAAQ;AAAA,IACxB,CAAC;AAGD,UAAM,kBAAkB,CAAC,UAAU;AACjC,UAAI,CAAC,mBAAmB,MAAO,QAAO;AAEtC,YAAM,OAAO,mBAAmB,MAAM,sBAAqB;AAC3D,YAAM,UAAU,MAAM,UAAU,KAAK;AAErC,aAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,KAAK,KAAK,CAAC;AAAA,IACtD;AAEA,UAAM,YAAY,CAAC,UAAU;AAC3B,YAAM,YAAY,gBAAgB,KAAK;AACvCE,aAAAA,QAAc,UAAU,SAAS;AAGjC,UAAI,MAAM,SAAS,YAAY,GAAG;AAChCA,eAAAA,QAAc,WAAU;AAAA,MAC1B;AAAA,IACF;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,uBAAiB,QAAQ;AACzB,gBAAU,KAAK;AAAA,IACjB;AAEA,UAAM,uBAAuB,CAAC,UAAU;AACtC,UAAI,iBAAiB,OAAO;AAC1B,kBAAU,KAAK;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,kBAAkB,MAAM;AAC5B,uBAAiB,QAAQ;AAAA,IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,137 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const albums = require("./store/albums.cjs");
-const artists = require("./store/artists.cjs");
-const genres = require("./store/genres.cjs");
-const player = require("./store/player.cjs");
-const playlists = require("./store/playlists.cjs");
-const search = require("./store/search.cjs");
-const tracks = require("./store/tracks.cjs");
-const addRoutes = require("../core/views/router/addRoutes.cjs");
-const music_router = require("./music.router.cjs");
-const MusicBottomPlayer = require("./components/layouts/MusicBottomPlayer.vue.cjs");
-const Album = require("./components/pages/Album.vue.cjs");
-const Artist = require("./components/pages/Artist.vue.cjs");
-const MusicHome = require("./components/pages/MusicHome.vue.cjs");
-const MusicLibrary = require("./components/pages/MusicLibrary.vue.cjs");
-const TrackCreate = require("./components/pages/TrackCreate.vue.cjs");
-const Playlist = require("./components/pages/Playlist.vue.cjs");
-const SearchResults = require("./components/pages/SearchResults.vue.cjs");
-const Track = require("./components/pages/Track.vue.cjs");
-const MusicPlayer = require("./components/player/MusicPlayer.vue.cjs");
-const TrackProgress = require("./components/player/TrackProgress.vue.cjs");
-const VolumeControl = require("./components/player/VolumeControl.vue.cjs");
-const AlbumCard = require("./components/cards/AlbumCard.vue.cjs");
-const ArtistCard = require("./components/cards/ArtistCard.vue.cjs");
-const PlaylistCard = require("./components/cards/PlaylistCard.vue.cjs");
-const TrackListCard = require("./components/cards/TrackListCard.vue.cjs");
-const ArtistForm = require("./components/forms/ArtistForm.vue.cjs");
-const AlbumForm = require("./components/forms/AlbumForm.vue.cjs");
-const PlaylistForm = require("./components/forms/PlaylistForm.vue.cjs");
-const SearchForm = require("./components/forms/SearchForm.vue.cjs");
-const TrackForm = require("./components/forms/TrackForm.vue.cjs");
-const core_websocket = require("../core/views/classes/core.websocket.cjs");
-function initializeMusic(app, store, router, config, options = {}) {
-  const routes = music_router.getRoutes(options);
-  routes.forEach(({ parentName, config: config2 }) => {
-    addRoutes.default(router, { ...config2, parentName });
-  });
-  store.addStore("tracks", tracks);
-  store.addStore("playlists", playlists);
-  store.addStore("albums", albums);
-  store.addStore("artists", artists);
-  store.addStore("genres", genres);
-  store.addStore("player", player);
-  store.addStore("search", search);
-  if (options.enableStreaming !== false && app.config.globalProperties.WSS_URL) {
-    core_websocket.default.initialize({
-      wsUrl: process.env.WSS_URL,
-      maxReconnectAttempts: 10,
-      reconnectDelay: 2e3
-    });
-    if (options.userId) {
-      core_websocket.default.connect(options.userId).then(() => {
-        core_websocket.default.subscribeModule("music-streaming");
-      }).catch((err) => {
-        console.error("Failed to connect to WebSocket for music streaming:", err);
-      });
-    }
-  }
-  app.component("MusicPlayer", MusicPlayer.default);
-}
-const ModuleMusic = {
-  initialize: initializeMusic,
-  views: {
-    store: {
-      storeTracks: tracks,
-      storePlaylists: playlists,
-      storeAlbums: albums,
-      storeArtists: artists,
-      storeGenres: genres,
-      storePlayer: player,
-      storeSearch: search
-    },
-    router: {
-      getRoutes: music_router.getRoutes
-    },
-    components: {
-      // Layouts
-      MusicBottomPlayer: MusicBottomPlayer.default,
-      // Pages
-      MusicHome: MusicHome.default,
-      SearchResults: SearchResults.default,
-      Artist: Artist.default,
-      Album: Album.default,
-      Playlist: Playlist.default,
-      Track: Track.default,
-      MusicLibrary: MusicLibrary.default,
-      TrackCreate: TrackCreate.default,
-      // Player Components
-      MusicPlayer: MusicPlayer.default,
-      TrackProgress: TrackProgress.default,
-      VolumeControl: VolumeControl.default,
-      // Cards
-      TrackListCard: TrackListCard.default,
-      AlbumCard: AlbumCard.default,
-      PlaylistCard: PlaylistCard.default,
-      ArtistCard: ArtistCard.default,
-      // Forms
-      ArtistForm: ArtistForm.default,
-      AlbumForm: AlbumForm.default,
-      PlaylistForm: PlaylistForm.default,
-      SearchForm: SearchForm.default,
-      TrackForm: TrackForm.default
-    }
-  }
-};
-exports.storeAlbums = albums;
-exports.storeArtists = artists;
-exports.storeGenres = genres;
-exports.storePlayer = player;
-exports.storePlaylists = playlists;
-exports.storeSearch = search;
-exports.storeTracks = tracks;
-exports.getRoutes = music_router.getRoutes;
-exports.MusicBottomPlayer = MusicBottomPlayer.default;
-exports.Album = Album.default;
-exports.Artist = Artist.default;
-exports.MusicHome = MusicHome.default;
-exports.MusicLibrary = MusicLibrary.default;
-exports.TrackCreate = TrackCreate.default;
-exports.Playlist = Playlist.default;
-exports.SearchResults = SearchResults.default;
-exports.Track = Track.default;
-exports.MusicPlayer = MusicPlayer.default;
-exports.TrackProgress = TrackProgress.default;
-exports.VolumeControl = VolumeControl.default;
-exports.AlbumCard = AlbumCard.default;
-exports.ArtistCard = ArtistCard.default;
-exports.PlaylistCard = PlaylistCard.default;
-exports.TrackListCard = TrackListCard.default;
-exports.ArtistForm = ArtistForm.default;
-exports.AlbumForm = AlbumForm.default;
-exports.PlaylistForm = PlaylistForm.default;
-exports.SearchForm = SearchForm.default;
-exports.TrackForm = TrackForm.default;
-exports.default = ModuleMusic;
-//# sourceMappingURL=music.client.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"music.client.cjs","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":["getRoutes","config","addRoutes","storeTracks","storePlaylists","storeAlbums","storeArtists","storeGenres","storePlayer","storeSearch","globalWebSocket","MusicPlayer","MusicBottomPlayer","MusicHome","SearchResults","Artist","Album","Playlist","Track","MusicLibrary","TrackCreate","TrackProgress","VolumeControl","TrackListCard","AlbumCard","PlaylistCard","ArtistCard","ArtistForm","AlbumForm","PlaylistForm","SearchForm","TrackForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,SAAS,gBAAgB,KAAK,OAAO,QAAQ,QAAQ,UAAU,IAAI;AACjE,QAAM,SAASA,aAAAA,UAAU,OAAO;AAChC,SAAO,QAAQ,CAAC,EAAE,YAAY,QAAAC,QAAM,MAAO;AACzCC,cAAAA,QAAU,QAAQ,EAAE,GAAGD,SAAQ,WAAU,CAAE;AAAA,EAC7C,CAAC;AAGD,QAAM,SAAS,UAAUE,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;AAC5EC,mBAAAA,QAAgB,WAAW;AAAA,MACzB,OAAO,QAAQ,IAAI;AAAA,MACnB,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IACtB,CAAK;AAGD,QAAI,QAAQ,QAAQ;AAClBA,qBAAAA,QACG,QAAQ,QAAQ,MAAM,EACtB,KAAK,MAAM;AACVA,uBAAAA,QAAgB,gBAAgB,iBAAiB;AAAA,MACnD,CAAC,EACA,MAAM,SAAO;AACZ,gBAAQ,MAAM,uDAAuD,GAAG;AAAA,MAC1E,CAAC;AAAA,IACL;AAAA,EACF;AAGA,MAAI,UAAU,eAAeC,mBAAW;AAC1C;AAGK,MAAC,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,aAAMR;AAAAA,MACN,gBAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,cAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACZ,WAAMT,aAAAA;AAAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA,MAEhB,mBAAMY,kBAAAA;AAAAA;AAAAA,MAEN,WAAMC,UAAAA;AAAAA,MACN,eAAMC,cAAAA;AAAAA,MACN,QAAMC,OAAAA;AAAAA,MACN,OAAMC,MAAAA;AAAAA,MACN,UAAMC,SAAAA;AAAAA,MACN,OAAMC,MAAAA;AAAAA,MACN,cAAMC,aAAAA;AAAAA,MACN,aAAMC,YAAAA;AAAAA;AAAAA,MAEN,aAAMT,YAAAA;AAAAA,MACN,eAAMU,cAAAA;AAAAA,MACN,eAAMC,cAAAA;AAAAA;AAAAA,MAEN,eAAMC,cAAAA;AAAAA,MACN,WAAMC,UAAAA;AAAAA,MACN,cAAMC,aAAAA;AAAAA,MACN,YAAMC,WAAAA;AAAAA;AAAAA,MAEN,YAAMC,WAAAA;AAAAA,MACN,WAAMC,UAAAA;AAAAA,MACN,cAAMC,aAAAA;AAAAA,MACN,YAAMC,WAAAA;AAAAA,MACN,WAAMC,UAAAA;AAAAA,IACN;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}