feat: hide now link (for now)

.gitignore

@@ -2,6 +2,7 @@
 dist/
 .output/
 .astro/
+.continue/
 
 # dependencies
 node_modules/

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ayco/personal-website",
   "type": "module",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "private": true,
   "scripts": {
     "astro": "astro",

src/components/Footer.astro

@@ -32,8 +32,8 @@ const year = new Date().getFullYear()
             aria-label={linkObj.text}
           >
             <Icon
-              width="1.5em"
+              width="1em"
-              height="1.5em"
+              height="1em"
               name={`${linkObj.set ?? 'simple-icons'}:${linkObj.icon}`}
             />
           </a>

src/constants/links.ts

@@ -40,14 +40,24 @@ export const links: Link[] = [
 export default links
 
 export const footerLinks: Link[] = [
+  {
+    text: "Ayo's Forge",
+    url: 'https://git.ayo.run/ayo/',
+    icon: 'git',
+  },
   {
     text: 'SourceHut',
-    url: 'https://ayco.io/sh/',
+    url: 'https://sr.ht/~ayoayco',
     icon: 'sourcehut',
   },
+  {
+    text: 'GitHub',
+    url: 'https://ayco.io/gh',
+    icon: 'github',
+  },
   {
     text: 'Mastodon',
-    url: 'https://yolk.ayo.run/https://social.ayco.io/public/local',
+    url: 'https://social.ayco.io/public/local',
     icon: 'mastodon',
   },
   {
@@ -56,9 +66,14 @@ export const footerLinks: Link[] = [
     icon: 'pixelfed',
   },
   {
-    text: 'GitHub',
+    text: 'Bluesky',
-    url: 'https://ayco.io/gh',
+    url: 'http://bsky.app/profile/ayco.io',
-    icon: 'github',
+    icon: 'bluesky',
+  },
+  {
+    text: 'LinkedIn',
+    url: 'https://www.linkedin.com/in/ayoayco/',
+    icon: 'linkedin',
   },
 ]
 

src/pages/index.astro

@@ -2,7 +2,7 @@
 import Layout from '../layouts/Layout.astro'
 import Card from '../components/Card.astro'
 import Footer from '../components/Footer.astro'
-import now from '../constants/now.json'
+// import now from '../constants/now.json'
 ---
 
 <Layout>
@@ -29,11 +29,11 @@ import now from '../constants/now.json'
         <h1 title="Ayo Ayco | Software Engineer + Web Developer">
           Hi, I'm <span class="heavy-text">Ayo</span>!
         </h1>
-        <!-- <a href="https://forms.ayo.run/form/tnz7FybY" class="now-wrapper"> -->
+        <!--a href="https://forms.ayo.run/form/tnz7FybY" class="now-wrapper"-->
-        <a href="/now" class="now-wrapper">
+        <!--a href="/now" class="now-wrapper">
           <span class="now-label">now</span>
           <span class="status">{now.title}</span>
-        </a>
+        </a-->
       </div>
     </div>
   </section>

src/pages/showcase.astro

@@ -16,6 +16,12 @@ import Card from '../components/Card.astro'
       >.
     </p>
     <ul>
+      <Card
+        newTab
+        href="https://git.ayo.run/ayo/simple-tts#readme"
+        title="Simple TTS"
+        body="A simple machine learning text-to-speech program for the terminal"
+      />
       <Card
         newTab
         href="https://mcfly.js.org"

src/sw.mjs

@@ -6,17 +6,39 @@
 const cacheName = `${__prefix ?? 'app'}-v${__version ?? '000'}`
 const forceLogging = true
 
+/**
+ * Cleans up old service worker caches by deleting any cache that doesn't match the current cache name.
+ * This ensures only the current version of the application's cache is retained.
+ * @async
+ * @function cleanOldCaches
+ * @returns {Promise<void>} A promise that resolves when old caches have been deleted
+ */
 const cleanOldCaches = async () => {
   const allowCacheNames = [cacheName]
   const allCaches = await caches.keys()
   allCaches.forEach((key) => {
     if (!allowCacheNames.includes(key)) {
       console.info('Deleting old cache', key)
-      caches.delete(key)
+      caches
+        .delete(key)
+        .then(() => {
+          console.info('Successfully deleted cache:', key)
+        })
+        .catch((error) => {
+          console.warn('Failed to delete old cache:', key, error)
+        })
     }
   })
 }
 
+/**
+ * Adds specified resources to the service worker cache.
+ * This function is used to cache static assets for offline access.
+ * @async
+ * @function addResourcesToCache
+ * @param {Array<string>} resources - An array of URLs representing the resources to be cached.
+ * @returns {Promise<void>} A promise that resolves when all resources have been successfully added to the cache.
+ */
 const addResourcesToCache = async (resources) => {
   const cache = await caches.open(cacheName)
   console.info('adding resources to cache...', {
@@ -34,6 +56,14 @@ const addResourcesToCache = async (resources) => {
   }
 }
 
+/**
+ * Puts a response in the cache.
+ * @async
+ * @function putInCache
+ * @param {Request} request - The request to be cached.
+ * @param {Response} response - The response to be cached.
+ * @returns {Promise<void>} A promise that resolves when the response has been added to the cache.
+ */
 const putInCache = async (request, response) => {
   const cache = await caches.open(cacheName)
 
@@ -49,9 +79,6 @@ const networkFirst = async ({ request, fallbackUrl }) => {
   try {
     // Try to get the resource from the network for 5 seconds
     const responseFromNetwork = await fetch(request.clone())
-    // response may be used only once
-    // we need to save clone to put one copy in cache
-    // and serve second one
     putInCache(request, responseFromNetwork.clone())
     console.info('using network response', responseFromNetwork.url)
     return responseFromNetwork
@@ -64,12 +91,14 @@ const networkFirst = async ({ request, fallbackUrl }) => {
       return responseFromCache
     }
 
-    // Try the fallback
+    // If fallback is provided, try to use it, otherwise return error
+    if (fallbackUrl) {
       const fallbackResponse = await cache.match(fallbackUrl)
       if (fallbackResponse) {
         console.info('using fallback cached response...', fallbackResponse.url)
         return fallbackResponse
       }
+    }
 
     // when even the fallback response is not available,
     // there is nothing we can do, but we must always