@ozdao/martyrs 0.2.484 → 0.2.486

package/dist/martyrs/src/modules/music/components/forms/UploadForm.vue.js

@@ -0,0 +1,328 @@
+import { reactive, ref, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, withCtx, createTextVNode } from "vue";
+import Field from "../../../../components/Field/Field.vue.js";
+import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$2 from "../../../../components/Radio/Radio.vue.js";
+import _sfc_main$1 from "../../../../components/Checkbox/Checkbox.vue.js";
+import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
+import Upload from "../../../../components/Upload/Upload.vue.js";
+import _sfc_main$4 from "../../../../components/UploadImage/UploadImage.vue.js";
+import Media from "../../../../components/Media/Media.vue.js";
+import _sfc_main$3 from "../../../icons/entities/IconMusic.vue.js";
+import { state } from "../../../auth/views/store/auth.js";
+import { actions as actions$2 } from "../../store/tracks.js";
+import { actions } from "../../store/artists.js";
+import { actions as actions$1 } from "../../store/albums.js";
+const _hoisted_1 = { class: "upload-form" };
+const _hoisted_2 = { class: "form-group mn-b-medium" };
+const _hoisted_3 = { class: "form-group mn-b-medium" };
+const _hoisted_4 = { class: "form-group mn-b-medium" };
+const _hoisted_5 = { class: "form-group mn-b-medium" };
+const _hoisted_6 = { class: "form-group mn-b-medium" };
+const _hoisted_7 = { class: "form-group mn-b-medium" };
+const _hoisted_8 = { class: "form-group mn-b-medium" };
+const _hoisted_9 = { class: "flex gap-small" };
+const _hoisted_10 = { class: "form-group mn-b-medium" };
+const _hoisted_11 = { class: "track-cover-upload flex gap-medium" };
+const _hoisted_12 = { class: "track-cover-preview bg-dark-transp-25 radius-small o-hidden" };
+const _hoisted_13 = {
+  key: 1,
+  class: "w-10r h-10r flex-center flex"
+};
+const _hoisted_14 = { class: "form-group mn-b-medium" };
+const _hoisted_15 = { class: "form-group mn-b-medium" };
+const _hoisted_16 = { class: "form-actions t-right" };
+const _sfc_main = {
+  __name: "UploadForm",
+  emits: ["uploaded"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const form = reactive({
+      title: "",
+      artist: null,
+      album: null,
+      genre: [],
+      releaseDate: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+      isExplicit: false,
+      isPublic: true,
+      coverUrl: "",
+      fileUrl: "",
+      lyrics: ""
+    });
+    const artistOptions = ref([]);
+    const albumOptions = ref([]);
+    const genreOptions = ref([
+      "Pop",
+      "Rock",
+      "Hip Hop",
+      "R&B",
+      "Jazz",
+      "Electronic",
+      "Classical",
+      "Country",
+      "Folk",
+      "Blues"
+    ]);
+    const validationErrors = reactive({});
+    const submitForm = async () => {
+      console.log("Submitting form data:", form);
+      console.log("API URL:", process.env.API_URL);
+      const trackData = {
+        ...form,
+        creator: {
+          type: "user",
+          // Make sure type matches what's expected on the server (lowercase)
+          target: state.user._id
+        },
+        owner: {
+          type: "user",
+          // Make sure type matches what's expected on the server (lowercase)
+          target: state.user._id
+        },
+        status: "draft"
+        // Add a default status if needed
+      };
+      try {
+        console.log("Sending track data to API:", trackData);
+        const track = await actions$2.createTrack(trackData);
+        console.log("Track created successfully:", track);
+        emit("uploaded", track);
+        resetForm();
+      } catch (error) {
+        console.error("Error uploading track:", error);
+        if (error.status) {
+          console.error(`HTTP Status: ${error.status}`);
+        }
+        if (error.message) {
+          console.error(`Error message: ${error.message}`);
+        }
+        if (error.stack) {
+          console.error(`Stack trace: ${error.stack}`);
+        }
+      }
+    };
+    const resetForm = () => {
+      Object.keys(form).forEach((key) => {
+        if (key === "releaseDate") {
+          form[key] = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+        } else if (key === "isPublic") {
+          form[key] = true;
+        } else if (key === "isExplicit") {
+          form[key] = false;
+        } else {
+          form[key] = "";
+        }
+      });
+      Object.keys(validationErrors).forEach((key) => {
+        validationErrors[key] = null;
+      });
+    };
+    onMounted(async () => {
+      try {
+        const userArtists = await actions.fetchUserArtists(state.user._id);
+        artistOptions.value = userArtists.map((artist) => ({
+          name: artist.name,
+          value: artist._id
+        }));
+        const userAlbums = await actions$1.fetchUserAlbums(state.user._id);
+        albumOptions.value = userAlbums.map((album) => ({
+          name: album.title,
+          value: album._id
+        }));
+      } catch (error) {
+        console.error("Error fetching artists and albums:", error);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[12] || (_cache[12] = createElementVNode("label", {
+            for: "title",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Track Title", -1)),
+          createVNode(Field, {
+            field: form.title,
+            "onUpdate:field": _cache[0] || (_cache[0] = ($event) => form.title = $event),
+            id: "title",
+            type: "text",
+            placeholder: "Track Title",
+            validation: validationErrors.title,
+            class: "w-100 pd-small bg-dark-transp-25 radius-small t-white"
+          }, null, 8, ["field", "validation"])
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          _cache[13] || (_cache[13] = createElementVNode("label", {
+            for: "artist",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Artist", -1)),
+          createVNode(Select, {
+            select: form.artist,
+            "onUpdate:select": _cache[1] || (_cache[1] = ($event) => form.artist = $event),
+            id: "artist",
+            options: artistOptions.value,
+            placeholder: "Select an artist",
+            validation: validationErrors.artist,
+            class: "w-100 pd-small bg-dark-transp-25 radius-small t-white"
+          }, null, 8, ["select", "options", "validation"])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          _cache[14] || (_cache[14] = createElementVNode("label", {
+            for: "album",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Album (Optional)", -1)),
+          createVNode(Select, {
+            select: form.album,
+            "onUpdate:select": _cache[2] || (_cache[2] = ($event) => form.album = $event),
+            id: "album",
+            options: albumOptions.value,
+            placeholder: "Select an album",
+            class: "w-100 pd-small bg-dark-transp-25 radius-small t-white"
+          }, null, 8, ["select", "options"])
+        ]),
+        createElementVNode("div", _hoisted_5, [
+          _cache[15] || (_cache[15] = createElementVNode("label", {
+            for: "genre",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Genre", -1)),
+          createVNode(Select, {
+            select: form.genre,
+            "onUpdate:select": _cache[3] || (_cache[3] = ($event) => form.genre = $event),
+            id: "genre",
+            options: genreOptions.value,
+            placeholder: "Select a genre",
+            validation: validationErrors.genre,
+            class: "w-100 pd-small bg-dark-transp-25 radius-small t-white"
+          }, null, 8, ["select", "options", "validation"])
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          _cache[16] || (_cache[16] = createElementVNode("label", {
+            for: "releaseDate",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Release Date", -1)),
+          createVNode(Field, {
+            field: form.releaseDate,
+            "onUpdate:field": _cache[4] || (_cache[4] = ($event) => form.releaseDate = $event),
+            id: "releaseDate",
+            type: "date",
+            validation: validationErrors.releaseDate,
+            class: "w-100 pd-small bg-dark-transp-25 radius-small t-white"
+          }, null, 8, ["field", "validation"])
+        ]),
+        createElementVNode("div", _hoisted_7, [
+          _cache[17] || (_cache[17] = createElementVNode("label", {
+            for: "isExplicit",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Explicit Content", -1)),
+          createVNode(_sfc_main$1, {
+            checkbox: form.isExplicit,
+            "onUpdate:checkbox": _cache[5] || (_cache[5] = ($event) => form.isExplicit = $event),
+            id: "isExplicit",
+            label: "This track contains explicit content",
+            class: "t-white"
+          }, null, 8, ["checkbox"])
+        ]),
+        createElementVNode("div", _hoisted_8, [
+          _cache[18] || (_cache[18] = createElementVNode("label", {
+            for: "isPublic",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Privacy", -1)),
+          createElementVNode("div", _hoisted_9, [
+            createVNode(_sfc_main$2, {
+              radio: form.isPublic,
+              "onUpdate:radio": _cache[6] || (_cache[6] = ($event) => form.isPublic = $event),
+              value: true,
+              name: "privacy",
+              label: "Public",
+              class: "t-white"
+            }, null, 8, ["radio"]),
+            createVNode(_sfc_main$2, {
+              radio: form.isPublic,
+              "onUpdate:radio": _cache[7] || (_cache[7] = ($event) => form.isPublic = $event),
+              value: false,
+              name: "privacy",
+              label: "Private",
+              class: "t-white"
+            }, null, 8, ["radio"])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_10, [
+          _cache[19] || (_cache[19] = createElementVNode("label", { class: "t-white t-medium mn-b-thin d-block" }, "Cover Image", -1)),
+          createElementVNode("div", _hoisted_11, [
+            createElementVNode("div", _hoisted_12, [
+              form.coverUrl ? (openBlock(), createBlock(Media, {
+                key: 0,
+                url: form.coverUrl,
+                class: "w-10r h-10r object-fit-cover"
+              }, null, 8, ["url"])) : (openBlock(), createElementBlock("div", _hoisted_13, [
+                createVNode(_sfc_main$3, {
+                  class: "i-big",
+                  fill: "rgb(var(--grey))"
+                })
+              ]))
+            ]),
+            createVNode(_sfc_main$4, {
+              photo: form.coverUrl,
+              "onUpdate:photo": _cache[8] || (_cache[8] = ($event) => form.coverUrl = $event),
+              uploadPath: "tracks",
+              class: "flex-1 h-10r bg-dark-transp-25 radius-small"
+            }, null, 8, ["photo"])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_14, [
+          _cache[20] || (_cache[20] = createElementVNode("label", { class: "t-white t-medium mn-b-thin d-block" }, "Track Audio File", -1)),
+          createVNode(Upload, {
+            field: form.fileUrl,
+            "onUpdate:field": _cache[9] || (_cache[9] = ($event) => form.fileUrl = $event),
+            onFileChange: _cache[10] || (_cache[10] = (url) => form.fileUrl = url),
+            type: "file",
+            uploadPath: "tracks",
+            class: "bg-dark-transp-25 radius-small pd-small t-white"
+          }, null, 8, ["field"])
+        ]),
+        createElementVNode("div", _hoisted_15, [
+          _cache[21] || (_cache[21] = createElementVNode("label", {
+            for: "lyrics",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Lyrics (Optional)", -1)),
+          createVNode(Field, {
+            field: form.lyrics,
+            "onUpdate:field": _cache[11] || (_cache[11] = ($event) => form.lyrics = $event),
+            id: "lyrics",
+            type: "textarea",
+            placeholder: "Add lyrics",
+            class: "w-100 pd-small bg-dark-transp-25 radius-small t-white"
+          }, null, 8, ["field"])
+        ]),
+        createElementVNode("div", _hoisted_16, [
+          createVNode(_sfc_main$5, {
+            onClick: resetForm,
+            type: "button",
+            class: "bg-dark-transp-25 t-white pd-small radius-small mn-r-small hover-bg-dark",
+            showLoader: false,
+            showSucces: false
+          }, {
+            default: withCtx(() => _cache[22] || (_cache[22] = [
+              createTextVNode(" Reset ")
+            ])),
+            _: 1
+          }),
+          createVNode(_sfc_main$5, {
+            type: "submit",
+            class: "bg-main t-white pd-small radius-small hover-scale-1",
+            submit: () => submitForm(),
+            showLoader: true,
+            showSucces: true
+          }, {
+            default: withCtx(() => _cache[23] || (_cache[23] = [
+              createTextVNode(" Upload Track ")
+            ])),
+            _: 1
+          }, 8, ["submit"])
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=UploadForm.vue.js.map

package/dist/martyrs/src/modules/music/components/forms/UploadForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadForm.vue.js","sources":["../../../../../../../src/modules/music/components/forms/UploadForm.vue"],"sourcesContent":["<!-- components/forms/UploadForm.vue -->\n<template>\n  <div class=\"upload-form\">\n    <!-- <form @submit.prevent=\"submitForm\"> -->\n      <div class=\"form-group mn-b-medium\">\n        <label for=\"title\" class=\"t-white t-medium mn-b-thin d-block\">Track Title</label>\n        <Field \n          v-model:field=\"form.title\"\n          id=\"title\"\n          type=\"text\"\n          placeholder=\"Track Title\"\n          :validation=\"validationErrors.title\"\n          class=\"w-100 pd-small bg-dark-transp-25 radius-small t-white\"\n        />\n      </div>\n\n      <div class=\"form-group mn-b-medium\">\n        <label for=\"artist\" class=\"t-white t-medium mn-b-thin d-block\">Artist</label>\n        <Select \n          v-model:select=\"form.artist\"\n          id=\"artist\"\n          :options=\"artistOptions\"\n          placeholder=\"Select an artist\"\n          :validation=\"validationErrors.artist\"\n          class=\"w-100 pd-small bg-dark-transp-25 radius-small t-white\"\n        />\n      </div>\n\n      <div class=\"form-group mn-b-medium\">\n        <label for=\"album\" class=\"t-white t-medium mn-b-thin d-block\">Album (Optional)</label>\n        <Select \n          v-model:select=\"form.album\"\n          id=\"album\"\n          :options=\"albumOptions\"\n          placeholder=\"Select an album\"\n          class=\"w-100 pd-small bg-dark-transp-25 radius-small t-white\"\n        />\n      </div>\n      \n      <div class=\"form-group mn-b-medium\">\n        <label for=\"genre\" class=\"t-white t-medium mn-b-thin d-block\">Genre</label>\n        <Select \n          v-model:select=\"form.genre\"\n          id=\"genre\"\n          :options=\"genreOptions\"\n          placeholder=\"Select a genre\"\n          :validation=\"validationErrors.genre\"\n          class=\"w-100 pd-small bg-dark-transp-25 radius-small t-white\"\n        />\n      </div>\n      \n      <div class=\"form-group mn-b-medium\">\n        <label for=\"releaseDate\" class=\"t-white t-medium mn-b-thin d-block\">Release Date</label>\n        <Field \n          v-model:field=\"form.releaseDate\"\n          id=\"releaseDate\"\n          type=\"date\"\n          :validation=\"validationErrors.releaseDate\"\n          class=\"w-100 pd-small bg-dark-transp-25 radius-small t-white\"\n        />\n      </div>\n      \n      <div class=\"form-group mn-b-medium\">\n        <label for=\"isExplicit\" class=\"t-white t-medium mn-b-thin d-block\">Explicit Content</label>\n        <Checkbox \n          v-model:checkbox=\"form.isExplicit\"\n          id=\"isExplicit\"\n          label=\"This track contains explicit content\"\n          class=\"t-white\"\n        />\n      </div>\n      \n      <div class=\"form-group mn-b-medium\">\n        <label for=\"isPublic\" class=\"t-white t-medium mn-b-thin d-block\">Privacy</label>\n        <div class=\"flex gap-small\">\n          <Radio \n            v-model:radio=\"form.isPublic\"\n            :value=\"true\"\n            name=\"privacy\"\n            label=\"Public\"\n            class=\"t-white\"\n          />\n          <Radio \n            v-model:radio=\"form.isPublic\"\n            :value=\"false\"\n            name=\"privacy\"\n            label=\"Private\"\n            class=\"t-white\"\n          />\n        </div>\n      </div>\n      \n      <div class=\"form-group mn-b-medium\">\n        <label class=\"t-white t-medium mn-b-thin d-block\">Cover Image</label>\n        <div class=\"track-cover-upload flex gap-medium\">\n          <div class=\"track-cover-preview bg-dark-transp-25 radius-small o-hidden\">\n            <Media \n              v-if=\"form.coverUrl\"\n              :url=\"form.coverUrl\"\n              class=\"w-10r h-10r object-fit-cover\"\n            />\n            <div v-else class=\"w-10r h-10r flex-center flex\">\n              <IconMusic class=\"i-big\" fill=\"rgb(var(--grey))\"/>\n            </div>\n          </div>\n          \n          <UploadImage\n            v-model:photo=\"form.coverUrl\"\n            uploadPath=\"tracks\"\n            class=\"flex-1 h-10r bg-dark-transp-25 radius-small\"\n          />\n        </div>\n      </div>\n      \n      <div class=\"form-group mn-b-medium\">\n        <label class=\"t-white t-medium mn-b-thin d-block\">Track Audio File</label>\n        <Upload\n          v-model:field=\"form.fileUrl\"\n          @file-change=\"(url) => form.fileUrl = url\"\n          type=\"file\"\n          uploadPath=\"tracks\"\n          class=\"bg-dark-transp-25 radius-small pd-small t-white\"\n        />\n      </div>\n      \n      <div class=\"form-group mn-b-medium\">\n        <label for=\"lyrics\" class=\"t-white t-medium mn-b-thin d-block\">Lyrics (Optional)</label>\n        <Field \n          v-model:field=\"form.lyrics\"\n          id=\"lyrics\"\n          type=\"textarea\"\n          placeholder=\"Add lyrics\"\n          class=\"w-100 pd-small bg-dark-transp-25 radius-small t-white\"\n        />\n      </div>\n      \n      <div class=\"form-actions t-right\">\n        <Button \n          @click=\"resetForm\"\n          type=\"button\"\n          class=\"bg-dark-transp-25 t-white pd-small radius-small mn-r-small hover-bg-dark\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          Reset\n        </Button>\n        \n        <Button \n          type=\"submit\"\n          class=\"bg-main t-white pd-small radius-small hover-scale-1\"\n          :submit=\"() => submitForm()\"\n          :showLoader=\"true\" \n          :showSucces=\"true\"\n        >\n          Upload Track\n        </Button>\n      </div>\n    <!-- </form> -->\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, onMounted } from 'vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Select from '@martyrs/src/components/Select/Select.vue';\nimport Radio from '@martyrs/src/components/Radio/Radio.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Upload from '@martyrs/src/components/Upload/Upload.vue';\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport IconMusic from '@martyrs/src/modules/icons/entities/IconMusic.vue';\n\n// Import stores\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\nimport { actions as tracksActions } from '../../store/tracks.js';\nimport { state as artistsState, actions as artistsActions } from '../../store/artists.js';\nimport { state as albumsState, actions as albumsActions } from '../../store/albums.js';\n\nconst emit = defineEmits(['uploaded']);\n\n// Form data\nconst form = reactive({\n  title: '',\n  artist: null,\n  album: null,\n  genre: [],\n  releaseDate: new Date().toISOString().split('T')[0],\n  isExplicit: false,\n  isPublic: true,\n  coverUrl: '',\n  fileUrl: '',\n  lyrics: ''\n});\n\n// Options for dropdowns\nconst artistOptions = ref([]);\nconst albumOptions = ref([]);\nconst genreOptions = ref([\n  'Pop', 'Rock', 'Hip Hop', 'R&B', 'Jazz', 'Electronic', 'Classical', 'Country', 'Folk', 'Blues'\n]);\n\n// Validation\nconst validationErrors = reactive({});\n\n/// Form submission with improved error handling\nconst submitForm = async () => {\n  // Validate form (I'm keeping this commented out as in your original code)\n  // validationErrors.title = !form.title ? { message: 'Track title is required' } : null;\n  // validationErrors.artist = !form.artist ? { message: 'Artist is required' } : null;\n  // validationErrors.genre = !form.genre || form.genre.length === 0 ? { message: 'Genre is required' } : null;\n  // validationErrors.fileUrl = !form.fileUrl ? { message: 'Audio file is required' } : null;\n  \n  // // If there are validation errors, don't submit\n  // if (Object.values(validationErrors).some(error => error !== null)) {\n  //   console.log(error)\n  //   return;\n  // }\n  \n  console.log('Submitting form data:', form);\n  \n  // Check if the API URL is correct\n  console.log('API URL:', process.env.API_URL);\n  \n  // Prepare track data\n  const trackData = {\n    ...form,\n    creator: {\n      type: 'user', // Make sure type matches what's expected on the server (lowercase)\n      target: authState.user._id\n    },\n    owner: {\n      type: 'user', // Make sure type matches what's expected on the server (lowercase)\n      target: authState.user._id\n    },\n    status: 'draft' // Add a default status if needed\n  };\n  \n  try {\n    console.log('Sending track data to API:', trackData);\n    \n    // Directly use the Store instance to debug the issue\n    // This bypasses the action layer to see if the issue is there\n    // const directApiResult = await trackStore.create(trackData);\n    // console.log('Direct API result:', directApiResult);\n    \n    // If the direct approach works, try the normal action\n    const track = await tracksActions.createTrack(trackData);\n    console.log('Track created successfully:', track);\n    \n    emit('uploaded', track);\n    resetForm();\n  } catch (error) {\n    console.error('Error uploading track:', error);\n    \n    // Add more detailed error logging\n    if (error.status) {\n      console.error(`HTTP Status: ${error.status}`);\n    }\n    if (error.message) {\n      console.error(`Error message: ${error.message}`);\n    }\n    if (error.stack) {\n      console.error(`Stack trace: ${error.stack}`);\n    }\n    \n    // Show error to user\n    // setError({\n    //   message: 'Failed to upload track: ' + (error.message || 'Unknown error'),\n    //   errorCode: error.errorCode || 'TRACK_UPLOAD_FAILED'\n    // });\n  }\n};\nconst resetForm = () => {\n  Object.keys(form).forEach(key => {\n    if (key === 'releaseDate') {\n      form[key] = new Date().toISOString().split('T')[0];\n    } else if (key === 'isPublic') {\n      form[key] = true;\n    } else if (key === 'isExplicit') {\n      form[key] = false;\n    } else {\n      form[key] = '';\n    }\n  });\n  \n  // Clear validation errors\n  Object.keys(validationErrors).forEach(key => {\n    validationErrors[key] = null;\n  });\n};\n\n// Fetch artists and albums for dropdowns\nonMounted(async () => {\n  try {\n    // Fetch user's artists\n    const userArtists = await artistsActions.fetchUserArtists(authState.user._id);\n    artistOptions.value = userArtists.map(artist => ({\n      name: artist.name,\n      value: artist._id\n    }));\n    \n    // Fetch user's albums\n    const userAlbums = await albumsActions.fetchUserAlbums(authState.user._id);\n    albumOptions.value = userAlbums.map(album => ({\n      name: album.title,\n      value: album._id\n    }));\n  } catch (error) {\n    console.error('Error fetching artists and albums:', error);\n  }\n});\n</script>"],"names":["authState","tracksActions","artistsActions","albumsActions"],"mappings":"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"}

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

@@ -0,0 +1,115 @@
+"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-nowrap o-hidden w-100 h-100" };
+const _hoisted_2 = { class: "flex-child-1 flex flex-column h-100 o-hidden" };
+const _hoisted_3 = { class: "flex-child-shrink-0 z-index-3 bg-dark flex-v-center flex-justify-between flex gap-small pd-small br-b br-solid br-dark-transp-20" };
+const _hoisted_4 = { class: "flex-v-center flex gap-small" };
+const _hoisted_5 = { class: "music-navigation-buttons flex gap-thin" };
+const _hoisted_6 = {
+  key: 0,
+  class: "t-white"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "music-search-bar flex-child-1 mn-l-medium mn-r-medium"
+};
+const _hoisted_8 = { class: "music-user-menu flex-nowrap flex pos-relative" };
+const _hoisted_9 = { class: "o-y-scroll 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("div", _hoisted_2, [
+          vue.createElementVNode("header", _hoisted_3, [
+            vue.createElementVNode("div", _hoisted_4, [
+              vue.createElementVNode("div", _hoisted_5, [
+                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.meta.title ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_6, vue.toDisplayString(_ctx.$route.meta.title), 1)) : vue.createCommentVNode("", true)
+            ]),
+            _ctx.$route.name !== "music-search" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+              vue.createVNode(SearchForm.default, {
+                onSearch: handleSearch,
+                placeholder: "Search music..."
+              })
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_8, [
+              vue.createVNode(_component_router_link, {
+                to: { name: "music-library" },
+                class: "t-white pd-thin w-100 d-block hover-bg-dark radius-small"
+              }, {
+                default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                  vue.createTextVNode(" My Library ")
+                ])),
+                _: 1
+              }),
+              vue.createVNode(_component_router_link, {
+                to: { name: "music-upload" },
+                class: "t-white pd-thin w-100 d-block hover-bg-dark radius-small"
+              }, {
+                default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+                  vue.createTextVNode(" Upload Music ")
+                ])),
+                _: 1
+              })
+            ])
+          ]),
+          vue.createElementVNode("main", _hoisted_9, [
+            vue.createVNode(_component_router_view)
+          ]),
+          currentTrack.value ? (vue.openBlock(), vue.createBlock(MusicPlayer.default, {
+            key: 0,
+            class: "flex-child-shrink-0"
+          })) : vue.createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=MusicLayout.vue.cjs.map

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

@@ -0,0 +1 @@
+{"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-nowrap o-hidden w-100 h-100\">\n    <!-- Main Content -->\n    <div class=\"flex-child-1 flex flex-column h-100 o-hidden\">\n      <!-- Header Bar -->\n      <header class=\"flex-child-shrink-0 z-index-3 bg-dark flex-v-center flex-justify-between flex gap-small pd-small br-b br-solid br-dark-transp-20\">\n        <div class=\"flex-v-center flex gap-small\">\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          <h2 v-if=\"$route.meta.title\" class=\"t-white\">{{ $route.meta.title }}</h2>\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=\"t-white pd-thin w-100 d-block hover-bg-dark radius-small\">\n            My Library\n          </router-link>\n          <router-link :to=\"{ name: 'music-upload' }\" class=\"t-white pd-thin w-100 d-block hover-bg-dark radius-small\">\n            Upload Music\n          </router-link>\n          \n        </div>\n      </header>\n      \n      <!-- Main Content Area -->\n      <main class=\"o-y-scroll o-x-hidden\">\n        <router-view></router-view>\n      </main>\n      \n      <!-- Music Player Fixed at Bottom -->\n      <MusicPlayer v-if=\"currentTrack\" class=\"flex-child-shrink-0\"/>\n    </div>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,UAAM,SAASA,UAAAA,UAAW;AAGLC,QAAAA,IAAI,KAAK;AAGNC,QAAAA,SAAS,MAAM;AACrC,aAAOC,KAAS,MAAC,OAAO,WAAW;AAAA,IACrC,CAAC;AAEYD,QAAAA,SAAS,MAAM;AAC1B,aAAOC,KAAS,MAAC;AAAA,IACnB,CAAC;AAGD,UAAM,eAAeD,IAAQ,SAAC,MAAM;AAClC,aAAOE,OAAW,MAAC;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

@@ -0,0 +1,115 @@
+import { ref, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, createVNode, toDisplayString, 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-nowrap o-hidden w-100 h-100" };
+const _hoisted_2 = { class: "flex-child-1 flex flex-column h-100 o-hidden" };
+const _hoisted_3 = { class: "flex-child-shrink-0 z-index-3 bg-dark flex-v-center flex-justify-between flex gap-small pd-small br-b br-solid br-dark-transp-20" };
+const _hoisted_4 = { class: "flex-v-center flex gap-small" };
+const _hoisted_5 = { class: "music-navigation-buttons flex gap-thin" };
+const _hoisted_6 = {
+  key: 0,
+  class: "t-white"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "music-search-bar flex-child-1 mn-l-medium mn-r-medium"
+};
+const _hoisted_8 = { class: "music-user-menu flex-nowrap flex pos-relative" };
+const _hoisted_9 = { class: "o-y-scroll 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("div", _hoisted_2, [
+          createElementVNode("header", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_5, [
+                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.meta.title ? (openBlock(), createElementBlock("h2", _hoisted_6, toDisplayString(_ctx.$route.meta.title), 1)) : createCommentVNode("", true)
+            ]),
+            _ctx.$route.name !== "music-search" ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              createVNode(SearchForm, {
+                onSearch: handleSearch,
+                placeholder: "Search music..."
+              })
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_8, [
+              createVNode(_component_router_link, {
+                to: { name: "music-library" },
+                class: "t-white pd-thin w-100 d-block hover-bg-dark radius-small"
+              }, {
+                default: withCtx(() => _cache[2] || (_cache[2] = [
+                  createTextVNode(" My Library ")
+                ])),
+                _: 1
+              }),
+              createVNode(_component_router_link, {
+                to: { name: "music-upload" },
+                class: "t-white pd-thin w-100 d-block hover-bg-dark radius-small"
+              }, {
+                default: withCtx(() => _cache[3] || (_cache[3] = [
+                  createTextVNode(" Upload Music ")
+                ])),
+                _: 1
+              })
+            ])
+          ]),
+          createElementVNode("main", _hoisted_9, [
+            createVNode(_component_router_view)
+          ]),
+          currentTrack.value ? (openBlock(), createBlock(MusicPlayer, {
+            key: 0,
+            class: "flex-child-shrink-0"
+          })) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=MusicLayout.vue.js.map

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

@@ -0,0 +1 @@
+{"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-nowrap o-hidden w-100 h-100\">\n    <!-- Main Content -->\n    <div class=\"flex-child-1 flex flex-column h-100 o-hidden\">\n      <!-- Header Bar -->\n      <header class=\"flex-child-shrink-0 z-index-3 bg-dark flex-v-center flex-justify-between flex gap-small pd-small br-b br-solid br-dark-transp-20\">\n        <div class=\"flex-v-center flex gap-small\">\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          <h2 v-if=\"$route.meta.title\" class=\"t-white\">{{ $route.meta.title }}</h2>\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=\"t-white pd-thin w-100 d-block hover-bg-dark radius-small\">\n            My Library\n          </router-link>\n          <router-link :to=\"{ name: 'music-upload' }\" class=\"t-white pd-thin w-100 d-block hover-bg-dark radius-small\">\n            Upload Music\n          </router-link>\n          \n        </div>\n      </header>\n      \n      <!-- Main Content Area -->\n      <main class=\"o-y-scroll o-x-hidden\">\n        <router-view></router-view>\n      </main>\n      \n      <!-- Music Player Fixed at Bottom -->\n      <MusicPlayer v-if=\"currentTrack\" class=\"flex-child-shrink-0\"/>\n    </div>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,UAAM,SAAS,UAAW;AAGL,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/dist/martyrs/src/modules/music/components/lists/AlbumList.vue.cjs

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