chore: additional formatting w/prettier

.eslintrc.json

@@ -10,25 +10,16 @@
     "ecmaVersion": 11
   },
   "rules": {
-        "indent": [
+    "indent": ["error", 2],
+    "linebreak-style": ["error", "unix"],
+    "quotes": ["error", "single"],
+    "semi": ["error", "never"],
+    "array-element-newline": [
       "error",
-            2
+      {
-        ],
-        "linebreak-style": [
-            "error",
-            "unix"
-        ],
-        "quotes": [
-            "error",
-            "single"
-        ],
-        "semi": [
-            "error",
-            "never"
-        ],
-        "array-element-newline": ["error", {
         "ArrayExpression": "consistent",
         "ArrayPattern": { "minItems": 3 }
-        }]
+      }
+    ]
   }
 }

.github/dependabot.yml

@@ -1,6 +1,6 @@
 version: 2
 updates:
-  - package-ecosystem: "npm"
+  - package-ecosystem: 'npm'
-    directory: "/"
+    directory: '/'
     schedule:
-      interval: "daily"
+      interval: 'daily'

package.json

@@ -53,9 +53,12 @@
     "tailwindcss": "^3.0.18"
   },
   "lint-staged": {
-    "**/*.{js,jsx,ts,tsx}": [
+    "**/*.{js,jsx,ts,tsx,json}": [
       "npx prettier --write",
       "npx eslint --fix"
+    ],
+    "**/*.{scss}": [
+      "npx prettier --write"
     ]
   }
 }

src/assets/styles/index.css

@@ -1,5 +1,5 @@
 .header-anchor {
-  text-decoration: none!important;
+  text-decoration: none !important;
 }
 
 h1 > a.header-anchor {

src/posts/2023/adding-client-side-rendered-webmentions-to-my-blog.md

@@ -20,9 +20,9 @@ export default async function handler(req: any, res: any) {
   const DOMAIN = req.query.domain
   const TARGET = req.query.target
   const data = await fetch(
-        `https://webmention.io/api/mentions.jf2?token=${
+    `https://webmention.io/api/mentions.jf2?token=${DOMAIN === 'coryd.dev' ? KEY_CORYD : KEY_BLOG}${
-            DOMAIN === 'coryd.dev' ? KEY_CORYD : KEY_BLOG
+      TARGET ? `&target=${TARGET}` : ''
-        }${TARGET ? `&target=${TARGET}` : ''}&per-page=1000`
+    }&per-page=1000`
   ).then((response) => response.json())
   res.json(data)
 }
@@ -90,9 +90,7 @@ document.addEventListener('DOMContentLoaded', (event) => {
                   mention.author.photo
                 }" alt="${mention.author.name}" /><div class="time">${formatDate(
                   mention.published
-                                )}</div></div><div class="comment-body">${
+                )}</div></div><div class="comment-body">${mention.content.text}</div></a></div>`
-                                    mention.content.text
-                                }</div></a></div>`
               }
             })
 
@@ -104,15 +102,11 @@ document.addEventListener('DOMContentLoaded', (event) => {
             webmentionsCommentsWrapper.insertAdjacentHTML('beforeEnd', comments)
             webmentionsWrapper.style.opacity = 1
 
-                        if (likes === '')
+            if (likes === '') document.getElementById('webmentions-likes').innerHTML === ''
-                            document.getElementById('webmentions-likes').innerHTML === ''
+            if (boosts === '') document.getElementById('webmentions-boosts').innerHTML === ''
-                        if (boosts === '')
+            if (comments === '') document.getElementById('webmentions-comments').innerHTML === ''
-                            document.getElementById('webmentions-boosts').innerHTML === ''
-                        if (comments === '')
-                            document.getElementById('webmentions-comments').innerHTML === ''
 
-                        if (likes === '' && boosts === '' && comments === '')
+            if (likes === '' && boosts === '' && comments === '') webmentionsWrapper.remove()
-                            webmentionsWrapper.remove()
           })
       } catch (e) {
         webmentionsWrapper.remove()

src/posts/2023/automating-and-overengineering-my-now-page.md

@@ -156,9 +156,7 @@ export default async function handler(req: any, res: any) {
       const books = await fetch(`${host}/api/books`)
         .then((res) => res.json())
         .then((json) => {
-                    const data = json.entries
+          const data = json.entries.slice(0, 5).map((book: { title: string; link: string }) => {
-                        .slice(0, 5)
-                        .map((book: { title: string; link: string }) => {
             return {
               title: book.title,
               link: book.link,
@@ -190,9 +188,7 @@ export default async function handler(req: any, res: any) {
             json: data,
             md: data
               .map((d: any) => {
-                                return `- [${d.title}](${d.link}): ${d.desc} {${getRandomIcon(
+                return `- [${d.title}](${d.link}): ${d.desc} {${getRandomIcon('movies')}}`
-                                    'movies'
-                                )}}`
               })
               .join('\n'),
           }
@@ -203,21 +199,14 @@ export default async function handler(req: any, res: any) {
         .then((json) => {
           const data = json.entries
             .splice(0, 5)
-                        .map(
+            .map((episode: { title: string; link: string; image: string; thumbnail: string }) => {
-                            (episode: {
-                                title: string
-                                link: string
-                                image: string
-                                thumbnail: string
-                            }) => {
               return {
                 title: episode.title,
                 link: episode.link,
                 image: episode.image,
                 thumbnail: episode.thumbnail,
               }
-                            }
+            })
-                        )
           return {
             json: data,
             html: data
@@ -241,12 +230,8 @@ export default async function handler(req: any, res: any) {
           const data = json.topartists.artist.map((a: any) => {
             return {
               artist: a.name,
-                            link: `https://rateyourmusic.com/search?searchterm=${encodeURIComponent(
+              link: `https://rateyourmusic.com/search?searchterm=${encodeURIComponent(a.name)}`,
-                                a.name
+              image: `${host}/api/media?artist=${a.name.replace(/\s+/g, '-').toLowerCase()}`,
-                            )}`,
-                            image: `${host}/api/media?artist=${a.name
-                                .replace(/\s+/g, '-')
-                                .toLowerCase()}`,
             }
           })
           return {
@@ -272,14 +257,10 @@ export default async function handler(req: any, res: any) {
           const data = json.topalbums.album.map((a: any) => ({
             title: a.name,
             artist: a.artist.name,
-                        link: `https://rateyourmusic.com/search?searchterm=${encodeURIComponent(
+            link: `https://rateyourmusic.com/search?searchterm=${encodeURIComponent(a.name)}`,
-                            a.name
-                        )}`,
             image: !ALBUM_DENYLIST.includes(a.name.replace(/\s+/g, '-').toLowerCase())
               ? a.image[a.image.length - 1]['#text']
-                            : `${host}/api/media?album=${a.name
+              : `${host}/api/media?album=${a.name.replace(/\s+/g, '-').toLowerCase()}`,
-                                  .replace(/\s+/g, '-')
-                                  .toLowerCase()}`,
           }))
           return {
             json: data,
@@ -290,9 +271,7 @@ export default async function handler(req: any, res: any) {
               .join('\n'),
             md: data
               .map((d: any) => {
-                                return `- [${d.title}](${d.link}) by ${d.artist} {${getRandomIcon(
+                return `- [${d.title}](${d.link}) by ${d.artist} {${getRandomIcon('music')}}`
-                                    'music'
-                                )}}`
               })
               .join('\n'),
           }

src/posts/2023/automating-rss-syndication-with-nextjs-github.md

@@ -80,9 +80,7 @@ export default async function syndicate(init?: string) {
           entries[0].tags
             .split(',')
             .forEach((a, index) =>
-                            index === 0
+              index === 0 ? (tags += `#${toPascalCase(a)}`) : (tags += ` #${toPascalCase(a)}`)
-                                ? (tags += `#${toPascalCase(a)}`)
-                                : (tags += ` #${toPascalCase(a)}`)
             )
           tags += ` ${TAGS[service]}`
         } else {

src/posts/2023/building-a-now-page-using-nextjs-and-social-apis.md

@@ -49,10 +49,7 @@ export default function Now(props) {
 
   return (
     <>
-            <PageSEO
+      <PageSEO title={`Now - ${siteMetadata.author}`} description={siteMetadata.description.now} />
-                title={`Now - ${siteMetadata.author}`}
-                description={siteMetadata.description.now}
-            />
       <div className="divide-y divide-gray-200 dark:divide-gray-700">
         <div className="space-y-2 pt-6 pb-8 md:space-y-5">
           <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
@@ -67,8 +64,7 @@ export default function Now(props) {
             <Status status={status} />
             <p className="mt-2 text-lg leading-7 text-gray-500 dark:text-gray-100">
               <MapPinIcon className="mr-1 inline h-6 w-6" />
-                            Living in Camarillo, California with my beautiful family, 4 rescue dogs and
+              Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.
-                            a guinea pig.
             </p>
             <p className="mt-2 text-lg leading-7 text-gray-500 dark:text-gray-100">
               <CodeBracketIcon className="mr-1 inline h-6 w-6" />

src/posts/2023/client-side-webmentions-in-nextjs.md

@@ -39,13 +39,11 @@ const WebmentionsCore = () => {
   const { asPath } = useRouter()
   const { response, error } = useJson(`/api/webmentions?target=${siteMetadata.siteUrl}${asPath}`)
   const webmentions = response?.children
-    const hasLikes =
+  const hasLikes = webmentions?.filter((mention) => mention['wm-property'] === 'like-of').length > 0
-        webmentions?.filter((mention) => mention['wm-property'] === 'like-of').length > 0
   const hasComments =
     webmentions?.filter((mention) => mention['wm-property'] === 'in-reply-to').length > 0
   const boostsCount = webmentions?.filter(
-        (mention) =>
+    (mention) => mention['wm-property'] === 'repost-of' || mention['wm-property'] === 'mention-of'
-            mention['wm-property'] === 'repost-of' || mention['wm-property'] === 'mention-of'
   ).length
   const hasBoosts = boostsCount > 0
   const hasMention = hasLikes || hasComments || hasBoosts
@@ -76,11 +74,7 @@ const WebmentionsCore = () => {
             if (mention['wm-property'] === 'like-of')
               return (
                 <li key={mention['wm-id']} className="-ml-2">
-                                    <Link
+                  <Link href={mention.url} target="_blank" rel="noopener noreferrer">
-                                        href={mention.url}
-                                        target="_blank"
-                                        rel="noopener noreferrer"
-                                    >
                     <Image
                       className="h-10 w-10 rounded-full border border-primary-500 dark:border-gray-500"
                       src={mention.author.photo}

src/posts/2023/env-files-eleventy.md

@@ -6,6 +6,7 @@ tags: ['.env', '11ty', 'eleventy']
 ---
 
 **dotenv-flow:**
+
 > **dotenv-flow** extends **dotenv** adding the ability to have multiple `.env*` files like `.env.development`, `.env.test` and `.env.production`, also allowing defined variables to be overwritten individually in the appropriate `.env*.local` file.
 
 The Eleventy docs recommend the `dotenv` package for working with `.env` files[^1], but I've found `dotenv-flow` to be a bit more useful inasmuch as support for `.env*` file patterns make development more convenient.<!-- excerpt -->

src/posts/2023/webmentions-in-eleventy.md

@@ -58,6 +58,7 @@ jobs:
 When the build runs, it renders any mentions of a given post via a [liquid.js](https://liquidjs.com/) template that looks like this:
 
 {% raw %}
+
 ```liquid
 {% if webmentions %}
     <div class="border-t border-gray-200 mt-12 pt-14 dark:border-gray-700">
@@ -130,6 +131,7 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
     </div>
 {% endif %}
 ```
+
 {% endraw %}
 
 This conditionally displays different mention types based on the available data after being passed through the `webmentionsByUrl` filter which I shamelessly lifted from [Robb](https://github.com/rknightuk/rknight.me/blob/8e2a5c5f886cae6c04add7893b8bf8a2d6295ddf/config/filters.js#L48-L84).

src/sitemap.md

@@ -2,6 +2,7 @@
 permalink: /sitemap.xml
 eleventyExcludeFromCollections: true
 ---
+
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   {% for page in collections.all %}
     <url>

src/tagList.md

@@ -11,6 +11,7 @@ templateEngineOverride: liquid,md
 ---
 
 {% for post in collections[tag] %}
+
 <div class="mb-8 border-b border-gray-200 pb-4 dark:border-gray-700">
   <a class="no-underline" href="{{ post.url }}">
     <h2