WIP tryna get redirects working

[#111]

gatsby-config.js

@@ -5,6 +5,7 @@ module.exports = {
     siteUrl: 'https://almost-dead.net',
   },
   plugins: [
+    'gatsby-plugin-meta-redirect',
     {
       resolve: `gatsby-source-filesystem`,
       options: {

gatsby-node.js

@@ -6,6 +6,10 @@ const ShowEmbedTemplate = require.resolve('./src/templates/show-embed.js')
 const SongTemplate = require.resolve('./src/templates/song.js')
 const VenueTemplate = require.resolve('./src/templates/venue.js')
 
+function urlify(string) {
+ return slugify(string, {remove: /[^a-z\d ]/gi}) 
+}
+
 exports.createSchemaCustomization = ({actions: {createTypes}}) => {
   // n.b. this is GraphQL "SDL"
   createTypes(`
@@ -77,7 +81,7 @@ exports.createSchemaCustomization = ({actions: {createTypes}}) => {
   `)
 }
 
-exports.createPages = async ({graphql, actions: {createPage, createTypes} }) => {
+exports.createPages = async ({graphql, actions: {createPage, createRedirect} }) => {
   const result = await graphql(`
     query Everything {
       allVenuesCsv {
@@ -150,13 +154,18 @@ exports.createPages = async ({graphql, actions: {createPage, createTypes} }) =>
   })
 
   songs.filter(song => song.title && song.title !== '[unknown]').forEach((song) => {
+    const songPageUrl = `/song/${song.id}-${urlify(song.title)}`
+    createRedirect({
+      fromPath: `/song/${song.id}`,
+      toPath: songPageUrl,
+    })
     createPage({
-      path: `/song/${song.id}`,
+      path: songPageUrl,
       component: SongTemplate,
       context: {
         songId: song.id,
-      }
-    })
+      },
+    });
   })
 
   venues.filter(venue => venue.name).forEach(venue => {

package.json

@@ -45,6 +45,7 @@
     "gatsby-plugin-google-fonts": "^1.0.1",
     "gatsby-plugin-image": "^1.11.0",
     "gatsby-plugin-loadable-components-ssr": "^4.3.2",
+    "gatsby-plugin-meta-redirect": "^1.1.1",
     "gatsby-plugin-react-helmet": "^4.14.0",
     "gatsby-source-filesystem": "^3.14.0",
     "gatsby-transformer-csv": "^3.14.0",

src/templates/song.js

@@ -142,7 +142,7 @@ function SortableTable({columns, data, previousUrl=''}) {
         prepareRow(row) // no return value; mutates `row`?
         return <tr {...row.getRowProps()}>
           {row.cells.map(cell => {
-            const url = `/show/${cell.row.original.fullData.showData.id}`
+            // const url = `/show/${cell.row.original.fullData.showData.id}`
             const classNameTd = classnames({
               blank: cell.value === '[opener]' || cell.value === '[closer]',
               [`sortable__cell-${cell.column.id}`]: true,
@@ -213,7 +213,7 @@ export default function Song({data: {
         after.segue = find(propEq('from_perf_id', performanceIdStr))(allSegues)?.type || ','
       } else after = {song_name: '[closer]'}
       const whichSet = Object.entries(SET_MAPPING)
-        .find(([col_name, readable_name]) => showData[col_name] === setData.id)[1]
+        .find(([col_name, _readable_name]) => showData[col_name] === setData.id)[1]
       const variation = performanceData.variation
         ? `(${performanceData.variation})`
         : false