@ozdao/martyrs 0.2.484 → 0.2.486

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

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const player = require("../../store/player.cjs");
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "track-progress flex flex-v-center gap-small" };
+const _hoisted_2 = { class: "current-time t-grey t-small" };
+const _hoisted_3 = { class: "total-time t-grey t-small" };
+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("div", _hoisted_2, vue.toDisplayString(formatTime(currentTime.value)), 1),
+        vue.createElementVNode("div", {
+          ref_key: "progressBarContainer",
+          ref: progressBarContainer,
+          class: "progress-bar-container flex-1 h-thin bg-grey radius-extra pos-relative cursor-pointer",
+          onClick: seek,
+          onMousedown: startSeek,
+          onMousemove: updateSeekPosition,
+          onMouseup: endSeek,
+          onMouseleave: endSeek
+        }, [
+          vue.createElementVNode("div", {
+            class: "progress-bar h-100 bg-white radius-extra",
+            style: vue.normalizeStyle({ width: progressPercentage.value + "%" })
+          }, null, 4),
+          vue.createElementVNode("div", {
+            class: "progress-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0",
+            style: vue.normalizeStyle({ left: `calc(${progressPercentage.value}% - 4px)`, transform: "translateY(-50%)" })
+          }, null, 4)
+        ], 544),
+        vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(formatTime(duration.value)), 1)
+      ]);
+    };
+  }
+};
+const TrackProgress = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-4326ac71"]]);
+exports.default = TrackProgress;
+//# sourceMappingURL=TrackProgress.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrackProgress.vue.cjs","sources":["../../../../../../../src/modules/music/components/player/TrackProgress.vue"],"sourcesContent":["<!-- components/player/TrackProgress.vue -->\n<template>\n  <div class=\"track-progress flex flex-v-center gap-small\">\n    <div class=\"current-time t-grey t-small\">{{ formatTime(currentTime) }}</div>\n    \n    <div \n      ref=\"progressBarContainer\"\n      class=\"progress-bar-container flex-1 h-thin bg-grey radius-extra pos-relative cursor-pointer\"\n      @click=\"seek\"\n      @mousedown=\"startSeek\"\n      @mousemove=\"updateSeekPosition\"\n      @mouseup=\"endSeek\"\n      @mouseleave=\"endSeek\"\n    >\n      <div \n        class=\"progress-bar h-100 bg-white radius-extra\" \n        :style=\"{ width: progressPercentage + '%' }\"\n      ></div>\n      <div \n        class=\"progress-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0\"\n        :style=\"{ left: `calc(${progressPercentage}% - 4px)`, transform: 'translateY(-50%)' }\"\n      ></div>\n    </div>\n    \n    <div class=\"total-time t-grey t-small\">{{ formatTime(duration) }}</div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, 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-bar-container:hover .progress-bar {\n  background-color: rgb(var(--main));\n}\n\n.progress-handle {\n  display: none;\n}\n\n.progress-bar-container:hover .progress-handle {\n  display: block;\n  transform: translateY(-50%) scale(1.3);\n}\n</style>"],"names":["ref","computed","playerState","playerActions","onUnmounted"],"mappings":";;;;;;;;;;;AAmCA,UAAM,uBAAuBA,IAAG,IAAC,IAAI;AACrC,UAAM,YAAYA,IAAG,IAAC,KAAK;AAC3B,UAAM,eAAeA,IAAG,IAAC,CAAC;AAG1B,UAAM,cAAcC,IAAQ,SAAC,MAAMC,OAAW,MAAC,WAAW;AAC1D,UAAM,WAAWD,IAAQ,SAAC,MAAMC,OAAW,MAAC,QAAQ;AACpD,UAAM,qBAAqBD,IAAQ,SAAC,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,SAAU,EAAC,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,sBAAuB;AAC/D,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,aAAa,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,MAChD;AAAA,IACA;AAEA,UAAM,UAAU,MAAM;AACpB,UAAI,UAAU,OAAO;AACnB,kBAAU,QAAQ;AAClBA,uBAAc,KAAK,aAAa,KAAK;AAAA,MACzC;AAAA,IACA;AAGAC,QAAAA,YAAY,MAAM;AAChB,gBAAU,QAAQ;AAAA,IACpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,85 @@
+import { ref, computed, onUnmounted, createElementBlock, openBlock, createElementVNode, toDisplayString, normalizeStyle } from "vue";
+import { state, actions } from "../../store/player.js";
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "track-progress flex flex-v-center gap-small" };
+const _hoisted_2 = { class: "current-time t-grey t-small" };
+const _hoisted_3 = { class: "total-time t-grey t-small" };
+const _sfc_main = {
+  __name: "TrackProgress",
+  setup(__props) {
+    const progressBarContainer = ref(null);
+    const isSeeking = ref(false);
+    const seekPosition = ref(0);
+    const currentTime = computed(() => state.currentTime);
+    const duration = computed(() => state.duration);
+    const progressPercentage = 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);
+      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;
+        actions.seek(seekPosition.value);
+      }
+    };
+    onUnmounted(() => {
+      isSeeking.value = false;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, toDisplayString(formatTime(currentTime.value)), 1),
+        createElementVNode("div", {
+          ref_key: "progressBarContainer",
+          ref: progressBarContainer,
+          class: "progress-bar-container flex-1 h-thin bg-grey radius-extra pos-relative cursor-pointer",
+          onClick: seek,
+          onMousedown: startSeek,
+          onMousemove: updateSeekPosition,
+          onMouseup: endSeek,
+          onMouseleave: endSeek
+        }, [
+          createElementVNode("div", {
+            class: "progress-bar h-100 bg-white radius-extra",
+            style: normalizeStyle({ width: progressPercentage.value + "%" })
+          }, null, 4),
+          createElementVNode("div", {
+            class: "progress-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0",
+            style: normalizeStyle({ left: `calc(${progressPercentage.value}% - 4px)`, transform: "translateY(-50%)" })
+          }, null, 4)
+        ], 544),
+        createElementVNode("div", _hoisted_3, toDisplayString(formatTime(duration.value)), 1)
+      ]);
+    };
+  }
+};
+const TrackProgress = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4326ac71"]]);
+export {
+  TrackProgress as default
+};
+//# sourceMappingURL=TrackProgress.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrackProgress.vue.js","sources":["../../../../../../../src/modules/music/components/player/TrackProgress.vue"],"sourcesContent":["<!-- components/player/TrackProgress.vue -->\n<template>\n  <div class=\"track-progress flex flex-v-center gap-small\">\n    <div class=\"current-time t-grey t-small\">{{ formatTime(currentTime) }}</div>\n    \n    <div \n      ref=\"progressBarContainer\"\n      class=\"progress-bar-container flex-1 h-thin bg-grey radius-extra pos-relative cursor-pointer\"\n      @click=\"seek\"\n      @mousedown=\"startSeek\"\n      @mousemove=\"updateSeekPosition\"\n      @mouseup=\"endSeek\"\n      @mouseleave=\"endSeek\"\n    >\n      <div \n        class=\"progress-bar h-100 bg-white radius-extra\" \n        :style=\"{ width: progressPercentage + '%' }\"\n      ></div>\n      <div \n        class=\"progress-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0\"\n        :style=\"{ left: `calc(${progressPercentage}% - 4px)`, transform: 'translateY(-50%)' }\"\n      ></div>\n    </div>\n    \n    <div class=\"total-time t-grey t-small\">{{ formatTime(duration) }}</div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, 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-bar-container:hover .progress-bar {\n  background-color: rgb(var(--main));\n}\n\n.progress-handle {\n  display: none;\n}\n\n.progress-bar-container:hover .progress-handle {\n  display: block;\n  transform: translateY(-50%) scale(1.3);\n}\n</style>"],"names":["playerState","playerActions"],"mappings":";;;;;;;;;AAmCA,UAAM,uBAAuB,IAAI,IAAI;AACrC,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,eAAe,IAAI,CAAC;AAG1B,UAAM,cAAc,SAAS,MAAMA,MAAY,WAAW;AAC1D,UAAM,WAAW,SAAS,MAAMA,MAAY,QAAQ;AACpD,UAAM,qBAAqB,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,SAAU,EAAC,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,sBAAuB;AAC/D,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;AACxCC,cAAc,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,MAChD;AAAA,IACA;AAEA,UAAM,UAAU,MAAM;AACpB,UAAI,UAAU,OAAO;AACnB,kBAAU,QAAQ;AAClBA,gBAAc,KAAK,aAAa,KAAK;AAAA,MACzC;AAAA,IACA;AAGA,gBAAY,MAAM;AAChB,gBAAU,QAAQ;AAAA,IACpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const player = require("../../store/player.cjs");
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+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", {
+        ref_key: "volumeBarContainer",
+        ref: volumeBarContainer,
+        class: "volume-bar-container w-100 h-thin bg-grey-transp-50 radius-extra pos-relative cursor-pointer",
+        onClick: setVolume,
+        onMousedown: startVolumeChange,
+        onMousemove: updateVolumePosition,
+        onMouseup: endVolumeChange,
+        onMouseleave: endVolumeChange
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["volume-bar h-100 bg-white radius-extra", { "muted": muted.value }]),
+          style: vue.normalizeStyle({ width: volumePercentage.value + "%" })
+        }, null, 6),
+        vue.createElementVNode("div", {
+          class: "volume-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0",
+          style: vue.normalizeStyle({
+            left: `calc(${volumePercentage.value}% - 4px)`,
+            transform: "translateY(-50%)",
+            opacity: muted.value ? 0 : 1
+          })
+        }, null, 4)
+      ], 544);
+    };
+  }
+};
+const VolumeControl = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-08586594"]]);
+exports.default = VolumeControl;
+//# sourceMappingURL=VolumeControl.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VolumeControl.vue.cjs","sources":["../../../../../../../src/modules/music/components/player/VolumeControl.vue"],"sourcesContent":["<!-- components/player/VolumeControl.vue -->\n<template>\n  <div \n    ref=\"volumeBarContainer\"\n    class=\"volume-bar-container w-100 h-thin bg-grey-transp-50 radius-extra pos-relative cursor-pointer\"\n    @click=\"setVolume\"\n    @mousedown=\"startVolumeChange\"\n    @mousemove=\"updateVolumePosition\"\n    @mouseup=\"endVolumeChange\"\n    @mouseleave=\"endVolumeChange\"\n  >\n    <div \n      class=\"volume-bar h-100 bg-white radius-extra\" \n      :style=\"{ width: volumePercentage + '%' }\"\n      :class=\"{ 'muted': muted }\"\n    ></div>\n    <div \n      class=\"volume-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0\"\n      :style=\"{ \n        left: `calc(${volumePercentage}% - 4px)`, \n        transform: 'translateY(-50%)',\n        opacity: muted ? 0 : 1\n      }\"\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-bar-container:hover .volume-bar:not(.muted) {\n  background-color: rgb(var(--main));\n}\n\n.volume-handle {\n  display: none;\n}\n\n.volume-bar-container:hover .volume-handle {\n  display: block;\n}\n\n.muted {\n  opacity: 0.5;\n}\n</style>"],"names":["ref","computed","playerState","playerActions"],"mappings":";;;;;;;;AAkCA,UAAM,qBAAqBA,IAAG,IAAC,IAAI;AACnC,UAAM,mBAAmBA,IAAG,IAAC,KAAK;AAGlC,UAAM,SAASC,IAAQ,SAAC,MAAMC,OAAW,MAAC,MAAM;AAChD,UAAM,QAAQD,IAAQ,SAAC,MAAMC,OAAW,MAAC,KAAK;AAC9C,UAAM,mBAAmBD,IAAQ,SAAC,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,sBAAuB;AAC7D,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,aAAa,QAAC,UAAU,SAAS;AAGjC,UAAI,MAAM,SAAS,YAAY,GAAG;AAChCA,eAAAA,QAAc,WAAY;AAAA,MAC9B;AAAA,IACA;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,MACnB;AAAA,IACA;AAEA,UAAM,kBAAkB,MAAM;AAC5B,uBAAiB,QAAQ;AAAA,IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,71 @@
+import { ref, computed, createElementBlock, openBlock, createElementVNode, normalizeStyle, normalizeClass } from "vue";
+import { state, actions } from "../../store/player.js";
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  __name: "VolumeControl",
+  setup(__props) {
+    const volumeBarContainer = ref(null);
+    const isChangingVolume = ref(false);
+    const volume = computed(() => state.volume);
+    const muted = computed(() => state.muted);
+    const volumePercentage = 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);
+      actions.setVolume(newVolume);
+      if (muted.value && newVolume > 0) {
+        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 openBlock(), createElementBlock("div", {
+        ref_key: "volumeBarContainer",
+        ref: volumeBarContainer,
+        class: "volume-bar-container w-100 h-thin bg-grey-transp-50 radius-extra pos-relative cursor-pointer",
+        onClick: setVolume,
+        onMousedown: startVolumeChange,
+        onMousemove: updateVolumePosition,
+        onMouseup: endVolumeChange,
+        onMouseleave: endVolumeChange
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["volume-bar h-100 bg-white radius-extra", { "muted": muted.value }]),
+          style: normalizeStyle({ width: volumePercentage.value + "%" })
+        }, null, 6),
+        createElementVNode("div", {
+          class: "volume-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0",
+          style: normalizeStyle({
+            left: `calc(${volumePercentage.value}% - 4px)`,
+            transform: "translateY(-50%)",
+            opacity: muted.value ? 0 : 1
+          })
+        }, null, 4)
+      ], 544);
+    };
+  }
+};
+const VolumeControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08586594"]]);
+export {
+  VolumeControl as default
+};
+//# sourceMappingURL=VolumeControl.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VolumeControl.vue.js","sources":["../../../../../../../src/modules/music/components/player/VolumeControl.vue"],"sourcesContent":["<!-- components/player/VolumeControl.vue -->\n<template>\n  <div \n    ref=\"volumeBarContainer\"\n    class=\"volume-bar-container w-100 h-thin bg-grey-transp-50 radius-extra pos-relative cursor-pointer\"\n    @click=\"setVolume\"\n    @mousedown=\"startVolumeChange\"\n    @mousemove=\"updateVolumePosition\"\n    @mouseup=\"endVolumeChange\"\n    @mouseleave=\"endVolumeChange\"\n  >\n    <div \n      class=\"volume-bar h-100 bg-white radius-extra\" \n      :style=\"{ width: volumePercentage + '%' }\"\n      :class=\"{ 'muted': muted }\"\n    ></div>\n    <div \n      class=\"volume-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0\"\n      :style=\"{ \n        left: `calc(${volumePercentage}% - 4px)`, \n        transform: 'translateY(-50%)',\n        opacity: muted ? 0 : 1\n      }\"\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-bar-container:hover .volume-bar:not(.muted) {\n  background-color: rgb(var(--main));\n}\n\n.volume-handle {\n  display: none;\n}\n\n.volume-bar-container:hover .volume-handle {\n  display: block;\n}\n\n.muted {\n  opacity: 0.5;\n}\n</style>"],"names":["playerState","playerActions"],"mappings":";;;;;;AAkCA,UAAM,qBAAqB,IAAI,IAAI;AACnC,UAAM,mBAAmB,IAAI,KAAK;AAGlC,UAAM,SAAS,SAAS,MAAMA,MAAY,MAAM;AAChD,UAAM,QAAQ,SAAS,MAAMA,MAAY,KAAK;AAC9C,UAAM,mBAAmB,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,sBAAuB;AAC7D,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;AACvCC,cAAc,UAAU,SAAS;AAGjC,UAAI,MAAM,SAAS,YAAY,GAAG;AAChCA,gBAAc,WAAY;AAAA,MAC9B;AAAA,IACA;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,MACnB;AAAA,IACA;AAEA,UAAM,kBAAkB,MAAM;AAC5B,uBAAiB,QAAQ;AAAA,IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,137 @@
+"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 player = require("./store/player.cjs");
+const playlists = require("./store/playlists.cjs");
+const search = require("./store/search.cjs");
+const tracks = require("./store/tracks.cjs");
+const music = require("./router/music.cjs");
+const MusicLayout = require("./components/layouts/MusicLayout.vue.cjs");
+const AlbumDetail = require("./components/pages/AlbumDetail.vue.cjs");
+const ArtistDetail = require("./components/pages/ArtistDetail.vue.cjs");
+const MusicHome = require("./components/pages/MusicHome.vue.cjs");
+const MusicLibrary = require("./components/pages/MusicLibrary.vue.cjs");
+const MusicUpload = require("./components/pages/MusicUpload.vue.cjs");
+const PlaylistDetail = require("./components/pages/PlaylistDetail.vue.cjs");
+const SearchResults = require("./components/pages/SearchResults.vue.cjs");
+const TrackDetail = require("./components/pages/TrackDetail.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 TrackCard = require("./components/cards/TrackCard.vue.cjs");
+const AlbumList = require("./components/lists/AlbumList.vue.cjs");
+const ArtistList = require("./components/lists/ArtistList.vue.cjs");
+const PlaylistList = require("./components/lists/PlaylistList.vue.cjs");
+const TrackList = require("./components/lists/TrackList.vue.cjs");
+const PlaylistForm = require("./components/forms/PlaylistForm.vue.cjs");
+const SearchForm = require("./components/forms/SearchForm.vue.cjs");
+const UploadForm = require("./components/forms/UploadForm.vue.cjs");
+const globals_websocket = require("../globals/views/classes/globals.websocket.cjs");
+function initializeMusic(app, store, router, config, options = {}) {
+  const route = options.route || "Home";
+  router.addRoute(route, music.default);
+  store.addStore("tracks", tracks);
+  store.addStore("playlists", playlists);
+  store.addStore("albums", albums);
+  store.addStore("artists", artists);
+  store.addStore("player", player);
+  store.addStore("search", search);
+  if (options.enableStreaming !== false && app.config.globalProperties.WSS_URL) {
+    globals_websocket.default.initialize({
+      wsUrl: app.config.globalProperties.WSS_URL,
+      maxReconnectAttempts: 10,
+      reconnectDelay: 2e3
+    });
+    if (options.userId) {
+      globals_websocket.default.connect(options.userId).then(() => {
+        globals_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,
+      storePlayer: player,
+      storeSearch: search
+    },
+    router: {
+      routerMusic: music.default
+    },
+    components: {
+      // Layouts
+      MusicLayout: MusicLayout.default,
+      // Pages
+      MusicHome: MusicHome.default,
+      SearchResults: SearchResults.default,
+      ArtistDetail: ArtistDetail.default,
+      AlbumDetail: AlbumDetail.default,
+      PlaylistDetail: PlaylistDetail.default,
+      TrackDetail: TrackDetail.default,
+      MusicLibrary: MusicLibrary.default,
+      MusicUpload: MusicUpload.default,
+      // Player Components
+      MusicPlayer: MusicPlayer.default,
+      TrackProgress: TrackProgress.default,
+      VolumeControl: VolumeControl.default,
+      // Cards
+      TrackCard: TrackCard.default,
+      AlbumCard: AlbumCard.default,
+      PlaylistCard: PlaylistCard.default,
+      ArtistCard: ArtistCard.default,
+      // Lists
+      TrackList: TrackList.default,
+      AlbumList: AlbumList.default,
+      PlaylistList: PlaylistList.default,
+      ArtistList: ArtistList.default,
+      // Forms
+      PlaylistForm: PlaylistForm.default,
+      SearchForm: SearchForm.default,
+      UploadForm: UploadForm.default
+    }
+  }
+};
+exports.storeAlbums = albums;
+exports.storeArtists = artists;
+exports.storePlayer = player;
+exports.storePlaylists = playlists;
+exports.storeSearch = search;
+exports.storeTracks = tracks;
+exports.routerMusic = music.default;
+exports.MusicLayout = MusicLayout.default;
+exports.AlbumDetail = AlbumDetail.default;
+exports.ArtistDetail = ArtistDetail.default;
+exports.MusicHome = MusicHome.default;
+exports.MusicLibrary = MusicLibrary.default;
+exports.MusicUpload = MusicUpload.default;
+exports.PlaylistDetail = PlaylistDetail.default;
+exports.SearchResults = SearchResults.default;
+exports.TrackDetail = TrackDetail.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.TrackCard = TrackCard.default;
+exports.AlbumList = AlbumList.default;
+exports.ArtistList = ArtistList.default;
+exports.PlaylistList = PlaylistList.default;
+exports.TrackList = TrackList.default;
+exports.PlaylistForm = PlaylistForm.default;
+exports.SearchForm = SearchForm.default;
+exports.UploadForm = UploadForm.default;
+exports.default = ModuleMusic;
+//# sourceMappingURL=music.client.cjs.map

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

@@ -0,0 +1 @@
+{"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 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 routerMusic from './router/music.js';\n\n// Layouts\nimport MusicLayout from './components/layouts/MusicLayout.vue';\n\n// Pages\nimport AlbumDetail from './components/pages/AlbumDetail.vue';\nimport ArtistDetail from './components/pages/ArtistDetail.vue';\nimport MusicHome from './components/pages/MusicHome.vue';\nimport MusicLibrary from './components/pages/MusicLibrary.vue';\nimport MusicUpload from './components/pages/MusicUpload.vue';\nimport PlaylistDetail from './components/pages/PlaylistDetail.vue';\nimport SearchResults from './components/pages/SearchResults.vue';\nimport TrackDetail from './components/pages/TrackDetail.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 TrackCard from './components/cards/TrackCard.vue';\n\n// Components - Lists\nimport AlbumList from './components/lists/AlbumList.vue';\nimport ArtistList from './components/lists/ArtistList.vue';\nimport PlaylistList from './components/lists/PlaylistList.vue';\nimport TrackList from './components/lists/TrackList.vue';\n\n// Components - Forms\nimport PlaylistForm from './components/forms/PlaylistForm.vue';\nimport SearchForm from './components/forms/SearchForm.vue';\nimport UploadForm from './components/forms/UploadForm.vue';\n\n// WebSocket integration for streaming\nimport globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.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 route = options.route || 'Home';\n\n  // Register routes\n  router.addRoute(route, routerMusic);\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('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: app.config.globalProperties.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      storePlayer,\n      storeSearch,\n    },\n    router: {\n      routerMusic,\n    },\n    components: {\n      // Layouts\n      MusicLayout,\n      // Pages\n      MusicHome,\n      SearchResults,\n      ArtistDetail,\n      AlbumDetail,\n      PlaylistDetail,\n      TrackDetail,\n      MusicLibrary,\n      MusicUpload,\n      // Player Components\n      MusicPlayer,\n      TrackProgress,\n      VolumeControl,\n      // Cards\n      TrackCard,\n      AlbumCard,\n      PlaylistCard,\n      ArtistCard,\n      // Lists\n      TrackList,\n      AlbumList,\n      PlaylistList,\n      ArtistList,\n      // Forms\n      PlaylistForm,\n      SearchForm,\n      UploadForm,\n    },\n  },\n};\n\n// Named exports for direct component imports\nexport {\n  AlbumCard,\n  AlbumDetail,\n  AlbumList,\n  ArtistCard,\n  ArtistDetail,\n  ArtistList,\n  // Pages\n  MusicHome,\n  // Layout\n  MusicLayout,\n  MusicLibrary,\n  // Player Components\n  MusicPlayer,\n  MusicUpload,\n  PlaylistCard,\n  PlaylistDetail,\n  // Forms\n  PlaylistForm,\n  PlaylistList,\n  SearchForm,\n  SearchResults,\n  // Cards\n  TrackCard,\n  TrackDetail,\n  // Lists\n  TrackList,\n  TrackProgress,\n  UploadForm,\n  VolumeControl,\n  // Router\n  routerMusic,\n  storeAlbums,\n  storeArtists,\n  storePlayer,\n  storePlaylists,\n  storeSearch,\n  // Store modules\n  storeTracks,\n};\n\n// Default export\nexport default ModuleMusic;\n"],"names":["routerMusic","storeTracks","storePlaylists","storeAlbums","storeArtists","storePlayer","storeSearch","globalWebSocket","MusicPlayer","MusicLayout","MusicHome","SearchResults","ArtistDetail","AlbumDetail","PlaylistDetail","TrackDetail","MusicLibrary","MusicUpload","TrackProgress","VolumeControl","TrackCard","AlbumCard","PlaylistCard","ArtistCard","TrackList","AlbumList","PlaylistList","ArtistList","PlaylistForm","SearchForm","UploadForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,SAAS,gBAAgB,KAAK,OAAO,QAAQ,QAAQ,UAAU,IAAI;AACjE,QAAM,QAAQ,QAAQ,SAAS;AAG/B,SAAO,SAAS,OAAOA,aAAW;AAGlC,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;AAGpC,MAAI,QAAQ,oBAAoB,SAAS,IAAI,OAAO,iBAAiB,SAAS;AAC5EC,sBAAAA,QAAgB,WAAW;AAAA,MACzB,OAAO,IAAI,OAAO,iBAAiB;AAAA,MACnC,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IACtB,CAAK;AAGD,QAAI,QAAQ,QAAQ;AAClBA,wBAAAA,QACG,QAAQ,QAAQ,MAAM,EACtB,KAAK,MAAM;AACVA,0BAAe,QAAC,gBAAgB,iBAAiB;AAAA,MAClD,CAAA,EACA,MAAM,SAAO;AACZ,gBAAQ,MAAM,uDAAuD,GAAG;AAAA,MAClF,CAAS;AAAA,IACT;AAAA,EACA;AAGE,MAAI,UAAU,eAAeC,mBAAW;AAC1C;AAGK,MAAC,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,aAAMP;AAAAA,MACN,gBAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,cAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,IACD;AAAA,IACD,QAAQ;AAAA,MACZ,aAAMN,MAAW;AAAA,IACZ;AAAA,IACD,YAAY;AAAA;AAAA,MAEhB,aAAMS,YAAW;AAAA;AAAA,MAEjB,WAAMC,UAAS;AAAA,MACf,eAAMC,cAAa;AAAA,MACnB,cAAMC,aAAY;AAAA,MAClB,aAAMC,YAAW;AAAA,MACjB,gBAAMC,eAAc;AAAA,MACpB,aAAMC,YAAW;AAAA,MACjB,cAAMC,aAAY;AAAA,MAClB,aAAMC,YAAW;AAAA;AAAA,MAEjB,aAAMT,YAAW;AAAA,MACjB,eAAMU,cAAa;AAAA,MACnB,eAAMC,cAAa;AAAA;AAAA,MAEnB,WAAMC,UAAS;AAAA,MACf,WAAMC,UAAS;AAAA,MACf,cAAMC,aAAY;AAAA,MAClB,YAAMC,WAAU;AAAA;AAAA,MAEhB,WAAMC,UAAS;AAAA,MACf,WAAMC,UAAS;AAAA,MACf,cAAMC,aAAY;AAAA,MAClB,YAAMC,WAAU;AAAA;AAAA,MAEhB,cAAMC,aAAY;AAAA,MAClB,YAAMC,WAAU;AAAA,MAChB,YAAMC,WAAU;AAAA,IACX;AAAA,EACF;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,137 @@
+import * as albums from "./store/albums.js";
+import * as artists from "./store/artists.js";
+import * as player from "./store/player.js";
+import * as playlists from "./store/playlists.js";
+import * as search from "./store/search.js";
+import * as tracks from "./store/tracks.js";
+import routerMusic from "./router/music.js";
+import _sfc_main$a from "./components/layouts/MusicLayout.vue.js";
+import AlbumDetail from "./components/pages/AlbumDetail.vue.js";
+import _sfc_main$9 from "./components/pages/ArtistDetail.vue.js";
+import MusicHome from "./components/pages/MusicHome.vue.js";
+import _sfc_main$6 from "./components/pages/MusicLibrary.vue.js";
+import _sfc_main$5 from "./components/pages/MusicUpload.vue.js";
+import _sfc_main$8 from "./components/pages/PlaylistDetail.vue.js";
+import SearchResults from "./components/pages/SearchResults.vue.js";
+import _sfc_main$7 from "./components/pages/TrackDetail.vue.js";
+import MusicPlayer from "./components/player/MusicPlayer.vue.js";
+import TrackProgress from "./components/player/TrackProgress.vue.js";
+import VolumeControl from "./components/player/VolumeControl.vue.js";
+import AlbumCard from "./components/cards/AlbumCard.vue.js";
+import ArtistCard from "./components/cards/ArtistCard.vue.js";
+import PlaylistCard from "./components/cards/PlaylistCard.vue.js";
+import TrackCard from "./components/cards/TrackCard.vue.js";
+import _sfc_main$4 from "./components/lists/AlbumList.vue.js";
+import _sfc_main$2 from "./components/lists/ArtistList.vue.js";
+import _sfc_main$3 from "./components/lists/PlaylistList.vue.js";
+import TrackList from "./components/lists/TrackList.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/UploadForm.vue.js";
+import globalWebSocket from "../globals/views/classes/globals.websocket.js";
+function initializeMusic(app, store, router, config, options = {}) {
+  const route = options.route || "Home";
+  router.addRoute(route, routerMusic);
+  store.addStore("tracks", tracks);
+  store.addStore("playlists", playlists);
+  store.addStore("albums", albums);
+  store.addStore("artists", artists);
+  store.addStore("player", player);
+  store.addStore("search", search);
+  if (options.enableStreaming !== false && app.config.globalProperties.WSS_URL) {
+    globalWebSocket.initialize({
+      wsUrl: app.config.globalProperties.WSS_URL,
+      maxReconnectAttempts: 10,
+      reconnectDelay: 2e3
+    });
+    if (options.userId) {
+      globalWebSocket.connect(options.userId).then(() => {
+        globalWebSocket.subscribeModule("music-streaming");
+      }).catch((err) => {
+        console.error("Failed to connect to WebSocket for music streaming:", err);
+      });
+    }
+  }
+  app.component("MusicPlayer", MusicPlayer);
+}
+const ModuleMusic = {
+  initialize: initializeMusic,
+  views: {
+    store: {
+      storeTracks: tracks,
+      storePlaylists: playlists,
+      storeAlbums: albums,
+      storeArtists: artists,
+      storePlayer: player,
+      storeSearch: search
+    },
+    router: {
+      routerMusic
+    },
+    components: {
+      // Layouts
+      MusicLayout: _sfc_main$a,
+      // Pages
+      MusicHome,
+      SearchResults,
+      ArtistDetail: _sfc_main$9,
+      AlbumDetail,
+      PlaylistDetail: _sfc_main$8,
+      TrackDetail: _sfc_main$7,
+      MusicLibrary: _sfc_main$6,
+      MusicUpload: _sfc_main$5,
+      // Player Components
+      MusicPlayer,
+      TrackProgress,
+      VolumeControl,
+      // Cards
+      TrackCard,
+      AlbumCard,
+      PlaylistCard,
+      ArtistCard,
+      // Lists
+      TrackList,
+      AlbumList: _sfc_main$4,
+      PlaylistList: _sfc_main$3,
+      ArtistList: _sfc_main$2,
+      // Forms
+      PlaylistForm: _sfc_main$1,
+      SearchForm,
+      UploadForm: _sfc_main
+    }
+  }
+};
+export {
+  AlbumCard,
+  AlbumDetail,
+  _sfc_main$4 as AlbumList,
+  ArtistCard,
+  _sfc_main$9 as ArtistDetail,
+  _sfc_main$2 as ArtistList,
+  MusicHome,
+  _sfc_main$a as MusicLayout,
+  _sfc_main$6 as MusicLibrary,
+  MusicPlayer,
+  _sfc_main$5 as MusicUpload,
+  PlaylistCard,
+  _sfc_main$8 as PlaylistDetail,
+  _sfc_main$1 as PlaylistForm,
+  _sfc_main$3 as PlaylistList,
+  SearchForm,
+  SearchResults,
+  TrackCard,
+  _sfc_main$7 as TrackDetail,
+  TrackList,
+  TrackProgress,
+  _sfc_main as UploadForm,
+  VolumeControl,
+  ModuleMusic as default,
+  routerMusic,
+  albums as storeAlbums,
+  artists as storeArtists,
+  player as storePlayer,
+  playlists as storePlaylists,
+  search as storeSearch,
+  tracks as storeTracks
+};
+//# sourceMappingURL=music.client.js.map