chore: refactor book data

src/_data/books.js

@@ -1,29 +1,29 @@
-const { extract } = require('@extractus/feed-extractor')
-const { AssetCache } = require('@11ty/eleventy-fetch')
+const EleventyFetch = require('@11ty/eleventy-fetch')
 
 module.exports = async function () {
-  const url = 'https://oku.club/rss/collection/POaRa'
-  // noinspection JSCheckFunctionSignatures
-  const asset = new AssetCache('books_data')
-  if (asset.isCacheValid('1h')) return await asset.getCachedValue()
-  const res = await extract(url, {
-    getExtraEntryFields: (feedEntry) => {
-      return {
-        image:
-          feedEntry['oku:cover'] ||
-          `https://cdn.coryd.dev/books/${feedEntry.title
-            .replace(/\s+/g, '-')
-            .replace(':', '')
-            .toLowerCase()}.jpg` ||
-          'https://cdn.coryd.dev/books/missing-book.jpg',
-      }
-    },
-  })
-    .catch((error) => {
-      console.log(error.message)
+  const OKU_URL = 'https://oku.club/api/collections/user/cory/reading'
+  const OPEN_LIBRARY_URL = 'https://openlibrary.org/search.json?title='
+  const res = EleventyFetch(OKU_URL, {
+    duration: '1h',
+    type: 'json',
+  }).catch()
+  const data = await res
+  const books = []
+  for (const book of data['books']) {
+    const res = await fetch(`${OPEN_LIBRARY_URL}${book.title.replace(/\s+/g, '+')}`)
+      .then((res) => res.json())
+      .catch()
+    const data = await res
+    const coverId = data['docs'].find((b) => {
+      return b['author_name'][0] === book['authors'][0].name
+    })?.['cover_i']
+    books.push({
+      title: book.title,
+      url: `https://oku.club/book/${book.slug}`,
+      cover: coverId
+        ? `https://books.coryd.dev/b/id/${coverId}-L.jpg`
+        : `https://cdn.coryd.dev/books/${book.title.toLowerCase().replace(/\s+/g, '-')}.jpg`,
     })
-    .catch()
-  const data = res.entries
-  await asset.save(data, 'json')
-  return data
+  }
+  return books
 }

src/_data/site.json

@@ -13,10 +13,8 @@
   "instapaper": "https://www.instapaper.com/p/coryd",
   "letterboxd": "https://letterboxd.com/cdme",
   "letterboxd-host": "https://a.ltrbxd.com",
-  "oku-host": "https://oku.ams3.cdn.digitaloceanspaces.com",
   "trakt": "https://trakt.tv/users/cdransf",
   "oku": "https://oku.club/user/cory",
   "coffee": "https://www.buymeacoffee.com/cory",
-  "cdn-movies": "https://movies.coryd.dev",
-  "cdn-books": "https://books.coryd.dev"
+  "cdn-movies": "https://movies.coryd.dev"
 }

src/_includes/now-topper.liquid

@@ -6,8 +6,8 @@
   </h2>
   <div class="dark:text-white text-gray-800">
     <p>I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, music, writing, reading and tv and movies.</p>
-    <p class="mb-0 flex flex-row items-center">
-      <span class="mr-1">{{ status.emoji }}</span>
+    <p class="mb-0 flex flex-row items-start md:items-center">
+      <span class="pt-1 md:pt-0 mr-1">{{ status.emoji }}</span>
       <span>{{ status.content }}</span>
     </p>
   </div>

src/_includes/now.liquid

@@ -119,13 +119,13 @@ layout: main
   </h2>
   <div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
     {% for book in books %}
-      <a href="{{book.link}}" title="{{book.title | escape}}">
-        <div class="relative block" style="max-width:226px">
+      <a href="{{book.url}}" title="{{book.title | escape}}">
+        <div class="relative block" style="max-height:226px">
           <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-purple-400 dark:hover:border-purple-500"></div>
           <div class="absolute left-1 bottom-2 drop-shadow-md">
             <div class="px-1 text-xs font-bold text-white line-clamp-3">{{ book.title }}</div>
           </div>
-          {%- capture bookImg %}{{book.image | cdn: site.oku-host, site.cdn-books}}{% endcapture -%}
+          {%- capture bookImg %}{{book.cover}}{% endcapture -%}
           {%- capture bookName %}{{book.title | escape}}{% endcapture -%}
           {% image bookImg, bookName, 'rounded-lg w-full', '180px' %}
         </div>