@ozdao/martyrs 0.2.485 → 0.2.487

package/dist/martyrs/src/modules/music/components/pages/MusicHome.vue.cjs

@@ -0,0 +1,256 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const PlaylistCard = require("../cards/PlaylistCard.vue.cjs");
+const AlbumCard = require("../cards/AlbumCard.vue.cjs");
+const ArtistCard = require("../cards/ArtistCard.vue.cjs");
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+require("../../store/player.cjs");
+const TrackListCard = require("../cards/TrackListCard.vue.cjs");
+const playlists = require("../../store/playlists.cjs");
+const albums = require("../../store/albums.cjs");
+const tracks = require("../../store/tracks.cjs");
+const artists = require("../../store/artists.cjs");
+const _hoisted_1 = { class: "music-home-page pd-medium mobile:pd-thin" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "flex-between flex mn-b-small" };
+const _hoisted_4 = { class: "mn-b-medium" };
+const _hoisted_5 = { class: "flex-between flex mn-b-small" };
+const _hoisted_6 = { class: "mn-b-medium" };
+const _hoisted_7 = { class: "flex-between flex mn-b-small" };
+const _hoisted_8 = { class: "bg-dark-transp-10 radius-medium o-hidden" };
+const _hoisted_9 = { class: "flex-between flex mn-b-small" };
+const _sfc_main = {
+  __name: "MusicHome",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("section", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            _cache[1] || (_cache[1] = vue.createElementVNode("h2", { class: "" }, "Featured Playlists", -1)),
+            vue.createVNode(_component_router_link, {
+              to: { path: "/music/playlists" },
+              class: "t-main t-small hover-opacity"
+            }, {
+              default: vue.withCtx(() => _cache[0] || (_cache[0] = [
+                vue.createTextVNode("See all")
+              ])),
+              _: 1
+            })
+          ]),
+          vue.createVNode(Feed.default, {
+            showLoadMore: false,
+            LoadMore: false,
+            states: {
+              empty: {
+                title: "No Playlists",
+                description: "No featured playlists available at the moment."
+              }
+            },
+            store: {
+              read: (options) => vue.unref(playlists.actions).fetchFeaturedPlaylists(options),
+              state: vue.unref(playlists.state)
+            },
+            options: {
+              limit: 5,
+              featured: true
+            },
+            skeleton: {
+              structure: [
+                { block: "square", size: "large", rounded: false },
+                { block: "text", size: "medium" },
+                { block: "text", size: "small" }
+              ],
+              horizontal: false
+            },
+            class: "cols-5 mobile:cols-2 gap-small"
+          }, {
+            default: vue.withCtx(({ items }) => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (playlist) => {
+                return vue.openBlock(), vue.createElementBlock("li", {
+                  key: playlist._id
+                }, [
+                  vue.createVNode(PlaylistCard.default, {
+                    playlist,
+                    class: "hover-scale-1 transition-cubic-in-out"
+                  }, null, 8, ["playlist"])
+                ]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["store"])
+        ]),
+        vue.createElementVNode("section", _hoisted_4, [
+          vue.createElementVNode("div", _hoisted_5, [
+            _cache[3] || (_cache[3] = vue.createElementVNode("h2", { class: "" }, "New Releases", -1)),
+            vue.createVNode(_component_router_link, {
+              to: { path: "/music/albums" },
+              class: "t-main t-small hover-opacity"
+            }, {
+              default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                vue.createTextVNode("See all")
+              ])),
+              _: 1
+            })
+          ]),
+          vue.createVNode(Feed.default, {
+            showLoadMore: false,
+            LoadMore: false,
+            states: {
+              empty: {
+                title: "No New Releases",
+                description: "No new albums available at the moment."
+              }
+            },
+            store: {
+              read: (options) => vue.unref(albums.actions).fetchAlbums(options),
+              state: vue.unref(albums.state)
+            },
+            options: {
+              limit: 4,
+              sortParam: "releaseDate",
+              sortOrder: "desc"
+            },
+            skeleton: {
+              structure: [
+                { block: "square", size: "large", rounded: false },
+                { block: "text", size: "medium" },
+                { block: "text", size: "small" }
+              ],
+              horizontal: false
+            },
+            class: "cols-4 mobile:cols-2 gap-small"
+          }, {
+            default: vue.withCtx(({ items }) => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (album) => {
+                return vue.openBlock(), vue.createElementBlock("li", {
+                  key: album._id
+                }, [
+                  vue.createVNode(AlbumCard.default, {
+                    album,
+                    class: "hover-scale-1 transition-cubic-in-out"
+                  }, null, 8, ["album"])
+                ]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["store"])
+        ]),
+        vue.createElementVNode("section", _hoisted_6, [
+          vue.createElementVNode("div", _hoisted_7, [
+            _cache[5] || (_cache[5] = vue.createElementVNode("h2", { class: "" }, "Popular Tracks", -1)),
+            vue.createVNode(_component_router_link, {
+              to: { path: "/music/tracks" },
+              class: "t-main t-small hover-opacity"
+            }, {
+              default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+                vue.createTextVNode("See all")
+              ])),
+              _: 1
+            })
+          ]),
+          vue.createVNode(Feed.default, {
+            showLoadMore: false,
+            LoadMore: false,
+            states: {
+              empty: {
+                title: "No Popular Tracks",
+                description: "No popular tracks available at the moment."
+              }
+            },
+            store: {
+              read: (options) => vue.unref(tracks.actions).fetchPopularTracks(options),
+              state: vue.unref(tracks.state)
+            },
+            options: {
+              limit: 10,
+              popular: true
+            },
+            skeleton: {
+              structure: [
+                { block: "text", size: "medium" },
+                { block: "text", size: "small" }
+              ],
+              horizontal: true
+            },
+            class: "gap-zero"
+          }, {
+            default: vue.withCtx(({ items }) => [
+              vue.createElementVNode("div", _hoisted_8, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (track, index) => {
+                  return vue.openBlock(), vue.createBlock(TrackListCard.default, {
+                    key: track._id,
+                    track,
+                    index,
+                    showAlbum: true,
+                    showCover: true
+                  }, null, 8, ["track", "index"]);
+                }), 128))
+              ])
+            ]),
+            _: 1
+          }, 8, ["store"])
+        ]),
+        vue.createElementVNode("section", null, [
+          vue.createElementVNode("div", _hoisted_9, [
+            _cache[7] || (_cache[7] = vue.createElementVNode("h2", { class: "" }, "Top Artists", -1)),
+            vue.createVNode(_component_router_link, {
+              to: { path: "/music/artists" },
+              class: "t-main t-small hover-opacity"
+            }, {
+              default: vue.withCtx(() => _cache[6] || (_cache[6] = [
+                vue.createTextVNode("See all")
+              ])),
+              _: 1
+            })
+          ]),
+          vue.createVNode(Feed.default, {
+            showLoadMore: false,
+            LoadMore: false,
+            states: {
+              empty: {
+                title: "No Artists",
+                description: "No top artists available at the moment."
+              }
+            },
+            store: {
+              read: (options) => vue.unref(artists.actions).fetchTopArtists(options),
+              state: vue.unref(artists.state)
+            },
+            options: {
+              limit: 6,
+              top: true
+            },
+            skeleton: {
+              structure: [
+                { block: "circle", size: "large" },
+                { block: "text", size: "medium" }
+              ],
+              horizontal: false
+            },
+            class: "cols-6 mobile:cols-3 gap-small"
+          }, {
+            default: vue.withCtx(({ items }) => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (artist) => {
+                return vue.openBlock(), vue.createElementBlock("li", {
+                  key: artist._id
+                }, [
+                  vue.createVNode(ArtistCard.default, {
+                    artist,
+                    class: "hover-scale-1 transition-cubic-in-out"
+                  }, null, 8, ["artist"])
+                ]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["store"])
+        ])
+      ]);
+    };
+  }
+};
+const MusicHome = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-14a77aad"]]);
+exports.default = MusicHome;
+//# sourceMappingURL=MusicHome.vue.cjs.map

package/dist/martyrs/src/modules/music/components/pages/MusicHome.vue.cjs.map

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

package/dist/martyrs/src/modules/music/components/pages/MusicHome.vue.js

@@ -0,0 +1,256 @@
+import { resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createTextVNode, unref, Fragment, renderList, createBlock } from "vue";
+import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
+import PlaylistCard from "../cards/PlaylistCard.vue.js";
+import AlbumCard from "../cards/AlbumCard.vue.js";
+import ArtistCard from "../cards/ArtistCard.vue.js";
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+import "../../store/player.js";
+import _sfc_main$2 from "../cards/TrackListCard.vue.js";
+import { state, actions } from "../../store/playlists.js";
+import { state as state$1, actions as actions$1 } from "../../store/albums.js";
+import { state as state$2, actions as actions$2 } from "../../store/tracks.js";
+import { state as state$3, actions as actions$3 } from "../../store/artists.js";
+const _hoisted_1 = { class: "music-home-page pd-medium mobile:pd-thin" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "flex-between flex mn-b-small" };
+const _hoisted_4 = { class: "mn-b-medium" };
+const _hoisted_5 = { class: "flex-between flex mn-b-small" };
+const _hoisted_6 = { class: "mn-b-medium" };
+const _hoisted_7 = { class: "flex-between flex mn-b-small" };
+const _hoisted_8 = { class: "bg-dark-transp-10 radius-medium o-hidden" };
+const _hoisted_9 = { class: "flex-between flex mn-b-small" };
+const _sfc_main = {
+  __name: "MusicHome",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("section", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            _cache[1] || (_cache[1] = createElementVNode("h2", { class: "" }, "Featured Playlists", -1)),
+            createVNode(_component_router_link, {
+              to: { path: "/music/playlists" },
+              class: "t-main t-small hover-opacity"
+            }, {
+              default: withCtx(() => _cache[0] || (_cache[0] = [
+                createTextVNode("See all")
+              ])),
+              _: 1
+            })
+          ]),
+          createVNode(_sfc_main$1, {
+            showLoadMore: false,
+            LoadMore: false,
+            states: {
+              empty: {
+                title: "No Playlists",
+                description: "No featured playlists available at the moment."
+              }
+            },
+            store: {
+              read: (options) => unref(actions).fetchFeaturedPlaylists(options),
+              state: unref(state)
+            },
+            options: {
+              limit: 5,
+              featured: true
+            },
+            skeleton: {
+              structure: [
+                { block: "square", size: "large", rounded: false },
+                { block: "text", size: "medium" },
+                { block: "text", size: "small" }
+              ],
+              horizontal: false
+            },
+            class: "cols-5 mobile:cols-2 gap-small"
+          }, {
+            default: withCtx(({ items }) => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(items, (playlist) => {
+                return openBlock(), createElementBlock("li", {
+                  key: playlist._id
+                }, [
+                  createVNode(PlaylistCard, {
+                    playlist,
+                    class: "hover-scale-1 transition-cubic-in-out"
+                  }, null, 8, ["playlist"])
+                ]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["store"])
+        ]),
+        createElementVNode("section", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            _cache[3] || (_cache[3] = createElementVNode("h2", { class: "" }, "New Releases", -1)),
+            createVNode(_component_router_link, {
+              to: { path: "/music/albums" },
+              class: "t-main t-small hover-opacity"
+            }, {
+              default: withCtx(() => _cache[2] || (_cache[2] = [
+                createTextVNode("See all")
+              ])),
+              _: 1
+            })
+          ]),
+          createVNode(_sfc_main$1, {
+            showLoadMore: false,
+            LoadMore: false,
+            states: {
+              empty: {
+                title: "No New Releases",
+                description: "No new albums available at the moment."
+              }
+            },
+            store: {
+              read: (options) => unref(actions$1).fetchAlbums(options),
+              state: unref(state$1)
+            },
+            options: {
+              limit: 4,
+              sortParam: "releaseDate",
+              sortOrder: "desc"
+            },
+            skeleton: {
+              structure: [
+                { block: "square", size: "large", rounded: false },
+                { block: "text", size: "medium" },
+                { block: "text", size: "small" }
+              ],
+              horizontal: false
+            },
+            class: "cols-4 mobile:cols-2 gap-small"
+          }, {
+            default: withCtx(({ items }) => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(items, (album) => {
+                return openBlock(), createElementBlock("li", {
+                  key: album._id
+                }, [
+                  createVNode(AlbumCard, {
+                    album,
+                    class: "hover-scale-1 transition-cubic-in-out"
+                  }, null, 8, ["album"])
+                ]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["store"])
+        ]),
+        createElementVNode("section", _hoisted_6, [
+          createElementVNode("div", _hoisted_7, [
+            _cache[5] || (_cache[5] = createElementVNode("h2", { class: "" }, "Popular Tracks", -1)),
+            createVNode(_component_router_link, {
+              to: { path: "/music/tracks" },
+              class: "t-main t-small hover-opacity"
+            }, {
+              default: withCtx(() => _cache[4] || (_cache[4] = [
+                createTextVNode("See all")
+              ])),
+              _: 1
+            })
+          ]),
+          createVNode(_sfc_main$1, {
+            showLoadMore: false,
+            LoadMore: false,
+            states: {
+              empty: {
+                title: "No Popular Tracks",
+                description: "No popular tracks available at the moment."
+              }
+            },
+            store: {
+              read: (options) => unref(actions$2).fetchPopularTracks(options),
+              state: unref(state$2)
+            },
+            options: {
+              limit: 10,
+              popular: true
+            },
+            skeleton: {
+              structure: [
+                { block: "text", size: "medium" },
+                { block: "text", size: "small" }
+              ],
+              horizontal: true
+            },
+            class: "gap-zero"
+          }, {
+            default: withCtx(({ items }) => [
+              createElementVNode("div", _hoisted_8, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (track, index) => {
+                  return openBlock(), createBlock(_sfc_main$2, {
+                    key: track._id,
+                    track,
+                    index,
+                    showAlbum: true,
+                    showCover: true
+                  }, null, 8, ["track", "index"]);
+                }), 128))
+              ])
+            ]),
+            _: 1
+          }, 8, ["store"])
+        ]),
+        createElementVNode("section", null, [
+          createElementVNode("div", _hoisted_9, [
+            _cache[7] || (_cache[7] = createElementVNode("h2", { class: "" }, "Top Artists", -1)),
+            createVNode(_component_router_link, {
+              to: { path: "/music/artists" },
+              class: "t-main t-small hover-opacity"
+            }, {
+              default: withCtx(() => _cache[6] || (_cache[6] = [
+                createTextVNode("See all")
+              ])),
+              _: 1
+            })
+          ]),
+          createVNode(_sfc_main$1, {
+            showLoadMore: false,
+            LoadMore: false,
+            states: {
+              empty: {
+                title: "No Artists",
+                description: "No top artists available at the moment."
+              }
+            },
+            store: {
+              read: (options) => unref(actions$3).fetchTopArtists(options),
+              state: unref(state$3)
+            },
+            options: {
+              limit: 6,
+              top: true
+            },
+            skeleton: {
+              structure: [
+                { block: "circle", size: "large" },
+                { block: "text", size: "medium" }
+              ],
+              horizontal: false
+            },
+            class: "cols-6 mobile:cols-3 gap-small"
+          }, {
+            default: withCtx(({ items }) => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(items, (artist) => {
+                return openBlock(), createElementBlock("li", {
+                  key: artist._id
+                }, [
+                  createVNode(ArtistCard, {
+                    artist,
+                    class: "hover-scale-1 transition-cubic-in-out"
+                  }, null, 8, ["artist"])
+                ]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["store"])
+        ])
+      ]);
+    };
+  }
+};
+const MusicHome = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-14a77aad"]]);
+export {
+  MusicHome as default
+};
+//# sourceMappingURL=MusicHome.vue.js.map

package/dist/martyrs/src/modules/music/components/pages/MusicHome.vue.js.map

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