From c12966c893428e0821ecc315e5bc7a62355eb9ad Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Fri, 17 Feb 2023 16:23:28 -0800
Subject: [PATCH] Caching bandcamp albums call.

---
 src/lib/components/articles/index.svelte |  1 +
 src/lib/util/fetchBandcampAlbums.ts      | 18 +++++++++++++++++-
 src/routes/+page.svelte                  |  2 --
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/articles/index.svelte b/src/lib/components/articles/index.svelte
index ff50f1f..b811c98 100644
--- a/src/lib/components/articles/index.svelte
+++ b/src/lib/components/articles/index.svelte
@@ -16,6 +16,7 @@
               <h3>
                 <a
                   target="_blank"
+                  title={`Link to ${article.title}`}
                   aria-label={`Link to ${article.title}`}
                   href={article.url.toString()}
                   rel="noreferrer"
diff --git a/src/lib/util/fetchBandcampAlbums.ts b/src/lib/util/fetchBandcampAlbums.ts
index 0cf1103..3a0932a 100644
--- a/src/lib/util/fetchBandcampAlbums.ts
+++ b/src/lib/util/fetchBandcampAlbums.ts
@@ -1,9 +1,22 @@
-import { BANDCAMP_USERNAME } from '$env/static/private';
+import { BANDCAMP_USERNAME, USE_REDIS_CACHE } from '$env/static/private';
 import scrapeIt from 'scrape-it';
+import { redis } from '../server/redis';
 import type { Album } from '../types/album';
 
 export async function fetchBandcampAlbums() {
 	try {
+		if (USE_REDIS_CACHE) {
+			const cached = await redis.get('bandcampAlbums');
+
+			if (cached) {
+				const response = JSON.parse(cached);
+				console.log(`Cache hit!`);
+				const ttl = await redis.ttl('bandcampAlbums');
+
+				return response;
+			}
+		}
+
 		const { data } = await scrapeIt(`https://bandcamp.com/${BANDCAMP_USERNAME}`, {
 			collectionItems: {
 				listItem: '.collection-item-container',
@@ -30,6 +43,9 @@ export async function fetchBandcampAlbums() {
 		// console.log(`Albums ${JSON.stringify(albums)}`);
 
 		if (albums && albums?.length > 0) {
+			if (USE_REDIS_CACHE) {
+				redis.set('bandcampAlbums', JSON.stringify(albums), 'EX', 43200);
+			}
 			return albums;
 		} else {
 			return [];
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b6c292d..b07fce3 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -29,7 +29,6 @@
 	<div>
 		<h1>Hello! I'm Bradley Shellnut.</h1>
 	</div>
-	<div>
 		<p>
 			I'm a full stack software engineer currently working on Java Spring, PostgreSQL, and React / Angular JS.
 		</p>
@@ -69,7 +68,6 @@
 			</a>
 			, or read more <a href="/about">about me</a>.
 		</p>
-	</div>
 	<div class="social-info">
 		<Bandcamp {albums} />
 		<Articles {articles} {totalArticles} compact={true} />