chore(deps): modernize deps & tooling (#6164)

Author: juliusmarminge

next.config.js

@@ -0,0 +1,5 @@
+import { NextConfig } from 'next';
+
+export default {
+  output: 'standalone',
+} satisfies NextConfig;

next.config.ts

@@ -25,8 +25,8 @@
     "class-variance-authority": "^0.7.0",
     "date-fns": "^3.6.0",
     "drizzle-orm": "^0.31.2",
-    "next": "^14.2.5",
-    "next-auth": "npm:next-auth@5.0.0-beta.19",
+    "next": "^15.0.2",
+    "next-auth": "5.0.0-beta.25",
     "postgres": "^3.4.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

package.json

@@ -1,4 +1,3 @@
-/** @type {import('postcss-load-config').Config} */
 const config = {
   plugins: {
     tailwindcss: {},

postcss.config.js

@@ -104,14 +104,14 @@ export function Chat(props: Readonly<{ channelId: string }>) {
                     livePosts.query.isFetchingNextPage
                   }
                   onClick={() => {
-                    livePosts.query.fetchNextPage();
+                    void livePosts.query.fetchNextPage();
                   }}
                 >
                   {livePosts.query.isFetchingNextPage
                     ? 'Loading...'
                     : !livePosts.query.hasNextPage
-                    ? 'Fetched everything!'
-                    : 'Load more'}
+                      ? 'Fetched everything!'
+                      : 'Load more'}
                 </Button>
               </div>
 
@@ -136,7 +136,7 @@ export function Chat(props: Readonly<{ channelId: string }>) {
                     <div className="flex flex-col gap-1">
                       <div
                         className={cx(
-                          'rounded-lg bg-gray-100 p-3 text-sm ',
+                          'rounded-lg bg-gray-100 p-3 text-sm',
                           isMe
                             ? 'bg-gray-300 dark:bg-gray-800'
                             : 'bg-gray-200 dark:bg-gray-700',

src/app/channels/[channelId]/chat.tsx

@@ -8,9 +8,12 @@ import Link from 'next/link';
 import { Suspense } from 'react';
 
 export default async function Home(
-  props: Readonly<{ params: { channelId: string }; children: React.ReactNode }>,
+  props: Readonly<{
+    params: Promise<{ channelId: string }>;
+    children: React.ReactNode;
+  }>,
 ) {
-  const channelId = props.params.channelId;
+  const { channelId } = await props.params;
   const session = await auth();
   const channels = await caller.channel.list();
 

src/app/channels/[channelId]/layout.tsx

@@ -2,9 +2,9 @@ import { Suspense } from 'react';
 import { Chat } from './chat';
 
 export default async function Home(
-  props: Readonly<{ params: { channelId: string } }>,
+  props: Readonly<{ params: Promise<{ channelId: string }> }>,
 ) {
-  const channelId = props.params.channelId;
+  const { channelId } = await props.params;
 
   return (
     <Suspense

src/app/channels/[channelId]/page.tsx

@@ -89,12 +89,8 @@
           "name": "sse-chat_post_channel_id_sse-chat_channel_id_fk",
           "tableFrom": "sse-chat_post",
           "tableTo": "sse-chat_channel",
-          "columnsFrom": [
-            "channel_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
+          "columnsFrom": ["channel_id"],
+          "columnsTo": ["id"],
           "onDelete": "no action",
           "onUpdate": "no action"
         }
@@ -110,4 +106,4 @@
     "schemas": {},
     "tables": {}
   }
-}
+}

src/server/db/migrations/meta/0001_snapshot.json

@@ -17,4 +17,4 @@
       "breakpoints": true
     }
   ]
-}
+}

src/server/db/migrations/meta/_journal.json

@@ -1,27 +1,38 @@
 {
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
+    /* Base Options: */
     "skipLibCheck": true,
+    "target": "es2022",
+    "allowJs": true,
+    "moduleDetection": "force",
+    "isolatedModules": true,
+
+    /* Strictness */
     "strict": true,
+    "checkJs": true,
+    "allowImportingTsExtensions": true,
+
+    /* Bundled projects */
+    "lib": ["dom", "dom.iterable", "ES2022"],
     "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
+    "module": "Preserve",
     "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noUncheckedIndexedAccess": true,
     "jsx": "preserve",
+    "plugins": [{ "name": "next" }],
     "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
+
+    /* Path aliases */
+    "baseUrl": ".",
     "paths": {
-      "~/*": ["./src/*"]
+      "~/*": ["src/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "*.js",
+    ".next/types/**/*.ts"
+  ],
   "exclude": ["node_modules"]
 }