From 5bd5aede2296dc20be5229a11f9f309151e4325a Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <coryd@fastmail.com>
Date: Sat, 28 Oct 2023 19:55:48 -0700
Subject: [PATCH] chore: extract read percentage

---
 .env               |  3 ++-
 src/_data/books.js | 13 ++++++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/.env b/.env
index b28e747b..e50b0ed4 100644
--- a/.env
+++ b/.env
@@ -6,4 +6,5 @@ API_APPLE_MUSIC_USER_TOKEN=
 APPLE_RENEW_TOKEN_URL=
 SITE_ID_CLICKY=
 SITE_KEY_CLICKY=
-SECRET_FEED_ALBUM_RELEASES=
\ No newline at end of file
+SECRET_FEED_ALBUM_RELEASES=
+COOKIE_STORYGRAPH=
\ No newline at end of file
diff --git a/src/_data/books.js b/src/_data/books.js
index 1f86e342..89a5e69a 100644
--- a/src/_data/books.js
+++ b/src/_data/books.js
@@ -3,11 +3,16 @@ const { AssetCache } = require('@11ty/eleventy-fetch')
 const { JSDOM } = jsdom
 
 module.exports = async function () {
+  const COOKIE = process.env.COOKIE_STORYGRAPH
   const url = 'https://app.thestorygraph.com/currently-reading/coryd'
   const asset = new AssetCache('books_data')
   if (asset.isCacheValid('1h')) return await asset.getCachedValue()
   const data = []
-  await fetch(url)
+  await fetch(url, {
+    headers: {
+      Cookie: COOKIE,
+    },
+  })
     .then((res) => res.text())
     .then((html) => {
       const DOM = new JSDOM(html)
@@ -33,6 +38,12 @@ module.exports = async function () {
         if (!data[index]) data.push({ url: `https://app.thestorygraph.com${url.href}` })
         if (data[index]) data[index]['url'] = `https://app.thestorygraph.com${url.href}`
       })
+      doc
+        .querySelectorAll('.md\\:block .progress-tracker-pane .font-semibold')
+        .forEach((percentage, index) => {
+          if (!data[index]) data.push({ percentage: percentage.textContent })
+          if (data[index]) data[index]['percentage'] = percentage.textContent
+        })
     })
   const books = data
     .filter((book) => book.title)