@ozdao/martyrs 0.2.484 → 0.2.486

package/dist/martyrs/src/modules/music/components/lists/ArtistList.vue.js

@@ -0,0 +1,305 @@
+import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
+import { useRouter } from "vue-router";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Loader from "../../../../components/Loader/Loader.vue2.js";
+import _sfc_main$3 from "../../../../components/Status/Status.vue.js";
+import _sfc_main$4 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "../../../icons/navigation/IconSearch.vue.js";
+import { state, actions } from "../../store/artists.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+import { actions as actions$1 } from "../../../globals/views/store/globals.js";
+const _hoisted_1 = { class: "pd-medium" };
+const _hoisted_2 = { class: "flex flex-justify-between flex-v-center mn-b-medium" };
+const _hoisted_3 = { class: "mn-b-medium" };
+const _hoisted_4 = {
+  key: 0,
+  class: "flex-center flex mn-medium"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "bg-light pd-medium radius-medium t-center"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "cols-1 gap-small"
+};
+const _hoisted_7 = { class: "flex-v-center flex mobile:w-100 mobile:mn-b-small" };
+const _hoisted_8 = { class: "w-4r h-4r radius-medium o-hidden mn-r-medium mobile:mn-r-small" };
+const _hoisted_9 = ["src"];
+const _hoisted_10 = {
+  key: 1,
+  class: "w-100 h-100 bg-second-nano flex-center flex"
+};
+const _hoisted_11 = { class: "h5 mn-b-thin" };
+const _hoisted_12 = { class: "p-small t-transp" };
+const _hoisted_13 = {
+  key: 0,
+  class: "bg-second-nano pd-micro radius-small"
+};
+const _hoisted_14 = { class: "flex flex-nowrap gap-small mobile:w-100 mobile:flex-justify-between" };
+const _hoisted_15 = { class: "p-medium mn-b-medium" };
+const _hoisted_16 = { class: "flex flex-justify-between" };
+const _sfc_main = {
+  __name: "ArtistList",
+  setup(__props) {
+    const router = useRouter();
+    const search = ref("");
+    const isLoading = ref(false);
+    const showDeleteConfirm = ref(false);
+    const selectedArtist = ref(null);
+    const userArtists = computed(() => {
+      return state.userArtists;
+    });
+    const loadUserArtists = async () => {
+      isLoading.value = true;
+      try {
+        await actions.fetchUserArtists(state$1.user._id);
+      } catch (error) {
+        console.error("Error loading artists:", error);
+        actions$1.setError({
+          message: "Failed to load your artists"
+        });
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    const handleSearch = async (value) => {
+      if (!value.trim()) {
+        await loadUserArtists();
+        return;
+      }
+      isLoading.value = true;
+      try {
+        const options = {
+          creator: state$1.user._id,
+          search: value
+        };
+        await actions.fetchArtists(options);
+      } catch (error) {
+        console.error("Error searching artists:", error);
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    const viewArtist = (artist) => {
+      router.push({
+        name: "artist-detail",
+        params: { url: artist.url }
+      });
+    };
+    const editArtist = (artist) => {
+      router.push({
+        name: "artist-edit",
+        params: { url: artist.url }
+      });
+    };
+    const confirmDelete = (artist) => {
+      selectedArtist.value = artist;
+      showDeleteConfirm.value = true;
+    };
+    const deleteArtist = async () => {
+      if (!selectedArtist.value) return;
+      try {
+        await actions.deleteArtist(selectedArtist.value._id);
+        showDeleteConfirm.value = false;
+        selectedArtist.value = null;
+        actions$1.setError({
+          message: "Artist deleted successfully",
+          status: "success"
+        });
+      } catch (error) {
+        console.error("Error deleting artist:", error);
+        actions$1.setError({
+          message: "Failed to delete artist"
+        });
+      }
+    };
+    const getStatusLabel = (status) => {
+      const statusMap = {
+        "draft": {
+          text: "Draft",
+          color: "#888888"
+        },
+        "published": {
+          text: "Published",
+          color: "#10FA7D"
+          // main color
+        },
+        "archived": {
+          text: "Archived",
+          color: "#FF0A54"
+          // fourth color
+        }
+      };
+      return statusMap[status] || {
+        text: status,
+        color: "#888888"
+      };
+    };
+    onMounted(async () => {
+      await loadUserArtists();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[3] || (_cache[3] = createElementVNode("h2", { class: "h2" }, "Manage Artists", -1)),
+          createVNode(_sfc_main$1, {
+            submit: () => unref(router).push({ name: "artist-create" }),
+            class: "bg-main t-white",
+            showSucces: false,
+            showLoader: false
+          }, {
+            default: withCtx(() => _cache[2] || (_cache[2] = [
+              createTextVNode(" Create Artist ")
+            ])),
+            _: 1
+          }, 8, ["submit"])
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(Field, {
+            field: search.value,
+            "onUpdate:field": [
+              _cache[0] || (_cache[0] = ($event) => search.value = $event),
+              handleSearch
+            ],
+            placeholder: "Search artists...",
+            class: "w-m-40r"
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$2, { class: "i-medium mn-r-small" })
+            ]),
+            _: 1
+          }, 8, ["field"])
+        ]),
+        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          createVNode(Loader)
+        ])) : userArtists.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          _cache[5] || (_cache[5] = createElementVNode("p", { class: "mn-b-small p-medium" }, "You haven't created any artists yet", -1)),
+          _cache[6] || (_cache[6] = createElementVNode("p", { class: "p-small t-transp mn-b-medium" }, "Start by creating your first artist profile", -1)),
+          createVNode(_sfc_main$1, {
+            submit: () => unref(router).push({ name: "artist-create" }),
+            class: "bg-main t-white",
+            showSucces: false,
+            showLoader: false
+          }, {
+            default: withCtx(() => _cache[4] || (_cache[4] = [
+              createTextVNode(" Create Artist ")
+            ])),
+            _: 1
+          }, 8, ["submit"])
+        ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(userArtists.value, (artist) => {
+            return openBlock(), createElementBlock("div", {
+              key: artist._id,
+              class: "bg-light pd-medium radius-medium flex-v-center flex flex-justify-between hover-bg-light mobile:flex-column"
+            }, [
+              createElementVNode("div", _hoisted_7, [
+                createElementVNode("div", _hoisted_8, [
+                  artist.photoUrl ? (openBlock(), createElementBlock("img", {
+                    key: 0,
+                    src: _ctx.FILE_SERVER_URL + artist.photoUrl,
+                    alt: "Artist photo",
+                    class: "w-100 h-100 object-fit-cover"
+                  }, null, 8, _hoisted_9)) : (openBlock(), createElementBlock("div", _hoisted_10, [
+                    createElementVNode("span", null, toDisplayString(artist.name[0]), 1)
+                  ]))
+                ]),
+                createElementVNode("div", null, [
+                  createElementVNode("h3", _hoisted_11, toDisplayString(artist.name), 1),
+                  createElementVNode("p", _hoisted_12, [
+                    createVNode(_sfc_main$3, {
+                      value: getStatusLabel(artist.status),
+                      class: "mn-r-small"
+                    }, null, 8, ["value"]),
+                    artist.isVerified ? (openBlock(), createElementBlock("span", _hoisted_13, " Verified ")) : createCommentVNode("", true)
+                  ])
+                ])
+              ]),
+              createElementVNode("div", _hoisted_14, [
+                createVNode(_sfc_main$1, {
+                  submit: () => viewArtist(artist),
+                  class: "bg-grey-nano t-black",
+                  showSucces: false,
+                  showLoader: false
+                }, {
+                  default: withCtx(() => _cache[7] || (_cache[7] = [
+                    createTextVNode(" View ")
+                  ])),
+                  _: 2
+                }, 1032, ["submit"]),
+                createVNode(_sfc_main$1, {
+                  submit: () => editArtist(artist),
+                  class: "bg-main t-white",
+                  showSucces: false,
+                  showLoader: false
+                }, {
+                  default: withCtx(() => _cache[8] || (_cache[8] = [
+                    createTextVNode(" Edit ")
+                  ])),
+                  _: 2
+                }, 1032, ["submit"]),
+                createVNode(_sfc_main$1, {
+                  submit: () => confirmDelete(artist),
+                  class: "bg-fourth t-white",
+                  showSucces: false,
+                  showLoader: false
+                }, {
+                  default: withCtx(() => _cache[9] || (_cache[9] = [
+                    createTextVNode(" Delete ")
+                  ])),
+                  _: 2
+                }, 1032, ["submit"])
+              ])
+            ]);
+          }), 128))
+        ])),
+        createVNode(_sfc_main$4, {
+          isPopupOpen: showDeleteConfirm.value,
+          onClosePopup: _cache[1] || (_cache[1] = ($event) => showDeleteConfirm.value = false),
+          class: "bg-white pd-medium radius-medium w-m-33r"
+        }, {
+          default: withCtx(() => {
+            var _a;
+            return [
+              _cache[14] || (_cache[14] = createElementVNode("h3", { class: "h3 mn-b-medium" }, "Delete Artist", -1)),
+              createElementVNode("p", _hoisted_15, [
+                _cache[10] || (_cache[10] = createTextVNode(" Are you sure you want to delete ")),
+                createElementVNode("b", null, toDisplayString((_a = selectedArtist.value) == null ? void 0 : _a.name), 1),
+                _cache[11] || (_cache[11] = createTextVNode("? "))
+              ]),
+              _cache[15] || (_cache[15] = createElementVNode("p", { class: "p-small t-transp mn-b-medium" }, " This action cannot be undone and will remove all artist data. ", -1)),
+              createElementVNode("div", _hoisted_16, [
+                createVNode(_sfc_main$1, {
+                  submit: () => showDeleteConfirm.value = false,
+                  class: "bg-grey-nano t-black",
+                  showSucces: false,
+                  showLoader: false
+                }, {
+                  default: withCtx(() => _cache[12] || (_cache[12] = [
+                    createTextVNode(" Cancel ")
+                  ])),
+                  _: 1
+                }, 8, ["submit"]),
+                createVNode(_sfc_main$1, {
+                  submit: deleteArtist,
+                  class: "bg-fourth t-white"
+                }, {
+                  default: withCtx(() => _cache[13] || (_cache[13] = [
+                    createTextVNode(" Confirm Delete ")
+                  ])),
+                  _: 1
+                })
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ArtistList.vue.js.map

package/dist/martyrs/src/modules/music/components/lists/ArtistList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtistList.vue.js","sources":["../../../../../../../src/modules/music/components/lists/ArtistList.vue"],"sourcesContent":["<template>\n  <div class=\"pd-medium\">\n    <div class=\"flex flex-justify-between flex-v-center mn-b-medium\">\n      <h2 class=\"h2\">Manage Artists</h2>\n      <Button\n        :submit=\"() => router.push({ name: 'artist-create' })\"\n        class=\"bg-main t-white\"\n        :showSucces=\"false\"\n        :showLoader=\"false\"\n      >\n        Create Artist\n      </Button>\n    </div>\n    \n    <div class=\"mn-b-medium\">\n      <Field\n        v-model:field=\"search\"\n        placeholder=\"Search artists...\"\n        class=\"w-m-40r\"\n        @update:field=\"handleSearch\"\n      >\n        <IconSearch class=\"i-medium mn-r-small\" />\n      </Field>\n    </div>\n    \n    <!-- Loading state -->\n    <div v-if=\"isLoading\" class=\"flex-center flex mn-medium\">\n      <Loader />\n    </div>\n    \n    <!-- Empty state -->\n    <div v-else-if=\"userArtists.length === 0\" class=\"bg-light pd-medium radius-medium t-center\">\n      <p class=\"mn-b-small p-medium\">You haven't created any artists yet</p>\n      <p class=\"p-small t-transp mn-b-medium\">Start by creating your first artist profile</p>\n      <Button\n        :submit=\"() => router.push({ name: 'artist-create' })\"\n        class=\"bg-main t-white\"\n        :showSucces=\"false\"\n        :showLoader=\"false\"\n      >\n        Create Artist\n      </Button>\n    </div>\n    \n    <!-- Artist list -->\n    <div v-else class=\"cols-1 gap-small\">\n      <div\n        v-for=\"artist in userArtists\"\n        :key=\"artist._id\"\n        class=\"bg-light pd-medium radius-medium flex-v-center flex flex-justify-between hover-bg-light mobile:flex-column\"\n      >\n        <div class=\"flex-v-center flex mobile:w-100 mobile:mn-b-small\">\n          <div class=\"w-4r h-4r radius-medium o-hidden mn-r-medium mobile:mn-r-small\">\n            <img\n              v-if=\"artist.photoUrl\"\n              :src=\"FILE_SERVER_URL + artist.photoUrl\"\n              alt=\"Artist photo\"\n              class=\"w-100 h-100 object-fit-cover\"\n            />\n            <div v-else class=\"w-100 h-100 bg-second-nano flex-center flex\">\n              <span>{{ artist.name[0] }}</span>\n            </div>\n          </div>\n          \n          <div>\n            <h3 class=\"h5 mn-b-thin\">{{ artist.name }}</h3>\n            <p class=\"p-small t-transp\">\n              <Status\n                :value=\"getStatusLabel(artist.status)\"\n                class=\"mn-r-small\"\n              />\n              <span v-if=\"artist.isVerified\" class=\"bg-second-nano pd-micro radius-small\">\n                Verified\n              </span>\n            </p>\n          </div>\n        </div>\n        \n        <div class=\"flex flex-nowrap gap-small mobile:w-100 mobile:flex-justify-between\">\n          <Button\n            :submit=\"() => viewArtist(artist)\"\n            class=\"bg-grey-nano t-black\"\n            :showSucces=\"false\"\n            :showLoader=\"false\"\n          >\n            View\n          </Button>\n          \n          <Button\n            :submit=\"() => editArtist(artist)\"\n            class=\"bg-main t-white\"\n            :showSucces=\"false\"\n            :showLoader=\"false\"\n          >\n            Edit\n          </Button>\n          \n          <Button\n            :submit=\"() => confirmDelete(artist)\"\n            class=\"bg-fourth t-white\"\n            :showSucces=\"false\"\n            :showLoader=\"false\"\n          >\n            Delete\n          </Button>\n        </div>\n      </div>\n    </div>\n    \n    <!-- Confirmation popup -->\n    <Popup\n      :isPopupOpen=\"showDeleteConfirm\"\n      @close-popup=\"showDeleteConfirm = false\"\n      class=\"bg-white pd-medium radius-medium w-m-33r\"\n    >\n      <h3 class=\"h3 mn-b-medium\">Delete Artist</h3>\n      <p class=\"p-medium mn-b-medium\">\n        Are you sure you want to delete <b>{{ selectedArtist?.name }}</b>?\n      </p>\n      <p class=\"p-small t-transp mn-b-medium\">\n        This action cannot be undone and will remove all artist data.\n      </p>\n      \n      <div class=\"flex flex-justify-between\">\n        <Button\n          :submit=\"() => showDeleteConfirm = false\"\n          class=\"bg-grey-nano t-black\"\n          :showSucces=\"false\"\n          :showLoader=\"false\"\n        >\n          Cancel\n        </Button>\n        \n        <Button\n          :submit=\"deleteArtist\"\n          class=\"bg-fourth t-white\"\n        >\n          Confirm Delete\n        </Button>\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useRouter } from 'vue-router';\n\n// Import Martyrs components\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Status from '@martyrs/src/components/Status/Status.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\n\n// Import store\nimport * as artistsStore from '../../store/artists';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n\n// Router\nconst router = useRouter();\n\n// State\nconst search = ref('');\nconst isLoading = ref(false);\nconst showDeleteConfirm = ref(false);\nconst selectedArtist = ref(null);\n\n// Computed\nconst userArtists = computed(() => {\n  return artistsStore.state.userArtists;\n});\n\n// Methods\nconst loadUserArtists = async () => {\n  isLoading.value = true;\n  try {\n    await artistsStore.actions.fetchUserArtists(auth.state.user._id);\n  } catch (error) {\n    console.error('Error loading artists:', error);\n    globals.actions.setError({\n      message: 'Failed to load your artists'\n    });\n  } finally {\n    isLoading.value = false;\n  }\n};\n\nconst handleSearch = async (value) => {\n  if (!value.trim()) {\n    // If search is empty, load all user artists\n    await loadUserArtists();\n    return;\n  }\n  \n  isLoading.value = true;\n  try {\n    // Search only within user's artists\n    const options = {\n      creator: auth.state.user._id,\n      search: value\n    };\n    await artistsStore.actions.fetchArtists(options);\n    // Update userArtists (assuming the store is correctly updating userArtists)\n  } catch (error) {\n    console.error('Error searching artists:', error);\n  } finally {\n    isLoading.value = false;\n  }\n};\n\nconst viewArtist = (artist) => {\n  router.push({\n    name: 'artist-detail',\n    params: { url: artist.url }\n  });\n};\n\nconst editArtist = (artist) => {\n  router.push({\n    name: 'artist-edit',\n    params: { url: artist.url }\n  });\n};\n\nconst confirmDelete = (artist) => {\n  selectedArtist.value = artist;\n  showDeleteConfirm.value = true;\n};\n\nconst deleteArtist = async () => {\n  if (!selectedArtist.value) return;\n  \n  try {\n    await artistsStore.actions.deleteArtist(selectedArtist.value._id);\n    showDeleteConfirm.value = false;\n    selectedArtist.value = null;\n    \n    // Show success message\n    globals.actions.setError({\n      message: 'Artist deleted successfully',\n      status: 'success'\n    });\n  } catch (error) {\n    console.error('Error deleting artist:', error);\n    globals.actions.setError({\n      message: 'Failed to delete artist'\n    });\n  }\n};\n\nconst getStatusLabel = (status) => {\n  const statusMap = {\n    'draft': {\n      text: 'Draft',\n      color: '#888888'\n    },\n    'published': {\n      text: 'Published',\n      color: '#10FA7D' // main color\n    },\n    'archived': {\n      text: 'Archived',\n      color: '#FF0A54' // fourth color\n    }\n  };\n  \n  return statusMap[status] || {\n    text: status,\n    color: '#888888'\n  };\n};\n\n// Lifecycle hooks\nonMounted(async () => {\n  await loadUserArtists();\n});\n</script>"],"names":["artistsStore.state","artistsStore.actions","auth.state","globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA,UAAM,SAAS,UAAW;AAG1B,UAAM,SAAS,IAAI,EAAE;AACrB,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,oBAAoB,IAAI,KAAK;AACnC,UAAM,iBAAiB,IAAI,IAAI;AAG/B,UAAM,cAAc,SAAS,MAAM;AACjC,aAAOA,MAAmB;AAAA,IAC5B,CAAC;AAGD,UAAM,kBAAkB,YAAY;AAClC,gBAAU,QAAQ;AAClB,UAAI;AACF,cAAMC,QAAqB,iBAAiBC,QAAW,KAAK,GAAG;AAAA,MAChE,SAAQ,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAC7CC,kBAAgB,SAAS;AAAA,UACvB,SAAS;AAAA,QACf,CAAK;AAAA,MACL,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEA,UAAM,eAAe,OAAO,UAAU;AACpC,UAAI,CAAC,MAAM,QAAQ;AAEjB,cAAM,gBAAiB;AACvB;AAAA,MACJ;AAEE,gBAAU,QAAQ;AAClB,UAAI;AAEF,cAAM,UAAU;AAAA,UACd,SAASD,QAAW,KAAK;AAAA,UACzB,QAAQ;AAAA,QACT;AACD,cAAMD,QAAqB,aAAa,OAAO;AAAA,MAEhD,SAAQ,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACnD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEA,UAAM,aAAa,CAAC,WAAW;AAC7B,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ,EAAE,KAAK,OAAO,IAAG;AAAA,MAC7B,CAAG;AAAA,IACH;AAEA,UAAM,aAAa,CAAC,WAAW;AAC7B,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ,EAAE,KAAK,OAAO,IAAG;AAAA,MAC7B,CAAG;AAAA,IACH;AAEA,UAAM,gBAAgB,CAAC,WAAW;AAChC,qBAAe,QAAQ;AACvB,wBAAkB,QAAQ;AAAA,IAC5B;AAEA,UAAM,eAAe,YAAY;AAC/B,UAAI,CAAC,eAAe,MAAO;AAE3B,UAAI;AACF,cAAMA,QAAqB,aAAa,eAAe,MAAM,GAAG;AAChE,0BAAkB,QAAQ;AAC1B,uBAAe,QAAQ;AAGvBE,kBAAgB,SAAS;AAAA,UACvB,SAAS;AAAA,UACT,QAAQ;AAAA,QACd,CAAK;AAAA,MACF,SAAQ,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAC7CA,kBAAgB,SAAS;AAAA,UACvB,SAAS;AAAA,QACf,CAAK;AAAA,MACL;AAAA,IACA;AAEA,UAAM,iBAAiB,CAAC,WAAW;AACjC,YAAM,YAAY;AAAA,QAChB,SAAS;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,QACR;AAAA,QACD,aAAa;AAAA,UACX,MAAM;AAAA,UACN,OAAO;AAAA;AAAA,QACR;AAAA,QACD,YAAY;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA;AAAA,QACb;AAAA,MACG;AAED,aAAO,UAAU,MAAM,KAAK;AAAA,QAC1B,MAAM;AAAA,QACN,OAAO;AAAA,MACR;AAAA,IACH;AAGA,cAAU,YAAY;AACpB,YAAM,gBAAiB;AAAA,IACzB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/lists/PlaylistList.vue.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const PlaylistCard = require("../cards/PlaylistCard.vue.cjs");
+const _hoisted_1 = { class: "playlist-list" };
+const _hoisted_2 = {
+  key: 0,
+  class: "empty-list t-center pd-medium"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "playlist-grid cols-5 mobile:cols-2 gap-small"
+};
+const _sfc_main = {
+  __name: "PlaylistList",
+  props: {
+    playlists: {
+      type: Array,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        __props.playlists.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, _cache[0] || (_cache[0] = [
+          vue.createElementVNode("p", { class: "t-grey" }, "No playlists found", -1)
+        ]))) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.playlists, (playlist) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: playlist._id
+            }, [
+              vue.createVNode(PlaylistCard.default, {
+                playlist,
+                class: "hover-scale-1 transition-cubic-in-out"
+              }, null, 8, ["playlist"])
+            ]);
+          }), 128))
+        ]))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=PlaylistList.vue.cjs.map

package/dist/martyrs/src/modules/music/components/lists/PlaylistList.vue.cjs.map

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

package/dist/martyrs/src/modules/music/components/lists/PlaylistList.vue.js

@@ -0,0 +1,44 @@
+import { createElementBlock, openBlock, createElementVNode, Fragment, renderList, createVNode } from "vue";
+import PlaylistCard from "../cards/PlaylistCard.vue.js";
+const _hoisted_1 = { class: "playlist-list" };
+const _hoisted_2 = {
+  key: 0,
+  class: "empty-list t-center pd-medium"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "playlist-grid cols-5 mobile:cols-2 gap-small"
+};
+const _sfc_main = {
+  __name: "PlaylistList",
+  props: {
+    playlists: {
+      type: Array,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.playlists.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2, _cache[0] || (_cache[0] = [
+          createElementVNode("p", { class: "t-grey" }, "No playlists found", -1)
+        ]))) : (openBlock(), createElementBlock("div", _hoisted_3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.playlists, (playlist) => {
+            return openBlock(), createElementBlock("div", {
+              key: playlist._id
+            }, [
+              createVNode(PlaylistCard, {
+                playlist,
+                class: "hover-scale-1 transition-cubic-in-out"
+              }, null, 8, ["playlist"])
+            ]);
+          }), 128))
+        ]))
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=PlaylistList.vue.js.map

package/dist/martyrs/src/modules/music/components/lists/PlaylistList.vue.js.map

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

package/dist/martyrs/src/modules/music/components/lists/TrackList.vue.cjs

@@ -0,0 +1,199 @@
+"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 IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");
+const IconPause = require("../../../icons/navigation/IconPause.vue.cjs");
+const player = require("../../store/player.cjs");
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "track-list w-100" };
+const _hoisted_2 = {
+  key: 0,
+  class: "track-list-header pd-small br-b br-solid br-dark-transp-20 t-grey flex-v-center flex"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "track-album w-15r mobile:w-0 mobile:hidden"
+};
+const _hoisted_4 = { class: "track-list-body" };
+const _hoisted_5 = ["onClick", "onDblclick", "onMouseenter"];
+const _hoisted_6 = { class: "track-number w-3r t-center pos-relative" };
+const _hoisted_7 = {
+  key: 0,
+  class: "t-grey"
+};
+const _hoisted_8 = { class: "track-title flex-child-1 flex flex-v-center" };
+const _hoisted_9 = {
+  key: 0,
+  class: "track-cover mn-r-small"
+};
+const _hoisted_10 = { class: "track-info" };
+const _hoisted_11 = { class: "track-artist t-grey t-small" };
+const _hoisted_12 = { key: 1 };
+const _hoisted_13 = {
+  key: 0,
+  class: "track-album w-15r mobile:w-0 mobile:hidden t-grey t-truncate"
+};
+const _hoisted_14 = { key: 1 };
+const _hoisted_15 = { class: "track-duration w-5r t-right t-grey" };
+const _sfc_main = {
+  __name: "TrackList",
+  props: {
+    tracks: {
+      type: Array,
+      required: true
+    },
+    showHeader: {
+      type: Boolean,
+      default: true
+    },
+    showAlbum: {
+      type: Boolean,
+      default: false
+    },
+    showCover: {
+      type: Boolean,
+      default: false
+    },
+    showIndex: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const hoveredIndex = vue.ref(-1);
+    const currentTrack = vue.computed(() => player.state.currentTrack);
+    const isPlaying = (track) => {
+      return currentTrack.value && currentTrack.value._id === track._id && isPlaying.value;
+    };
+    const playTrack = (track, addToQueue = false) => {
+      if (addToQueue) {
+        player.actions.addToQueue(track);
+      } else {
+        const trackIndex = props.tracks.findIndex((t) => t._id === track._id);
+        player.actions.setQueue([...props.tracks], trackIndex);
+      }
+    };
+    const pauseTrack = () => {
+      player.actions.togglePlay();
+    };
+    const getArtistName = (track) => {
+      if (track.artist) {
+        if (typeof track.artist === "object") {
+          return track.artist.name || "Unknown Artist";
+        }
+        return track.artist;
+      }
+      return "Unknown Artist";
+    };
+    const formatDuration = (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")}`;
+    };
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        __props.showHeader ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          _cache[4] || (_cache[4] = vue.createElementVNode("div", { class: "track-number w-3r t-center" }, "#", -1)),
+          _cache[5] || (_cache[5] = vue.createElementVNode("div", { class: "track-title flex-child-1" }, "TITLE", -1)),
+          __props.showAlbum ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, "ALBUM")) : vue.createCommentVNode("", true),
+          _cache[6] || (_cache[6] = vue.createElementVNode("div", { class: "track-duration w-5r t-right" }, "DURATION", -1))
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_4, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.tracks, (track, index) => {
+            var _a;
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: track._id,
+              class: vue.normalizeClass(["track-item pd-small hover-bg-dark-transp-25 flex-v-center flex cursor-pointer", { "bg-dark-transp-25": isPlaying(track) }]),
+              onClick: ($event) => playTrack(track),
+              onDblclick: ($event) => playTrack(track, true),
+              onMouseenter: ($event) => hoveredIndex.value = index,
+              onMouseleave: _cache[3] || (_cache[3] = ($event) => hoveredIndex.value = -1)
+            }, [
+              vue.createElementVNode("div", _hoisted_6, [
+                !isPlaying(track) && hoveredIndex.value !== index ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(index + 1), 1)) : !isPlaying(track) && hoveredIndex.value === index ? (vue.openBlock(), vue.createBlock(Button.default, {
+                  key: 1,
+                  onClick: vue.withModifiers(($event) => playTrack(track), ["stop"]),
+                  class: "bg-transparent border-none pd-zero",
+                  showLoader: false,
+                  showSucces: false
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(IconPlay.default, {
+                      class: "i-small",
+                      fill: "rgb(var(--white))"
+                    })
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])) : (vue.openBlock(), vue.createBlock(Button.default, {
+                  key: 2,
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => pauseTrack(), ["stop"])),
+                  class: "bg-transparent border-none pd-zero",
+                  showLoader: false,
+                  showSucces: false
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(IconPause.default, {
+                      class: "i-small",
+                      fill: "rgb(var(--main))"
+                    })
+                  ]),
+                  _: 1
+                }))
+              ]),
+              vue.createElementVNode("div", _hoisted_8, [
+                __props.showCover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+                  vue.createVNode(Media.default, {
+                    url: track.coverUrl || track.album && track.album.coverUrl || "/assets/placeholder-track.jpg",
+                    class: "w-3r h-3r object-fit-cover radius-small"
+                  }, null, 8, ["url"])
+                ])) : vue.createCommentVNode("", true),
+                vue.createElementVNode("div", _hoisted_10, [
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["track-name t-white", { "t-main": isPlaying(track) }])
+                  }, vue.toDisplayString(track.title), 3),
+                  vue.createElementVNode("div", _hoisted_11, [
+                    track.artist && track.artist._id ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+                      key: 0,
+                      to: { name: "artist-detail", params: { url: track.artist.url } },
+                      class: "t-grey hover-t-white",
+                      onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+                      }, ["stop"]))
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString(getArtistName(track)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["to"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, vue.toDisplayString(getArtistName(track)), 1))
+                  ])
+                ])
+              ]),
+              __props.showAlbum ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
+                track.album && track.album._id ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+                  key: 0,
+                  to: { name: "album-detail", params: { url: track.album.url } },
+                  class: "t-grey hover-t-white",
+                  onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(track.album.title), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, vue.toDisplayString(((_a = track.album) == null ? void 0 : _a.title) || "Single"), 1))
+              ])) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_15, vue.toDisplayString(formatDuration(track.duration)), 1)
+            ], 42, _hoisted_5);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+};
+const TrackList = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-23a9470b"]]);
+exports.default = TrackList;
+//# sourceMappingURL=TrackList.vue.cjs.map

package/dist/martyrs/src/modules/music/components/lists/TrackList.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackList.vue.cjs","sources":["../../../../../../../src/modules/music/components/lists/TrackList.vue"],"sourcesContent":["<!-- components/lists/TrackList.vue (continued) -->\n<template>\n  <div class=\"track-list w-100\">\n    <div \n      v-if=\"showHeader\" \n      class=\"track-list-header pd-small br-b br-solid br-dark-transp-20 t-grey flex-v-center flex\"\n    >\n      <div class=\"track-number w-3r t-center\">#</div>\n      <div class=\"track-title flex-child-1\">TITLE</div>\n      <div v-if=\"showAlbum\" class=\"track-album w-15r mobile:w-0 mobile:hidden\">ALBUM</div>\n      <div class=\"track-duration w-5r t-right\">DURATION</div>\n    </div>\n    \n    <div class=\"track-list-body\">\n      <div \n        v-for=\"(track, index) in tracks\" \n        :key=\"track._id\"\n        class=\"track-item pd-small hover-bg-dark-transp-25 flex-v-center flex cursor-pointer\"\n        :class=\"{'bg-dark-transp-25': isPlaying(track)}\"\n        @click=\"playTrack(track)\"\n        @dblclick=\"playTrack(track, true)\"\n        @mouseenter=\"hoveredIndex = index\"\n        @mouseleave=\"hoveredIndex = -1\"\n      >\n        <div class=\"track-number w-3r t-center pos-relative\">\n          <span v-if=\"!isPlaying(track) && hoveredIndex !== index\" class=\"t-grey\">{{ index + 1 }}</span>\n          <Button \n            v-else-if=\"!isPlaying(track) && hoveredIndex === index\"\n            @click.stop=\"playTrack(track)\"\n            class=\"bg-transparent border-none pd-zero\"\n            :showLoader=\"false\"\n            :showSucces=\"false\"\n          >\n            <IconPlay class=\"i-small\" fill=\"rgb(var(--white))\"/>\n          </Button>\n          <Button \n            v-else\n            @click.stop=\"pauseTrack()\"\n            class=\"bg-transparent border-none pd-zero\"\n            :showLoader=\"false\"\n            :showSucces=\"false\"\n          >\n            <IconPause class=\"i-small\" fill=\"rgb(var(--main))\"/>\n          </Button>\n        </div>\n        \n        <div class=\"track-title flex-child-1 flex flex-v-center\">\n          <div v-if=\"showCover\" 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\">\n            <div class=\"track-name t-white\" :class=\"{'t-main': isPlaying(track)}\">{{ track.title }}</div>\n            <div class=\"track-artist t-grey t-small\">\n              <router-link \n                v-if=\"track.artist && track.artist._id\"\n                :to=\"{ name: 'artist-detail', params: { url: track.artist.url } }\"\n                class=\"t-grey hover-t-white\"\n                @click.stop\n              >\n                {{ getArtistName(track) }}\n              </router-link>\n              <span v-else>{{ getArtistName(track) }}</span>\n            </div>\n          </div>\n        </div>\n        \n        <div v-if=\"showAlbum\" class=\"track-album w-15r mobile:w-0 mobile:hidden t-grey t-truncate\">\n          <router-link \n            v-if=\"track.album && track.album._id\"\n            :to=\"{ name: 'album-detail', params: { url: track.album.url } }\"\n            class=\"t-grey hover-t-white\"\n            @click.stop\n          >\n            {{ track.album.title }}\n          </router-link>\n          <span v-else>{{ track.album?.title || 'Single' }}</span>\n        </div>\n        \n        <div class=\"track-duration w-5r t-right t-grey\">{{ formatDuration(track.duration) }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\nconst props = defineProps({\n  tracks: {\n    type: Array,\n    required: true\n  },\n  showHeader: {\n    type: Boolean,\n    default: true\n  },\n  showAlbum: {\n    type: Boolean,\n    default: false\n  },\n  showCover: {\n    type: Boolean,\n    default: false\n  },\n  showIndex: {\n    type: Boolean,\n    default: true\n  }\n});\n\n// State\nconst hoveredIndex = ref(-1);\n\n// Computed\nconst currentTrack = computed(() => playerState.currentTrack);\n\n// Methods\nconst isPlaying = (track) => {\n  return currentTrack.value && currentTrack.value._id === track._id && isPlaying.value;\n};\n\nconst isHovering = (index) => {\n  return hoveredIndex.value === index;\n};\n\nconst playTrack = (track, addToQueue = false) => {\n  if (addToQueue) {\n    playerActions.addToQueue(track);\n  } else {\n    // Find track index to set queue properly\n    const trackIndex = props.tracks.findIndex(t => t._id === track._id);\n    playerActions.setQueue([...props.tracks], trackIndex);\n  }\n};\n\nconst pauseTrack = () => {\n  playerActions.togglePlay();\n};\n\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 formatDuration = (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</script>\n\n<style scoped>\n.track-item {\n  transition: background-color 0.2s ease;\n}\n</style>"],"names":["ref","computed","playerState","playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,UAAM,QAAQ;AAwBd,UAAM,eAAeA,IAAG,IAAC,EAAE;AAG3B,UAAM,eAAeC,IAAQ,SAAC,MAAMC,OAAW,MAAC,YAAY;AAG5D,UAAM,YAAY,CAAC,UAAU;AAC3B,aAAO,aAAa,SAAS,aAAa,MAAM,QAAQ,MAAM,OAAO,UAAU;AAAA,IACjF;AAMA,UAAM,YAAY,CAAC,OAAO,aAAa,UAAU;AAC/C,UAAI,YAAY;AACdC,eAAa,QAAC,WAAW,KAAK;AAAA,MAClC,OAAS;AAEL,cAAM,aAAa,MAAM,OAAO,UAAU,OAAK,EAAE,QAAQ,MAAM,GAAG;AAClEA,eAAa,QAAC,SAAS,CAAC,GAAG,MAAM,MAAM,GAAG,UAAU;AAAA,MACxD;AAAA,IACA;AAEA,UAAM,aAAa,MAAM;AACvBA,aAAAA,QAAc,WAAY;AAAA,IAC5B;AAEA,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,MAAM,QAAQ;AAChB,YAAI,OAAO,MAAM,WAAW,UAAU;AACpC,iBAAO,MAAM,OAAO,QAAQ;AAAA,QAClC;AACI,eAAO,MAAM;AAAA,MACjB;AACE,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,CAAC,YAAY;AAClC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}