add auth, drizzle, prisma setup logic with template

apps/cli/template/base/packages/client/src/routes/__root.tsx

@@ -0,0 +1,39 @@
+import Header from "@/components/header";
+import Loader from "@/components/loader";
+import { ThemeProvider } from "@/components/theme-provider";
+import { Toaster } from "@/components/ui/sonner";
+import { trpcQueryUtils } from "@/main";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import {
+  Outlet,
+  createRootRouteWithContext,
+  useRouterState,
+} from "@tanstack/react-router";
+import { TanStackRouterDevtools } from "@tanstack/router-devtools";
+import "../index.css";
+
+export interface RouterAppContext {
+  trpcQueryUtils: typeof trpcQueryUtils;
+}
+
+export const Route = createRootRouteWithContext<RouterAppContext>()({
+  component: RootComponent,
+});
+
+function RootComponent() {
+  const isFetching = useRouterState({
+    select: (s) => s.isLoading,
+  });
+  return (
+    <>
+      <ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
+        <Header />
+        {isFetching && <Loader />}
+        <Outlet />
+        <Toaster richColors />
+      </ThemeProvider>
+      <TanStackRouterDevtools position="bottom-left" />
+      <ReactQueryDevtools position="bottom" buttonPosition="bottom-right" />
+    </>
+  );
+}

apps/cli/template/base/packages/client/src/routes/about.tsx

@@ -0,0 +1,13 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/about")({
+  component: AboutComponent,
+});
+
+function AboutComponent() {
+  return (
+    <div className="p-2">
+      <h3>About</h3>
+    </div>
+  );
+}

apps/cli/template/base/packages/client/src/routes/dashboard.tsx

@@ -0,0 +1,41 @@
+import { authClient } from "@/lib/auth-client";
+import { trpc } from "@/utils/trpc";
+import { createFileRoute } from "@tanstack/react-router";
+import { useEffect } from "react";
+
+export const Route = createFileRoute("/dashboard")({
+  component: RouteComponent,
+  loader: async ({ context: { trpcQueryUtils } }) => {
+    await trpcQueryUtils.healthCheck.ensureData();
+    await trpcQueryUtils.privateData.ensureData();
+    return;
+  },
+});
+
+function RouteComponent() {
+  const { data: session, isPending } = authClient.useSession();
+
+  const navigate = Route.useNavigate();
+
+  const privateData = trpc.privateData.useQuery();
+
+  useEffect(() => {
+    if (!session && !isPending) {
+      navigate({
+        to: "/",
+      });
+    }
+  }, [session, isPending]);
+
+  if (isPending) {
+    return <div>Loading...</div>;
+  }
+
+  return (
+    <div>
+      <h1>Dashboard</h1>
+      <p>Welcome {session?.user.name}</p>
+      <p>privateData: {privateData.data?.message}</p>
+    </div>
+  );
+}

apps/cli/template/base/packages/client/src/routes/index.tsx

@@ -0,0 +1,19 @@
+import SignUp from "@/components/sign-up-form";
+import { trpc } from "@/utils/trpc";
+import { createFileRoute, Link } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/")({
+  component: HomeComponent,
+});
+
+function HomeComponent() {
+  const healthCheck = trpc.healthCheck.useQuery();
+  return (
+    <div className="p-2">
+      <h3>Welcome Home!</h3>
+      <Link to="/dashboard">Go to Dashboard</Link>
+      <p>healthCheck: {healthCheck.data}</p>
+      <SignUp />
+    </div>
+  );
+}