doo-boilerplate 0.1.6 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "doo-boilerplate",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "CLI to scaffold Pila portal frontend projects",
   "type": "module",
   "bin": {

package/templates/template-nextjs/src/features/auth/components/sign-in-form.tsx

@@ -40,7 +40,7 @@ export function SignInForm() {
     <Card className="w-full max-w-md">
       <CardHeader className="space-y-1">
         <CardTitle className="text-2xl font-bold">Sign in</CardTitle>
-        <CardDescription>Enter your credentials to access your account · or try <strong>demo / demo</strong></CardDescription>
+        <CardDescription>Enter your credentials to access your account · or try <strong>demo@gmail.com / demo</strong></CardDescription>
       </CardHeader>
       <CardContent>
         <Form {...form}>

package/templates/template-nextjs/src/features/auth/schemas/auth-schema.ts

@@ -1,8 +1,8 @@
 import { z } from 'zod'
 
 export const signInSchema = z.object({
-  email: z.union([z.string().email('Invalid email address'), z.literal('demo')]),
-  password: z.union([z.string().min(6, 'Password must be at least 6 characters'), z.literal('demo')]),
+  email: z.string().email('Invalid email address'),
+  password: z.string().min(1, 'Password is required'),
 })
 
 export const signUpSchema = z

package/templates/template-nextjs/src/features/auth/services/auth-api.ts

@@ -24,7 +24,7 @@ function makeDemoToken(): string {
 }
 
 const DEMO_RESPONSE: LoginResponse = {
-  user: { id: 'demo', email: 'demo', name: 'Demo User', roles: ['admin'], permissions: ['*'] },
+  user: { id: 'demo', email: 'demo@gmail.com', name: 'Demo User', roles: ['admin'], permissions: ['*'] },
   accessToken: makeDemoToken(),
   refreshToken: 'demo-refresh',
 }
@@ -32,7 +32,7 @@ const DEMO_RESPONSE: LoginResponse = {
 export const authApi = {
   login: (data: SignInValues): Promise<LoginResponse> => {
     // Demo account — works without a real backend
-    if (data.email === 'demo' && data.password === 'demo') {
+    if (data.email === 'demo@gmail.com' && data.password === 'demo') {
       return Promise.resolve(DEMO_RESPONSE)
     }
     return apiClient.post<LoginResponse>('/auth/login', data).then((r) => r.data)

package/templates/template-vite/src/features/auth/components/sign-in-form.tsx

@@ -25,7 +25,7 @@ export function SignInForm() {
       <div className='text-center'>
         <h1 className='text-2xl font-bold tracking-tight'>Sign in</h1>
         <p className='mt-1 text-sm text-muted-foreground'>
-          Enter your credentials to access your account · or try <strong>demo / demo</strong>
+          Enter your credentials to access your account · or try <strong>demo@gmail.com / demo</strong>
         </p>
       </div>
 

package/templates/template-vite/src/features/auth/hooks/use-auth.ts

@@ -1,5 +1,5 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { useNavigate } from '@tanstack/react-router'
+import { useNavigate, useRouter } from '@tanstack/react-router'
 
 import { useAuthStore } from '@/stores/auth-store'
 
@@ -9,11 +9,14 @@ import { authApi } from '../services/auth-api'
 export function useSignIn() {
   const { login } = useAuthStore()
   const navigate = useNavigate()
+  const router = useRouter()
 
   return useMutation({
     mutationFn: (data: SignInValues) => authApi.login(data),
-    onSuccess: (data) => {
+    onSuccess: async (data) => {
       login(data.user, data.accessToken, data.refreshToken)
+      // Invalidate router so _authenticated.beforeLoad re-evaluates with new auth state
+      await router.invalidate()
       navigate({ to: '/dashboard' })
     },
   })
@@ -22,13 +25,15 @@ export function useSignIn() {
 export function useSignOut() {
   const { logout } = useAuthStore()
   const navigate = useNavigate()
+  const router = useRouter()
   const qc = useQueryClient()
 
   return useMutation({
     mutationFn: () => authApi.logout(),
-    onSettled: () => {
+    onSettled: async () => {
       logout()
       qc.clear()
+      await router.invalidate()
       navigate({ to: '/sign-in' })
     },
   })

package/templates/template-vite/src/features/auth/schemas/auth-schema.ts

@@ -1,7 +1,7 @@
 import { z } from 'zod'
 
 export const signInSchema = z.object({
-  email: z.union([z.string().email('Please enter a valid email address'), z.literal('demo')]),
+  email: z.string().email('Please enter a valid email address'),
   password: z.string().min(1, 'Password is required'),
 })
 

package/templates/template-vite/src/features/auth/services/auth-api.ts

@@ -24,7 +24,7 @@ function makeDemoToken(): string {
 }
 
 const DEMO_RESPONSE: LoginResponse = {
-  user: { id: 'demo', email: 'demo', name: 'Demo User', roles: ['admin'], permissions: ['*'] },
+  user: { id: 'demo', email: 'demo@gmail.com', name: 'Demo User', roles: ['admin'], permissions: ['*'] },
   accessToken: makeDemoToken(),
   refreshToken: 'demo-refresh',
 }
@@ -32,7 +32,7 @@ const DEMO_RESPONSE: LoginResponse = {
 export const authApi = {
   login: (data: SignInValues): Promise<LoginResponse> => {
     // Demo account — works without a real backend
-    if (data.email === 'demo' && data.password === 'demo') {
+    if (data.email === 'demo@gmail.com' && data.password === 'demo') {
       return Promise.resolve(DEMO_RESPONSE)
     }
     return apiClient.post<LoginResponse>('/auth/login', data).then((r) => r.data)

package/templates/template-vite/src/routes/(auth)/sign-in.tsx

@@ -1,8 +1,15 @@
-import { createFileRoute } from '@tanstack/react-router'
+import { createFileRoute, redirect } from '@tanstack/react-router'
 
 import { SignInForm } from '@/features/auth/components/sign-in-form'
+import { useAuthStore } from '@/stores/auth-store'
 
 export const Route = createFileRoute('/(auth)/sign-in')({
+  beforeLoad: () => {
+    const { isAuthenticated, isTokenExpired } = useAuthStore.getState()
+    if (isAuthenticated && !isTokenExpired()) {
+      throw redirect({ to: '/dashboard' })
+    }
+  },
   component: SignInPage,
 })
 

package/templates/template-vite/src/routes/__root.tsx

@@ -1,13 +1,27 @@
-import { createRootRouteWithContext, Outlet } from '@tanstack/react-router'
+import { Link, createRootRouteWithContext, Outlet } from '@tanstack/react-router'
 import { TanStackRouterDevtools } from '@tanstack/router-devtools'
 
+import { Button } from '@/components/ui/button'
 import type { QueryClient } from '@tanstack/react-query'
 
 interface RouterContext {
   queryClient: QueryClient
 }
 
+function NotFound() {
+  return (
+    <div className='flex min-h-screen flex-col items-center justify-center gap-4'>
+      <h1 className='text-6xl font-bold text-muted-foreground'>404</h1>
+      <p className='text-lg text-muted-foreground'>Page not found</p>
+      <Button asChild>
+        <Link to='/dashboard'>Go to Dashboard</Link>
+      </Button>
+    </div>
+  )
+}
+
 export const Route = createRootRouteWithContext<RouterContext>()({
+  notFoundComponent: NotFound,
   component: () => (
     <>
       <Outlet />

package/templates/template-vite/src/routes/index.tsx

@@ -0,0 +1,7 @@
+import { createFileRoute, redirect } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/')({
+  beforeLoad: () => {
+    throw redirect({ to: '/dashboard' })
+  },
+})