Merge pull request #15 from lsbyerley/dev

prod push 2-1-2025

Author: lsbyerley

.github/workflows/deploy.yml

@@ -25,7 +25,7 @@ jobs:
       - name: ⎔ Setup node
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
 
       - name: 📥 Download deps
         uses: bahmutov/npm-install@v1
@@ -46,7 +46,7 @@ jobs:
       - name: ⎔ Setup node
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
 
       - name: 📥 Download deps
         uses: bahmutov/npm-install@v1
@@ -67,7 +67,7 @@ jobs:
       - name: ⎔ Setup node
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
 
       - name: 📥 Download deps
         uses: bahmutov/npm-install@v1
@@ -95,7 +95,7 @@ jobs:
       - name: ⎔ Setup node
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
 
       - name: 📥 Download deps
         uses: bahmutov/npm-install@v1

.gitignore

@@ -20,3 +20,9 @@ node_modules
 
 # Easy way to create temporary files/folders that won't accidentally be added to git
 *.local.*
+
+# generated files
+/app/components/ui/icons
+
+# react router v7 generated types
+.react-router

app/components/error-boundary.tsx

@@ -5,12 +5,13 @@ import {
 	useRouteError,
 } from '@remix-run/react'
 import { captureRemixErrorBoundaryError } from '@sentry/remix'
+import { type ReactElement } from 'react'
 import { getErrorMessage } from '#app/utils/misc.tsx'
 
 type StatusHandler = (info: {
 	error: ErrorResponse
 	params: Record<string, string | undefined>
-}) => JSX.Element | null
+}) => ReactElement | null
 
 export function GeneralErrorBoundary({
 	defaultStatusHandler = ({ error }) => (
@@ -23,7 +24,7 @@ export function GeneralErrorBoundary({
 }: {
 	defaultStatusHandler?: StatusHandler
 	statusHandlers?: Record<number, StatusHandler>
-	unexpectedErrorHandler?: (error: unknown) => JSX.Element | null
+	unexpectedErrorHandler?: (error: unknown) => ReactElement | null
 }) {
 	const error = useRouteError()
 	captureRemixErrorBoundaryError(error)

app/components/forms.tsx

@@ -144,7 +144,7 @@ export function CheckboxField({
 	errors,
 	className,
 }: {
-	labelProps: JSX.IntrinsicElements['label']
+	labelProps: React.ComponentProps<'label'>
 	buttonProps: CheckboxProps & {
 		name: string
 		form: string

app/root.tsx

@@ -24,6 +24,8 @@ import SiteFooter from '#app/components/site-footer.js'
 import { useToast } from '#app/components/toaster.tsx'
 import { Button } from '#app/components/ui/button.tsx'
 import {
+	SheetDescription,
+	SheetTitle,
 	SheetTrigger,
 	SheetClose,
 	SheetContent,
@@ -226,6 +228,8 @@ function App() {
 							className="flex flex-col bg-gray-950 p-6 text-gray-50"
 							side="left"
 						>
+							<SheetTitle className='hidden sr-only'>site nav menu</SheetTitle>
+							<SheetDescription className='hidden sr-only'>site nav menu open</SheetDescription>
 							<div className="mb-6 flex items-center justify-between">
 								<div className="flex items-center justify-center">
 									<Link to="/" className="group grid leading-snug">

other/Dockerfile

@@ -1,7 +1,7 @@
 # This file is moved to the root directory before building the image
 
 # base node image
-FROM node:20-bookworm-slim as base
+FROM node:22-bookworm-slim as base
 
 # set for base and all layer that inherit from it
 ENV NODE_ENV production