@ozdao/martyrs 0.2.486 → 0.2.487

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

@@ -0,0 +1,162 @@
+import { ref, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, createBlock, toDisplayString, withModifiers, withCtx, createVNode, createTextVNode } from "vue";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Media from "../../../../components/Media/Media.vue.js";
+import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
+import _sfc_main$3 from "../../../icons/navigation/IconPause.vue.js";
+import { actions, state } from "../../store/player.js";
+const _hoisted_1 = { class: "track-number w-3r t-center pos-relative" };
+const _hoisted_2 = {
+  key: 0,
+  class: "t-grey"
+};
+const _hoisted_3 = { class: "track-title flex-child-1 flex flex-v-center" };
+const _hoisted_4 = {
+  key: 0,
+  class: "track-cover mn-r-small"
+};
+const _hoisted_5 = { class: "track-info" };
+const _hoisted_6 = { class: "track-artist t-grey t-small" };
+const _hoisted_7 = { key: 1 };
+const _hoisted_8 = {
+  key: 0,
+  class: "track-album w-15r mobile:w-0 mobile:hidden t-grey t-truncate"
+};
+const _hoisted_9 = { key: 1 };
+const _hoisted_10 = { class: "track-duration w-5r t-right t-grey" };
+const _sfc_main = {
+  __name: "TrackListCard",
+  props: {
+    track: {
+      type: Object,
+      required: true
+    },
+    index: {
+      type: Number,
+      default: 0
+    },
+    showCover: {
+      type: Boolean,
+      default: true
+    },
+    showAlbum: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const hoveredIndex = ref(-1);
+    const isPlaying = (track) => {
+      return state.currentTrack && state.currentTrack._id === track._id && state.isPlaying;
+    };
+    const playTrack = (track, force = false) => {
+      if (isPlaying(track) && !force) {
+        actions.togglePlay();
+      } else {
+        actions.playTrack(track);
+      }
+    };
+    const pauseTrack = () => {
+      actions.pause();
+    };
+    const getArtistName = (track) => {
+      if (!track || !track.artist) return "Unknown Artist";
+      return typeof track.artist === "object" ? track.artist.name : "Unknown Artist";
+    };
+    const formatDuration = (duration) => {
+      if (!duration) return "--:--";
+      const minutes = Math.floor(duration / 60);
+      const seconds = Math.floor(duration % 60);
+      return `${minutes}:${seconds.toString().padStart(2, "0")}`;
+    };
+    return (_ctx, _cache) => {
+      var _a;
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["track-item pd-small hover-bg-dark-transp-25 flex-v-center flex cursor-pointer", { "bg-dark-transp-25": isPlaying(__props.track) }]),
+        onClick: _cache[4] || (_cache[4] = ($event) => playTrack(__props.track)),
+        onDblclick: _cache[5] || (_cache[5] = ($event) => playTrack(__props.track, true)),
+        onMouseenter: _cache[6] || (_cache[6] = ($event) => hoveredIndex.value = props.index),
+        onMouseleave: _cache[7] || (_cache[7] = ($event) => hoveredIndex.value = -1)
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          !isPlaying(__props.track) && hoveredIndex.value !== props.index ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(props.index + 1), 1)) : !isPlaying(__props.track) && hoveredIndex.value === props.index ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 1,
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => playTrack(__props.track), ["stop"])),
+            class: "bg-transparent border-none pd-zero",
+            showLoader: false,
+            showSucces: false
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$2, {
+                class: "i-small",
+                fill: "rgb(var(--white))"
+              })
+            ]),
+            _: 1
+          })) : (openBlock(), createBlock(_sfc_main$1, {
+            key: 2,
+            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => pauseTrack(), ["stop"])),
+            class: "bg-transparent border-none pd-zero",
+            showLoader: false,
+            showSucces: false
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$3, {
+                class: "i-small",
+                fill: "rgb(var(--main))"
+              })
+            ]),
+            _: 1
+          }))
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          __props.showCover ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            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 o-hidden radius-small"
+            }, null, 8, ["url"])
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", {
+              class: normalizeClass(["track-name", { "t-main": isPlaying(__props.track) }])
+            }, toDisplayString(__props.track.title), 3),
+            createElementVNode("div", _hoisted_6, [
+              __props.track.artist && __props.track.artist._id ? (openBlock(), createBlock(_component_router_link, {
+                key: 0,
+                to: { name: "artist", params: { url: __props.track.artist.url } },
+                class: "t-grey hover-",
+                onClick: _cache[2] || (_cache[2] = withModifiers(() => {
+                }, ["stop"]))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(getArtistName(__props.track)), 1)
+                ]),
+                _: 1
+              }, 8, ["to"])) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(getArtistName(__props.track)), 1))
+            ])
+          ])
+        ]),
+        __props.showAlbum ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          __props.track.album && __props.track.album._id ? (openBlock(), createBlock(_component_router_link, {
+            key: 0,
+            to: { name: "album", params: { url: __props.track.album.url } },
+            class: "t-grey hover-",
+            onClick: _cache[3] || (_cache[3] = withModifiers(() => {
+            }, ["stop"]))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.track.album.title), 1)
+            ]),
+            _: 1
+          }, 8, ["to"])) : (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(((_a = __props.track.album) == null ? void 0 : _a.title) || "Single"), 1))
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_10, toDisplayString(formatDuration(__props.track.duration)), 1)
+      ], 34);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TrackListCard.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrackListCard.vue.js","sources":["../../../../../../../src/modules/music/components/cards/TrackListCard.vue"],"sourcesContent":["<!-- components/cards/TrackListCard.vue -->\n<template>\n  <div \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 = props.index\"\n    @mouseleave=\"hoveredIndex = -1\"\n  >\n    <div class=\"track-number w-3r t-center pos-relative\">\n      <span v-if=\"!isPlaying(track) && hoveredIndex !== props.index\" class=\"t-grey\">{{ props.index + 1 }}</span>\n      <Button \n        v-else-if=\"!isPlaying(track) && hoveredIndex === props.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 o-hidden radius-small\"\n        />\n      </div>\n      \n      <div class=\"track-info\">\n        <div class=\"track-name \" :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', params: { url: track.artist.url } }\"\n            class=\"t-grey hover-\"\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', params: { url: track.album.url } }\"\n        class=\"t-grey hover-\"\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</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Media from '@martyrs/src/components/Media/Media.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\n// Props\nconst props = defineProps({\n  track: {\n    type: Object,\n    required: true\n  },\n  index: {\n    type: Number,\n    default: 0\n  },\n  showCover: {\n    type: Boolean,\n    default: true\n  },\n  showAlbum: {\n    type: Boolean,\n    default: true\n  }\n});\n\n// State\nconst hoveredIndex = ref(-1);\n\n// Methods\nconst isPlaying = (track) => {\n  return playerState.currentTrack && playerState.currentTrack._id === track._id && playerState.isPlaying;\n};\n\nconst playTrack = (track, force = false) => {\n  if (isPlaying(track) && !force) {\n    playerActions.togglePlay();\n  } else {\n    playerActions.playTrack(track);\n  }\n};\n\nconst pauseTrack = () => {\n  playerActions.pause();\n};\n\nconst getArtistName = (track) => {\n  if (!track || !track.artist) return 'Unknown Artist';\n  return typeof track.artist === 'object' ? track.artist.name : 'Unknown Artist';\n};\n\nconst formatDuration = (duration) => {\n  if (!duration) return '--:--';\n  \n  const minutes = Math.floor(duration / 60);\n  const seconds = Math.floor(duration % 60);\n  return `${minutes}:${seconds.toString().padStart(2, '0')}`;\n};\n</script>"],"names":["playerState","playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA,UAAM,QAAQ;AAoBd,UAAM,eAAe,IAAI,EAAE;AAG3B,UAAM,YAAY,CAAC,UAAU;AAC3B,aAAOA,MAAY,gBAAgBA,MAAY,aAAa,QAAQ,MAAM,OAAOA,MAAY;AAAA,IAC/F;AAEA,UAAM,YAAY,CAAC,OAAO,QAAQ,UAAU;AAC1C,UAAI,UAAU,KAAK,KAAK,CAAC,OAAO;AAC9BC,gBAAc,WAAY;AAAA,MAC9B,OAAS;AACLA,gBAAc,UAAU,KAAK;AAAA,MACjC;AAAA,IACA;AAEA,UAAM,aAAa,MAAM;AACvBA,cAAc,MAAO;AAAA,IACvB;AAEA,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,SAAS,CAAC,MAAM,OAAQ,QAAO;AACpC,aAAO,OAAO,MAAM,WAAW,WAAW,MAAM,OAAO,OAAO;AAAA,IAChE;AAEA,UAAM,iBAAiB,CAAC,aAAa;AACnC,UAAI,CAAC,SAAU,QAAO;AAEtB,YAAM,UAAU,KAAK,MAAM,WAAW,EAAE;AACxC,YAAM,UAAU,KAAK,MAAM,WAAW,EAAE;AACxC,aAAO,GAAG,OAAO,IAAI,QAAQ,SAAU,EAAC,SAAS,GAAG,GAAG,CAAC;AAAA,IAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/forms/AlbumForm.vue.cjs

@@ -0,0 +1,437 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
+const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
+const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");
+const BlockMultiselect = require("../../../globals/views/components/blocks/BlockMultiselect.vue.cjs");
+const albums = require("../../store/albums.cjs");
+const artists = require("../../store/artists.cjs");
+const genres = require("../../store/genres.cjs");
+const globals = require("../../../globals/views/store/globals.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const _hoisted_1 = { class: "pd-medium" };
+const _hoisted_2 = { class: "h2 mn-b-medium" };
+const _hoisted_3 = { class: "bg-light pd-medium radius-medium" };
+const _hoisted_4 = { class: "mn-b-medium" };
+const _hoisted_5 = { class: "flex-nowrap flex-v-center flex gap-thin" };
+const _hoisted_6 = { class: "t-medium" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "flex-nowrap flex-v-center flex" };
+const _hoisted_9 = { class: "w-100" };
+const _hoisted_10 = { class: "t-medium" };
+const _hoisted_11 = {
+  key: 0,
+  class: "t-small t-transp"
+};
+const _hoisted_12 = { class: "flex-nowrap flex-v-center flex gap-thin" };
+const _hoisted_13 = { class: "t-medium" };
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = { class: "flex-nowrap flex-v-center flex" };
+const _hoisted_16 = { class: "w-100" };
+const _hoisted_17 = { class: "t-medium" };
+const _hoisted_18 = {
+  key: 0,
+  class: "t-small t-transp"
+};
+const _hoisted_19 = { class: "bg-light pd-medium radius-medium" };
+const _hoisted_20 = { class: "flex flex-justify-between" };
+const _sfc_main = {
+  __name: "AlbumForm",
+  props: {
+    editMode: {
+      type: Boolean,
+      default: false
+    },
+    url: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const router = vueRouter.useRouter();
+    vueRouter.useRoute();
+    const album = vue.reactive({
+      title: "",
+      description: "",
+      releaseDate: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+      coverArt: "",
+      artists: [],
+      type: "album",
+      genres: [],
+      totalTracks: 0,
+      url: "",
+      status: "draft"
+    });
+    const validation = vue.reactive({
+      title: false,
+      description: false,
+      releaseDate: false
+    });
+    const urlManuallySet = vue.ref(false);
+    const generateSlug = (text) => {
+      if (!text) return "";
+      return text.toLowerCase().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").trim("-");
+    };
+    vue.watch(() => album.title, (newTitle) => {
+      if (!urlManuallySet.value && !props.editMode) {
+        album.url = generateSlug(newTitle);
+      }
+    });
+    vue.watch(() => album.url, (newUrl, oldUrl) => {
+      if (newUrl !== generateSlug(album.title)) {
+        urlManuallySet.value = true;
+      }
+    });
+    const statusOptions = [
+      "draft",
+      "published",
+      "archived"
+    ];
+    const albumTypeOptions = [
+      "album",
+      "single",
+      "EP",
+      "compilation"
+    ];
+    const fetchAlbum = async () => {
+      if (!props.url) return;
+      try {
+        const fetchedAlbum = await albums.actions.fetchAlbumByUrl(props.url);
+        if (!fetchedAlbum) {
+          globals.actions.setError({
+            message: "Album not found"
+          });
+          return;
+        }
+        Object.assign(album, {
+          title: fetchedAlbum.title || "",
+          description: fetchedAlbum.description || "",
+          releaseDate: fetchedAlbum.releaseDate ? new Date(fetchedAlbum.releaseDate).toISOString().split("T")[0] : "",
+          coverArt: fetchedAlbum.coverArt || "",
+          artists: fetchedAlbum.artists || [],
+          type: fetchedAlbum.type || "album",
+          genres: fetchedAlbum.genres || [],
+          totalTracks: fetchedAlbum.totalTracks || 0,
+          url: fetchedAlbum.url || "",
+          status: fetchedAlbum.status || "draft",
+          _id: fetchedAlbum._id
+        });
+      } catch (error) {
+        console.error("Error fetching album:", error);
+        globals.actions.setError({
+          message: "Failed to load album details"
+        });
+      }
+    };
+    const validateForm = () => {
+      let isValid = true;
+      if (!album.title.trim()) {
+        validation.title = {
+          message: "Album title is required"
+        };
+        isValid = false;
+      } else {
+        validation.title = false;
+      }
+      if (!album.releaseDate) {
+        validation.releaseDate = {
+          message: "Release date is required"
+        };
+        isValid = false;
+      } else {
+        validation.releaseDate = false;
+      }
+      if (album.description && album.description.length > 2e3) {
+        validation.description = {
+          message: "Description is too long (max 2000 characters)"
+        };
+        isValid = false;
+      } else {
+        validation.description = false;
+      }
+      return isValid;
+    };
+    const submitForm = async () => {
+      if (!validateForm()) {
+        return;
+      }
+      try {
+        const formData = {
+          ...album,
+          artists: album.artists.map((artist) => artist._id || artist),
+          genres: album.genres.map((genre) => genre._id || genre)
+        };
+        if (!props.editMode) {
+          formData.owner = {
+            type: "user",
+            target: auth.state.user._id
+          };
+        }
+        let result;
+        if (props.editMode) {
+          result = await albums.actions.updateAlbum(formData);
+        } else {
+          result = await albums.actions.createAlbum(formData);
+        }
+        setTimeout(() => {
+          router.push({
+            name: "album",
+            params: { url: result.url }
+          });
+        }, 1e3);
+      } catch (error) {
+        console.error("Error saving album:", error);
+        globals.actions.setError({
+          message: "Failed to save album"
+        });
+      }
+    };
+    const handleUploadError = (error) => {
+      console.error("Upload error:", error);
+      globals.actions.setError({
+        message: "Error uploading image"
+      });
+    };
+    vue.onMounted(async () => {
+      if (props.editMode) {
+        await fetchAlbum();
+        urlManuallySet.value = true;
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("h2", _hoisted_2, vue.toDisplayString(__props.editMode ? "Edit Album" : "Create Album"), 1),
+        vue.createElementVNode("form", {
+          onSubmit: vue.withModifiers(submitForm, ["prevent"]),
+          class: "cols-1 gap-medium"
+        }, [
+          vue.createElementVNode("div", _hoisted_3, [
+            _cache[11] || (_cache[11] = vue.createElementVNode("h3", { class: "h3 mn-b-medium" }, "Basic Information", -1)),
+            vue.createElementVNode("div", _hoisted_4, [
+              _cache[10] || (_cache[10] = vue.createElementVNode("p", { class: "p-semi mn-b-small" }, "Album Cover", -1)),
+              vue.createVNode(UploadImage.default, {
+                photo: album.coverArt,
+                "onUpdate:photo": _cache[0] || (_cache[0] = ($event) => album.coverArt = $event),
+                uploadPath: "albums/covers",
+                class: "w-100 h-15r radius-small o-hidden mn-b-small",
+                onError: handleUploadError
+              }, null, 8, ["photo"])
+            ]),
+            vue.createVNode(Field.default, {
+              field: album.title,
+              "onUpdate:field": _cache[1] || (_cache[1] = ($event) => album.title = $event),
+              label: "Title",
+              placeholder: "Enter album title",
+              class: "bg-white radius-small pd-small mn-b-thin",
+              validation: validation.title
+            }, null, 8, ["field", "validation"]),
+            vue.createVNode(Field.default, {
+              field: album.url,
+              "onUpdate:field": _cache[2] || (_cache[2] = ($event) => album.url = $event),
+              label: "URL",
+              placeholder: "Leave blank for auto-generation based on the album title",
+              class: "bg-white radius-small pd-small mn-b-small"
+            }, null, 8, ["field"]),
+            vue.createVNode(Field.default, {
+              field: album.description,
+              "onUpdate:field": _cache[3] || (_cache[3] = ($event) => album.description = $event),
+              label: "Description",
+              type: "textarea",
+              placeholder: "Enter album description",
+              class: "bg-white radius-small pd-small mn-b-thin",
+              validation: validation.description
+            }, null, 8, ["field", "validation"]),
+            vue.createVNode(Field.default, {
+              field: album.releaseDate,
+              "onUpdate:field": _cache[4] || (_cache[4] = ($event) => album.releaseDate = $event),
+              label: "Release Date",
+              type: "date",
+              class: "bg-white radius-small pd-small mn-b-thin",
+              validation: validation.releaseDate
+            }, null, 8, ["field", "validation"]),
+            vue.createVNode(Select.default, {
+              select: album.type,
+              "onUpdate:select": _cache[5] || (_cache[5] = ($event) => album.type = $event),
+              options: albumTypeOptions,
+              label: "Album Type",
+              class: "bg-white radius-small pd-small mn-b-thin"
+            }, null, 8, ["select"])
+          ]),
+          vue.createVNode(Block.default, { title: "Artists" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(BlockMultiselect.default, {
+                modelValue: album.artists,
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => album.artists = $event),
+                placeholder: "Search artists...",
+                multiple: true,
+                transform: (item) => ({ _id: item._id, name: item.name }),
+                store: {
+                  read: (options) => artists.actions.fetchArtists(options),
+                  state: artists.state
+                },
+                options: {
+                  rootOnly: false,
+                  excludeChildren: false,
+                  limit: 50
+                },
+                skeleton: {
+                  hide: false,
+                  horizontal: true,
+                  class: "radius-small",
+                  structure: [{
+                    block: "text",
+                    size: "large"
+                  }]
+                },
+                states: {
+                  empty: {
+                    title: "No artists found",
+                    description: "Try different search terms or create a new artist",
+                    class: "radius-small"
+                  }
+                },
+                key: "_id",
+                label: (item) => item.name,
+                classSearch: "bg-white radius-small",
+                classSelected: "bg-white pd-small radius-small",
+                classDropdown: "bg-white pd-small radius-medium bs-small",
+                classItem: "pd-small radius-small hover-bg-light cursor-pointer",
+                classFeed: "h-max-30r gap-thin flex-column flex o-scroll"
+              }, {
+                selected: vue.withCtx(({ item, clear }) => [
+                  vue.createElementVNode("div", _hoisted_5, [
+                    vue.createElementVNode("span", _hoisted_6, vue.toDisplayString((item == null ? void 0 : item.name) || item), 1),
+                    vue.createElementVNode("button", {
+                      onClick: vue.withModifiers(clear, ["stop"]),
+                      class: "i-small pd-micro bg-red radius-extra flex-center flex aspect-1x1 hover-scale-1"
+                    }, [
+                      vue.createVNode(IconCross.default, { class: "i-micro fill-white" })
+                    ], 8, _hoisted_7)
+                  ])
+                ]),
+                item: vue.withCtx(({ item }) => [
+                  vue.createElementVNode("div", _hoisted_8, [
+                    vue.createElementVNode("div", _hoisted_9, [
+                      vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(item.name), 1),
+                      item.bio ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_11, vue.toDisplayString(item.bio), 1)) : vue.createCommentVNode("", true)
+                    ])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["modelValue", "transform", "store", "label"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(Block.default, { title: "Genres" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(BlockMultiselect.default, {
+                modelValue: album.genres,
+                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => album.genres = $event),
+                placeholder: "Search genres...",
+                multiple: true,
+                transform: (item) => ({ _id: item._id, name: item.name }),
+                store: {
+                  read: (options) => genres.actions.fetchGenres(options),
+                  state: genres.state
+                },
+                options: {
+                  rootOnly: false,
+                  excludeChildren: false,
+                  limit: 50
+                },
+                skeleton: {
+                  hide: false,
+                  horizontal: true,
+                  class: "radius-small",
+                  structure: [{
+                    block: "text",
+                    size: "large"
+                  }]
+                },
+                states: {
+                  empty: {
+                    title: "No genres found",
+                    description: "Try different search terms or create a new genre",
+                    class: "radius-small"
+                  }
+                },
+                key: "_id",
+                label: (item) => item.name,
+                classSearch: "bg-white radius-small",
+                classSelected: "bg-white pd-small radius-small",
+                classDropdown: "bg-white pd-small radius-medium bs-small",
+                classItem: "pd-small radius-small hover-bg-light cursor-pointer",
+                classFeed: "h-max-30r gap-thin flex-column flex o-scroll"
+              }, {
+                selected: vue.withCtx(({ item, clear }) => [
+                  vue.createElementVNode("div", _hoisted_12, [
+                    vue.createElementVNode("span", _hoisted_13, vue.toDisplayString((item == null ? void 0 : item.name) || item), 1),
+                    vue.createElementVNode("button", {
+                      onClick: vue.withModifiers(clear, ["stop"]),
+                      class: "i-small pd-micro bg-red radius-extra flex-center flex aspect-1x1 hover-scale-1"
+                    }, [
+                      vue.createVNode(IconCross.default, { class: "i-micro fill-white" })
+                    ], 8, _hoisted_14)
+                  ])
+                ]),
+                item: vue.withCtx(({ item }) => [
+                  vue.createElementVNode("div", _hoisted_15, [
+                    vue.createElementVNode("div", _hoisted_16, [
+                      vue.createElementVNode("p", _hoisted_17, vue.toDisplayString(item.name), 1),
+                      item.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_18, vue.toDisplayString(item.description), 1)) : vue.createCommentVNode("", true)
+                    ])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["modelValue", "transform", "store", "label"])
+            ]),
+            _: 1
+          }),
+          vue.createElementVNode("div", _hoisted_19, [
+            _cache[12] || (_cache[12] = vue.createElementVNode("h3", { class: "h3 mn-b-medium" }, "Publishing Status", -1)),
+            vue.createVNode(Select.default, {
+              select: album.status,
+              "onUpdate:select": _cache[8] || (_cache[8] = ($event) => album.status = $event),
+              options: statusOptions,
+              label: "Status",
+              class: "bg-white radius-small pd-small mn-b-thin"
+            }, null, 8, ["select"])
+          ]),
+          vue.createElementVNode("div", _hoisted_20, [
+            vue.createVNode(Button.default, {
+              onClick: _cache[9] || (_cache[9] = ($event) => _ctx.$router.go(-1)),
+              class: "bg-grey-nano t-black",
+              showSucces: false,
+              showLoader: false
+            }, {
+              default: vue.withCtx(() => _cache[13] || (_cache[13] = [
+                vue.createTextVNode(" Cancel ")
+              ])),
+              _: 1
+            }),
+            vue.createVNode(Button.default, {
+              submit: submitForm,
+              class: "bg-main t-black",
+              text: {
+                success: __props.editMode ? "Updated!" : "Created!"
+              }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(__props.editMode ? "Update Album" : "Create Album"), 1)
+              ]),
+              _: 1
+            }, 8, ["text"])
+          ])
+        ], 32)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=AlbumForm.vue.cjs.map

package/dist/martyrs/src/modules/music/components/forms/AlbumForm.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlbumForm.vue.cjs","sources":["../../../../../../../src/modules/music/components/forms/AlbumForm.vue"],"sourcesContent":["<template>\n  <div class=\"pd-medium\">\n    <h2 class=\"h2 mn-b-medium\">{{ editMode ? 'Edit Album' : 'Create Album' }}</h2>\n    \n    <form @submit.prevent=\"submitForm\" class=\"cols-1 gap-medium\">\n      <!-- Basic Info Section -->\n      <div class=\"bg-light pd-medium radius-medium\">\n        <h3 class=\"h3 mn-b-medium\">Basic Information</h3>\n        \n        <!-- Album Cover -->\n        <div class=\"mn-b-medium\">\n          <p class=\"p-semi mn-b-small\">Album Cover</p>\n          <UploadImage\n            v-model:photo=\"album.coverArt\"\n            uploadPath=\"albums/covers\"\n            class=\"w-100 h-15r radius-small o-hidden mn-b-small\"\n            @error=\"handleUploadError\"\n          />\n        </div>\n        \n        <!-- Title -->\n        <Field\n          v-model:field=\"album.title\"\n          label=\"Title\"\n          placeholder=\"Enter album title\"\n          class=\"bg-white radius-small pd-small mn-b-thin\"\n          :validation=\"validation.title\"\n        />\n        \n        <!-- URL -->\n        <Field\n          v-model:field=\"album.url\"\n          label=\"URL\"\n          placeholder=\"Leave blank for auto-generation based on the album title\"\n          class=\"bg-white radius-small pd-small mn-b-small\"\n        />\n        \n        <!-- Description -->\n        <Field\n          v-model:field=\"album.description\"\n          label=\"Description\"\n          type=\"textarea\"\n          placeholder=\"Enter album description\"\n          class=\"bg-white radius-small pd-small mn-b-thin\"\n          :validation=\"validation.description\"\n        />\n        \n        <!-- Release Date -->\n        <Field\n          v-model:field=\"album.releaseDate\"\n          label=\"Release Date\"\n          type=\"date\"\n          class=\"bg-white radius-small pd-small mn-b-thin\"\n          :validation=\"validation.releaseDate\"\n        />\n        \n        <!-- Album Type -->\n        <Select\n          v-model:select=\"album.type\"\n          :options=\"albumTypeOptions\"\n          label=\"Album Type\"\n          class=\"bg-white radius-small pd-small mn-b-thin\"\n        />\n      </div>\n      \n      <!-- Artists Section -->\n      <Block title=\"Artists\">\n        <BlockMultiselect\n          v-model=\"album.artists\"\n          placeholder=\"Search artists...\"\n          :multiple=\"true\"\n          :transform=\"(item) => ({ _id: item._id, name: item.name })\"\n          :store=\"{\n            read: (options) => artistsStore.actions.fetchArtists(options),\n            state: artistsStore.state\n          }\"\n          :options=\"{\n            rootOnly: false,\n            excludeChildren: false,\n            limit: 50\n          }\"\n          :skeleton=\"{\n            hide: false,\n            horizontal: true,\n            class: 'radius-small',\n            structure: [{ \n              block: 'text', size: 'large'\n            }]\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No artists found',\n              description: 'Try different search terms or create a new artist',\n              class: 'radius-small'\n            }\n          }\"\n          key=\"_id\"\n          :label=\"item => item.name\"\n          classSearch=\"bg-white radius-small\"\n          classSelected=\"bg-white pd-small radius-small\"\n          classDropdown=\"bg-white pd-small radius-medium bs-small\"\n          classItem=\"pd-small radius-small hover-bg-light cursor-pointer\"\n          classFeed=\"h-max-30r gap-thin flex-column flex o-scroll\"\n        >\n          <!-- Слот для выбранных артистов -->\n          <template #selected=\"{ item, clear }\">\n            <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n              <span class=\"t-medium\">{{ item?.name || item }}</span>\n              <button \n                @click.stop=\"clear\"\n                class=\"i-small pd-micro bg-red radius-extra flex-center flex aspect-1x1 hover-scale-1\"\n              >\n                <IconCross class=\"i-micro fill-white\" />\n              </button>\n            </div>\n          </template>\n          \n          <!-- Слот для элементов в списке -->\n          <template #item=\"{ item }\">\n            <div class=\"flex-nowrap flex-v-center flex\">\n              <div class=\"w-100\">\n                <p class=\"t-medium\">{{ item.name }}</p>\n                <p v-if=\"item.bio\" class=\"t-small t-transp\">{{ item.bio }}</p>\n              </div>\n            </div>\n          </template>\n        </BlockMultiselect>\n      </Block>\n      \n      <!-- Genres Section -->\n      <Block title=\"Genres\">\n        <BlockMultiselect\n          v-model=\"album.genres\"\n          placeholder=\"Search genres...\"\n          :multiple=\"true\"\n          :transform=\"(item) => ({ _id: item._id, name: item.name })\"\n          :store=\"{\n            read: (options) => genresStore.actions.fetchGenres(options),\n            state: genresStore.state\n          }\"\n          :options=\"{\n            rootOnly: false,\n            excludeChildren: false,\n            limit: 50\n          }\"\n          :skeleton=\"{\n            hide: false,\n            horizontal: true,\n            class: 'radius-small',\n            structure: [{ \n              block: 'text', size: 'large'\n            }]\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No genres found',\n              description: 'Try different search terms or create a new genre',\n              class: 'radius-small'\n            }\n          }\"\n          key=\"_id\"\n          :label=\"item => item.name\"\n          classSearch=\"bg-white radius-small\"\n          classSelected=\"bg-white pd-small radius-small\"\n          classDropdown=\"bg-white pd-small radius-medium bs-small\"\n          classItem=\"pd-small radius-small hover-bg-light cursor-pointer\"\n          classFeed=\"h-max-30r gap-thin flex-column flex o-scroll\"\n        >\n          <!-- Слот для выбранных жанров -->\n          <template #selected=\"{ item, clear }\">\n            <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n              <span class=\"t-medium\">{{ item?.name || item }}</span>\n              <button \n                @click.stop=\"clear\"\n                class=\"i-small pd-micro bg-red radius-extra flex-center flex aspect-1x1 hover-scale-1\"\n              >\n                <IconCross class=\"i-micro fill-white\" />\n              </button>\n            </div>\n          </template>\n          \n          <!-- Слот для элементов в списке -->\n          <template #item=\"{ item }\">\n            <div class=\"flex-nowrap flex-v-center flex\">\n              <div class=\"w-100\">\n                <p class=\"t-medium\">{{ item.name }}</p>\n                <p v-if=\"item.description\" class=\"t-small t-transp\">{{ item.description }}</p>\n              </div>\n            </div>\n          </template>\n        </BlockMultiselect>\n      </Block>\n      \n      <!-- Status Section -->\n      <div class=\"bg-light pd-medium radius-medium\">\n        <h3 class=\"h3 mn-b-medium\">Publishing Status</h3>\n        \n        <Select\n          v-model:select=\"album.status\"\n          :options=\"statusOptions\"\n          label=\"Status\"\n          class=\"bg-white radius-small pd-small mn-b-thin\"\n        />\n      </div>\n      \n      <!-- Submit Button -->\n      <div class=\"flex flex-justify-between\">\n        <Button\n          @click=\"$router.go(-1)\"\n          class=\"bg-grey-nano t-black\"\n          :showSucces=\"false\"\n          :showLoader=\"false\"\n        >\n          Cancel\n        </Button>\n        \n        <Button\n          :submit=\"submitForm\"\n          class=\"bg-main t-black\"\n          :text=\"{\n            success: editMode ? 'Updated!' : 'Created!'\n          }\"\n        >\n          {{ editMode ? 'Update Album' : 'Create Album' }}\n        </Button>\n      </div>\n    </form>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, onMounted, watch } from 'vue';\nimport { useRouter, useRoute } from 'vue-router';\n\n// Import Martyrs components\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Select from '@martyrs/src/components/Select/Select.vue';\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nimport BlockMultiselect from '@martyrs/src/modules/globals/views/components/blocks/BlockMultiselect.vue';\n\n// Import stores\nimport * as albumsStore from '../../store/albums';\nimport * as artistsStore from '../../store/artists';\nimport * as genresStore from '../../store/genres';\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n// Props\nconst props = defineProps({\n  editMode: {\n    type: Boolean,\n    default: false\n  },\n  url: {\n    type: String,\n    default: ''\n  }\n});\n\n// Router and route\nconst router = useRouter();\nconst route = useRoute();\n\n// State\nconst album = reactive({\n  title: '',\n  description: '',\n  releaseDate: new Date().toISOString().split('T')[0],\n  coverArt: '',\n  artists: [],\n  type: 'album',\n  genres: [],\n  totalTracks: 0,\n  url: '',\n  status: 'draft'\n});\n\nconst validation = reactive({\n  title: false,\n  description: false,\n  releaseDate: false\n});\n\n// Track if URL was manually entered\nconst urlManuallySet = ref(false);\n\n// Function to generate URL-friendly slug from text\nconst generateSlug = (text) => {\n  if (!text) return '';\n  return text\n    .toLowerCase()\n    .replace(/[^a-z0-9\\s-]/g, '') // Remove special characters\n    .replace(/\\s+/g, '-') // Replace spaces with hyphens\n    .replace(/-+/g, '-') // Replace multiple hyphens with single\n    .trim('-'); // Remove leading/trailing hyphens\n};\n\n// Watch for changes in album title to auto-generate URL\nwatch(() => album.title, (newTitle) => {\n  // Only auto-generate if URL hasn't been manually set and we're not in edit mode\n  if (!urlManuallySet.value && !props.editMode) {\n    album.url = generateSlug(newTitle);\n  }\n});\n\n// Watch for manual changes to URL field\nwatch(() => album.url, (newUrl, oldUrl) => {\n  // If user manually changes URL, mark as manually set\n  if (newUrl !== generateSlug(album.title)) {\n    urlManuallySet.value = true;\n  }\n});\n\n// Options\nconst statusOptions = [\n  'draft',\n  'published',\n  'archived'\n];\n\nconst albumTypeOptions = [\n  'album',\n  'single',\n  'EP',\n  'compilation'\n];\n\nconst fetchAlbum = async () => {\n  if (!props.url) return;\n  \n  try {\n    const fetchedAlbum = await albumsStore.actions.fetchAlbumByUrl(props.url);\n    \n    if (!fetchedAlbum) {\n      globals.actions.setError({\n        message: 'Album not found'\n      });\n      return;\n    }\n    \n    // Update local album data\n    Object.assign(album, {\n      title: fetchedAlbum.title || '',\n      description: fetchedAlbum.description || '',\n      releaseDate: fetchedAlbum.releaseDate ? new Date(fetchedAlbum.releaseDate).toISOString().split('T')[0] : '',\n      coverArt: fetchedAlbum.coverArt || '',\n      artists: fetchedAlbum.artists || [],\n      type: fetchedAlbum.type || 'album',\n      genres: fetchedAlbum.genres || [],\n      totalTracks: fetchedAlbum.totalTracks || 0,\n      url: fetchedAlbum.url || '',\n      status: fetchedAlbum.status || 'draft',\n      _id: fetchedAlbum._id\n    });\n    \n  } catch (error) {\n    console.error('Error fetching album:', error);\n    globals.actions.setError({\n      message: 'Failed to load album details'\n    });\n  }\n};\n\nconst validateForm = () => {\n  let isValid = true;\n  \n  // Validate title\n  if (!album.title.trim()) {\n    validation.title = {\n      message: 'Album title is required'\n    };\n    isValid = false;\n  } else {\n    validation.title = false;\n  }\n  \n  // Validate release date\n  if (!album.releaseDate) {\n    validation.releaseDate = {\n      message: 'Release date is required'\n    };\n    isValid = false;\n  } else {\n    validation.releaseDate = false;\n  }\n  \n  // Validate description\n  if (album.description && album.description.length > 2000) {\n    validation.description = {\n      message: 'Description is too long (max 2000 characters)'\n    };\n    isValid = false;\n  } else {\n    validation.description = false;\n  }\n  \n  return isValid;\n};\n\nconst submitForm = async () => {\n  if (!validateForm()) {\n    return;\n  }\n  \n  try {\n    // Prepare data for submission\n    const formData = {\n      ...album,\n      artists: album.artists.map(artist => artist._id || artist),\n      genres: album.genres.map(genre => genre._id || genre)\n    };\n    \n    // Add ownership data if creating new album\n    if (!props.editMode) {\n      formData.owner = {\n        type: 'user',\n        target: auth.state.user._id\n      };\n    }\n    \n    let result;\n    if (props.editMode) {\n      result = await albumsStore.actions.updateAlbum(formData);\n    } else {\n      result = await albumsStore.actions.createAlbum(formData);\n    }\n    \n    // Navigate to album detail page\n    setTimeout(() => {\n      router.push({\n        name: 'album',\n        params: { url: result.url }\n      });\n    }, 1000);\n    \n  } catch (error) {\n    console.error('Error saving album:', error);\n    globals.actions.setError({\n      message: 'Failed to save album'\n    });\n  }\n};\n\nconst handleUploadError = (error) => {\n  console.error('Upload error:', error);\n  globals.actions.setError({\n    message: 'Error uploading image'\n  });\n};\n\n// Lifecycle hooks\nonMounted(async () => {\n  if (props.editMode) {\n    await fetchAlbum();\n    // Mark URL as manually set in edit mode to prevent auto-generation\n    urlManuallySet.value = true;\n  }\n});\n</script>"],"names":["useRouter","useRoute","reactive","ref","watch","albumsStore.actions","globals.actions","auth.state","onMounted"],"mappings":"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"}