{"version":3,"file":"ProfileFeed-d6c86935.js","sources":["../../../app/javascript/components/profile/ProfileFeed.vue"],"sourcesContent":["<template>\n  <ul class=\"space-y-4 mb-4\">\n    <li v-for=\"post in posts\" :key=\"`${[post]['id']}`\">\n      <div class=\"cursor-pointer bg-white px-2.5 py-3 sm:p-4 sm:rounded-sm border-gray-200 hover:border-gray-400 border-t border-b sm:border\">\n        <fandom-post :post=\"post\" :show-fandom=\"false\"></fandom-post>\n      </div>\n    </li>\n  </ul>\n\n  <div class=\"absolute bg-red-100\" style=\"top: 1100px;\">\n    <div ref=\"scrollToTopThreshold\"></div>\n  </div>\n\n  <div v-if=\"finished && posts.length === 0\" class=\"text-2xl text-black text-center my-8\">\n    <span>No posts found.</span>\n  </div>\n  <div v-if=\"finished && posts.length !== 0\" class=\"text-2xl text-black text-center my-8\">\n    <span>All posts loaded!</span>\n  </div>\n\n  <div ref=\"loader\" v-if=\"!finished\" class=\"space-y-4\">\n    <div class=\"bg-white px-2.5 py-3 sm:p-4 sm:rounded-sm border-gray-200 border-t border-b sm:border\"\n         v-for=\"i in [...Array(3).keys()]\" :key=\"i\">\n      <div class=\"animate-pulse\">\n        <div class=\"flex items-center space-x-2\">\n          <div v-if=\"showFandom\" class=\"flex-shrink-0\">\n            <div class=\"rounded-full bg-gray-200 h-7 w-7\"></div>\n          </div>\n          <div class=\"min-w-0 flex-1 flex items-center space-x-1\">\n            <div class=\"h-3.5 w-1/2 rounded bg-gray-200\"></div>\n          </div>\n        </div>\n        <div class=\"mt-5 mb-4 h-5 w-7/12 rounded bg-gray-200\"></div>\n        <div class=\"mt-2 space-y-4\">\n          <div class=\"h-2.5 w-full rounded bg-gray-200\"></div>\n          <div class=\"h-2.5 w-10/12 rounded bg-gray-200\"></div>\n          <div class=\"h-2.5 w-11/12 rounded bg-gray-200\"></div>\n          <div class=\"h-2.5 w-full rounded bg-gray-200\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <transition\n    enter-active-class=\"transition ease-out duration-100\"\n    enter-from-class=\"transform opacity-0 scale-95\"\n    enter-to-class=\"transform opacity-100 scale-100\"\n    leave-active-class=\"transition ease-in duration-75\"\n    leave-from-class=\"transform opacity-100 scale-100\"\n    leave-to-class=\"transform opacity-0 scale-95\"\n  >\n    <div ref=\"scroller\" class=\"hidden fixed bottom-10 right-10 xl:right-1/4\">\n      <tippy placement=\"top\">\n        <div @click=\"scrollToTop\" class=\"cursor-pointer border border-gray-200 rounded-full p-4 bg-gray-50 hover:bg-gray-100\">\n          <slot name=\"upward-arrow-icon\"></slot>\n        </div>\n\n        <template v-slot:content>\n          <div class=\"nightwind-prevent whitespace-nowrap bg-black text-xs text-white px-2 py-1 rounded-sm\">\n            <span>Scroll to top</span>\n          </div>\n        </template>\n      </tippy>\n    </div>\n  </transition>\n</template>\n\n<script>\nimport { ref, onMounted, onUnmounted } from 'vue'\nimport { useIntersectionObserver } from '@vueuse/core'\nimport { Menu, MenuButton, MenuItem, MenuItems, Popover, PopoverButton, PopoverPanel } from \"@headlessui/vue\"\nimport { ChatAltIcon, CodeIcon, DotsVerticalIcon, EyeIcon, FlagIcon, PlusIcon, SearchIcon, ShareIcon, StarIcon, ThumbUpIcon } from \"@heroicons/vue/solid\"\nimport { BellIcon, MenuIcon, XIcon } from \"@heroicons/vue/outline\"\n\nimport FandomPost from \"../fandom/FandomPost.vue\"\n\nexport default {\n  props: {\n    userName: { type: String, required: true },\n  },\n\n  components: {\n    Menu, MenuButton, MenuItem, MenuItems,\n    Popover, PopoverButton, PopoverPanel,\n    BellIcon, ChatAltIcon, CodeIcon, DotsVerticalIcon, EyeIcon, FlagIcon, MenuIcon, PlusIcon, SearchIcon, ShareIcon, StarIcon, ThumbUpIcon, XIcon,\n    FandomPost\n  },\n\n  setup(props) {\n    const url = ref(`/v1/posts`)\n    const posts = ref([])\n    const pagy = ref({})\n    const finished = ref(false)\n    const loader = ref(null)\n\n    const fetchData = async () => {\n      if (finished.value) {\n        console.debug('Finished loading posts so not fetching')\n        return\n      }\n\n      let requestUrl = url.value\n      requestUrl += `?user_name=${encodeURIComponent(props.userName)}`\n      const response = await fetch(requestUrl, {\n        headers: { \"Accept\": \"application/json\", \"Content-Type\": \"application/json\" },\n      })\n      if (response.ok) {\n        const result = await response.json()\n        posts.value = posts.value.concat(result[\"data\"])\n        console.debug(posts.value)\n        pagy.value = result[\"pagy\"]\n        if (pagy.value['next'] === null) {\n          finished.value = true\n        } else {\n          url.value = pagy.value[\"next_url\"]\n        }\n      } else {\n        console.error(\"Something went wrong\", response)\n      }\n    }\n\n    const stopIntersectionObserver = ref(() => {})\n    onMounted(async () => {\n      await fetchData()\n\n      const { stop, isSupported } = useIntersectionObserver(\n          loader,\n          ([ { isIntersecting, intersectionRatio } ]) => {\n            if (isIntersecting) {\n              console.debug('intersecting and fetching data')\n              fetchData()\n            }\n          },\n          { rootMargin: \"100px\" }\n      )\n      stopIntersectionObserver.value = stop\n      if (!isSupported) {\n        console.error('Intersection Observer is not supported on this client')\n      }\n    })\n    onUnmounted(() => {\n      stopIntersectionObserver()\n    })\n\n    return { loader, posts, pagy, finished }\n  }\n}\n</script>"],"names":["_sfc_main","Menu","MenuButton","MenuItem","MenuItems","Popover","PopoverButton","PopoverPanel","BellIcon","ChatAltIcon","CodeIcon","DotsVerticalIcon","EyeIcon","FlagIcon","MenuIcon","PlusIcon","SearchIcon","ShareIcon","StarIcon","ThumbUpIcon","XIcon","FandomPost","props","url","ref","posts","pagy","finished","loader","fetchData","requestUrl","response","result","stopIntersectionObserver","onMounted","stop","isSupported","useIntersectionObserver","isIntersecting","intersectionRatio","onUnmounted","_hoisted_1","_hoisted_2","_hoisted_4","_hoisted_6","_createElementVNode","_hoisted_9","_hoisted_12","_hoisted_13","_hoisted_15","_createElementBlock","_Fragment","_renderList","$setup","post","_createVNode","_component_fandom_post","_hoisted_3","_openBlock","_hoisted_5","_hoisted_7","_hoisted_8","_hoisted_10","_hoisted_11","i","_ctx","_hoisted_14","_hoisted_16","_hoisted_17","_hoisted_18","_Transition","_hoisted_20","_component_tippy","_hoisted_21","args","_renderSlot"],"mappings":"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"}