{"version":3,"file":"Home-3e72e7aa.js","sources":["../../src/assets/network.png","../../src/components/Home.vue"],"sourcesContent":["export default \"__VITE_ASSET__247743d4__\"","<script setup lang=\"ts\">\nimport { get } from 'lodash-es'\nimport AlbumWidget from '~/components/audio/album/Widget.vue'\nimport ChannelsWidget from '~/components/audio/ChannelsWidget.vue'\nimport LoginForm from '~/components/auth/LoginForm.vue'\nimport SignupForm from '~/components/auth/SignupForm.vue'\nimport useMarkdown from '~/composables/useMarkdown'\nimport useLogger from '~/composables/useLogger'\nimport { humanSize } from '~/utils/filters'\nimport { useStore } from '~/store'\nimport { computed } from 'vue'\nimport { whenever } from '@vueuse/core'\nimport { useI18n } from 'vue-i18n'\nimport { useRouter } from 'vue-router'\n\nconst { t } = useI18n()\nconst labels = computed(() => ({\n  title: t('components.Home.title')\n}))\n\nconst store = useStore()\nconst logger = useLogger()\nconst nodeinfo = computed(() => store.state.instance.nodeinfo)\n\nconst podName = computed(() => get(nodeinfo.value, 'metadata.nodeName') || 'Funkwhale')\nconst banner = computed(() => get(nodeinfo.value, 'metadata.banner'))\nconst shortDescription = computed(() => get(nodeinfo.value, 'metadata.shortDescription'))\nconst longDescription = useMarkdown(() => get(nodeinfo.value, 'metadata.longDescription', ''))\nconst rules = computed(() => get(nodeinfo.value, 'metadata.rules'))\nconst contactEmail = computed(() => get(nodeinfo.value, 'metadata.contactEmail'))\nconst anonymousCanListen = computed(() => get(nodeinfo.value, 'metadata.library.anonymousCanListen'))\nconst openRegistrations = computed(() => get(nodeinfo.value, 'openRegistrations'))\nconst defaultUploadQuota = computed(() => get(nodeinfo.value, 'metadata.defaultUploadQuota'))\n\nconst stats = computed(() => {\n  const users = get(nodeinfo.value, 'usage.users.activeMonth', 0)\n  const hours = get(nodeinfo.value, 'metadata.library.music.hours', 0)\n\n  if (users === null) {\n    return null\n  }\n\n  return { users, hours }\n})\n\nconst headerStyle = computed(() => {\n  if (!banner.value) {\n    return ''\n  }\n\n  return {\n    backgroundImage: `url(${store.getters['instance/absoluteUrl'](banner.value)})`\n  }\n})\n\n// TODO (wvffle): Check if needed\nconst router = useRouter()\nwhenever(() => store.state.auth.authenticated, () => {\n  logger.log('Authenticated, redirecting to /library…')\n  router.push('/library')\n})\n</script>\n\n<template>\n  <main\n    v-title=\"labels.title\"\n    class=\"main pusher page-home\"\n  >\n    <section\n      :class=\"['ui', 'head', {'with-background': banner}, 'vertical', 'center', 'aligned', 'stripe', 'segment']\"\n      :style=\"headerStyle\"\n    >\n      <div class=\"segment-content\">\n        <h1 class=\"ui center aligned large header\">\n          <span>\n            {{ $t('components.Home.header.welcome', {podName: podName}) }}\n          </span>\n          <div\n            v-if=\"shortDescription\"\n            class=\"sub header\"\n          >\n            {{ shortDescription }}\n          </div>\n        </h1>\n      </div>\n    </section>\n    <section class=\"ui vertical stripe segment\">\n      <div class=\"ui stackable grid\">\n        <div class=\"ten wide column\">\n          <h2 class=\"header\">\n            {{ $t('components.Home.header.about') }}\n          </h2>\n          <div\n            id=\"pod\"\n            class=\"ui raised segment\"\n          >\n            <div class=\"ui stackable grid\">\n              <div class=\"eight wide column\">\n                <p v-if=\"!longDescription\">\n                  {{ $t('components.Home.placeholder.noDescription') }}\n                </p>\n                <template v-if=\"longDescription || rules\">\n                  <sanitized-html\n                    v-if=\"longDescription\"\n                    id=\"renderedDescription\"\n                    :html=\"longDescription\"\n                  />\n                  <div\n                    v-if=\"longDescription\"\n                    class=\"ui hidden divider\"\n                  />\n                  <div class=\"ui relaxed list\">\n                    <div\n                      v-if=\"longDescription\"\n                      class=\"item\"\n                    >\n                      <i class=\"arrow right icon\" />\n                      <div class=\"content\">\n                        <router-link\n                          class=\"ui link\"\n                          :to=\"{name: 'about'}\"\n                        >\n                          {{ $t('components.Home.link.learnMore') }}\n                        </router-link>\n                      </div>\n                    </div>\n                    <div\n                      v-if=\"rules\"\n                      class=\"item\"\n                    >\n                      <i class=\"book open icon\" />\n                      <div class=\"content\">\n                        <router-link\n                          v-if=\"rules\"\n                          class=\"ui link\"\n                          :to=\"{name: 'about', hash: '#rules'}\"\n                        >\n                          {{ $t('components.Home.link.rules') }}\n                        </router-link>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n              </div>\n              <div class=\"eight wide column\">\n                <template v-if=\"stats\">\n                  <h3 class=\"sub header\">\n                    {{ $t('components.Home.header.statistics') }}\n                  </h3>\n                  <p>\n                    <i class=\"user icon\" />\n                    {{ $t('components.Home.stat.activeUsers', stats.users) }}\n                  </p>\n                  <p>\n                    <i class=\"music icon\" />\n                    {{ $t('components.Home.stat.hoursOfMusic', stats.hours) }}\n                  </p>\n                </template>\n                <template v-if=\"contactEmail\">\n                  <h3 class=\"sub header\">\n                    {{ $t('components.Home.header.contact') }}\n                  </h3>\n                  <i class=\"at icon\" />\n                  <a :href=\"`mailto:${contactEmail}`\">{{ contactEmail }}</a>\n                </template>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"six wide column\">\n          <img\n            class=\"ui image\"\n            src=\"../assets/network.png\"\n            alt=\"\"\n          >\n        </div>\n      </div>\n      <div class=\"ui hidden divider\" />\n      <div class=\"ui hidden divider\" />\n      <div class=\"ui stackable grid\">\n        <div class=\"four wide column\">\n          <h3 class=\"header\">\n            {{ $t('components.Home.header.aboutFunkwhale') }}\n          </h3>\n          <p>\n            {{ $t('components.Home.description.funkwhale.paragraph1') }}\n          </p>\n          <p>\n            {{ $t('components.Home.description.funkwhale.paragraph2') }}\n          </p>\n          <a\n            target=\"_blank\"\n            rel=\"noopener\"\n            href=\"https://funkwhale.audio\"\n          >\n            <i class=\"external alternate icon\" />\n            {{ $t('components.Home.link.funkwhale') }}\n          </a>\n        </div>\n        <div class=\"four wide column\">\n          <h3 class=\"header\">\n            {{ $t('components.Home.header.login') }}\n          </h3>\n          <login-form\n            button-classes=\"success\"\n            :show-signup=\"false\"\n          />\n          <div class=\"ui hidden clearing divider\" />\n        </div>\n        <div class=\"four wide column\">\n          <h3 class=\"header\">\n            {{ $t('components.Home.header.signup') }}\n          </h3>\n          <template v-if=\"openRegistrations\">\n            <p>\n              {{ $t('components.Home.description.signup') }}\n            </p>\n            <p v-if=\"defaultUploadQuota\">\n              {{ $t('components.Home.description.quota', { quota: humanSize(defaultUploadQuota * 1000 * 1000) }) }}\n            </p>\n            <signup-form\n              button-classes=\"success\"\n              :show-login=\"false\"\n            />\n          </template>\n          <div v-else>\n            <p>\n              {{ $t('components.Home.help.registrationsClosed') }}\n            </p>\n            <a\n              target=\"_blank\"\n              rel=\"noopener\"\n              href=\"https://funkwhale.audio/#get-started\"\n            >\n              <i class=\"external alternate icon\" />\n              {{ $t('components.Home.link.findOtherPod') }}\n            </a>\n          </div>\n        </div>\n\n        <div class=\"four wide column\">\n          <h3 class=\"header\">\n            {{ $t('components.Home.header.links') }}\n          </h3>\n          <div class=\"ui relaxed list\">\n            <div class=\"item\">\n              <i class=\"headphones icon\" />\n              <div class=\"content\">\n                <router-link\n                  v-if=\"anonymousCanListen\"\n                  class=\"header\"\n                  to=\"/library\"\n                >\n                  {{ $t('components.Home.link.publicContent.label') }}\n                </router-link>\n                <div class=\"description\">\n                  {{ $t('components.Home.link.publicContent.description') }}\n                </div>\n              </div>\n            </div>\n            <div class=\"item\">\n              <i class=\"mobile alternate icon\" />\n              <div class=\"content\">\n                <a\n                  class=\"header\"\n                  href=\"https://funkwhale.audio/apps\"\n                  target=\"_blank\"\n                  rel=\"noopener\"\n                >\n                  {{ $t('components.Home.link.mobileApps.label') }}\n                </a>\n                <div class=\"description\">\n                  {{ $t('components.Home.link.mobileApps.description') }}\n                </div>\n              </div>\n            </div>\n            <div class=\"item\">\n              <i class=\"book icon\" />\n              <div class=\"content\">\n                <a\n                  class=\"header\"\n                  href=\"https://docs.funkwhale.audio/users/index.html\"\n                  target=\"_blank\"\n                  rel=\"noopener\"\n                >\n                  {{ $t('components.Home.link.userGuides.label') }}\n                </a>\n                <div class=\"description\">\n                  {{ $t('components.Home.link.userGuides.description') }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n    <section\n      v-if=\"anonymousCanListen\"\n      class=\"ui vertical stripe segment\"\n    >\n      <album-widget\n        :filters=\"{playable: true, ordering: '-creation_date'}\"\n        :limit=\"10\"\n      >\n        <template #title>\n          {{ $t('components.Home.header.newAlbums') }}\n        </template>\n        <router-link to=\"/library\">\n          {{ $t('components.Home.link.viewMore') }}\n          <div class=\"ui hidden divider\" />\n        </router-link>\n      </album-widget>\n      <div class=\"ui hidden section divider\" />\n      <h3 class=\"ui header\">\n        {{ $t('components.Home.header.newChannels') }}\n      </h3>\n      <channels-widget\n        :show-modification-date=\"true\"\n        :limit=\"10\"\n        :filters=\"{ordering: '-creation_date', external: 'false'}\"\n      />\n    </section>\n  </main>\n</template>\n"],"names":["_imports_0","t","useI18n","labels","computed","store","useStore","logger","useLogger","nodeinfo","podName","get","banner","shortDescription","longDescription","useMarkdown","rules","contactEmail","anonymousCanListen","openRegistrations","defaultUploadQuota","stats","users","hours","headerStyle","router","useRouter","whenever"],"mappings":"4lCAAA,MAAeA,EAAA,iyECeT,KAAA,CAAE,EAAAC,GAAMC,IACRC,EAASC,EAAS,KAAO,CAC7B,MAAOH,EAAE,uBAAuB,CAChC,EAAA,EAEII,EAAQC,IACRC,EAASC,IACTC,EAAWL,EAAS,IAAMC,EAAM,MAAM,SAAS,QAAQ,EAEvDK,EAAUN,EAAS,IAAMO,EAAIF,EAAS,MAAO,mBAAmB,GAAK,WAAW,EAChFG,EAASR,EAAS,IAAMO,EAAIF,EAAS,MAAO,iBAAiB,CAAC,EAC9DI,EAAmBT,EAAS,IAAMO,EAAIF,EAAS,MAAO,2BAA2B,CAAC,EAClFK,EAAkBC,EAAY,IAAMJ,EAAIF,EAAS,MAAO,2BAA4B,EAAE,CAAC,EACvFO,EAAQZ,EAAS,IAAMO,EAAIF,EAAS,MAAO,gBAAgB,CAAC,EAC5DQ,EAAeb,EAAS,IAAMO,EAAIF,EAAS,MAAO,uBAAuB,CAAC,EAC1ES,EAAqBd,EAAS,IAAMO,EAAIF,EAAS,MAAO,qCAAqC,CAAC,EAC9FU,EAAoBf,EAAS,IAAMO,EAAIF,EAAS,MAAO,mBAAmB,CAAC,EAC3EW,EAAqBhB,EAAS,IAAMO,EAAIF,EAAS,MAAO,6BAA6B,CAAC,EAEtFY,EAAQjB,EAAS,IAAM,CAC3B,MAAMkB,EAAQX,EAAIF,EAAS,MAAO,0BAA2B,CAAC,EACxDc,EAAQZ,EAAIF,EAAS,MAAO,+BAAgC,CAAC,EAEnE,OAAIa,IAAU,KACL,KAGF,CAAE,MAAAA,EAAO,MAAAC,EAAM,CACvB,EAEKC,EAAcpB,EAAS,IACtBQ,EAAO,MAIL,CACL,gBAAiB,OAAOP,EAAM,QAAQ,sBAAsB,EAAEO,EAAO,KAAK,IAAA,EAJnE,EAMV,EAGKa,EAASC,IACf,OAAAC,EAAS,IAAMtB,EAAM,MAAM,KAAK,cAAe,IAAM,CACnDE,EAAO,IAAI,yCAAyC,EACpDkB,EAAO,KAAK,UAAU,CAAA,CACvB"}