create-z3 0.0.52 → 0.0.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-z3",
-  "version": "0.0.52",
+  "version": "0.0.55",
   "type": "module",
   "description": "CLI for scaffolding Z3 Stack applications (TanStack/Next.js + Convex + Better Auth)",
   "bin": {

package/templates/nextjs/src/app/(frontend)/@auth/(...)auth/[pathname]/view.tsx

@@ -12,7 +12,7 @@ export default function AuthCard({ pathname }: { pathname: string }) {
         </Activity>
         <DialogContent
           aria-describedby={undefined}
-          className="grid place-items-center border-none bg-transparent shadow-none"
+          className="grid place-items-center bg-transparent ring-transparent shadow-none"
           showCloseButton={false}
         >
           <AuthView path={pathname} />

package/templates/tanstack-start/src/providers.tsx

@@ -23,6 +23,7 @@ export function Providers({ children }: { children: ReactNode }) {
       <AuthQueryProvider>
         <AuthUIProviderTanstack
           authClient={authClient}
+          classNames={{ card: "border border-border" }}
           /* {{EMAIL_PASSWORD_CREDENTIALS}} */
           navigate={(href) => router.navigate({ href })}
           replace={(href) => router.navigate({ href, replace: true })}

package/templates/tanstack-start/src/routes/auth/$authView.tsx

@@ -1,12 +1,14 @@
+import { AuthView } from '@daveyplate/better-auth-ui'
 import { createFileRoute } from '@tanstack/react-router'
-import { AuthView } from "@daveyplate/better-auth-ui"
 
 export const Route = createFileRoute('/auth/$authView')({
+  ssr: false,
   component: RouteComponent,
 })
 
 function RouteComponent() {
   const { authView } = Route.useParams()
+
   return (
     <main className="mx-auto flex h-[100svh] grow flex-col items-center justify-center gap-3 self-center p-4 md:p-6">
       <AuthView pathname={authView} />

package/templates/tanstack-start/vite.config.ts

@@ -16,7 +16,6 @@ const config = defineConfig({
   plugins: [
     devtools(),
     nitro(),
-    // this is the plugin that enables path aliases
     viteTsConfigPaths({
       projects: ['./tsconfig.json'],
     }),
@@ -26,7 +25,21 @@ const config = defineConfig({
   ],
   ssr: {
     noExternal: ["@convex-dev/better-auth"]
-  }
+  },
+  optimizeDeps: {
+    // @daveyplate/better-auth-ui is only imported by the lazy-loaded auth route.
+    // Without explicit inclusion, Vite discovers it on first visit and triggers
+    // a second esbuild optimization run — creating a separate copy of the chunk
+    // that contains AuthUIContext, separate from the copy already bundled with
+    // @daveyplate/better-auth-ui/tanstack (from providers.tsx).
+    // Two context instances = empty auth forms.
+    // Explicitly including both packages guarantees they land in the same initial
+    // esbuild run so they share a single AuthUIContext chunk.
+    include: [
+      '@daveyplate/better-auth-ui',
+      '@daveyplate/better-auth-ui/tanstack',
+    ],
+  },
 })
 
 export default config