create-kofi-stack 1.2.21 → 1.2.23

package/dist/index.js

@@ -901,14 +901,14 @@ async function generateTsConfig(appDir) {
       moduleResolution: "bundler",
       resolveJsonModule: true,
       isolatedModules: true,
-      jsx: "preserve",
+      jsx: "react-jsx",
       incremental: true,
       plugins: [{ name: "next" }],
       paths: {
         "@/*": ["./src/*"]
       }
     },
-    include: ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+    include: ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts"],
     exclude: ["node_modules"]
   };
   await writeJSON(path3.join(appDir, "tsconfig.json"), tsConfig);
@@ -949,15 +949,20 @@ export default function RootLayout({
 }
 `;
   await writeFile(path3.join(appDir, "src/app/layout.tsx"), layoutContent);
-  const pageContent = `export default function HomePage() {
-  return (
-    <main className="flex min-h-screen flex-col items-center justify-center p-24">
-      <h1 className="text-4xl font-bold">Welcome to ${config.name}</h1>
-      <p className="mt-4 text-lg text-muted-foreground">
-        Built with create-kofi-stack
-      </p>
-    </main>
-  )
+  const pageContent = `import { redirect } from 'next/navigation'
+import { headers } from 'next/headers'
+import { auth } from '@/lib/auth-server'
+
+export default async function HomePage() {
+  const session = await auth.api.getSession({
+    headers: await headers(),
+  })
+
+  if (session) {
+    redirect('/dashboard')
+  } else {
+    redirect('/sign-in')
+  }
 }
 `;
   await writeFile(path3.join(appDir, "src/app/page.tsx"), pageContent);
@@ -989,11 +994,39 @@ export default function SignUpPage() {
     path3.join(appDir, "src/app/(auth)/sign-up/page.tsx"),
     signUpContent
   );
-  const dashboardContent = `export default function DashboardPage() {
+  const dashboardContent = `import { redirect } from 'next/navigation'
+import { headers } from 'next/headers'
+import { auth } from '@/lib/auth-server'
+import { SignOutButton } from '@/components/auth/sign-out-button'
+
+export default async function DashboardPage() {
+  const session = await auth.api.getSession({
+    headers: await headers(),
+  })
+
+  if (!session) {
+    redirect('/sign-in')
+  }
+
   return (
     <div className="container mx-auto p-8">
-      <h1 className="text-3xl font-bold">Dashboard</h1>
-      <p className="mt-4 text-muted-foreground">Welcome to your dashboard</p>
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-3xl font-bold">Dashboard</h1>
+          <p className="mt-2 text-muted-foreground">
+            Welcome back, {session.user.name || session.user.email}!
+          </p>
+        </div>
+        <SignOutButton />
+      </div>
+      <div className="mt-8 grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+        <div className="rounded-lg border p-6">
+          <h3 className="font-semibold">Get Started</h3>
+          <p className="mt-2 text-sm text-muted-foreground">
+            Start building your application with Convex and Better-Auth.
+          </p>
+        </div>
+      </div>
     </div>
   )
 }
@@ -1002,6 +1035,33 @@ export default function SignUpPage() {
     path3.join(appDir, "src/app/(dashboard)/page.tsx"),
     dashboardContent
   );
+  const signOutButtonContent = `'use client'
+
+import { useRouter } from 'next/navigation'
+import { signOut } from '@/lib/auth'
+
+export function SignOutButton() {
+  const router = useRouter()
+
+  const handleSignOut = async () => {
+    await signOut()
+    router.push('/sign-in')
+  }
+
+  return (
+    <button
+      onClick={handleSignOut}
+      className="rounded-md border px-4 py-2 text-sm hover:bg-accent"
+    >
+      Sign out
+    </button>
+  )
+}
+`;
+  await writeFile(
+    path3.join(appDir, "src/components/auth/sign-out-button.tsx"),
+    signOutButtonContent
+  );
   const authRouteContent = `import { auth } from '@/lib/auth-server'
 import { toNextJsHandler } from 'better-auth/next-js'
 
@@ -1235,6 +1295,7 @@ export function Providers({ children }: { children: React.ReactNode }) {
 
 import { useState } from 'react'
 import { useRouter } from 'next/navigation'
+import Link from 'next/link'
 import { signIn } from '@/lib/auth'
 
 export function SignInForm() {
@@ -1330,6 +1391,13 @@ export function SignInForm() {
       >
         Continue with Google
       </button>
+
+      <p className="text-center text-sm text-muted-foreground">
+        Don&apos;t have an account?{' '}
+        <Link href="/sign-up" className="font-medium text-primary hover:underline">
+          Sign up
+        </Link>
+      </p>
     </div>
   )
 }
@@ -1342,6 +1410,7 @@ export function SignInForm() {
 
 import { useState } from 'react'
 import { useRouter } from 'next/navigation'
+import Link from 'next/link'
 import { signUp } from '@/lib/auth'
 
 export function SignUpForm() {
@@ -1434,6 +1503,13 @@ export function SignUpForm() {
           {loading ? 'Creating account...' : 'Create account'}
         </button>
       </form>
+
+      <p className="text-center text-sm text-muted-foreground">
+        Already have an account?{' '}
+        <Link href="/sign-in" className="font-medium text-primary hover:underline">
+          Sign in
+        </Link>
+      </p>
     </div>
   )
 }
@@ -3122,7 +3198,7 @@ async function generateSharedConfigs(targetDir) {
   const nextTs = {
     extends: "./base.json",
     compilerOptions: {
-      jsx: "preserve",
+      jsx: "react-jsx",
       plugins: [{ name: "next" }]
     }
   };
@@ -4232,14 +4308,14 @@ async function generatePayloadTsConfig(marketingDir) {
       moduleResolution: "bundler",
       resolveJsonModule: true,
       isolatedModules: true,
-      jsx: "preserve",
+      jsx: "react-jsx",
       incremental: true,
       plugins: [{ name: "next" }],
       paths: {
         "@/*": ["./src/*"]
       }
     },
-    include: ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+    include: ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts"],
     exclude: ["node_modules"]
   };
   await writeJSON(path15.join(marketingDir, "tsconfig.json"), tsConfig);
@@ -4416,7 +4492,7 @@ async function generateTsConfig2(appDir) {
       moduleResolution: "bundler",
       resolveJsonModule: true,
       isolatedModules: true,
-      jsx: "preserve",
+      jsx: "react-jsx",
       incremental: true,
       plugins: [{ name: "next" }],
       paths: {
@@ -4425,7 +4501,7 @@ async function generateTsConfig2(appDir) {
         "@repo/ui/*": ["../../packages/ui/src/*"]
       }
     },
-    include: ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+    include: ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts"],
     exclude: ["node_modules"]
   };
   await writeJSON(path16.join(appDir, "tsconfig.json"), tsConfig);
@@ -6608,14 +6684,14 @@ async function updateWebTsConfig(webDir) {
       moduleResolution: "bundler",
       resolveJsonModule: true,
       isolatedModules: true,
-      jsx: "preserve",
+      jsx: "react-jsx",
       incremental: true,
       plugins: [{ name: "next" }],
       paths: {
         "@/*": ["./src/*"]
       }
     },
-    include: ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+    include: ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts"],
     exclude: ["node_modules"]
   };
   await writeFile(
@@ -6732,14 +6808,14 @@ export default function RootLayout({
       moduleResolution: "bundler",
       resolveJsonModule: true,
       isolatedModules: true,
-      jsx: "preserve",
+      jsx: "react-jsx",
       incremental: true,
       plugins: [{ name: "next" }],
       paths: {
         "@/*": ["./src/*"]
       }
     },
-    include: ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+    include: ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts"],
     exclude: ["node_modules"]
   };
   await writeFile(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-kofi-stack",
-  "version": "1.2.21",
+  "version": "1.2.23",
   "description": "Scaffold opinionated full-stack projects with Next.js, Convex, Better-Auth, and more",
   "type": "module",
   "bin": {