chore: normalize formatting

config/collections/index.js

@@ -1,37 +1,45 @@
-import { DateTime } from 'luxon'
+import { DateTime } from "luxon";
-import ics from 'ics'
+import ics from "ics";
 
 export const albumReleasesCalendar = (collection) => {
-  const collectionData = collection.getAll()[0]
+  const collectionData = collection.getAll()[0];
-  const { data } = collectionData
+  const { data } = collectionData;
-  const { albumReleases: { all } } = data
+  const {
-  if (!all || all.length === 0) return ''
+    albumReleases: { all },
+  } = data;
+  if (!all || all.length === 0) return "";
 
-  const events = all.map(album => {
+  const events = all
-    const date = DateTime.fromISO(album['release_date'])
+    .map((album) => {
-    if (!date.isValid) return null
+      const date = DateTime.fromISO(album["release_date"]);
+      if (!date.isValid) return null;
 
-    return {
+      return {
-      start: [date.year, date.month, date.day],
+        start: [date.year, date.month, date.day],
-      startInputType: 'local',
+        startInputType: "local",
-      startOutputType: 'local',
+        startOutputType: "local",
-      title: `Release: ${album['artist']['name']} - ${album['title']}`,
+        title: `Release: ${album["artist"]["name"]} - ${album["title"]}`,
-      description: `Check out this new album release: ${album['url']}. Read more about ${album['artist']['name']} at https://coryd.dev${album['artist']['url']}`,
+        description: `Check out this new album release: ${album["url"]}. Read more about ${album["artist"]["name"]} at https://coryd.dev${album["artist"]["url"]}`,
-      url: album['url'],
+        url: album["url"],
-      uid: `${date.toFormat('yyyyMMdd')}-${album['artist']['name']}-${album['title']}@coryd.dev`,
+        uid: `${date.toFormat("yyyyMMdd")}-${album["artist"]["name"]}-${
-      timestamp: DateTime.now().toUTC().toFormat("yyyyMMdd'T'HHmmss'Z'")
+          album["title"]
-    }
+        }@coryd.dev`,
-  }).filter(event => event !== null)
+        timestamp: DateTime.now().toUTC().toFormat("yyyyMMdd'T'HHmmss'Z'"),
+      };
+    })
+    .filter((event) => event !== null);
 
-  const { error, value } = ics.createEvents(events, { calName: 'Album releases calendar / coryd.dev' })
+  const { error, value } = ics.createEvents(events, {
+    calName: "Album releases calendar / coryd.dev",
+  });
 
   if (error) {
-    console.error('Error creating events: ', error)
+    console.error("Error creating events: ", error);
     events.forEach((event, index) => {
-      console.error(`Event ${index}:`, event)
+      console.error(`Event ${index}:`, event);
-    })
+    });
-    return ''
+    return "";
   }
 
-  return value
+  return value;
-}
+};

config/events/index.js

@@ -1,59 +1,75 @@
-import fs from 'fs'
+import fs from "fs";
-import path from 'path'
+import path from "path";
-import { minify } from 'terser'
+import { minify } from "terser";
 
-const errorPages = ['404', '500', '1000', 'broken', 'error', 'js-challenge', 'not-allowed', 'rate-limit']
+const errorPages = [
+  "404",
+  "500",
+  "1000",
+  "broken",
+  "error",
+  "js-challenge",
+  "not-allowed",
+  "rate-limit",
+];
 
 export const copyErrorPages = () => {
   errorPages.forEach((errorPage) => {
-    const sourcePath = path.join('_site', errorPage, 'index.html')
+    const sourcePath = path.join("_site", errorPage, "index.html");
-    const destinationPath = path.join('_site', `${errorPage}.html`)
+    const destinationPath = path.join("_site", `${errorPage}.html`);
-    const directoryPath = path.join('_site', errorPage)
+    const directoryPath = path.join("_site", errorPage);
 
     fs.copyFile(sourcePath, destinationPath, (err) => {
       if (err) {
-        console.error(`Error copying ${errorPage} page:`, err)
+        console.error(`Error copying ${errorPage} page:`, err);
-        return
+        return;
       }
 
       fs.unlink(sourcePath, (unlinkErr) => {
         if (unlinkErr) {
-          console.error(`Error deleting source file for ${errorPage} page:`, unlinkErr)
+          console.error(
-          return
+            `Error deleting source file for ${errorPage} page:`,
+            unlinkErr
+          );
+          return;
         }
 
         fs.rmdir(directoryPath, (rmdirErr) => {
-          if (rmdirErr) console.error(`Error removing directory for ${errorPage} page:`, rmdirErr)
+          if (rmdirErr)
-        })
+            console.error(
-      })
+              `Error removing directory for ${errorPage} page:`,
-    })
+              rmdirErr
-  })
+            );
-}
+        });
+      });
+    });
+  });
+};
 
 export const minifyJsComponents = async () => {
-  const scriptsDir = '_site/assets/scripts'
+  const scriptsDir = "_site/assets/scripts";
 
   const minifyJsFilesInDir = async (dir) => {
-    const files = fs.readdirSync(dir)
+    const files = fs.readdirSync(dir);
     for (const fileName of files) {
-      const filePath = path.join(dir, fileName)
+      const filePath = path.join(dir, fileName);
-      const stat = fs.statSync(filePath)
+      const stat = fs.statSync(filePath);
 
       if (stat.isDirectory()) {
-        await minifyJsFilesInDir(filePath)
+        await minifyJsFilesInDir(filePath);
-      } else if (fileName.endsWith('.js')) {
+      } else if (fileName.endsWith(".js")) {
-        const fileContent = fs.readFileSync(filePath, 'utf8')
+        const fileContent = fs.readFileSync(filePath, "utf8");
-        const minified = await minify(fileContent)
+        const minified = await minify(fileContent);
         if (minified.error) {
-          console.error(`Error minifying ${filePath}:`, minified.error)
+          console.error(`Error minifying ${filePath}:`, minified.error);
         } else {
-          fs.writeFileSync(filePath, minified.code)
+          fs.writeFileSync(filePath, minified.code);
         }
       } else {
-        console.log(`No .js files to minify in ${filePath}`)
+        console.log(`No .js files to minify in ${filePath}`);
       }
     }
-  }
+  };
 
-  await minifyJsFilesInDir(scriptsDir)
+  await minifyJsFilesInDir(scriptsDir);
-}
+};

config/filters/dates.js

@@ -1,26 +1,26 @@
 export default {
   stringToRFC822Date: (dateString) => {
-    const date = new Date(dateString)
+    const date = new Date(dateString);
 
-    if (isNaN(date)) return ''
+    if (isNaN(date)) return "";
 
     const options = {
-      weekday: 'short',
+      weekday: "short",
-      day: '2-digit',
+      day: "2-digit",
-      month: 'short',
+      month: "short",
-      year: 'numeric',
+      year: "numeric",
-      hour: '2-digit',
+      hour: "2-digit",
-      minute: '2-digit',
+      minute: "2-digit",
-      second: '2-digit',
+      second: "2-digit",
-      timeZoneName: 'short'
+      timeZoneName: "short",
-    }
+    };
-    const formatter = new Intl.DateTimeFormat('en-GB', options)
+    const formatter = new Intl.DateTimeFormat("en-GB", options);
 
-    return formatter.format(date).replace(',', '')
+    return formatter.format(date).replace(",", "");
   },
   stringToRFC3339: (dateString) => {
-    const date = new Date(dateString)
+    const date = new Date(dateString);
 
-    return isNaN(date) ? '' : date.toISOString()
+    return isNaN(date) ? "" : date.toISOString();
-  }
+  },
-}
+};

config/filters/general.js

@@ -1,18 +1,19 @@
-import truncateHtml from 'truncate-html'
+import truncateHtml from "truncate-html";
-import { shuffleArray } from '../utilities/index.js'
+import { shuffleArray } from "../utilities/index.js";
 
 export default {
   encodeAmp: (string) => {
-    if (!string) return
+    if (!string) return;
-    const pattern = /&(?!(?:[a-zA-Z]+|#[0-9]+|#x[0-9a-fA-F]+);)/g
+    const pattern = /&(?!(?:[a-zA-Z]+|#[0-9]+|#x[0-9a-fA-F]+);)/g;
-    const replacement = '&'
+    const replacement = "&";
-    return string.replace(pattern, replacement)
+    return string.replace(pattern, replacement);
   },
-  replaceQuotes: (string) => string.replace(/"/g, '"'),
+  replaceQuotes: (string) => string.replace(/"/g, """),
-  formatNumber: (number) => number.toLocaleString('en-US'),
+  formatNumber: (number) => number.toLocaleString("en-US"),
-  htmlTruncate: (content, limit = 50) => truncateHtml(content, limit, {
+  htmlTruncate: (content, limit = 50) =>
-    byWords: true,
+    truncateHtml(content, limit, {
-    ellipsis: '...'
+      byWords: true,
-  }),
+      ellipsis: "...",
+    }),
   shuffleArray,
-}
+};

config/filters/index.js

@@ -1,11 +1,11 @@
-import dates from './dates.js'
+import dates from "./dates.js";
-import general from './general.js'
+import general from "./general.js";
-import media from './media.js'
+import media from "./media.js";
-import navigation from './navigation.js'
+import navigation from "./navigation.js";
 
 export default {
   ...dates,
   ...general,
   ...media,
   ...navigation,
-}
+};

config/filters/media.js

@@ -1,35 +1,43 @@
 export default {
-  filterBooksByStatus: (books, status) => books.filter(book => book['status'] === status),
+  filterBooksByStatus: (books, status) =>
-  findFavoriteBooks: (books) => books.filter(book => book['favorite'] === true),
+    books.filter((book) => book["status"] === status),
-  bookYearLinks: (years) => years
+  findFavoriteBooks: (books) =>
-      .sort((a, b) => b['value'] - a['value'])
+    books.filter((book) => book["favorite"] === true),
-      .map((year, index) => `<a href="/books/years/${year['value']}">${year['value']}</a>${index < years.length - 1 ? ' / ' : ''}`)
+  bookYearLinks: (years) =>
-      .join(''),
+    years
+      .sort((a, b) => b["value"] - a["value"])
+      .map(
+        (year, index) =>
+          `<a href="/books/years/${year["value"]}">${year["value"]}</a>${
+            index < years.length - 1 ? " / " : ""
+          }`
+      )
+      .join(""),
   mediaLinks: (data, type, count = 10) => {
-    if (!data || !type) return ''
+    if (!data || !type) return "";
 
-    const dataSlice = data.slice(0, count)
+    const dataSlice = data.slice(0, count);
-    if (dataSlice.length === 0) return null
+    if (dataSlice.length === 0) return null;
 
     const buildLink = (item) => {
       switch (type) {
-        case 'genre':
+        case "genre":
-          return `<a href="${item['genre_url']}">${item['genre_name']}</a>`
+          return `<a href="${item["genre_url"]}">${item["genre_name"]}</a>`;
-        case 'artist':
+        case "artist":
-          return `<a href="${item['url']}">${item['name']}</a>`
+          return `<a href="${item["url"]}">${item["name"]}</a>`;
-        case 'book':
+        case "book":
-          return `<a href="${item['url']}">${item['title']}</a>`
+          return `<a href="${item["url"]}">${item["title"]}</a>`;
         default:
-          return ''
+          return "";
       }
-    }
+    };
 
-    if (dataSlice.length === 1) return buildLink(dataSlice[0])
+    if (dataSlice.length === 1) return buildLink(dataSlice[0]);
 
-    const links = dataSlice.map(buildLink)
+    const links = dataSlice.map(buildLink);
-    const allButLast = links.slice(0, -1).join(', ')
+    const allButLast = links.slice(0, -1).join(", ");
-    const last = links[links.length - 1]
+    const last = links[links.length - 1];
 
-    return `${allButLast} and ${last}`
+    return `${allButLast} and ${last}`;
-  }
+  },
-}
+};

config/filters/navigation.js

@@ -1,3 +1,5 @@
 export default {
-  isLinkActive: (category, page) => page.includes(category) && page.split('/').filter(a => a !== '').length <= 1
+  isLinkActive: (category, page) =>
-}
+    page.includes(category) &&
+    page.split("/").filter((a) => a !== "").length <= 1,
+};

config/plugins/css-config.js

@@ -1,33 +1,33 @@
-import fs from 'node:fs/promises'
+import fs from "node:fs/promises";
-import path from 'node:path'
+import path from "node:path";
-import postcss from 'postcss'
+import postcss from "postcss";
-import postcssImport from 'postcss-import'
+import postcssImport from "postcss-import";
-import postcssImportExtGlob from 'postcss-import-ext-glob'
+import postcssImportExtGlob from "postcss-import-ext-glob";
-import autoprefixer from 'autoprefixer'
+import autoprefixer from "autoprefixer";
-import cssnano from 'cssnano'
+import cssnano from "cssnano";
 
 export const cssConfig = (eleventyConfig) => {
-  eleventyConfig.addTemplateFormats('css')
+  eleventyConfig.addTemplateFormats("css");
-  eleventyConfig.addExtension('css', {
+  eleventyConfig.addExtension("css", {
-    outputFileExtension: 'css',
+    outputFileExtension: "css",
     compile: async (inputContent, inputPath) => {
-      const outputPath = '_site/assets/css/index.css'
+      const outputPath = "_site/assets/css/index.css";
 
-      if (inputPath.endsWith('index.css')) {
+      if (inputPath.endsWith("index.css")) {
         return async () => {
           let result = await postcss([
             postcssImportExtGlob,
             postcssImport,
             autoprefixer,
             cssnano,
-          ]).process(inputContent, { from: inputPath })
+          ]).process(inputContent, { from: inputPath });
 
-          await fs.mkdir(path.dirname(outputPath), { recursive: true })
+          await fs.mkdir(path.dirname(outputPath), { recursive: true });
-          await fs.writeFile(outputPath, result.css)
+          await fs.writeFile(outputPath, result.css);
 
-          return result.css
+          return result.css;
-        }
+        };
       }
     },
-  })
+  });
-}
+};

config/utilities/index.js

@@ -1,27 +1,28 @@
-export const shuffleArray = array => {
+export const shuffleArray = (array) => {
-  const shuffled = [...array]
+  const shuffled = [...array];
   for (let i = shuffled.length - 1; i > 0; i--) {
-    let j = Math.floor(Math.random() * (i + 1))
+    let j = Math.floor(Math.random() * (i + 1));
-    let temp = shuffled[i]
+    let temp = shuffled[i];
-    shuffled[i] = shuffled[j]
+    shuffled[i] = shuffled[j];
-    shuffled[j] = temp
+    shuffled[j] = temp;
   }
-  return shuffled
+  return shuffled;
-}
+};
 
-export const regionNames = new Intl.DisplayNames(['en'], { type: 'region' })
+export const regionNames = new Intl.DisplayNames(["en"], { type: "region" });
 
-export const getCountryName = (countryCode) => regionNames.of(countryCode.trim()) || countryCode.trim()
+export const getCountryName = (countryCode) =>
+  regionNames.of(countryCode.trim()) || countryCode.trim();
 
 export const parseCountryField = (countryField) => {
-  if (!countryField) return null
+  if (!countryField) return null;
 
-  const delimiters = [',', '/', '&', 'and']
+  const delimiters = [",", "/", "&", "and"];
-  let countries = [countryField]
+  let countries = [countryField];
 
-  delimiters.forEach(delimiter => {
+  delimiters.forEach((delimiter) => {
-    countries = countries.flatMap(country => country.split(delimiter))
+    countries = countries.flatMap((country) => country.split(delimiter));
-  })
+  });
 
-  return countries.map(getCountryName).join(', ')
+  return countries.map(getCountryName).join(", ");
-}
+};

scripts/worker-build.mjs

@@ -1,33 +1,36 @@
-import fs from 'fs/promises'
+import fs from "fs/promises";
-import dotenv from 'dotenv-flow'
+import dotenv from "dotenv-flow";
 
-dotenv.config()
+dotenv.config();
 
-const workerName = process.argv[2]
+const workerName = process.argv[2];
 
 if (!workerName) {
-  console.error('Please specify a worker name.')
+  console.error("Please specify a worker name.");
-  process.exit(1)
+  process.exit(1);
 }
 
-const templatePath = `workers/${workerName}/wrangler.template.toml`
+const templatePath = `workers/${workerName}/wrangler.template.toml`;
-const outputPath = `workers/${workerName}/wrangler.toml`
+const outputPath = `workers/${workerName}/wrangler.toml`;
 
 async function generateToml() {
   try {
-    const template = await fs.readFile(templatePath, 'utf8')
+    const template = await fs.readFile(templatePath, "utf8");
     const output = template
       .replace(/\${CF_ACCOUNT_ID}/g, process.env.CF_ACCOUNT_ID)
       .replace(/\${CF_ZONE_ID}/g, process.env.CF_ZONE_ID)
-      .replace(/\${RSS_TO_MASTODON_KV_NAMESPACE_ID}/g, process.env.RSS_TO_MASTODON_KV_NAMESPACE_ID)
+      .replace(
+        /\${RSS_TO_MASTODON_KV_NAMESPACE_ID}/g,
+        process.env.RSS_TO_MASTODON_KV_NAMESPACE_ID
+      );
 
-    await fs.writeFile(outputPath, output)
+    await fs.writeFile(outputPath, output);
 
-    console.log(`Generated wrangler.toml for ${workerName}`)
+    console.log(`Generated wrangler.toml for ${workerName}`);
   } catch (error) {
-    console.error('Error generating wrangler.toml:', error)
+    console.error("Error generating wrangler.toml:", error);
-    process.exit(1)
+    process.exit(1);
   }
 }
 
-generateToml()
+generateToml();

src/assets/scripts/index.js

@@ -297,4 +297,4 @@ window.addEventListener("load", () => {
       updateSearchResults(nextResults);
     });
   })();
-});
+});

src/assets/styles/base/index.css

@@ -1,5 +1,4 @@
-html
+html body {
-body {
   color: var(--text-color);
   background: var(--background-color);
   font-family: var(--font-mono);
@@ -13,8 +12,8 @@ html {
 body {
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
-  letter-spacing: -.025rem;
+  letter-spacing: -0.025rem;
-  word-spacing: -.05rem;
+  word-spacing: -0.05rem;
 }
 
 ::-webkit-scrollbar {
@@ -81,7 +80,7 @@ p:not(.banner p) > svg {
 :is(h1, h2, h3, h4, h5, h6):has(svg) {
   display: flex;
   align-items: center;
-  gap: var(--spacing-sm)
+  gap: var(--spacing-sm);
 }
 
 strong,
@@ -125,29 +124,76 @@ svg {
 .search,
 .tattoo,
 .tv {
-  &.article { --section-color: var(--article); }
+  &.article {
-  &.books { --section-color: var(--books); }
+    --section-color: var(--article);
-  &.brand-github { --section-color: var(--brand-github); }
+  }
-  &.brand-mastodon { --section-color: var(--brand-mastodon); }
+  &.books {
-  &.brand-npm { --section-color: var(--brand-npm); }
+    --section-color: var(--books);
-  &.coffee { --section-color: var(--brand-buy-me-a-coffee); }
+  }
-  &.collected { --section-color: var(--collected); }
+  &.brand-github {
-  &.concerts { --section-color: var(--concerts); }
+    --section-color: var(--brand-github);
-  &.country { --section-color: var(--country); }
+  }
-  &.device-tv-old { --section-color: var(--tv); }
+  &.brand-mastodon {
-  &.device-watch { --section-color: var(--now); }
+    --section-color: var(--brand-mastodon);
-  &.favorite { --section-color: var(--favorite); }
+  }
-  &.headphones { --section-color: var(--music); }
+  &.brand-npm {
-  &.heart-handshake { --section-color: var(--webrings); }
+    --section-color: var(--brand-npm);
-  &.info-circle { --section-color: var(--about); }
+  }
-  &.link { --section-color: var(--link); }
+  &.coffee {
-  &.mail { --section-color: var(--brand-gmail); }
+    --section-color: var(--brand-buy-me-a-coffee);
-  &.mail-plus { --section-color: var(--newsletter); }
+  }
-  &.movies, &.tv { --section-color: var(--tv); }
+  &.collected {
-  &.music { --section-color: var(--music); }
+    --section-color: var(--collected);
-  &.rss { --section-color: var(--brand-rss); }
+  }
-  &.search { --section-color: var(--search); }
+  &.concerts {
-  &.tattoo { --section-color: var(--tattoo); }
+    --section-color: var(--concerts);
+  }
+  &.country {
+    --section-color: var(--country);
+  }
+  &.device-tv-old {
+    --section-color: var(--tv);
+  }
+  &.device-watch {
+    --section-color: var(--now);
+  }
+  &.favorite {
+    --section-color: var(--favorite);
+  }
+  &.headphones {
+    --section-color: var(--music);
+  }
+  &.heart-handshake {
+    --section-color: var(--webrings);
+  }
+  &.info-circle {
+    --section-color: var(--about);
+  }
+  &.link {
+    --section-color: var(--link);
+  }
+  &.mail {
+    --section-color: var(--brand-gmail);
+  }
+  &.mail-plus {
+    --section-color: var(--newsletter);
+  }
+  &.movies,
+  &.tv {
+    --section-color: var(--tv);
+  }
+  &.music {
+    --section-color: var(--music);
+  }
+  &.rss {
+    --section-color: var(--brand-rss);
+  }
+  &.search {
+    --section-color: var(--search);
+  }
+  &.tattoo {
+    --section-color: var(--tattoo);
+  }
 
   color: var(--section-color);
 
@@ -173,14 +219,11 @@ a:active,
 :is(.main-title, footer nav.sub-pages) a:focus,
 :is(.main-title, footer nav.sub-pages) a:active {
   color: var(--accent-color-hover);
-  transition: color var(--transition-duration-default) var(--transition-ease-in-out);
+  transition: color var(--transition-duration-default)
+    var(--transition-ease-in-out);
 }
 
-:is(
+:is(a:has(svg):hover, a:has(svg):active, a:has(svg):focus) svg {
-    a:has(svg):hover,
-    a:has(svg):active,
-    a:has(svg):focus
-) svg {
   stroke: var(--accent-color-hover);
 }
 
@@ -201,26 +244,55 @@ a:active,
 }
 
 /* headers */
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-md);
   margin: var(--margin-vertical-base-horizontal-zero);
 }
 
-h1 { font-size: var(--font-size-2xl); }
+h1 {
-h2 { font-size: var(--font-size-xl); }
+  font-size: var(--font-size-2xl);
-h3 { font-size: var(--font-size-lg); }
+}
-h4 { font-size: var(--font-size-base); }
+h2 {
-h5 { font-size: var(--font-size-md); }
+  font-size: var(--font-size-xl);
-h6 { font-size: var(--font-size-sm); }
+}
+h3 {
+  font-size: var(--font-size-lg);
+}
+h4 {
+  font-size: var(--font-size-base);
+}
+h5 {
+  font-size: var(--font-size-md);
+}
+h6 {
+  font-size: var(--font-size-sm);
+}
 
 @media screen and (min-width: 768px) {
-  h1 { font-size: var(--font-size-3xl); }
+  h1 {
-  h2 { font-size: var(--font-size-2xl); }
+    font-size: var(--font-size-3xl);
-  h3 { font-size: var(--font-size-xl); }
+  }
-  h4 { font-size: var(--font-size-lg); }
+  h2 {
-  h5 { font-size: var(--font-size-base); }
+    font-size: var(--font-size-2xl);
-  h6 { font-size: var(--font-size-md); }
+  }
+  h3 {
+    font-size: var(--font-size-xl);
+  }
+  h4 {
+    font-size: var(--font-size-lg);
+  }
+  h5 {
+    font-size: var(--font-size-base);
+  }
+  h6 {
+    font-size: var(--font-size-md);
+  }
 }
 
 /* dividers */
@@ -272,7 +344,7 @@ td {
     text-overflow: ellipsis;
 
     &::after {
-      content: '';
+      content: "";
       position: absolute;
       inset-block-start: 0;
       inset-inline-end: 0;
@@ -410,9 +482,9 @@ footer {
   color: var(--text-color);
 }
 
-
 /* lists */
-ul, ol {
+ul,
+ol {
   list-style-position: inside;
   margin: var(--margin-vertical-base-horizontal-zero);
   padding-left: var(--spacing-base);
@@ -428,4 +500,4 @@ ul, ol {
   border-radius: var(--border-radius-slight);
   height: auto;
   width: 100%;
-}
+}

src/assets/styles/components/badge-grid.css

@@ -15,4 +15,4 @@
   & img {
     image-rendering: pixelated;
   }
-}
+}

src/assets/styles/components/banners.css

@@ -37,12 +37,24 @@
   &.old-post,
   &.rss,
   &.warning {
-    &.error { --banner-accent-color: var(--error); }
+    &.error {
-    &.github { --banner-accent-color: var(--brand-github); }
+      --banner-accent-color: var(--error);
-    &.npm { --banner-accent-color: var(--brand-npm); }
+    }
-    &.old-post { --banner-accent-color: var(--gray-dark); }
+    &.github {
-    &.rss { --banner-accent-color: var(--brand-rss); }
+      --banner-accent-color: var(--brand-github);
-    &.warning { --banner-accent-color: var(--warning); }
+    }
+    &.npm {
+      --banner-accent-color: var(--brand-npm);
+    }
+    &.old-post {
+      --banner-accent-color: var(--gray-dark);
+    }
+    &.rss {
+      --banner-accent-color: var(--brand-rss);
+    }
+    &.warning {
+      --banner-accent-color: var(--warning);
+    }
 
     border-color: var(--banner-accent-color);
 
@@ -56,4 +68,4 @@
       stroke: var(--banner-accent-color);
     }
   }
-}
+}

src/assets/styles/components/buttons.css

@@ -1,5 +1,5 @@
-@import url('./tab-buttons.css');
+@import url("./tab-buttons.css");
-@import url('./text-toggle.css');
+@import url("./text-toggle.css");
 
 button,
 .button {
@@ -22,7 +22,8 @@ button,
     color: var(--text-color-inverted);
     background-color: var(--accent-color);
     appearance: none;
-    transition: color var(--transition-duration-default) var(--transition-ease-in-out);
+    transition: color var(--transition-duration-default)
+      var(--transition-ease-in-out);
   }
 
   &:not(.theme-toggle, .active):hover,
@@ -32,4 +33,4 @@ button,
     background-color: var(--accent-color-hover);
     border-color: var(--accent-color-hover);
   }
-}
+}

src/assets/styles/components/forms.css

@@ -1,6 +1,6 @@
 ::placeholder {
   color: var(--text-color);
-  opacity: .5;
+  opacity: 0.5;
 }
 
 input[type="text"],
@@ -90,4 +90,4 @@ fieldset {
       text-decoration: none;
     }
   }
-}
+}

src/assets/styles/components/mastodon-post.css

@@ -1,5 +1,6 @@
 .mastodon-post-wrapper {
-  & dl, dt {
+  & dl,
+  dt {
     display: flex;
   }
 
@@ -7,11 +8,11 @@
     align-items: center;
 
     & dd {
-      margin-left:  var(--spacing-xs);;
+      margin-left: var(--spacing-xs);
 
       &:not(:last-child) {
         margin-right: var(--spacing-lg);
       }
     }
   }
-}
+}

src/assets/styles/components/media-grid.css

@@ -56,7 +56,7 @@
     &::after {
       position: absolute;
       z-index: 1;
-      content: '';
+      content: "";
       top: 0;
       left: 0;
       box-shadow: var(--box-shadow-media);
@@ -64,7 +64,8 @@
       height: 100%;
       border: var(--border-default);
       border-radius: var(--border-radius-slight);
-      transition: border-color var(--transition-duration-default) var(--transition-ease-in-out);
+      transition: border-color var(--transition-duration-default)
+        var(--transition-ease-in-out);
     }
   }
 
@@ -98,4 +99,4 @@
       overflow: hidden;
     }
   }
-}
+}

src/assets/styles/components/menu.css

@@ -144,4 +144,4 @@ menu {
       display: none;
     }
   }
-}
+}

src/assets/styles/components/modal.css

@@ -64,4 +64,4 @@
       stroke: var(--accent-color-hover);
     }
   }
-}
+}

src/assets/styles/components/music-chart.css

@@ -138,4 +138,4 @@
       }
     }
   }
-}
+}

src/assets/styles/components/paginator.css

@@ -22,4 +22,4 @@
   cursor: not-allowed;
   stroke: var(--gray-medium);
   stroke-width: var(--stroke-width-default);
-}
+}

src/assets/styles/components/progress-bar.css

@@ -10,4 +10,4 @@
     background-color: var(--accent-color);
     border-radius: var(--border-radius-full);
   }
-}
+}

src/assets/styles/components/tab-buttons.css

@@ -37,4 +37,4 @@ input[id="tracks-recent"] ~ [for="tracks-recent"]:has(+ [for="tracks-chart"]) {
 #tracks-chart:not(:checked) ~ [for="tracks-chart"]:hover,
 #tracks-chart:not(:checked) ~ [for="tracks-chart"]:active {
   color: var(--accent-color-hover);
-}
+}

src/assets/styles/components/text-toggle.css

@@ -12,7 +12,7 @@
     &::after {
       position: absolute;
       z-index: 1;
-      content: '';
+      content: "";
       box-shadow: var(--box-shadow-text-toggle);
       width: 100%;
       height: 20%;
@@ -24,4 +24,4 @@
   & + button[data-toggle-button]:has(+ *) {
     margin: 0 0 var(--spacing-base);
   }
-}
+}

src/assets/styles/components/theme-toggle.css

@@ -20,10 +20,14 @@ theme-toggle {
     stroke: var(--accent-color-hover);
   }
 
-  & > .light svg { stroke: var(--sun); }
+  & > .light svg {
-  & > .dark svg { stroke: var(--moon); }
+    stroke: var(--sun);
+  }
+  & > .dark svg {
+    stroke: var(--moon);
+  }
 
-  & > .light ,
+  & > .light,
   & > .dark {
     display: none;
   }
@@ -47,4 +51,4 @@ theme-toggle {
   & .theme-toggle > .dark {
     display: inline;
   }
-}
+}

src/assets/styles/defaults/fonts.css

@@ -1,6 +1,6 @@
 @font-face {
   font-family: MonoLisa;
-  src: url('/assets/fonts/ml.woff2') format('woff2');
+  src: url("/assets/fonts/ml.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
@@ -8,7 +8,7 @@
 
 @font-face {
   font-family: MonoLisa;
-  src: url('/assets/fonts/mlb.woff2') format('woff2');
+  src: url("/assets/fonts/mlb.woff2") format("woff2");
   font-weight: 700;
   font-style: normal;
   font-display: swap;
@@ -16,7 +16,7 @@
 
 @font-face {
   font-family: MonoLisa;
-  src: url('/assets/fonts/mli.woff2') format('woff2');
+  src: url("/assets/fonts/mli.woff2") format("woff2");
   font-weight: 400;
   font-style: italic;
   font-display: swap;
@@ -24,8 +24,8 @@
 
 @font-face {
   font-family: MonoLisa;
-  src: url('/assets/fonts/mlbi.woff2') format('woff2');
+  src: url("/assets/fonts/mlbi.woff2") format("woff2");
   font-weight: 700;
   font-style: italic;
   font-display: swap;
-}
+}

src/assets/styles/defaults/vars.css

@@ -108,11 +108,12 @@
   --border-gray: 1px solid var(--gray-light);
 
   /* fonts */
-  --font-mono: MonoLisa, Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, ui-monospace, monospace;
+  --font-mono: MonoLisa, Menlo, Consolas, Monaco, Liberation Mono,
+    Lucida Console, ui-monospace, monospace;
 
   /* text */
-  --font-size-xs: .7rem;
+  --font-size-xs: 0.7rem;
-  --font-size-sm: .85rem;
+  --font-size-sm: 0.85rem;
   --font-size-base: 1rem;
   --font-size-lg: 1.15rem;
   --font-size-xl: 1.3rem;
@@ -127,9 +128,9 @@
   --line-height-base: 2;
 
   /* sizing */
-  --sizing-xs: .25rem;
+  --sizing-xs: 0.25rem;
-  --sizing-sm: .5rem;
+  --sizing-sm: 0.5rem;
-  --sizing-md: .75rem;
+  --sizing-md: 0.75rem;
   --sizing-lg: 1rem;
   --sizing-base: 1.5rem;
   --sizing-xl: 1.75rem;

src/assets/styles/feed.xsl

@@ -1,43 +1,57 @@
 <?xml version="1.0" encoding="utf-8"?>
-<xsl:stylesheet version="3.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:atom="http://www.w3.org/2005/Atom">
+<xsl:stylesheet version="3.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-  <xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes"/>
+  xmlns:atom="http://www.w3.org/2005/Atom">
+  <xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes" />
   <xsl:template match="/">
     <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
       <head>
-        <title><xsl:value-of select="/rss/channel/title"/></title>
+        <title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+          <xsl:value-of select="/rss/channel/title" />
-        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
+        </title>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
         <link rel="stylesheet" href="/assets/styles/index.css" type="text/css" />
       </head>
       <body class="feed">
         <div class="main-wrapper">
           <main>
             <section class="main-title">
-              <h1><a href="/feeds" tabindex="0"><xsl:value-of select="/rss/channel/title"/></a></h1>
+              <h1>
+                <a href="/feeds" tabindex="0">
+                  <xsl:value-of select="/rss/channel/title" />
+                </a>
+              </h1>
             </section>
             <div class="default-wrapper">
-              <p><xsl:value-of select="/rss/channel/description"/></p>
+              <p>
-              <p><strong class="highlight-text">Subscribe by adding the URL below to your feed reader of choice.</strong></p>
+                <xsl:value-of select="/rss/channel/description" />
+              </p>
+              <p>
+                <strong class="highlight-text">Subscribe by adding the URL below to your feed reader
+                  of choice.</strong>
+              </p>
               <p>
                 <pre class="small">
                   <code><xsl:value-of select="rss/channel/atom:link/@href"/></code>
                 </pre>
               </p>
-              <p><a href="/feeds">View more of the feeds from my site.</a></p>
+              <p>
+                <a href="/feeds">View more of the feeds from my site.</a>
+              </p>
               <hr />
               <section>
                 <xsl:for-each select="/rss/channel/item">
                   <div class="item">
-                    <p class="date">Published: <xsl:value-of select="pubDate"/></p>
+                    <p class="date">Published: <xsl:value-of select="pubDate" /></p>
                     <h3>
                       <a>
                         <xsl:attribute name="href">
-                          <xsl:value-of select="link"/>
+                          <xsl:value-of select="link" />
                         </xsl:attribute>
-                        <xsl:value-of select="title"/>
+                        <xsl:value-of select="title" />
                       </a>
                     </h3>
-                    <xsl:value-of select="description" disable-output-escaping="yes"/>
+                    <xsl:value-of select="description" disable-output-escaping="yes" />
                     <xsl:if test="enclosure">
                       <img src="{enclosure/@url}" alt="{title}" />
                     </xsl:if>
@@ -48,7 +62,10 @@
           </main>
           <footer>
             <hr />
-            <p>Subscribe by adding <code><xsl:value-of select="rss/channel/atom:link/@href"/></code> to your feed reader of choice.</p>
+            <p>Subscribe by adding <code>
+                <xsl:value-of select="rss/channel/atom:link/@href" />
+              </code> to your
+              feed reader of choice.</p>
           </footer>
         </div>
       </body>

src/assets/styles/index.css

@@ -1,40 +1,40 @@
 @layer reset, defaults, base, page, components, plugins;
 
 /* style resets */
-@import url('./reset.css') layer(reset);
+@import url("./reset.css") layer(reset);
 
 /* core defaults */
-@import url('./defaults/fonts.css') layer(defaults);
+@import url("./defaults/fonts.css") layer(defaults);
-@import url('./defaults/vars.css') layer(defaults);
+@import url("./defaults/vars.css") layer(defaults);
 
- /* base styles */
+/* base styles */
-@import url('./base/index.css') layer(base);
+@import url("./base/index.css") layer(base);
 
 /* plugins */
-@import url('./plugins/prism.css') layer(plugins);
+@import url("./plugins/prism.css") layer(plugins);
 
 /* page styles */
-@import url('./pages/about.css') layer(page);
+@import url("./pages/about.css") layer(page);
-@import url('./pages/books.css') layer(page);
+@import url("./pages/books.css") layer(page);
-@import url('./pages/blogroll.css') layer(page);
+@import url("./pages/blogroll.css") layer(page);
-@import url('./pages/contact.css') layer(page);
+@import url("./pages/contact.css") layer(page);
-@import url('./pages/feeds.css') layer(page);
+@import url("./pages/feeds.css") layer(page);
-@import url('./pages/links.css') layer(page);
+@import url("./pages/links.css") layer(page);
-@import url('./pages/music.css') layer(page);
+@import url("./pages/music.css") layer(page);
-@import url('./pages/articles.css') layer(page);
+@import url("./pages/articles.css") layer(page);
-@import url('./pages/watching.css') layer(page);
+@import url("./pages/watching.css") layer(page);
-@import url('./pages/webrings.css') layer(page);
+@import url("./pages/webrings.css") layer(page);
 
 /* component styles */
-@import url('./components/badge-grid.css') layer(components);
+@import url("./components/badge-grid.css") layer(components);
-@import url('./components/banners.css') layer(components);
+@import url("./components/banners.css") layer(components);
-@import url('./components/buttons.css') layer(components);
+@import url("./components/buttons.css") layer(components);
-@import url('./components/forms.css') layer(components);
+@import url("./components/forms.css") layer(components);
-@import url('./components/mastodon-post.css') layer(components);
+@import url("./components/mastodon-post.css") layer(components);
-@import url('./components/media-grid.css') layer(components);
+@import url("./components/media-grid.css") layer(components);
-@import url('./components/menu.css') layer(components);
+@import url("./components/menu.css") layer(components);
-@import url('./components/modal.css') layer(components);
+@import url("./components/modal.css") layer(components);
-@import url('./components/music-chart.css') layer(components);
+@import url("./components/music-chart.css") layer(components);
-@import url('./components/paginator.css') layer(components);
+@import url("./components/paginator.css") layer(components);
-@import url('./components/progress-bar.css') layer(components);
+@import url("./components/progress-bar.css") layer(components);
-@import url('./components/theme-toggle.css') layer(components);
+@import url("./components/theme-toggle.css") layer(components);

src/assets/styles/pages/about.css

@@ -26,4 +26,4 @@
 
 .about-title {
   text-align: center;
-}
+}

src/assets/styles/pages/articles.css

@@ -77,4 +77,4 @@ sup.footnote-ref {
 sup.footnote-ref a,
 .footnote-backref {
   text-decoration: none;
-}
+}

src/assets/styles/pages/blogroll.css

@@ -1,3 +1,3 @@
 .blog-roll-icons {
   display: flex;
-}
+}

src/assets/styles/pages/books.css

@@ -27,7 +27,8 @@
     max-width: calc(var(--sizing-3xl) * 4);
     height: auto;
     aspect-ratio: var(--aspect-ratio-vertical);
-    transition: border-color var(--transition-duration-default) var(--transition-ease-in-out);
+    transition: border-color var(--transition-duration-default)
+      var(--transition-ease-in-out);
   }
 
   & a:focus img,
@@ -136,4 +137,4 @@
       }
     }
   }
-}
+}

src/assets/styles/pages/contact.css

@@ -43,4 +43,4 @@
   & h2 {
     margin: 0;
   }
-}
+}

src/assets/styles/pages/feeds.css

@@ -44,4 +44,4 @@
   & footer {
     padding-bottom: var(--spacing-3xl);
   }
-}
+}

src/assets/styles/pages/links.css

@@ -13,4 +13,4 @@
     border-radius: var(--border-radius-slight);
     padding: var(--spacing-xs) var(--spacing-sm);
   }
-}
+}

src/assets/styles/pages/music.css

@@ -81,4 +81,4 @@
 
 p.concerts + ul + hr {
   display: none;
-}
+}

src/assets/styles/pages/watching.css

@@ -45,7 +45,7 @@ a:active > .watching.hero::after {
     &::after {
       position: absolute;
       z-index: 1;
-      content: '';
+      content: "";
       top: 0;
       left: 0;
       box-shadow: var(--box-shadow-media);
@@ -53,7 +53,8 @@ a:active > .watching.hero::after {
       height: 100%;
       border: var(--border-default);
       border-radius: var(--border-radius-slight);
-      transition: border-color var(--transition-duration-default) var(--transition-ease-in-out);
+      transition: border-color var(--transition-duration-default)
+        var(--transition-ease-in-out);
     }
   }
 
@@ -98,4 +99,4 @@ a:active > .watching.hero::after {
 
 .icon-link + .poster.grid {
   margin-top: var(--spacing-base);
-}
+}

src/assets/styles/pages/webrings.css

@@ -20,4 +20,4 @@
       display: flex;
     }
   }
-}
+}

src/assets/styles/plugins/prism.css

@@ -20,7 +20,7 @@ pre {
   margin: var(--sizing-xl) 0;
   overflow: auto;
 
-  &  > code {
+  & > code {
     padding: 0;
   }
 }
@@ -108,4 +108,4 @@ pre,
   &.bold {
     font-weight: var(--font-weight-bold);
   }
-}
+}

src/assets/styles/reset.css

@@ -1,4 +1,6 @@
-*, *::before, *::after {
+*,
+*::before,
+*::after {
   box-sizing: border-box;
   margin: 0;
 }
@@ -9,10 +11,19 @@ body {
   -webkit-text-size-adjust: none;
 }
 
-input, button, textarea, select {
+input,
+button,
+textarea,
+select {
   font: inherit;
 }
 
-p, h1, h2, h3, h4, h5, h6 {
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   overflow-wrap: break-word;
-}
+}

src/assets/styles/styles.json

@@ -1,3 +1,3 @@
 {
   "eleventyExcludeFromCollections": true
-}
+}

src/data/activity.js

@@ -1,20 +1,20 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
 
 export default async function fetchActivity() {
   const { data, error } = await supabase
-    .from('optimized_all_activity')
+    .from("optimized_all_activity")
-    .select('feed')
+    .select("feed");
 
   if (error) {
-    console.error('Error fetching activity data:', error)
+    console.error("Error fetching activity data:", error);
-    return []
+    return [];
   }
 
-  const [{ feed } = {}] = data
+  const [{ feed } = {}] = data;
 
-  return feed?.filter(item => item['feed'] !== null) || []
+  return feed?.filter((item) => item["feed"] !== null) || [];
-}
+}

src/data/albumReleases.js

@@ -1,43 +1,47 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
-import { DateTime } from 'luxon'
+import { DateTime } from "luxon";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
 
 const fetchAlbumReleases = async () => {
-  const today = DateTime.utc().startOf('day').toSeconds()
+  const today = DateTime.utc().startOf("day").toSeconds();
 
   const { data, error } = await supabase
-    .from('optimized_album_releases')
+    .from("optimized_album_releases")
-    .select('*')
+    .select("*");
 
   if (error) {
-    console.error('Error fetching data:', error)
+    console.error("Error fetching data:", error);
-    return []
+    return [];
   }
 
-  const all = data.map(album => {
+  const all = data
-    const releaseDate = DateTime.fromSeconds(album['release_timestamp']).toUTC().startOf('day')
+    .map((album) => {
+      const releaseDate = DateTime.fromSeconds(album["release_timestamp"])
+        .toUTC()
+        .startOf("day");
 
-    return {
+      return {
-      ...album,
+        ...album,
-      description: album['artist']['description'],
+        description: album["artist"]["description"],
-      date: releaseDate.toLocaleString(DateTime.DATE_FULL),
+        date: releaseDate.toLocaleString(DateTime.DATE_FULL),
-      timestamp: releaseDate.toSeconds()
+        timestamp: releaseDate.toSeconds(),
-    }
+      };
-  }).sort((a, b) => a['timestamp'] - b['timestamp'])
+    })
+    .sort((a, b) => a["timestamp"] - b["timestamp"]);
 
-  const upcoming = all.filter(album => album['release_timestamp'] > today)
+  const upcoming = all.filter((album) => album["release_timestamp"] > today);
 
-  return { all, upcoming }
+  return { all, upcoming };
-}
+};
 
 export default async function () {
   try {
-    return await fetchAlbumReleases()
+    return await fetchAlbumReleases();
   } catch (error) {
-    console.error('Error fetching and processing album releases:', error)
+    console.error("Error fetching and processing album releases:", error);
-    return []
+    return [];
   }
-}
+}

src/data/artists.js

@@ -1,47 +1,47 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
-import { parseCountryField } from '../../config/utilities/index.js'
+import { parseCountryField } from "../../config/utilities/index.js";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
-const PAGE_SIZE = 1000
+const PAGE_SIZE = 1000;
 
 const fetchAllArtists = async () => {
-  let artists = []
+  let artists = [];
-  let rangeStart = 0
+  let rangeStart = 0;
 
   while (true) {
     const { data, error } = await supabase
-      .from('optimized_artists')
+      .from("optimized_artists")
-      .select('*')
+      .select("*")
-      .range(rangeStart, rangeStart + PAGE_SIZE - 1)
+      .range(rangeStart, rangeStart + PAGE_SIZE - 1);
 
     if (error) {
-      console.error('Error fetching artists:', error)
+      console.error("Error fetching artists:", error);
-      break
+      break;
     }
 
-    artists = artists.concat(data)
+    artists = artists.concat(data);
-    if (data.length < PAGE_SIZE) break
+    if (data.length < PAGE_SIZE) break;
-    rangeStart += PAGE_SIZE
+    rangeStart += PAGE_SIZE;
   }
 
-  return artists
+  return artists;
-}
+};
 
 const processArtists = (artists) => {
-  return artists.map(artist => ({
+  return artists.map((artist) => ({
     ...artist,
-    country: parseCountryField(artist['country']),
+    country: parseCountryField(artist["country"]),
-  }))
+  }));
-}
+};
 
 export default async function () {
   try {
-    const artists = await fetchAllArtists()
+    const artists = await fetchAllArtists();
-    return processArtists(artists)
+    return processArtists(artists);
   } catch (error) {
-    console.error('Error fetching and processing artists data:', error)
+    console.error("Error fetching and processing artists data:", error);
-    return []
+    return [];
   }
-}
+}

src/data/blogroll.js

@@ -1,29 +1,31 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
 
 const fetchBlogroll = async () => {
   const { data, error } = await supabase
-    .from('authors')
+    .from("authors")
-    .select('*')
+    .select("*")
-    .eq('blogroll', true)
+    .eq("blogroll", true)
-    .order('name', { ascending: true })
+    .order("name", { ascending: true });
 
   if (error) {
-    console.error('Error fetching authors for the blogroll:', error)
+    console.error("Error fetching authors for the blogroll:", error);
-    return []
+    return [];
   }
 
-  return data.sort((a, b) => a['name'].toLowerCase().localeCompare(b['name'].toLowerCase()))
+  return data.sort((a, b) =>
-}
+    a["name"].toLowerCase().localeCompare(b["name"].toLowerCase())
+  );
+};
 
 export default async function () {
   try {
-    return await fetchBlogroll()
+    return await fetchBlogroll();
   } catch (error) {
-    console.error('Error fetching and processing the blogroll:', error)
+    console.error("Error fetching and processing the blogroll:", error);
-    return []
+    return [];
   }
-}
+}

src/data/books.js

@@ -1,60 +1,60 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
-const PAGE_SIZE = 1000
+const PAGE_SIZE = 1000;
 
 const fetchAllBooks = async () => {
-  let books = []
+  let books = [];
-  let rangeStart = 0
+  let rangeStart = 0;
 
   while (true) {
     const { data, error } = await supabase
-      .from('optimized_books')
+      .from("optimized_books")
-      .select('*')
+      .select("*")
-      .order('date_finished', { ascending: false })
+      .order("date_finished", { ascending: false })
-      .range(rangeStart, rangeStart + PAGE_SIZE - 1)
+      .range(rangeStart, rangeStart + PAGE_SIZE - 1);
 
     if (error) {
-      console.error('Error fetching books:', error)
+      console.error("Error fetching books:", error);
-      break
+      break;
     }
 
-    books = books.concat(data)
+    books = books.concat(data);
-    if (data.length < PAGE_SIZE) break
+    if (data.length < PAGE_SIZE) break;
-    rangeStart += PAGE_SIZE
+    rangeStart += PAGE_SIZE;
   }
 
-  return books
+  return books;
-}
+};
 
 const sortBooksByYear = (books) => {
-  const years = {}
+  const years = {};
-  books.forEach(book => {
+  books.forEach((book) => {
-    const year = book['year']
+    const year = book["year"];
     if (!years[year]) {
-      years[year] = { value: year, data: [book] }
+      years[year] = { value: year, data: [book] };
     } else {
-      years[year]['data'].push(book)
+      years[year]["data"].push(book);
     }
-  })
+  });
-  return Object.values(years).filter(year => year['value'] > 2017)
+  return Object.values(years).filter((year) => year["value"] > 2017);
-}
+};
 
-const currentYear = new Date().getFullYear()
+const currentYear = new Date().getFullYear();
 
 export default async function () {
-  const books = await fetchAllBooks()
+  const books = await fetchAllBooks();
-  const sortedByYear = sortBooksByYear(books)
+  const sortedByYear = sortBooksByYear(books);
-  const booksForCurrentYear = sortedByYear.find(
+  const booksForCurrentYear =
-    yearGroup => yearGroup.value === currentYear
+    sortedByYear.find((yearGroup) => yearGroup.value === currentYear)?.data ||
-  )?.data || []
+    [];
 
   return {
     all: books,
     years: sortedByYear,
     currentYear: booksForCurrentYear,
-    feed: books.filter(book => book['feed'])
+    feed: books.filter((book) => book["feed"]),
-  }
+  };
-}
+}

src/data/concerts.js

@@ -1,46 +1,46 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
-const PAGE_SIZE = 1000
+const PAGE_SIZE = 1000;
 
 const fetchAllConcerts = async () => {
-  let concerts = []
+  let concerts = [];
-  let rangeStart = 0
+  let rangeStart = 0;
 
   while (true) {
     const { data, error } = await supabase
-      .from('optimized_concerts')
+      .from("optimized_concerts")
-      .select('*')
+      .select("*")
-      .range(rangeStart, rangeStart + PAGE_SIZE - 1)
+      .range(rangeStart, rangeStart + PAGE_SIZE - 1);
 
     if (error) {
-      console.error('Error fetching concerts:', error)
+      console.error("Error fetching concerts:", error);
-      break
+      break;
     }
 
-    concerts = concerts.concat(data)
+    concerts = concerts.concat(data);
-    if (data.length < PAGE_SIZE) break
+    if (data.length < PAGE_SIZE) break;
-    rangeStart += PAGE_SIZE
+    rangeStart += PAGE_SIZE;
   }
 
-  return concerts
+  return concerts;
-}
+};
 
 const processConcerts = (concerts) => {
-  return concerts.map(concert => ({
+  return concerts.map((concert) => ({
     ...concert,
     artist: concert.artist || { name: concert.artist_name_string, url: null },
-  }))
+  }));
-}
+};
 
 export default async function () {
   try {
-    const concerts = await fetchAllConcerts()
+    const concerts = await fetchAllConcerts();
-    return processConcerts(concerts)
+    return processConcerts(concerts);
   } catch (error) {
-    console.error('Error fetching and processing concerts data:', error)
+    console.error("Error fetching and processing concerts data:", error);
-    return []
+    return [];
   }
-}
+}

src/data/genres.js

@@ -1,27 +1,25 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
 
 const fetchGenres = async () => {
-  const { data, error } = await supabase
+  const { data, error } = await supabase.from("optimized_genres").select("*");
-    .from('optimized_genres')
-    .select('*')
 
   if (error) {
-    console.error('Error fetching genres with artists:', error)
+    console.error("Error fetching genres with artists:", error);
-    return []
+    return [];
   }
 
-  return data
+  return data;
-}
+};
 
 export default async function () {
   try {
-    return await fetchGenres()
+    return await fetchGenres();
   } catch (error) {
-    console.error('Error fetching and processing genres:', error)
+    console.error("Error fetching and processing genres:", error);
-    return []
+    return [];
   }
-}
+}

src/data/globals.js

@@ -1,28 +1,28 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
 
 const fetchGlobals = async () => {
   const { data, error } = await supabase
-    .from('optimized_globals')
+    .from("optimized_globals")
-    .select('*')
+    .select("*")
-    .single()
+    .single();
 
   if (error) {
-    console.error('Error fetching globals:', error)
+    console.error("Error fetching globals:", error);
-    return {}
+    return {};
   }
 
-  return data
+  return data;
-}
+};
 
 export default async function () {
   try {
-    return await fetchGlobals()
+    return await fetchGlobals();
   } catch (error) {
-    console.error('Error fetching and processing globals:', error)
+    console.error("Error fetching and processing globals:", error);
-    return {}
+    return {};
   }
-}
+}

src/data/links.js

@@ -1,40 +1,40 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
-const PAGE_SIZE = 1000
+const PAGE_SIZE = 1000;
 
 const fetchAllLinks = async () => {
-  let links = []
+  let links = [];
-  let page = 0
+  let page = 0;
-  let fetchMore = true
+  let fetchMore = true;
 
   while (fetchMore) {
     const { data, error } = await supabase
-      .from('optimized_links')
+      .from("optimized_links")
-      .select('*')
+      .select("*")
-      .range(page * PAGE_SIZE, (page + 1) * PAGE_SIZE - 1)
+      .range(page * PAGE_SIZE, (page + 1) * PAGE_SIZE - 1);
 
     if (error) {
-      console.error('Error fetching links:', error)
+      console.error("Error fetching links:", error);
-      return links
+      return links;
     }
 
-    if (data.length < PAGE_SIZE) fetchMore = false
+    if (data.length < PAGE_SIZE) fetchMore = false;
 
-    links = links.concat(data)
+    links = links.concat(data);
-    page++
+    page++;
   }
 
-  return links
+  return links;
-}
+};
 
 export default async function () {
   try {
-    return await fetchAllLinks()
+    return await fetchAllLinks();
   } catch (error) {
-    console.error('Error fetching and processing links:', error)
+    console.error("Error fetching and processing links:", error);
-    return []
+    return [];
   }
-}
+}

src/data/movies.js

@@ -1,62 +1,67 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
-import { DateTime } from 'luxon'
+import { DateTime } from "luxon";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
-const PAGE_SIZE = 1000
+const PAGE_SIZE = 1000;
 
 const fetchAllMovies = async () => {
-  let movies = []
+  let movies = [];
-  let rangeStart = 0
+  let rangeStart = 0;
 
   while (true) {
     const { data, error } = await supabase
-      .from('optimized_movies')
+      .from("optimized_movies")
-      .select('*')
+      .select("*")
-      .range(rangeStart, rangeStart + PAGE_SIZE - 1)
+      .range(rangeStart, rangeStart + PAGE_SIZE - 1);
 
     if (error) {
-      console.error('Error fetching movies:', error)
+      console.error("Error fetching movies:", error);
-      break
+      break;
     }
 
-    movies = movies.concat(data)
+    movies = movies.concat(data);
 
-    if (data.length < PAGE_SIZE) break
+    if (data.length < PAGE_SIZE) break;
-    rangeStart += PAGE_SIZE
+    rangeStart += PAGE_SIZE;
   }
 
-  return movies
+  return movies;
-}
+};
 
 export default async function () {
-  const year = DateTime.now().year
+  const year = DateTime.now().year;
 
   try {
-    const movies = await fetchAllMovies()
+    const movies = await fetchAllMovies();
-    const favoriteMovies = movies.filter(movie => movie['favorite'])
+    const favoriteMovies = movies.filter((movie) => movie["favorite"]);
     const now = DateTime.now();
-    const recentlyWatchedMovies = movies.filter(movie => {
+    const recentlyWatchedMovies = movies.filter((movie) => {
-        const lastWatched = movie['last_watched']
+      const lastWatched = movie["last_watched"];
-        return (lastWatched && now.diff(DateTime.fromISO(lastWatched), 'months').months <= 6)
+      return (
-    })
+        lastWatched &&
+        now.diff(DateTime.fromISO(lastWatched), "months").months <= 6
+      );
+    });
 
     return {
       movies,
-      watchHistory: movies.filter(movie => movie['last_watched']),
+      watchHistory: movies.filter((movie) => movie["last_watched"]),
       recentlyWatched: recentlyWatchedMovies,
-      favorites: favoriteMovies.sort((a, b) => a['title'].localeCompare(b['title'])),
+      favorites: favoriteMovies.sort((a, b) =>
-      feed: movies.filter(movie => movie['feed']),
+        a["title"].localeCompare(b["title"])
-    }
+      ),
+      feed: movies.filter((movie) => movie["feed"]),
+    };
   } catch (error) {
-    console.error('Error fetching and processing movies data:', error)
+    console.error("Error fetching and processing movies data:", error);
     return {
       movies: [],
       watchHistory: [],
       recentlyWatched: [],
       favorites: [],
-      feed: []
+      feed: [],
-    }
+    };
   }
-}
+}

src/data/music.js

@@ -1,35 +1,35 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
-const PAGE_SIZE = 1000
+const PAGE_SIZE = 1000;
 
 const fetchDataFromView = async (viewName) => {
-  let rows = []
+  let rows = [];
-  let rangeStart = 0
+  let rangeStart = 0;
 
   while (true) {
     const { data, error } = await supabase
       .from(viewName)
-      .select('*')
+      .select("*")
-      .range(rangeStart, rangeStart + PAGE_SIZE - 1)
+      .range(rangeStart, rangeStart + PAGE_SIZE - 1);
 
     if (error) {
-      console.error(`Error fetching data from view ${viewName}:`, error)
+      console.error(`Error fetching data from view ${viewName}:`, error);
-      break
+      break;
     }
 
-    if (data.length === 0) break
+    if (data.length === 0) break;
 
-    rows = [...rows, ...data]
+    rows = [...rows, ...data];
 
-    if (data.length < PAGE_SIZE) break
+    if (data.length < PAGE_SIZE) break;
-    rangeStart += PAGE_SIZE
+    rangeStart += PAGE_SIZE;
   }
 
-  return rows
+  return rows;
-}
+};
 
 export default async function fetchMusicData() {
   try {
@@ -44,16 +44,16 @@ export default async function fetchMusicData() {
       monthAlbums,
       monthGenres,
     ] = await Promise.all([
-      fetchDataFromView('recent_tracks'),
+      fetchDataFromView("recent_tracks"),
-      fetchDataFromView('week_tracks'),
+      fetchDataFromView("week_tracks"),
-      fetchDataFromView('week_artists'),
+      fetchDataFromView("week_artists"),
-      fetchDataFromView('week_albums'),
+      fetchDataFromView("week_albums"),
-      fetchDataFromView('week_genres'),
+      fetchDataFromView("week_genres"),
-      fetchDataFromView('month_tracks'),
+      fetchDataFromView("month_tracks"),
-      fetchDataFromView('month_artists'),
+      fetchDataFromView("month_artists"),
-      fetchDataFromView('month_albums'),
+      fetchDataFromView("month_albums"),
-      fetchDataFromView('month_genres'),
+      fetchDataFromView("month_genres"),
-    ])
+    ]);
 
     return {
       recent: recentTracks,
@@ -64,7 +64,7 @@ export default async function fetchMusicData() {
         genres: weekGenres,
         totalTracks: weekTracks
           .reduce((acc, track) => acc + track.plays, 0)
-          .toLocaleString('en-US'),
+          .toLocaleString("en-US"),
       },
       month: {
         tracks: monthTracks,
@@ -73,11 +73,11 @@ export default async function fetchMusicData() {
         genres: monthGenres,
         totalTracks: monthTracks
           .reduce((acc, track) => acc + track.plays, 0)
-          .toLocaleString('en-US'),
+          .toLocaleString("en-US"),
       },
-    }
+    };
   } catch (error) {
-    console.error('Error fetching and processing music data:', error)
+    console.error("Error fetching and processing music data:", error);
-    return {}
+    return {};
   }
-}
+}

src/data/nav.js

@@ -1,48 +1,48 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
 
 const fetchAllNavigation = async () => {
   const { data, error } = await supabase
-    .from('optimized_navigation')
+    .from("optimized_navigation")
-    .select('*')
+    .select("*");
 
   if (error) {
-    console.error('Error fetching navigation data:', error)
+    console.error("Error fetching navigation data:", error);
-    return {}
+    return {};
   }
 
   const menu = data.reduce((acc, item) => {
     const menuItem = {
-      title: item['title'] || item['page_title'],
+      title: item["title"] || item["page_title"],
-      permalink: item['permalink'] || item ['page_permalink'],
+      permalink: item["permalink"] || item["page_permalink"],
-      icon: item['icon'],
+      icon: item["icon"],
-      sort: item['sort']
+      sort: item["sort"],
-    }
+    };
 
-    if (!acc[item['menu_location']]) {
+    if (!acc[item["menu_location"]]) {
-      acc[item['menu_location']] = [menuItem]
+      acc[item["menu_location"]] = [menuItem];
     } else {
-      acc[item['menu_location']].push(menuItem)
+      acc[item["menu_location"]].push(menuItem);
     }
 
-    return acc
+    return acc;
-  }, {})
+  }, {});
 
-  Object.keys(menu).forEach(location => {
+  Object.keys(menu).forEach((location) => {
-    menu[location].sort((a, b) => a['sort'] - b['sort'])
+    menu[location].sort((a, b) => a["sort"] - b["sort"]);
-  })
+  });
 
-  return menu
+  return menu;
-}
+};
 
 export default async function () {
   try {
-    return await fetchAllNavigation()
+    return await fetchAllNavigation();
   } catch (error) {
-    console.error('Error fetching and processing navigation data:', error)
+    console.error("Error fetching and processing navigation data:", error);
-    return {}
+    return {};
   }
-}
+}

src/data/nowPlaying.js

@@ -1,33 +1,35 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
 
 const fetchNowPlaying = async () => {
   const { data, error } = await supabase
-    .from('optimized_latest_listen')
+    .from("optimized_latest_listen")
-    .select('*')
+    .select("*")
-    .single()
+    .single();
 
   if (error) {
-    console.error('Error fetching the latest track:', error)
+    console.error("Error fetching the latest track:", error);
-    return {}
+    return {};
   }
 
-  const genreEmoji = data.genre_emoji
+  const genreEmoji = data.genre_emoji;
-  const emoji = data.artist_emoji || genreEmoji
+  const emoji = data.artist_emoji || genreEmoji;
 
   return {
-    content: `${emoji || '🎧'} ${data.track_name} by <a href="https://coryd.dev${data.url}">${data.artist_name}</a>`,
+    content: `${emoji || "🎧"} ${
-  }
+      data.track_name
-}
+    } by <a href="https://coryd.dev${data.url}">${data.artist_name}</a>`,
+  };
+};
 
 export default async function () {
   try {
-    return await fetchNowPlaying()
+    return await fetchNowPlaying();
   } catch (error) {
-    console.error('Error fetching and processing now-playing data:', error)
+    console.error("Error fetching and processing now-playing data:", error);
-    return {}
+    return {};
   }
-}
+}

src/data/pages.js

@@ -1,40 +1,40 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env['SUPABASE_URL']
+const SUPABASE_URL = process.env["SUPABASE_URL"];
-const SUPABASE_KEY = process.env['SUPABASE_KEY']
+const SUPABASE_KEY = process.env["SUPABASE_KEY"];
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
-const PAGE_SIZE = 250
+const PAGE_SIZE = 250;
 
 const fetchAllPages = async () => {
-  let pages = []
+  let pages = [];
-  let page = 0
+  let page = 0;
-  let fetchMore = true
+  let fetchMore = true;
 
   while (fetchMore) {
     const { data, error } = await supabase
-      .from('optimized_pages')
+      .from("optimized_pages")
-      .select('*')
+      .select("*")
-      .range(page * PAGE_SIZE, (page + 1) * PAGE_SIZE - 1)
+      .range(page * PAGE_SIZE, (page + 1) * PAGE_SIZE - 1);
 
     if (error) {
-      console.error('Error fetching pages:', error)
+      console.error("Error fetching pages:", error);
-      return pages
+      return pages;
     }
 
-    if (data.length < PAGE_SIZE) fetchMore = false
+    if (data.length < PAGE_SIZE) fetchMore = false;
 
-    pages = pages.concat(data)
+    pages = pages.concat(data);
-    page++
+    page++;
   }
 
-  return pages
+  return pages;
-}
+};
 
 export default async function () {
   try {
-    return await fetchAllPages()
+    return await fetchAllPages();
   } catch (error) {
-    console.error('Error fetching and processing pages:', error)
+    console.error("Error fetching and processing pages:", error);
-    return []
+    return [];
   }
-}
+}

src/data/posts.js

@@ -1,41 +1,41 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env['SUPABASE_URL']
+const SUPABASE_URL = process.env["SUPABASE_URL"];
-const SUPABASE_KEY = process.env['SUPABASE_KEY']
+const SUPABASE_KEY = process.env["SUPABASE_KEY"];
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
-const PAGE_SIZE = 1000
+const PAGE_SIZE = 1000;
 
 const fetchAllPosts = async () => {
-  let posts = []
+  let posts = [];
-  let page = 0
+  let page = 0;
-  let fetchMore = true
+  let fetchMore = true;
 
   while (fetchMore) {
     const { data, error } = await supabase
-      .from('optimized_posts')
+      .from("optimized_posts")
-      .select('*')
+      .select("*")
-      .order('date', { ascending: false })
+      .order("date", { ascending: false })
-      .range(page * PAGE_SIZE, (page + 1) * PAGE_SIZE - 1)
+      .range(page * PAGE_SIZE, (page + 1) * PAGE_SIZE - 1);
 
     if (error) {
-      console.error('Error fetching posts:', error)
+      console.error("Error fetching posts:", error);
-      return posts
+      return posts;
     }
 
-    if (data.length < PAGE_SIZE) fetchMore = false
+    if (data.length < PAGE_SIZE) fetchMore = false;
 
-    posts = posts.concat(data)
+    posts = posts.concat(data);
-    page++
+    page++;
   }
 
-  return posts
+  return posts;
-}
+};
 
 export default async function () {
   try {
-    return await fetchAllPosts()
+    return await fetchAllPosts();
   } catch (error) {
-    console.error('Error fetching and processing posts:', error)
+    console.error("Error fetching and processing posts:", error);
-    return []
+    return [];
   }
-}
+}

src/data/robots.js

@@ -1,38 +1,40 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
-const PAGE_SIZE = 500
+const PAGE_SIZE = 500;
 
 const fetchAllRobots = async () => {
-  let robots = []
+  let robots = [];
-  let from = 0
+  let from = 0;
 
   while (true) {
     const { data, error } = await supabase
-      .from('robots')
+      .from("robots")
-      .select('user_agent')
+      .select("user_agent")
-      .range(from, from + PAGE_SIZE - 1)
+      .range(from, from + PAGE_SIZE - 1);
 
     if (error) {
-      console.error('Error fetching robot data:', error)
+      console.error("Error fetching robot data:", error);
-      return []
+      return [];
     }
 
-    robots = robots.concat(data)
+    robots = robots.concat(data);
-    if (data.length < PAGE_SIZE) break
+    if (data.length < PAGE_SIZE) break;
-    from += PAGE_SIZE
+    from += PAGE_SIZE;
   }
 
-  return robots.map(robot => robot['user_agent']).sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase()))
+  return robots
-}
+    .map((robot) => robot["user_agent"])
+    .sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase()));
+};
 
 export default async function () {
   try {
-    return await fetchAllRobots()
+    return await fetchAllRobots();
   } catch (error) {
-    console.error('Error fetching and processing robot data:', error)
+    console.error("Error fetching and processing robot data:", error);
-    return []
+    return [];
   }
-}
+}

src/data/syndication.js

@@ -1,20 +1,20 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
 
 export default async function fetchSyndication() {
   const { data, error } = await supabase
-    .from('optimized_syndication')
+    .from("optimized_syndication")
-    .select('syndication')
+    .select("syndication");
 
   if (error) {
-    console.error('Error fetching search index data:', error)
+    console.error("Error fetching search index data:", error);
-    return []
+    return [];
   }
 
-  const [{ syndication } = {}] = data
+  const [{ syndication } = {}] = data;
 
-  return syndication?.filter(item => item['syndication'] !== null) || []
+  return syndication?.filter((item) => item["syndication"] !== null) || [];
-}
+}

src/data/tv.js

@@ -1,61 +1,65 @@
-import { createClient } from '@supabase/supabase-js'
+import { createClient } from "@supabase/supabase-js";
 
-const SUPABASE_URL = process.env.SUPABASE_URL
+const SUPABASE_URL = process.env.SUPABASE_URL;
-const SUPABASE_KEY = process.env.SUPABASE_KEY
+const SUPABASE_KEY = process.env.SUPABASE_KEY;
-const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
-const PAGE_SIZE = 1000
+const PAGE_SIZE = 1000;
 
 const fetchAllShows = async () => {
-  let shows = []
+  let shows = [];
-  let rangeStart = 0
+  let rangeStart = 0;
 
   while (true) {
     const { data, error } = await supabase
-      .from('optimized_shows')
+      .from("optimized_shows")
-      .select('*')
+      .select("*")
-      .range(rangeStart, rangeStart + PAGE_SIZE - 1)
+      .range(rangeStart, rangeStart + PAGE_SIZE - 1);
 
     if (error) {
-      console.error('Error fetching shows:', error)
+      console.error("Error fetching shows:", error);
-      break
+      break;
     }
 
-    shows = shows.concat(data)
+    shows = shows.concat(data);
-    if (data.length < PAGE_SIZE) break
+    if (data.length < PAGE_SIZE) break;
-    rangeStart += PAGE_SIZE
+    rangeStart += PAGE_SIZE;
   }
 
-  return shows
+  return shows;
-}
+};
 
 export default async function () {
   try {
-    const shows = await fetchAllShows()
+    const shows = await fetchAllShows();
-    const watchedShows = shows.filter(show => show['last_watched_at'] !== null)
+    const watchedShows = shows.filter(
-    const episodes = watchedShows.map(show => ({
+      (show) => show["last_watched_at"] !== null
-      title: show['episode']['title'],
+    );
-      year: show['year'],
+    const episodes = watchedShows.map((show) => ({
-      formatted_episode: show['episode']['formatted_episode'],
+      title: show["episode"]["title"],
-      url: show['episode']['url'],
+      year: show["year"],
-      image: show['episode']['image'],
+      formatted_episode: show["episode"]["formatted_episode"],
-      backdrop: show['episode']['backdrop'],
+      url: show["episode"]["url"],
-      last_watched_at: show['episode']['last_watched_at'],
+      image: show["episode"]["image"],
-      grid: show['grid'],
+      backdrop: show["episode"]["backdrop"],
-      type: 'tv'
+      last_watched_at: show["episode"]["last_watched_at"],
-    }))
+      grid: show["grid"],
+      type: "tv",
+    }));
 
     return {
       shows,
       recentlyWatched: episodes.slice(0, 125),
-      favorites: shows.filter(show => show.favorite).sort((a, b) => a.title.localeCompare(b.title)),
+      favorites: shows
-    }
+        .filter((show) => show.favorite)
+        .sort((a, b) => a.title.localeCompare(b.title)),
+    };
   } catch (error) {
-    console.error('Error fetching and processing shows data:', error)
+    console.error("Error fetching and processing shows data:", error);
 
     return {
       shows: [],
       recentlyWatched: [],
       favorites: [],
-    }
+    };
   }
-}
+}