chore: update deps, and apply new lint rules

app/entry.server.tsx

@@ -6,8 +6,11 @@
 
 import {PassThrough} from 'node:stream'
 
-import type {AppLoadContext, EntryContext} from '@remix-run/node'
-import {createReadableStreamFromReadable} from '@remix-run/node'
+import {
+  type AppLoadContext,
+  type EntryContext,
+  createReadableStreamFromReadable
+} from '@remix-run/node'
 import {RemixServer} from '@remix-run/react'
 import {isbot} from 'isbot'
 import {renderToPipeableStream} from 'react-dom/server'

app/lib/components/button.tsx

@@ -22,7 +22,6 @@ export const AButton = (
 ) => {
   const className = `${ButtonClasses} inline-block ${props.className}`
 
-  // eslint-disable-next-line jsx-a11y/anchor-has-content
   return <a {...omit(props, ['className'])} className={className} />
 }
 

app/lib/components/input.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable react/prop-types */
-
 import {omit} from '@arcath/utils'
 
 export const inputClasses =
@@ -43,7 +41,6 @@ export const Label = (
 ) => {
   const className = `mt-2 ${props.className}`
 
-  // eslint-disable-next-line jsx-a11y/label-has-associated-control
   return <label {...omit(props, ['className'])} className={className} />
 }
 

app/lib/fields/relation.server.ts

@@ -1,4 +1,4 @@
-import {FieldHandlers} from './field.server'
+import {type FieldHandlers} from './field.server'
 
 const metaSave: FieldHandlers['metaSave'] = formData => {
   return formData.get('meta') as string

app/lib/fields/relation.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react/prop-types */
 import {useState} from 'react'
 import {useQuery} from '@tanstack/react-query'
 

app/lib/prisma.server.ts

@@ -3,7 +3,6 @@ import {PrismaClient} from '@prisma/client'
 declare global {
   // This prevents us from making multiple connections to the db when the
   // require cache is cleared.
-  // eslint-disable-next-line
   var __prisma: PrismaClient | undefined
 }
 

app/routes/api.backup.tsx

@@ -12,7 +12,7 @@ export const loader = async ({request}: LoaderFunctionArgs) => {
     ensureUser(request, 'system', {})
   )
 
-  addJob('createBackup', {})
+  await addJob('createBackup', {})
 
   return json({user}, {headers: headers()})
 }

app/routes/app.$assetslug.$entry.delete.tsx

@@ -1,7 +1,7 @@
 import {
   type LoaderFunctionArgs,
   type ActionFunctionArgs,
-  MetaFunction,
+  type MetaFunction,
   json,
   redirect
 } from '@remix-run/node'

app/routes/app.$assetslug.import.tsx

@@ -122,9 +122,9 @@ const AssetImport = () => {
         })
 
         dispatchImportedCount()
-      })
+      }).catch(e => console.error(e))
     }
-  }, [stage, csvDetails])
+  }, [stage, csvDetails, asset.slug, columnMappings])
 
   switch (stage) {
     default:

app/routes/app._index.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
 import {
   type LoaderFunctionArgs,
   type MetaFunction,

app/routes/app.acl-manager.$acl.tsx

@@ -2,7 +2,7 @@ import {
   type LoaderFunctionArgs,
   type MetaFunction,
   json,
-  ActionFunction,
+  type ActionFunction,
   redirect
 } from '@remix-run/node'
 import {useLoaderData} from '@remix-run/react'
@@ -47,7 +47,7 @@ export const action: ActionFunction = async ({request, params}) => {
     where: {aclId: params.acl}
   })
 
-  asyncForEach(aclEntries, async ({id}) => {
+  await asyncForEach(aclEntries, async ({id}) => {
     const read = formData.get(`${id}-read`) === 'on'
     const write = formData.get(`${id}-write`) === 'on'
     const del = formData.get(`${id}-delete`) === 'on'

app/routes/app.passwords.$password._index.tsx

@@ -78,8 +78,8 @@ const AssetManagerAsset = () => {
             <span>
               {isPending ? '⌛' : data}{' '}
               <button
-                onClick={() => {
-                  navigator.clipboard.writeText(data)
+                onClick={async () => {
+                  await navigator.clipboard.writeText(data)
                   notify({
                     title: 'Copied',
                     message: 'Copied password to the clipboard',
@@ -92,9 +92,9 @@ const AssetManagerAsset = () => {
             </span>
           ) : (
             <button
-              onClick={() => {
+              onClick={async () => {
                 setPasswordOpen(true)
-                refetch()
+                await refetch()
               }}
             >
               🔒

app/routes/app.process.$process._index.tsx

@@ -34,10 +34,10 @@ export const meta: MetaFunction<typeof loader> = ({data, matches}) => {
 const ProcessView = () => {
   const {process, code} = useLoaderData<typeof loader>()
 
-  const handleCheckbox: EventListener = ({target}) => {
+  const handleCheckbox: EventListener = async ({target}) => {
     const index = (target! as HTMLInputElement).dataset.index
 
-    fetch(`/api/process/${process.id}/toggle/${index}`).then(() => {
+    await fetch(`/api/process/${process.id}/toggle/${index}`).then(() => {
       location.reload()
     })
   }

app/routes/app.system.tsx

@@ -117,8 +117,8 @@ const System = () => {
           </ul>
           <Button
             className="bg-success"
-            onClick={() => {
-              fetch('/api/backup')
+            onClick={async () => {
+              await fetch('/api/backup')
             }}
           >
             Backup Now

app/routes/app.tsx

@@ -92,9 +92,9 @@ const SearchModal = ({close}: {close: () => void}) => {
     <div className="fixed bg-white border-gray-300 border shadow-xl p-4 top-64 w-[60em] left-[calc(50%-30rem)]">
       <h2 className="text-[#444] text-2xl">Search</h2>
       <form
-        onSubmit={e => {
+        onSubmit={async e => {
           e.preventDefault()
-          search.mutateAsync(searchTerm)
+          await search.mutateAsync(searchTerm)
         }}
       >
         <Label>

app/routes/app.user.tsx

@@ -2,7 +2,7 @@ import {
   type LoaderFunctionArgs,
   type MetaFunction,
   json,
-  ActionFunction
+  type ActionFunction
 } from '@remix-run/node'
 import {useLoaderData, Outlet, useActionData} from '@remix-run/react'
 import {useQueryClient} from '@tanstack/react-query'