create-ej-app 10.0.0 → 12.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-ej-app",
-  "version": "10.0.0",
+  "version": "12.0.0",
   "description": "Bootstrap a next.js app with my preferred setup",
   "main": "cli.js",
   "scripts": {

package/template/base/package.json

@@ -17,24 +17,24 @@
   },
   "dependencies": {
     "@hookform/resolvers": "5.2.2",
-    "@next/third-parties": "16.1.0",
+    "@next/third-parties": "16.1.1",
     "@paralleldrive/cuid2": "3.0.4",
     "@radix-ui/react-label": "2.1.8",
     "@radix-ui/react-separator": "1.1.8",
     "@radix-ui/react-slot": "1.2.4",
     "@t3-oss/env-nextjs": "0.13.10",
     "@tanstack/react-query": "5.90.12",
-    "better-auth": "1.4.7",
+    "better-auth": "1.4.8",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "drizzle-orm": "0.45.1",
     "fakefilter": "0.1.1401",
     "lucide-react": "0.562.0",
-    "next": "16.1.0",
+    "next": "16.1.1",
     "next-safe-action": "8.0.11",
     "next-themes": "0.4.6",
     "nextjs-toploader": "3.9.17",
-    "nodemailer": "7.0.11",
+    "nodemailer": "7.0.12",
     "postgres": "3.4.7",
     "react": "19.2.3",
     "react-dom": "19.2.3",
@@ -46,7 +46,7 @@
     "zod": "4.2.1"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "16.1.0",
+    "@next/bundle-analyzer": "16.1.1",
     "@tailwindcss/postcss": "4.1.18",
     "@types/bun": "1.3.5",
     "@types/nodemailer": "7.0.4",
@@ -55,7 +55,7 @@
     "babel-plugin-react-compiler": "1.0.0",
     "drizzle-kit": "0.31.8",
     "eslint": "9.39.2",
-    "eslint-config-next": "16.1.0",
+    "eslint-config-next": "16.1.1",
     "prettier": "3.7.4",
     "prettier-plugin-organize-imports": "4.3.0",
     "prettier-plugin-tailwindcss": "0.7.2",

package/template/base/src/app/not-found.tsx

@@ -1,15 +1,9 @@
 import Link from 'next/link'
-import { Navbar } from '~/components/navbar'
 import { Button } from '~/components/ui/button'
-import { getAuthSession } from '~/lib/auth'
-
-export default async function NotFound() {
-  const data = await getAuthSession()
 
+export default function NotFound() {
   return (
     <main className="bg-background text-foreground flex min-h-screen flex-col">
-      <Navbar isLoggedIn={!!data?.session} />
-
       <section className="flex min-h-[60vh] flex-col items-center justify-center px-4">
         <div className="text-center">
           <h1 className="text-foreground mb-2 text-6xl font-bold">404</h1>

package/template/base/src/lib/safe-action-client.ts

@@ -14,17 +14,34 @@ type AnyAction = (
 type ActionInput<T extends AnyAction> = Parameters<T>[0]
 type ActionData<T extends AnyAction> = Awaited<ReturnType<T>>['data']
 
+class SafeActionError extends Error {
+  constructor(
+    public message: string,
+    public validationErrors?: Record<string, string[] | undefined>
+  ) {
+    super(message)
+  }
+}
+
 export function useSafeActionQuery<TAction extends AnyAction>(
+  key: string,
   action: TAction,
   input: ActionInput<TAction>,
   options?: Omit<UseQueryOptions<ActionData<TAction>>, 'queryKey' | 'queryFn'>
 ) {
   return useQuery({
-    queryKey: [`${action.name}`, input],
+    queryKey: [key, input],
     queryFn: async () => {
       const result = await action(input)
-      if (result?.serverError) throw new Error(result.serverError)
-      if (result?.validationErrors) throw new Error('Validation failed')
+
+      if (result?.serverError) {
+        throw new SafeActionError(result.serverError)
+      }
+
+      if (result?.validationErrors) {
+        throw new SafeActionError('Validation failed', result.validationErrors)
+      }
+
       return result?.data
     },
     ...options
@@ -33,13 +50,24 @@ export function useSafeActionQuery<TAction extends AnyAction>(
 
 export function useSafeActionMutation<TAction extends AnyAction>(
   action: TAction,
-  options?: UseMutationOptions<ActionData<TAction>, Error, ActionInput<TAction>>
+  options?: UseMutationOptions<
+    ActionData<TAction>,
+    SafeActionError,
+    ActionInput<TAction>
+  >
 ) {
   return useMutation({
     mutationFn: async (input: ActionInput<TAction>) => {
       const result = await action(input)
-      if (result?.serverError) throw new Error(result.serverError)
-      if (result?.validationErrors) throw new Error('Validation failed')
+
+      if (result?.serverError) {
+        throw new SafeActionError(result.serverError)
+      }
+
+      if (result?.validationErrors) {
+        throw new SafeActionError('Validation failed', result.validationErrors)
+      }
+
       return result?.data
     },
     ...options