@ozdao/martyrs 0.2.492 → 0.2.494

package/dist/martyrs/src/modules/music/components/cards/TrackCard.vue.cjs

@@ -1,69 +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 IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");
-const player = require("../../store/player.cjs");
-;/* empty css                 */
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "track-card-content pd-small flex-v-center flex" };
-const _hoisted_2 = { class: "track-cover mn-r-small" };
-const _hoisted_3 = { class: "track-info flex-1" };
-const _hoisted_4 = { class: "track-name t-truncate" };
-const _hoisted_5 = { class: "track-artist t-grey t-small t-truncate" };
-const _hoisted_6 = { class: "track-play pos-absolute pos-r-0 pos-t-0 h-100 pd-small flex-center flex" };
-const _hoisted_7 = { class: "play-button bg-main radius-round flex-center flex aspect-1x1 i-medium" };
-const _sfc_main = {
-  __name: "TrackCard",
-  props: {
-    track: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const getArtistName = (track) => {
-      if (track.artist) {
-        if (typeof track.artist === "object") {
-          return track.artist.name || "Unknown Artist";
-        }
-        return track.artist;
-      }
-      return "Unknown Artist";
-    };
-    const playTrack = () => {
-      player.actions.playTrack(props.track);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: "track-card radius-small o-hidden pos-relative cursor-pointer transition-cubic-in-out bg-dark-transp-20",
-        onClick: playTrack
-      }, [
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.createVNode(Media.default, {
-              url: __props.track.coverUrl || __props.track.album && __props.track.album.coverUrl || "/assets/placeholder-track.jpg",
-              class: "w-3r h-3r object-fit-cover radius-small"
-            }, null, 8, ["url"])
-          ]),
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(__props.track.title), 1),
-            vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(getArtistName(__props.track)), 1)
-          ]),
-          vue.createElementVNode("div", _hoisted_6, [
-            vue.createElementVNode("div", _hoisted_7, [
-              vue.createVNode(IconPlay.default, {
-                class: "i-small",
-                fill: "rgb(var(--black))"
-              })
-            ])
-          ])
-        ])
-      ]);
-    };
-  }
-};
-const TrackCard = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-4db48be7"]]);
-exports.default = TrackCard;
-//# sourceMappingURL=TrackCard.vue.cjs.map

package/dist/martyrs/src/modules/music/components/cards/TrackCard.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TrackCard.vue.cjs","sources":["../../../../../../../src/modules/music/components/cards/TrackCard.vue"],"sourcesContent":["<!-- components/cards/TrackCard.vue -->\n<template>\n  <div \n    class=\"track-card radius-small o-hidden pos-relative cursor-pointer transition-cubic-in-out bg-dark-transp-20\"\n    @click=\"playTrack\"\n  >\n    <div class=\"track-card-content pd-small flex-v-center flex\">\n      <div class=\"track-cover mn-r-small\">\n        <Media \n          :url=\"track.coverUrl || (track.album && track.album.coverUrl) || '/assets/placeholder-track.jpg'\" \n          class=\"w-3r h-3r object-fit-cover radius-small\"\n        />\n      </div>\n      \n      <div class=\"track-info flex-1\">\n        <div class=\"track-name  t-truncate\">{{ track.title }}</div>\n        <div class=\"track-artist t-grey t-small t-truncate\">{{ getArtistName(track) }}</div>\n      </div>\n      \n      <div class=\"track-play pos-absolute pos-r-0 pos-t-0 h-100 pd-small flex-center flex\">\n        <div class=\"play-button bg-main radius-round flex-center flex aspect-1x1 i-medium\">\n          <IconPlay class=\"i-small\" fill=\"rgb(var(--black))\"/>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\n\n// Import player store\nimport { actions as playerActions } from '../../store/player.js';\n\nconst props = defineProps({\n  track: {\n    type: Object,\n    required: true\n  }\n});\n\n// Methods\nconst getArtistName = (track) => {\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\nconst playTrack = () => {\n  playerActions.playTrack(props.track);\n};\n</script>\n\n<style scoped>\n.track-card {\n  transition: background-color 0.3s ease;\n}\n\n.track-card:hover {\n  background-color: rgba(var(--dark), 0.4);\n}\n\n.track-play {\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.track-card:hover .track-play {\n  opacity: 1;\n}\n\n.play-button {\n  transform: scale(0.8);\n  transition: transform 0.3s ease;\n}\n\n.track-card:hover .play-button {\n  transform: scale(1);\n}\n</style>"],"names":["playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,QAAQ;AAQd,UAAM,gBAAgB,CAAC,UAAU;AAC/B,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;AAEA,UAAM,YAAY,MAAM;AACtBA,qBAAc,UAAU,MAAM,KAAK;AAAA,IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/cards/TrackCard.vue.js

@@ -1,69 +0,0 @@
-import { createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString } from "vue";
-import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../icons/navigation/IconPlay.vue.js";
-import { actions } from "../../store/player.js";
-/* empty css               */
-import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "track-card-content pd-small flex-v-center flex" };
-const _hoisted_2 = { class: "track-cover mn-r-small" };
-const _hoisted_3 = { class: "track-info flex-1" };
-const _hoisted_4 = { class: "track-name t-truncate" };
-const _hoisted_5 = { class: "track-artist t-grey t-small t-truncate" };
-const _hoisted_6 = { class: "track-play pos-absolute pos-r-0 pos-t-0 h-100 pd-small flex-center flex" };
-const _hoisted_7 = { class: "play-button bg-main radius-round flex-center flex aspect-1x1 i-medium" };
-const _sfc_main = {
-  __name: "TrackCard",
-  props: {
-    track: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const getArtistName = (track) => {
-      if (track.artist) {
-        if (typeof track.artist === "object") {
-          return track.artist.name || "Unknown Artist";
-        }
-        return track.artist;
-      }
-      return "Unknown Artist";
-    };
-    const playTrack = () => {
-      actions.playTrack(props.track);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "track-card radius-small o-hidden pos-relative cursor-pointer transition-cubic-in-out bg-dark-transp-20",
-        onClick: playTrack
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            createVNode(Media, {
-              url: __props.track.coverUrl || __props.track.album && __props.track.album.coverUrl || "/assets/placeholder-track.jpg",
-              class: "w-3r h-3r object-fit-cover radius-small"
-            }, null, 8, ["url"])
-          ]),
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("div", _hoisted_4, toDisplayString(__props.track.title), 1),
-            createElementVNode("div", _hoisted_5, toDisplayString(getArtistName(__props.track)), 1)
-          ]),
-          createElementVNode("div", _hoisted_6, [
-            createElementVNode("div", _hoisted_7, [
-              createVNode(_sfc_main$1, {
-                class: "i-small",
-                fill: "rgb(var(--black))"
-              })
-            ])
-          ])
-        ])
-      ]);
-    };
-  }
-};
-const TrackCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4db48be7"]]);
-export {
-  TrackCard as default
-};
-//# sourceMappingURL=TrackCard.vue.js.map

package/dist/martyrs/src/modules/music/components/cards/TrackCard.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TrackCard.vue.js","sources":["../../../../../../../src/modules/music/components/cards/TrackCard.vue"],"sourcesContent":["<!-- components/cards/TrackCard.vue -->\n<template>\n  <div \n    class=\"track-card radius-small o-hidden pos-relative cursor-pointer transition-cubic-in-out bg-dark-transp-20\"\n    @click=\"playTrack\"\n  >\n    <div class=\"track-card-content pd-small flex-v-center flex\">\n      <div class=\"track-cover mn-r-small\">\n        <Media \n          :url=\"track.coverUrl || (track.album && track.album.coverUrl) || '/assets/placeholder-track.jpg'\" \n          class=\"w-3r h-3r object-fit-cover radius-small\"\n        />\n      </div>\n      \n      <div class=\"track-info flex-1\">\n        <div class=\"track-name  t-truncate\">{{ track.title }}</div>\n        <div class=\"track-artist t-grey t-small t-truncate\">{{ getArtistName(track) }}</div>\n      </div>\n      \n      <div class=\"track-play pos-absolute pos-r-0 pos-t-0 h-100 pd-small flex-center flex\">\n        <div class=\"play-button bg-main radius-round flex-center flex aspect-1x1 i-medium\">\n          <IconPlay class=\"i-small\" fill=\"rgb(var(--black))\"/>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\n\n// Import player store\nimport { actions as playerActions } from '../../store/player.js';\n\nconst props = defineProps({\n  track: {\n    type: Object,\n    required: true\n  }\n});\n\n// Methods\nconst getArtistName = (track) => {\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\nconst playTrack = () => {\n  playerActions.playTrack(props.track);\n};\n</script>\n\n<style scoped>\n.track-card {\n  transition: background-color 0.3s ease;\n}\n\n.track-card:hover {\n  background-color: rgba(var(--dark), 0.4);\n}\n\n.track-play {\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.track-card:hover .track-play {\n  opacity: 1;\n}\n\n.play-button {\n  transform: scale(0.8);\n  transition: transform 0.3s ease;\n}\n\n.track-card:hover .play-button {\n  transform: scale(1);\n}\n</style>"],"names":["playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,QAAQ;AAQd,UAAM,gBAAgB,CAAC,UAAU;AAC/B,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;AAEA,UAAM,YAAY,MAAM;AACtBA,cAAc,UAAU,MAAM,KAAK;AAAA,IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/layouts/MusicLayout.vue.cjs

@@ -1,104 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const MusicPlayer = require("../player/MusicPlayer.vue.cjs");
-const SearchForm = require("../forms/SearchForm.vue.cjs");
-;/* empty css                                         */
-;/* empty css                                          */
-;/* empty css                                              */
-const IconChevronLeft = require("../../../icons/navigation/IconChevronLeft.vue.cjs");
-const IconChevronRight = require("../../../icons/navigation/IconChevronRight.vue.cjs");
-const player = require("../../store/player.cjs");
-const auth = require("../../../auth/views/store/auth.cjs");
-const _hoisted_1 = { class: "music-layout flex flex-column flex-nowrap w-100" };
-const _hoisted_2 = { class: "flex-child-shrink-0 z-index-3 flex-v-center flex-justify-between flex gap-small pd-small bg-main" };
-const _hoisted_3 = { class: "music-navigation-buttons flex gap-thin" };
-const _hoisted_4 = {
-  key: 0,
-  class: "music-search-bar flex-child-1 mn-l-medium mn-r-medium"
-};
-const _hoisted_5 = { class: "music-user-menu flex-nowrap flex pos-relative" };
-const _hoisted_6 = { class: "o-x-hidden" };
-const _sfc_main = {
-  __name: "MusicLayout",
-  setup(__props) {
-    const router = vueRouter.useRouter();
-    vue.ref(false);
-    vue.computed(() => {
-      return auth.state.access.status === true;
-    });
-    vue.computed(() => {
-      return auth.state.user;
-    });
-    const currentTrack = vue.computed(() => {
-      return player.state.currentTrack;
-    });
-    const handleSearch = (query) => {
-      router.push({ name: "music-search", query: { q: query } });
-    };
-    return (_ctx, _cache) => {
-      const _component_router_link = vue.resolveComponent("router-link");
-      const _component_router_view = vue.resolveComponent("router-view");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("header", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("button", {
-              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.go(-1)),
-              class: "bg-black radius-extra flex-center flex aspect-1x1 i-medium cursor-pointer hover-bg-dark pd-micro"
-            }, [
-              vue.createVNode(IconChevronLeft.default, {
-                class: "i-small",
-                fill: "rgb(var(--white))"
-              })
-            ]),
-            vue.createElementVNode("button", {
-              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.go(1)),
-              class: "bg-black radius-extra flex-center flex aspect-1x1 i-medium cursor-pointer hover-bg-dark pd-micro"
-            }, [
-              vue.createVNode(IconChevronRight.default, {
-                class: "i-small",
-                fill: "rgb(var(--white))"
-              })
-            ])
-          ]),
-          _ctx.$route.name !== "music-search" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-            vue.createVNode(SearchForm.default, {
-              onSearch: handleSearch,
-              placeholder: "Search music..."
-            })
-          ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_5, [
-            vue.createVNode(_component_router_link, {
-              to: { name: "music-library" },
-              class: "pd-thin w-100 d-block hover-bg-dark radius-small"
-            }, {
-              default: vue.withCtx(() => _cache[2] || (_cache[2] = [
-                vue.createTextVNode(" Library ")
-              ])),
-              _: 1
-            }),
-            vue.createVNode(_component_router_link, {
-              to: { name: "track-create" },
-              class: "pd-thin w-100 d-block hover-bg-dark radius-small"
-            }, {
-              default: vue.withCtx(() => _cache[3] || (_cache[3] = [
-                vue.createTextVNode(" Upload ")
-              ])),
-              _: 1
-            })
-          ])
-        ]),
-        vue.createElementVNode("main", _hoisted_6, [
-          vue.createVNode(_component_router_view)
-        ]),
-        currentTrack.value ? (vue.openBlock(), vue.createBlock(MusicPlayer.default, {
-          key: 0,
-          class: "pos-fixed pos-b-0 w-100"
-        })) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=MusicLayout.vue.cjs.map

package/dist/martyrs/src/modules/music/components/layouts/MusicLayout.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MusicLayout.vue.cjs","sources":["../../../../../../../src/modules/music/components/layouts/MusicLayout.vue"],"sourcesContent":["<!-- components/layouts/MusicLayout.vue -->\n<template>\n  <div class=\"music-layout flex flex-column flex-nowrap w-100 \">\n    <!-- Header Bar -->\n    <header class=\"flex-child-shrink-0 z-index-3 flex-v-center flex-justify-between flex gap-small pd-small bg-main\">\n \n      <div class=\"music-navigation-buttons flex gap-thin\">\n        <button @click=\"$router.go(-1)\" class=\"bg-black radius-extra flex-center flex aspect-1x1 i-medium cursor-pointer hover-bg-dark pd-micro\">\n          <IconChevronLeft class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        </button>\n        <button @click=\"$router.go(1)\" class=\"bg-black radius-extra flex-center flex aspect-1x1 i-medium cursor-pointer hover-bg-dark pd-micro\">\n          <IconChevronRight class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        </button>\n      </div>\n    \n      <div class=\"music-search-bar flex-child-1 mn-l-medium mn-r-medium\" v-if=\"$route.name !== 'music-search'\">\n        <SearchForm @search=\"handleSearch\" placeholder=\"Search music...\" />\n      </div>\n      \n      <div class=\"music-user-menu flex-nowrap  flex pos-relative\">\n \n        <router-link :to=\"{ name: 'music-library' }\" class=\" pd-thin w-100 d-block hover-bg-dark radius-small\">\n          Library\n        </router-link>\n        <router-link :to=\"{ name: 'track-create' }\" class=\" pd-thin w-100 d-block hover-bg-dark radius-small\">\n          Upload\n        </router-link>\n        \n      </div>\n    </header>\n    \n    <!-- Main Content Area -->\n    <main class=\"o-x-hidden\">\n      <router-view></router-view>\n    </main>\n    \n    <!-- Music Player Fixed at Bottom -->\n    <MusicPlayer v-if=\"currentTrack\" class=\"pos-fixed pos-b-0 w-100 \"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRouter } from 'vue-router';\nimport MusicPlayer from '../player/MusicPlayer.vue';\nimport SearchForm from '../forms/SearchForm.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\n\n// Icons - Import from icons in the Martyrs framework\nimport IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\nimport IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue';\n\n// Import store modules\nimport { state as playerState } from '../../store/player.js';\nimport { state as authState, actions as authActions } from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst router = useRouter();\n\n// UI state\nconst showUserMenu = ref(false);\n\n// Auth computed properties\nconst isAuthenticated = computed(() => {\n  return authState.access.status === true;\n});\n\nconst user = computed(() => {\n  return authState.user;\n});\n\n// Current track from player store\nconst currentTrack = computed(() => {\n  return playerState.currentTrack;\n});\n\n// Methods\nconst handleSearch = (query) => {\n  router.push({ name: 'music-search', query: { q: query } });\n};\n\n</script>"],"names":["useRouter","ref","computed","authState","playerState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,SAASA,UAAAA,UAAS;AAGHC,QAAAA,IAAI,KAAK;AAGNC,QAAAA,SAAS,MAAM;AACrC,aAAOC,KAAAA,MAAU,OAAO,WAAW;AAAA,IACrC,CAAC;AAEYD,QAAAA,SAAS,MAAM;AAC1B,aAAOC,KAAAA,MAAU;AAAA,IACnB,CAAC;AAGD,UAAM,eAAeD,IAAAA,SAAS,MAAM;AAClC,aAAOE,OAAAA,MAAY;AAAA,IACrB,CAAC;AAGD,UAAM,eAAe,CAAC,UAAU;AAC9B,aAAO,KAAK,EAAE,MAAM,gBAAgB,OAAO,EAAE,GAAG,MAAK,GAAI;AAAA,IAC3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/layouts/MusicLayout.vue.js

@@ -1,104 +0,0 @@
-import { ref, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode } from "vue";
-import { useRouter } from "vue-router";
-import MusicPlayer from "../player/MusicPlayer.vue.js";
-import SearchForm from "../forms/SearchForm.vue.js";
-/* empty css                                       */
-/* empty css                                        */
-/* empty css                                            */
-import IconChevronLeft from "../../../icons/navigation/IconChevronLeft.vue.js";
-import IconChevronRight from "../../../icons/navigation/IconChevronRight.vue.js";
-import { state as state$1 } from "../../store/player.js";
-import { state } from "../../../auth/views/store/auth.js";
-const _hoisted_1 = { class: "music-layout flex flex-column flex-nowrap w-100" };
-const _hoisted_2 = { class: "flex-child-shrink-0 z-index-3 flex-v-center flex-justify-between flex gap-small pd-small bg-main" };
-const _hoisted_3 = { class: "music-navigation-buttons flex gap-thin" };
-const _hoisted_4 = {
-  key: 0,
-  class: "music-search-bar flex-child-1 mn-l-medium mn-r-medium"
-};
-const _hoisted_5 = { class: "music-user-menu flex-nowrap flex pos-relative" };
-const _hoisted_6 = { class: "o-x-hidden" };
-const _sfc_main = {
-  __name: "MusicLayout",
-  setup(__props) {
-    const router = useRouter();
-    ref(false);
-    computed(() => {
-      return state.access.status === true;
-    });
-    computed(() => {
-      return state.user;
-    });
-    const currentTrack = computed(() => {
-      return state$1.currentTrack;
-    });
-    const handleSearch = (query) => {
-      router.push({ name: "music-search", query: { q: query } });
-    };
-    return (_ctx, _cache) => {
-      const _component_router_link = resolveComponent("router-link");
-      const _component_router_view = resolveComponent("router-view");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("header", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("button", {
-              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.go(-1)),
-              class: "bg-black radius-extra flex-center flex aspect-1x1 i-medium cursor-pointer hover-bg-dark pd-micro"
-            }, [
-              createVNode(IconChevronLeft, {
-                class: "i-small",
-                fill: "rgb(var(--white))"
-              })
-            ]),
-            createElementVNode("button", {
-              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.go(1)),
-              class: "bg-black radius-extra flex-center flex aspect-1x1 i-medium cursor-pointer hover-bg-dark pd-micro"
-            }, [
-              createVNode(IconChevronRight, {
-                class: "i-small",
-                fill: "rgb(var(--white))"
-              })
-            ])
-          ]),
-          _ctx.$route.name !== "music-search" ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            createVNode(SearchForm, {
-              onSearch: handleSearch,
-              placeholder: "Search music..."
-            })
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_5, [
-            createVNode(_component_router_link, {
-              to: { name: "music-library" },
-              class: "pd-thin w-100 d-block hover-bg-dark radius-small"
-            }, {
-              default: withCtx(() => _cache[2] || (_cache[2] = [
-                createTextVNode(" Library ")
-              ])),
-              _: 1
-            }),
-            createVNode(_component_router_link, {
-              to: { name: "track-create" },
-              class: "pd-thin w-100 d-block hover-bg-dark radius-small"
-            }, {
-              default: withCtx(() => _cache[3] || (_cache[3] = [
-                createTextVNode(" Upload ")
-              ])),
-              _: 1
-            })
-          ])
-        ]),
-        createElementVNode("main", _hoisted_6, [
-          createVNode(_component_router_view)
-        ]),
-        currentTrack.value ? (openBlock(), createBlock(MusicPlayer, {
-          key: 0,
-          class: "pos-fixed pos-b-0 w-100"
-        })) : createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=MusicLayout.vue.js.map

package/dist/martyrs/src/modules/music/components/layouts/MusicLayout.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MusicLayout.vue.js","sources":["../../../../../../../src/modules/music/components/layouts/MusicLayout.vue"],"sourcesContent":["<!-- components/layouts/MusicLayout.vue -->\n<template>\n  <div class=\"music-layout flex flex-column flex-nowrap w-100 \">\n    <!-- Header Bar -->\n    <header class=\"flex-child-shrink-0 z-index-3 flex-v-center flex-justify-between flex gap-small pd-small bg-main\">\n \n      <div class=\"music-navigation-buttons flex gap-thin\">\n        <button @click=\"$router.go(-1)\" class=\"bg-black radius-extra flex-center flex aspect-1x1 i-medium cursor-pointer hover-bg-dark pd-micro\">\n          <IconChevronLeft class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        </button>\n        <button @click=\"$router.go(1)\" class=\"bg-black radius-extra flex-center flex aspect-1x1 i-medium cursor-pointer hover-bg-dark pd-micro\">\n          <IconChevronRight class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        </button>\n      </div>\n    \n      <div class=\"music-search-bar flex-child-1 mn-l-medium mn-r-medium\" v-if=\"$route.name !== 'music-search'\">\n        <SearchForm @search=\"handleSearch\" placeholder=\"Search music...\" />\n      </div>\n      \n      <div class=\"music-user-menu flex-nowrap  flex pos-relative\">\n \n        <router-link :to=\"{ name: 'music-library' }\" class=\" pd-thin w-100 d-block hover-bg-dark radius-small\">\n          Library\n        </router-link>\n        <router-link :to=\"{ name: 'track-create' }\" class=\" pd-thin w-100 d-block hover-bg-dark radius-small\">\n          Upload\n        </router-link>\n        \n      </div>\n    </header>\n    \n    <!-- Main Content Area -->\n    <main class=\"o-x-hidden\">\n      <router-view></router-view>\n    </main>\n    \n    <!-- Music Player Fixed at Bottom -->\n    <MusicPlayer v-if=\"currentTrack\" class=\"pos-fixed pos-b-0 w-100 \"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRouter } from 'vue-router';\nimport MusicPlayer from '../player/MusicPlayer.vue';\nimport SearchForm from '../forms/SearchForm.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\n\n// Icons - Import from icons in the Martyrs framework\nimport IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\nimport IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue';\n\n// Import store modules\nimport { state as playerState } from '../../store/player.js';\nimport { state as authState, actions as authActions } from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst router = useRouter();\n\n// UI state\nconst showUserMenu = ref(false);\n\n// Auth computed properties\nconst isAuthenticated = computed(() => {\n  return authState.access.status === true;\n});\n\nconst user = computed(() => {\n  return authState.user;\n});\n\n// Current track from player store\nconst currentTrack = computed(() => {\n  return playerState.currentTrack;\n});\n\n// Methods\nconst handleSearch = (query) => {\n  router.push({ name: 'music-search', query: { q: query } });\n};\n\n</script>"],"names":["authState","playerState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,SAAS,UAAS;AAGH,QAAI,KAAK;AAGN,aAAS,MAAM;AACrC,aAAOA,MAAU,OAAO,WAAW;AAAA,IACrC,CAAC;AAEY,aAAS,MAAM;AAC1B,aAAOA,MAAU;AAAA,IACnB,CAAC;AAGD,UAAM,eAAe,SAAS,MAAM;AAClC,aAAOC,QAAY;AAAA,IACrB,CAAC;AAGD,UAAM,eAAe,CAAC,UAAU;AAC9B,aAAO,KAAK,EAAE,MAAM,gBAAgB,OAAO,EAAE,GAAG,MAAK,GAAI;AAAA,IAC3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/src/modules/music/components/cards/TrackCard.vue

@@ -1,86 +0,0 @@
-<!-- components/cards/TrackCard.vue -->
-<template>
-  <div 
-    class="track-card radius-small o-hidden pos-relative cursor-pointer transition-cubic-in-out bg-dark-transp-20"
-    @click="playTrack"
-  >
-    <div class="track-card-content pd-small flex-v-center flex">
-      <div class="track-cover mn-r-small">
-        <Media 
-          :url="track.coverUrl || (track.album && track.album.coverUrl) || '/assets/placeholder-track.jpg'" 
-          class="w-3r h-3r object-fit-cover radius-small"
-        />
-      </div>
-      
-      <div class="track-info flex-1">
-        <div class="track-name  t-truncate">{{ track.title }}</div>
-        <div class="track-artist t-grey t-small t-truncate">{{ getArtistName(track) }}</div>
-      </div>
-      
-      <div class="track-play pos-absolute pos-r-0 pos-t-0 h-100 pd-small flex-center flex">
-        <div class="play-button bg-main radius-round flex-center flex aspect-1x1 i-medium">
-          <IconPlay class="i-small" fill="rgb(var(--black))"/>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed } from 'vue';
-import Media from '@martyrs/src/components/Media/Media.vue';
-import IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';
-
-// Import player store
-import { actions as playerActions } from '../../store/player.js';
-
-const props = defineProps({
-  track: {
-    type: Object,
-    required: true
-  }
-});
-
-// Methods
-const getArtistName = (track) => {
-  if (track.artist) {
-    if (typeof track.artist === 'object') {
-      return track.artist.name || 'Unknown Artist';
-    }
-    return track.artist;
-  }
-  return 'Unknown Artist';
-};
-
-const playTrack = () => {
-  playerActions.playTrack(props.track);
-};
-</script>
-
-<style scoped>
-.track-card {
-  transition: background-color 0.3s ease;
-}
-
-.track-card:hover {
-  background-color: rgba(var(--dark), 0.4);
-}
-
-.track-play {
-  opacity: 0;
-  transition: opacity 0.3s ease;
-}
-
-.track-card:hover .track-play {
-  opacity: 1;
-}
-
-.play-button {
-  transform: scale(0.8);
-  transition: transform 0.3s ease;
-}
-
-.track-card:hover .play-button {
-  transform: scale(1);
-}
-</style>

package/src/modules/music/components/layouts/MusicLayout.vue

@@ -1,83 +0,0 @@
-<!-- components/layouts/MusicLayout.vue -->
-<template>
-  <div class="music-layout flex flex-column flex-nowrap w-100 ">
-    <!-- Header Bar -->
-    <header class="flex-child-shrink-0 z-index-3 flex-v-center flex-justify-between flex gap-small pd-small bg-main">
- 
-      <div class="music-navigation-buttons flex gap-thin">
-        <button @click="$router.go(-1)" class="bg-black radius-extra flex-center flex aspect-1x1 i-medium cursor-pointer hover-bg-dark pd-micro">
-          <IconChevronLeft class="i-small" fill="rgb(var(--white))"/>
-        </button>
-        <button @click="$router.go(1)" class="bg-black radius-extra flex-center flex aspect-1x1 i-medium cursor-pointer hover-bg-dark pd-micro">
-          <IconChevronRight class="i-small" fill="rgb(var(--white))"/>
-        </button>
-      </div>
-    
-      <div class="music-search-bar flex-child-1 mn-l-medium mn-r-medium" v-if="$route.name !== 'music-search'">
-        <SearchForm @search="handleSearch" placeholder="Search music..." />
-      </div>
-      
-      <div class="music-user-menu flex-nowrap  flex pos-relative">
- 
-        <router-link :to="{ name: 'music-library' }" class=" pd-thin w-100 d-block hover-bg-dark radius-small">
-          Library
-        </router-link>
-        <router-link :to="{ name: 'track-create' }" class=" pd-thin w-100 d-block hover-bg-dark radius-small">
-          Upload
-        </router-link>
-        
-      </div>
-    </header>
-    
-    <!-- Main Content Area -->
-    <main class="o-x-hidden">
-      <router-view></router-view>
-    </main>
-    
-    <!-- Music Player Fixed at Bottom -->
-    <MusicPlayer v-if="currentTrack" class="pos-fixed pos-b-0 w-100 "/>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed, onMounted } from 'vue';
-import { useRouter } from 'vue-router';
-import MusicPlayer from '../player/MusicPlayer.vue';
-import SearchForm from '../forms/SearchForm.vue';
-import Button from '@martyrs/src/components/Button/Button.vue';
-import Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';
-
-// Icons - Import from icons in the Martyrs framework
-import IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';
-import IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';
-import IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue';
-
-// Import store modules
-import { state as playerState } from '../../store/player.js';
-import { state as authState, actions as authActions } from '@martyrs/src/modules/auth/views/store/auth.js';
-
-const router = useRouter();
-
-// UI state
-const showUserMenu = ref(false);
-
-// Auth computed properties
-const isAuthenticated = computed(() => {
-  return authState.access.status === true;
-});
-
-const user = computed(() => {
-  return authState.user;
-});
-
-// Current track from player store
-const currentTrack = computed(() => {
-  return playerState.currentTrack;
-});
-
-// Methods
-const handleSearch = (query) => {
-  router.push({ name: 'music-search', query: { q: query } });
-};
-
-</script>