@ozdao/martyrs 0.2.484 → 0.2.486

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

@@ -0,0 +1,328 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
+const Radio = require("../../../../components/Radio/Radio.vue.cjs");
+const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Upload = require("../../../../components/Upload/Upload.vue.cjs");
+const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
+const Media = require("../../../../components/Media/Media.vue.cjs");
+const IconMusic = require("../../../icons/entities/IconMusic.vue.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const tracks = require("../../store/tracks.cjs");
+const artists = require("../../store/artists.cjs");
+const albums = require("../../store/albums.cjs");
+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 = vue.reactive({
+      title: "",
+      artist: null,
+      album: null,
+      genre: [],
+      releaseDate: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+      isExplicit: false,
+      isPublic: true,
+      coverUrl: "",
+      fileUrl: "",
+      lyrics: ""
+    });
+    const artistOptions = vue.ref([]);
+    const albumOptions = vue.ref([]);
+    const genreOptions = vue.ref([
+      "Pop",
+      "Rock",
+      "Hip Hop",
+      "R&B",
+      "Jazz",
+      "Electronic",
+      "Classical",
+      "Country",
+      "Folk",
+      "Blues"
+    ]);
+    const validationErrors = vue.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: auth.state.user._id
+        },
+        owner: {
+          type: "user",
+          // Make sure type matches what's expected on the server (lowercase)
+          target: auth.state.user._id
+        },
+        status: "draft"
+        // Add a default status if needed
+      };
+      try {
+        console.log("Sending track data to API:", trackData);
+        const track = await tracks.actions.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;
+      });
+    };
+    vue.onMounted(async () => {
+      try {
+        const userArtists = await artists.actions.fetchUserArtists(auth.state.user._id);
+        artistOptions.value = userArtists.map((artist) => ({
+          name: artist.name,
+          value: artist._id
+        }));
+        const userAlbums = await albums.actions.fetchUserAlbums(auth.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          _cache[12] || (_cache[12] = vue.createElementVNode("label", {
+            for: "title",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Track Title", -1)),
+          vue.createVNode(Field.default, {
+            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"])
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          _cache[13] || (_cache[13] = vue.createElementVNode("label", {
+            for: "artist",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Artist", -1)),
+          vue.createVNode(Select.default, {
+            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"])
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          _cache[14] || (_cache[14] = vue.createElementVNode("label", {
+            for: "album",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Album (Optional)", -1)),
+          vue.createVNode(Select.default, {
+            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"])
+        ]),
+        vue.createElementVNode("div", _hoisted_5, [
+          _cache[15] || (_cache[15] = vue.createElementVNode("label", {
+            for: "genre",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Genre", -1)),
+          vue.createVNode(Select.default, {
+            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"])
+        ]),
+        vue.createElementVNode("div", _hoisted_6, [
+          _cache[16] || (_cache[16] = vue.createElementVNode("label", {
+            for: "releaseDate",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Release Date", -1)),
+          vue.createVNode(Field.default, {
+            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"])
+        ]),
+        vue.createElementVNode("div", _hoisted_7, [
+          _cache[17] || (_cache[17] = vue.createElementVNode("label", {
+            for: "isExplicit",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Explicit Content", -1)),
+          vue.createVNode(Checkbox.default, {
+            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"])
+        ]),
+        vue.createElementVNode("div", _hoisted_8, [
+          _cache[18] || (_cache[18] = vue.createElementVNode("label", {
+            for: "isPublic",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Privacy", -1)),
+          vue.createElementVNode("div", _hoisted_9, [
+            vue.createVNode(Radio.default, {
+              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"]),
+            vue.createVNode(Radio.default, {
+              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"])
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_10, [
+          _cache[19] || (_cache[19] = vue.createElementVNode("label", { class: "t-white t-medium mn-b-thin d-block" }, "Cover Image", -1)),
+          vue.createElementVNode("div", _hoisted_11, [
+            vue.createElementVNode("div", _hoisted_12, [
+              form.coverUrl ? (vue.openBlock(), vue.createBlock(Media.default, {
+                key: 0,
+                url: form.coverUrl,
+                class: "w-10r h-10r object-fit-cover"
+              }, null, 8, ["url"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
+                vue.createVNode(IconMusic.default, {
+                  class: "i-big",
+                  fill: "rgb(var(--grey))"
+                })
+              ]))
+            ]),
+            vue.createVNode(UploadImage.default, {
+              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"])
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_14, [
+          _cache[20] || (_cache[20] = vue.createElementVNode("label", { class: "t-white t-medium mn-b-thin d-block" }, "Track Audio File", -1)),
+          vue.createVNode(Upload.default, {
+            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"])
+        ]),
+        vue.createElementVNode("div", _hoisted_15, [
+          _cache[21] || (_cache[21] = vue.createElementVNode("label", {
+            for: "lyrics",
+            class: "t-white t-medium mn-b-thin d-block"
+          }, "Lyrics (Optional)", -1)),
+          vue.createVNode(Field.default, {
+            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"])
+        ]),
+        vue.createElementVNode("div", _hoisted_16, [
+          vue.createVNode(Button.default, {
+            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: vue.withCtx(() => _cache[22] || (_cache[22] = [
+              vue.createTextVNode(" Reset ")
+            ])),
+            _: 1
+          }),
+          vue.createVNode(Button.default, {
+            type: "submit",
+            class: "bg-main t-white pd-small radius-small hover-scale-1",
+            submit: () => submitForm(),
+            showLoader: true,
+            showSucces: true
+          }, {
+            default: vue.withCtx(() => _cache[23] || (_cache[23] = [
+              vue.createTextVNode(" Upload Track ")
+            ])),
+            _: 1
+          }, 8, ["submit"])
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=UploadForm.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadForm.vue.cjs","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":["reactive","ref","authState","tracksActions","onMounted","artistsActions","albumsActions"],"mappings":"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"}