{"version":3,"file":"pages_pulse_categories_-categorySlug.CY5Wq0ZL.js","sources":["../../../../pages/pulse/categories/@categorySlug/+Page.vue","../../../../pages/pulse/categories/@categorySlug/+title.js"],"sourcesContent":["<!-- Similar structure but with loading states -->\n<template>\n  <div class=\"blog-home-container blog-sub-pages\">\n    <breadcrumbs :breadcrumbs=\"breadcrumbs\" />\n\n    <div class=\"blog-subpage-header\">\n      <div class=\"blog-subpage-header-content\">\n        <h1><span class=\"category-name s-badge s-badge-dark\">{{ pageData.categorySlug }}</span><br class=\"s-show-mobile-l\"> Category</h1>\n        <div class=\"blog-meta\">\n          <span class=\"article-count\">{{ pageData.totalArticles || 0 }} articles</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"blog-layout\">\n      <div class=\"blog-main articles-parent blog-articles\">\n        <div v-if=\"pageData.error\" class=\"error-message\">\n          {{ pageData.error }}\n        </div>\n\n        <div v-else-if=\"!pageData.articles?.length\" class=\"no-articles\">\n          No articles found in this category\n        </div>\n\n        <div v-else class=\"article-grid\">\n          <article\n            v-for=\"article in visibleArticles\"\n            :key=\"article.id\"\n            class=\"article-card\"\n          >\n            <a :href=\"`/pulse/articles/${article.id}-${article.slug}`\" class=\"article-image-link\">\n              <img\n                :src=\"article.imageSizes['thumbnail']?.url ?? article.image\"\n                :alt=\"article.title\"\n                class=\"article-image\"\n                @error=\"handleImageError\"\n                loading=\"lazy\"\n              >\n            </a>\n\n            <div class=\"article-content\">\n              <div class=\"content-wrapper\">\n                <div class=\"article-meta\">\n                  <span class=\"date\">{{ formatDate(article.date) }}</span>\n                </div>\n\n                <h2 class=\"article-title\">\n                  <a :href=\"`/pulse/articles/${article.id}-${article.slug}`\">\n                    {{ article.title }}\n                  </a>\n                </h2>\n\n                <p class=\"article-description\">{{ article.preview }}</p>\n              </div>\n\n              <div class=\"article-tags\" v-if=\"article.tags?.length\">\n                <a\n                  v-for=\"tag in article.tags\"\n                  :key=\"tag.slug\"\n                  :href=\"`/pulse/tags/${tag.slug}`\"\n                  class=\"tag s-badge s-badge-blog-tag\"\n                >\n                  #{{ tag.name }}\n                </a>\n              </div>\n            </div>\n          </article>\n        </div>\n\n        <!-- Load More Section -->\n        <div\n          v-if=\"hasMoreArticles\"\n          ref=\"loadMoreTrigger\"\n          class=\"read-more\"\n        >\n          <s-button\n            class=\"button-primary-dark s-button-hover-rise\"\n            @click=\"loadMore\"\n            :loading=\"loading\"\n          >\n            {{ loading ? 'Loading...' : 'Show More Articles' }}\n          </s-button>\n        </div>\n      </div>\n\n      <BlogSidePanel :other-categories=\"otherCategories\"/>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, watchEffect } from 'vue';\nimport { useData } from 'vike-vue/useData';\nimport SButton from '#root/components/SButton.vue';\nimport Breadcrumbs from \"#root/components/Breadcrumbs.vue\";\nimport BlogSidePanel from \"#root/components/BlogSidePanel.vue\";\nimport { getArticlesByCategory } from '/services/contentService';\n\n// Get the data from Vike and keep it reactive\nconst pageData = useData();\n\n// Filter out current category and memoize the result\nconst otherCategories = computed(() =>\n  pageData.categories?.filter(cat => cat?.slug !== pageData.categorySlug) ?? []\n);\n\n// State with proper initialization\nconst currentPage = ref(1);\nconst itemsPerPage = 9;\nconst loadMoreTrigger = ref(null);\nconst observer = ref(null);\nconst loading = ref(false);\nconst autoLoadCount = ref(0);\n\n// Computed properties with memoization for better performance\nconst visibleArticles = computed(() => {\n  if (!pageData.articles) return [];\n  const endIndex = currentPage.value * itemsPerPage;\n  return pageData.articles.slice(0, endIndex);\n});\n\nconst hasMoreArticles = computed(() => {\n  if (!pageData.articles) return false;\n  return currentPage.value * itemsPerPage < pageData.totalArticles;\n});\n\nconst breadcrumbs = computed(() => {\n  return [\n    {\n      name: 'Home',\n      path: '/pulse'\n    },\n    {\n      name: 'Explore Categories',\n      path: '/pulse/categories'\n    },\n    {\n      name: pageData.categorySlug\n    }\n  ];\n});\n\n// Methods\nconst loadMore = async (isAutoLoad = false) => {\n  if (loading.value || !hasMoreArticles.value) return;\n\n  // If it's an auto-load and we've reached the limit, don't proceed\n  if (isAutoLoad && autoLoadCount.value >= 2) return;\n\n  loading.value = true;\n  try {\n    const nextPage = currentPage.value + 1;\n    const result = await getArticlesByCategory(pageData.categorySlug, 9, nextPage);\n    const newArticles = result.categoryResults[pageData.categorySlug].articles;\n\n    pageData.articles = [...pageData.articles, ...newArticles];\n    currentPage.value = nextPage;\n\n    // Increment auto-load counter if this was triggered automatically\n    if (isAutoLoad) {\n      autoLoadCount.value++;\n    }\n  } catch (error) {\n    console.error('Error loading more articles:', error);\n  } finally {\n    loading.value = false;\n  }\n};\n\nconst formatDate = (dateString) => {\n  return new Date(dateString).toLocaleDateString('en-US', {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric'\n  });\n};\n\nconst handleImageError = (event) => {\n  event.target.src = 'https://cdn.stocksnap.io/img-thumbs/960w/architecture-building_YC9NVCLK9O.jpg';\n};\n\n// Optimized infinite scroll with cleanup\nconst setupInfiniteScroll = () => {\n  if (observer.value) {\n    observer.value.disconnect();\n  }\n\n  observer.value = new IntersectionObserver(\n    (entries) => {\n      if (entries[0].isIntersecting && hasMoreArticles.value && !loading.value) {\n        loadMore(true); // Pass true to indicate this is an auto-load\n      }\n    },\n    { threshold: 0.1 }\n  );\n\n  if (loadMoreTrigger.value) {\n    observer.value.observe(loadMoreTrigger.value);\n  }\n};\n\n// Watch for changes in the loadMoreTrigger ref\nwatchEffect(() => {\n  if (loadMoreTrigger.value) {\n    setupInfiniteScroll();\n  }\n});\n\n// Cleanup\nonUnmounted(() => {\n  if (observer.value) {\n    observer.value.disconnect();\n  }\n});\n</script>\n","import {useData} from \"vike-vue/useData\";\n\nexport default (pageContext) => {\n  const {category} = pageContext.data\n\n  return `${category.name} posts on Seedr Pulse`\n}\n"],"names":["itemsPerPage","pageData","useData","otherCategories","computed","_b","_a","cat","currentPage","ref","loadMoreTrigger","observer","loading","autoLoadCount","visibleArticles","endIndex","hasMoreArticles","breadcrumbs","loadMore","isAutoLoad","nextPage","newArticles","getArticlesByCategory","error","formatDate","dateString","handleImageError","event","setupInfiniteScroll","entries","watchEffect","onUnmounted","_title","pageContext","category"],"mappings":"6xCA4GMA,EAAe,8BATrB,MAAMC,EAAWC,EAAO,EAGlBC,EAAkBC,EAAS,IAAA,SAC/B,OAAAC,GAAAC,EAAAL,EAAS,aAAT,YAAAK,EAAqB,OAAOC,IAAOA,GAAA,YAAAA,EAAK,QAASN,EAAS,gBAA1D,KAAAI,EAA2E,CAAC,EAC9E,EAGMG,EAAcC,EAAI,CAAC,EAEnBC,EAAkBD,EAAI,IAAI,EAC1BE,EAAWF,EAAI,IAAI,EACnBG,EAAUH,EAAI,EAAK,EACnBI,EAAgBJ,EAAI,CAAC,EAGrBK,EAAkBV,EAAS,IAAM,CACrC,GAAI,CAACH,EAAS,SAAU,MAAO,GAC/B,MAAMc,EAAWP,EAAY,MAAQR,EACrC,OAAOC,EAAS,SAAS,MAAM,EAAGc,CAAQ,CAC5C,CAAC,EAEKC,EAAkBZ,EAAS,IAC1BH,EAAS,SACPO,EAAY,MAAQR,EAAeC,EAAS,cADpB,EAEhC,EAEKgB,EAAcb,EAAS,IACpB,CACL,CACE,KAAM,OACN,KAAM,QACP,EACD,CACE,KAAM,qBACN,KAAM,mBACP,EACD,CACE,KAAMH,EAAS,YACjB,CACJ,CACC,EAGKiB,EAAW,MAAOC,EAAa,KAAU,CAC7C,GAAI,EAAAP,EAAQ,OAAS,CAACI,EAAgB,QAGlC,EAAAG,GAAcN,EAAc,OAAS,GAEzC,CAAAD,EAAQ,MAAQ,GAChB,GAAI,CACF,MAAMQ,EAAWZ,EAAY,MAAQ,EAE/Ba,GADS,MAAMC,EAAsBrB,EAAS,aAAc,EAAGmB,CAAQ,GAClD,gBAAgBnB,EAAS,YAAY,EAAE,SAElEA,EAAS,SAAW,CAAC,GAAGA,EAAS,SAAU,GAAGoB,CAAW,EACzDb,EAAY,MAAQY,EAGhBD,GACFN,EAAc,OAEjB,OAAQU,EAAO,CACd,QAAQ,MAAM,+BAAgCA,CAAK,CACvD,QAAY,CACRX,EAAQ,MAAQ,EAClB,EACF,EAEMY,EAAcC,GACX,IAAI,KAAKA,CAAU,EAAE,mBAAmB,QAAS,CACtD,KAAM,UACN,MAAO,OACP,IAAK,SACT,CAAG,EAGGC,EAAoBC,GAAU,CAClCA,EAAM,OAAO,IAAM,+EACrB,EAGMC,EAAsB,IAAM,CAC5BjB,EAAS,OACXA,EAAS,MAAM,aAGjBA,EAAS,MAAQ,IAAI,qBAClBkB,GAAY,CACPA,EAAQ,CAAC,EAAE,gBAAkBb,EAAgB,OAAS,CAACJ,EAAQ,OACjEM,EAAS,EAAI,CAEhB,EACD,CAAE,UAAW,EAAI,CACrB,EAEMR,EAAgB,OAClBC,EAAS,MAAM,QAAQD,EAAgB,KAAK,CAEhD,EAGW,OAAAoB,EAAC,IAAM,CACZpB,EAAgB,OAClBkB,GAEJ,CAAC,EAGUG,EAAC,IAAM,CACZpB,EAAS,OACXA,EAAS,MAAM,YAEnB,CAAC,qpDCnNcqB,GAACC,GAAgB,CAC9B,KAAM,CAAC,SAAAC,CAAQ,EAAID,EAAY,KAE/B,MAAO,GAAG,OAAAC,EAAS,KAAI,wBACzB"}