feat: mock when running locally

src/_data/books.js

@@ -1,70 +1,75 @@
 import jsdom from 'jsdom'
 import { AssetCache } from '@11ty/eleventy-fetch'
+import BooksMock from './json/mocks/books.js'
 
 const { JSDOM } = jsdom
 
 export default 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, {
-    headers: {
-      Cookie: COOKIE,
-    },
-  })
-    .then((res) => res.text())
-    .then((html) => {
-      const DOM = new JSDOM(html)
-      const doc = DOM.window.document
-      const bookCount = doc.querySelectorAll('.book-pane-content').length
-      const titles = doc.querySelectorAll('.book-title-author-and-series h3 > a')
-      const authors = doc.querySelectorAll('.book-title-author-and-series h3 p:last-of-type > a')
-      const images = doc.querySelectorAll('.md\\:block .book-cover img')
-      const urls = doc.querySelectorAll('.md\\:block .book-cover a')
-      const percentages = doc.querySelectorAll('.md\\:block .progress-tracker-pane .font-semibold')
-      const dates = doc.querySelectorAll('.md\\:block .action-menu a p')
+  if (process.env.ELEVENTY_PRODUCTION) {
+    const asset = new AssetCache('books_data')
+    if (asset.isCacheValid('1h')) return await asset.getCachedValue()
+    const data = []
+    await fetch(url, {
+      headers: {
+        Cookie: COOKIE,
+      },
+    })
+      .then((res) => res.text())
+      .then((html) => {
+        const DOM = new JSDOM(html)
+        const doc = DOM.window.document
+        const bookCount = doc.querySelectorAll('.book-pane-content').length
+        const titles = doc.querySelectorAll('.book-title-author-and-series h3 > a')
+        const authors = doc.querySelectorAll('.book-title-author-and-series h3 p:last-of-type > a')
+        const images = doc.querySelectorAll('.md\\:block .book-cover img')
+        const urls = doc.querySelectorAll('.md\\:block .book-cover a')
+        const percentages = doc.querySelectorAll('.md\\:block .progress-tracker-pane .font-semibold')
+        const dates = doc.querySelectorAll('.md\\:block .action-menu a p')
 
-      for (let i = 0; i < bookCount; i++) {
-        const date = new Date(
-          dates[i]?.textContent.replace('Started ', '').split('\n')[0]
-          ).toLocaleString('en-US', {
-            timeZone: 'America/Los_Angeles',
-          })
+        for (let i = 0; i < bookCount; i++) {
+          const date = new Date(
+            dates[i]?.textContent.replace('Started ', '').split('\n')[0]
+            ).toLocaleString('en-US', {
+              timeZone: 'America/Los_Angeles',
+            })
 
-        if (!data[i]) {
-          data.push({ title: titles[i]?.textContent })
-          data.push({ author: authors[i]?.textContent })
-          data.push({
-            image: images[i].src.replace(
+          if (!data[i]) {
+            data.push({ title: titles[i]?.textContent })
+            data.push({ author: authors[i]?.textContent })
+            data.push({
+              image: images[i].src.replace(
+                'https://cdn.thestorygraph.com',
+                'https://cd-books.b-cdn.net'
+              ),
+            })
+            data.push({ url: `https://app.thestorygraph.com${urls[i].href}` })
+            data.push({ percentage: percentages[i]?.textContent })
+            data.push({
+              dateAdded: date,
+            })
+            data.push({ type: 'book' })
+          }
+
+          if (data[i]) {
+            data[i]['title'] = titles[i]?.textContent
+            data[i]['author'] = authors[i]?.textContent
+            data[i]['image'] = images[i]?.src.replace(
               'https://cdn.thestorygraph.com',
               'https://cd-books.b-cdn.net'
-            ),
-          })
-          data.push({ url: `https://app.thestorygraph.com${urls[i].href}` })
-          data.push({ percentage: percentages[i]?.textContent })
-          data.push({
-            dateAdded: date,
-          })
-          data.push({ type: 'book' })
+            )
+            data[i]['url'] = `https://app.thestorygraph.com${urls[i]?.href}`
+            data[i]['percentage'] = percentages[i]?.textContent
+            data[i]['dateAdded'] = date
+            data[i]['type'] = 'book'
+          }
         }
-
-        if (data[i]) {
-          data[i]['title'] = titles[i]?.textContent
-          data[i]['author'] = authors[i]?.textContent
-          data[i]['image'] = images[i]?.src.replace(
-            'https://cdn.thestorygraph.com',
-            'https://cd-books.b-cdn.net'
-          )
-          data[i]['url'] = `https://app.thestorygraph.com${urls[i]?.href}`
-          data[i]['percentage'] = percentages[i]?.textContent
-          data[i]['dateAdded'] = date
-          data[i]['type'] = 'book'
-        }
-      }
-    })
-  const books = data.filter((book) => book.title)
-  await asset.save(books, 'json')
-  return books
+      })
+    const books = data.filter((book) => book.title)
+    await asset.save(books, 'json')
+    return books
+  } else {
+    return BooksMock
+  }
 }