Merge pull request #27 from john-kurkowski/upgrade

Upgrade breaking deps, to keep up with the Joneses

Gatsby and Markdown and Tailwind have changed a lot in 4 years. This brings them up to date.

Author: john-kurkowski

.husky/pre-commit

@@ -0,0 +1 @@
+npm test

gatsby-config.js renamed to gatsby-config.mjs

@@ -1,4 +1,8 @@
-module.exports = {
+import { dirname } from 'path'
+import { fileURLToPath } from 'url'
+import remarkGfm from 'remark-gfm'
+
+export default {
   siteMetadata: {
     description: 'UX Engineering Consultant',
     siteUrl: 'https://johnkurkowski.com',
@@ -16,7 +20,7 @@ module.exports = {
               {
                 allMdx(
                   filter: { fields: { date: { ne: null } } }
-                  sort: { fields: [fields___date], order: DESC }
+                  sort: { fields: { date: DESC } }
                 ) {
                   edges {
                     node {
@@ -29,7 +33,6 @@ module.exports = {
                         description
                         title
                       }
-                      html
                       id
                     }
                   }
@@ -43,10 +46,11 @@ module.exports = {
                   date: edge.node.fields.date,
                   url: site.siteMetadata.siteUrl + edge.node.fields.slug,
                   guid: site.siteMetadata.siteUrl + edge.node.fields.slug,
-                  custom_elements: [{ 'content:encoded': edge.node.html }]
+                  custom_elements: [{ 'content:encoded': edge.node.excerpt }]
                 })
               })
-            }
+            },
+            title: 'John Kurkowski'
           }
         ]
       }
@@ -68,7 +72,7 @@ module.exports = {
       resolve: `gatsby-source-filesystem`,
       options: {
         name: `pages`,
-        path: `${__dirname}/src/content/`
+        path: `${dirname(fileURLToPath(import.meta.url))}/src/content/`
       }
     },
     {
@@ -77,13 +81,6 @@ module.exports = {
         extensions: [`.md`, `.mdx`],
         gatsbyRemarkPlugins: [
           `gatsby-plugin-catch-links`,
-          {
-            resolve: `gatsby-remark-autolink-headers`,
-            options: {
-              enableCustomId: true,
-              isIconAfterHeader: true
-            }
-          },
           {
             resolve: `gatsby-remark-copy-linked-files`,
             options: {
@@ -93,7 +90,9 @@ module.exports = {
           `gatsby-remark-prismjs`,
           `gatsby-remark-smartypants`
         ],
-        plugins: [`gatsby-remark-autolink-headers`]
+        mdxOptions: {
+          remarkPlugins: [remarkGfm]
+        }
       }
     }
   ]

gatsby-node.js renamed to gatsby-node.mjs

@@ -1,8 +1,7 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const path = require('path')
-const { createFilePath } = require(`gatsby-source-filesystem`)
+import path from 'path'
+import { createFilePath } from 'gatsby-source-filesystem'
 
-exports.onCreateNode = ({ node, getNode, actions }) => {
+export function onCreateNode ({ node, getNode, actions }) {
   const { createNodeField } = actions
   if (node.internal.type === `Mdx`) {
     const parent = getNode(node.parent)
@@ -30,7 +29,7 @@ exports.onCreateNode = ({ node, getNode, actions }) => {
   }
 }
 
-exports.createPages = async ({ graphql, actions }) => {
+export async function createPages ({ graphql, actions }) {
   const { createPage } = actions
   const result = await graphql(`
     query {
@@ -41,6 +40,9 @@ exports.createPages = async ({ graphql, actions }) => {
               date
               slug
             }
+            internal {
+              contentFilePath
+            }
           }
         }
       }
@@ -53,7 +55,9 @@ exports.createPages = async ({ graphql, actions }) => {
     createPage({
       path: node.fields.slug,
       component: path.resolve(
-        `./src/components/layouts/${isPost ? 'post' : 'page'}.tsx`
+        `./src/components/layouts/${
+          isPost ? 'post' : 'page'
+        }.jsx?__contentFilePath=${node.internal.contentFilePath}`
       ),
       context: {
         date: node.fields.date,

netlify.toml

@@ -3,5 +3,5 @@
   publish = "public/"
 
 [build.environment]
-  NODE_VERSION = "16.14.2"
-  NPM_VERSION = "8.6.0"
+  NODE_VERSION = "20.12.0"
+  NPM_VERSION = "10.5.0"