chore: restore popular posts

.env

@@ -1,7 +1,8 @@
 API_KEY_LASTFM=
-API_KEY_FATHOM=
 API_KEY_TRAKT=
 API_KEY_WEBMENTIONS_CORYD_DEV=
 API_TOKEN_READWISE=
+SITE_ID_CLICKY=
+SITE_KEY_CLICKY=
 SECRET_FEED_ALBUM_RELEASES=
 SECRET_FEED_GOODREADS=

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "liquid.format.enable": false
+}

config/filters.js

@@ -28,10 +28,10 @@ module.exports = {
   getPopularPosts: (posts, analytics) => {
     return posts
       .filter((post) => {
-        if (analytics.find((p) => p.pathname === post.url)) return true
+        if (analytics.find((p) => p.url.includes(post.url))) return true
       })
       .sort((a, b) => {
-        const visitors = (page) => analytics.filter((p) => p.pathname === page.url).pop().visitors
+        const visitors = (page) => analytics.filter((p) => p.url.includes(page.url)).pop().value
         return visitors(b) - visitors(a)
       })
   },

src/404.html

@@ -18,3 +18,5 @@ permalink: 404.html
     </a>
   </div>
 </div>
+<hr />
+{% render "partials/popular-posts.liquid", posts: collections.posts, analytics: analytics %}

src/_data/analytics.js

@@ -0,0 +1,14 @@
+const EleventyFetch = require('@11ty/eleventy-fetch')
+
+module.exports = async function () {
+  const SITE_ID_CLICKY = process.env.SITE_ID_CLICKY
+  const SITE_KEY_CLICKY = process.env.SITE_KEY_CLICKY
+  const url = `https://api.clicky.com/api/stats/4?site_id=${SITE_ID_CLICKY}&sitekey=${SITE_KEY_CLICKY}&type=pages&output=json`
+  const res = EleventyFetch(url, {
+    duration: '1h',
+    type: 'json',
+  }).catch()
+  const data = await res
+  const pages = data[0].dates[0].items
+  return pages.filter((p) => p.url.includes('posts'))
+}

src/_includes/post.liquid

@@ -13,4 +13,5 @@ layout: main
 </article>
 {% render "partials/post-tags.liquid", tags: tags %}
 {% render "partials/webmentions/container.liquid", webmentions: webmentions, page: page %}
-{% render "partials/author.liquid", site: site %}
+{% render "partials/author.liquid", site: site %}
+{% render "partials/popular-posts.liquid", posts: collections.posts, analytics: analytics %}

src/search.html

@@ -35,4 +35,5 @@ meta:
   }
 </style>
 <div id="search" class="search"></div>
-<script src="https://coryd.dev/_pagefind/pagefind-ui.js" onload="new PagefindUI({ element: '#search', showImages: false, processTerm: (term) => {clicky.log('/search', term, 'pageview');} });"></script>
+<script src="https://coryd.dev/_pagefind/pagefind-ui.js" onload="new PagefindUI({ element: '#search', showImages: false, processTerm: (term) => {clicky.log('/search', term, 'pageview');} });"></script>
+{% render "partials/popular-posts.liquid", posts: collections.posts, analytics: analytics %}