Coda configurable redirects

app/routes/$redirects.tsx

@@ -0,0 +1,23 @@
+import type {LoaderArgs} from '@remix-run/cloudflare'
+import {redirect} from '@remix-run/cloudflare'
+import {loadRedirects} from '~/server-utils/stampy'
+
+export const loader = async ({request, params}: LoaderArgs) => {
+  try {
+    const {data: redirects} = await loadRedirects(request)
+    const to = params['*'] && redirects[params['*'].replace(/^\/+/, '')]
+    if (to) return redirect(to.replace(/^\/+/, '/'))
+  } catch (e) {
+    console.error(e)
+  }
+  throw new Response(null, {
+    status: 404,
+    statusText: 'Not Found',
+  })
+}
+
+const RenderUI = () => {
+  // This should never be called, but is required for Remix to treat it as an UI route
+  return null
+}
+export default RenderUI

app/server-utils/coda-urls.ts

@@ -13,6 +13,7 @@ export const TAGS_TABLE = 'grid-4uOTjz1Rkz'
 export const WRITES_TABLE = 'table-eEhx2YPsBE'
 export const GLOSSARY_TABLE = 'grid-_pSzs23jmw'
 export const BANNERS_TABLE = 'grid-3WgZ9_NkvO'
+export const REDIRECTS_TABLE = 'grid-3MRnDQLOm3'
 
 type CodaRequest = {
   table: string

app/server-utils/stampy.ts

@@ -17,6 +17,7 @@ import {
   TAGS_TABLE,
   WRITES_TABLE,
   BANNERS_TABLE,
+  REDIRECTS_TABLE,
   makeCodaRequest,
 } from './coda-urls'
 
@@ -90,6 +91,11 @@ type Entity = {
   rowId: string
   tableUrl: string
 }
+
+type Redirects = {
+  [from: string]: string
+}
+
 type CodaRowCommon = {
   id: string
   type: string
@@ -144,7 +150,13 @@ type BannersRow = CodaRowCommon & {
     'Text colour': string
   }
 }
-type CodaRow = AnswersRow | TagsRow | GlossaryRow | BannersRow
+type RedirectsRow = CodaRowCommon & {
+  values: {
+    From: string
+    To: string
+  }
+}
+type CodaRow = AnswersRow | TagsRow | GlossaryRow | BannersRow | RedirectsRow
 export type CodaResponse = {
   items: CodaRow[]
   nextPageLink: string | null
@@ -435,3 +447,16 @@ export const incAnswerColumn = async (column: string, pageid: PageId, subtract:
 
 export const makeColumnIncrementer = (column: string) => (pageid: PageId, subtract: boolean) =>
   incAnswerColumn(column, pageid, subtract)
+
+export const loadRedirects = withCache('redirects', async (): Promise<Redirects> => {
+  const rows = (await getCodaRows(REDIRECTS_TABLE)) as RedirectsRow[]
+  return rows
+    .filter((row) => !!row.values.To && !!row.values.From)
+    .reduce(
+      (acc, {values}) => ({
+        ...acc,
+        [extractText(values.From).replace(/^\/+/, '')]: extractText(values.To),
+      }),
+      {}
+    )
+})

remix.config.js

@@ -1,9 +1,16 @@
 /** @type {import('@remix-run/dev').AppConfig} */
+const routes = (defineRoutes) => {
+  return defineRoutes((route) => {
+    route('/*', 'routes/$redirects.tsx')
+  })
+}
+
 module.exports = {
   serverConditions: ['worker'],
   serverMainFields: ['browser', 'module', 'main'],
   serverModuleFormat: 'esm',
   serverPlatform: 'neutral',
   serverDependenciesToBundle: 'all',
   server: './server.js',
+  routes,
 }