fix(template-generator): isolate tanstack start auth state

Author: AmanVarshney01

apps/cli/test/api.test.ts

@@ -576,6 +576,49 @@ describe("API Configurations", () => {
       );
     });
 
+    it("should scaffold TanStack Start oRPC with a request-scoped query client", async () => {
+      const result = await createVirtual({
+        projectName: "tanstack-start-orpc-auth-workers",
+        api: "orpc",
+        frontend: ["tanstack-start"],
+        backend: "hono",
+        runtime: "workers",
+        database: "sqlite",
+        orm: "prisma",
+        auth: "better-auth",
+        payments: "none",
+        addons: ["turborepo"],
+        examples: ["todo"],
+        dbSetup: "d1",
+        webDeploy: "cloudflare",
+        serverDeploy: "cloudflare",
+        install: false,
+        git: false,
+        packageManager: "bun",
+      });
+
+      if (result.isErr()) {
+        throw result.error;
+      }
+
+      const files = collectFiles(result.value.root, result.value.root.path);
+      const orpcFile = files.get("apps/web/src/utils/orpc.ts");
+      const routerFile = files.get("apps/web/src/router.tsx");
+      const dashboardFile = files.get("apps/web/src/routes/dashboard.tsx");
+
+      expect(orpcFile).toContain("export function createQueryClient()");
+      expect(orpcFile).toContain("defaultOptions: { queries: { staleTime: 60 * 1000 } },");
+      expect(orpcFile).toContain("void query.invalidate();");
+      expect(orpcFile).not.toContain("onClick: query.invalidate");
+      expect(orpcFile).not.toContain("export const queryClient");
+      expect(routerFile).toContain('import { createQueryClient, orpc } from "./utils/orpc";');
+      expect(routerFile).toContain("const queryClient = createQueryClient();");
+      expect(dashboardFile).toContain("ssr: false");
+      expect(dashboardFile).toContain("const session = await authClient.getSession();");
+      expect(dashboardFile).toContain("session.data?.user.name");
+      expect(dashboardFile).not.toContain('import { getUser } from "@/functions/get-user";');
+    });
+
     it("should handle API with complex frontend combinations", async () => {
       const result = await runTRPCTest({
         projectName: "api-complex-frontend",

apps/cli/test/auth.test.ts

@@ -183,6 +183,40 @@ describe("Authentication Configurations", () => {
       expect(authFile).toContain("tanstackStartCookies()");
     });
 
+    it("should guard TanStack Start self dashboard before loading Polar payment state", async () => {
+      const result = await runTRPCTest({
+        projectName: "better-auth-tanstack-start-self-polar-guard",
+        auth: "better-auth",
+        backend: "self",
+        runtime: "none",
+        database: "postgres",
+        orm: "drizzle",
+        api: "orpc",
+        frontend: ["tanstack-start"],
+        payments: "polar",
+        addons: ["none"],
+        examples: ["none"],
+        dbSetup: "none",
+        webDeploy: "none",
+        serverDeploy: "none",
+        install: false,
+      });
+
+      expectSuccess(result);
+      if (!result.projectDir) {
+        throw new Error("Expected projectDir to be defined");
+      }
+
+      const dashboardFile = await fs.readFile(
+        path.join(result.projectDir, "apps/web/src/routes/dashboard.tsx"),
+        "utf8",
+      );
+
+      expect(dashboardFile.indexOf("if (!session)")).toBeLessThan(
+        dashboardFile.indexOf("const customerState = await getPayment();"),
+      );
+    });
+
     it("should fail with better-auth + no database (non-convex)", async () => {
       const result = await runTRPCTest({
         projectName: "better-auth-no-db-fail",

apps/cli/test/deployment.test.ts

@@ -340,6 +340,42 @@ describe("Deployment Configurations", () => {
       expectSuccess(result);
     });
 
+    it("should wire Cloudflare web deploys to the generated server Worker URL", async () => {
+      const result = await createVirtual({
+        projectName: "tanstack-start-hono-cloudflare-auth",
+        webDeploy: "cloudflare",
+        serverDeploy: "cloudflare",
+        backend: "hono",
+        runtime: "workers",
+        database: "sqlite",
+        orm: "prisma",
+        auth: "better-auth",
+        payments: "none",
+        api: "orpc",
+        frontend: ["tanstack-start"],
+        addons: ["turborepo"],
+        examples: ["todo"],
+        dbSetup: "d1",
+        install: false,
+        git: false,
+        packageManager: "bun",
+      });
+
+      if (result.isErr()) {
+        throw result.error;
+      }
+
+      const files = collectFiles(result.value.root, result.value.root.path);
+      const infraFile = files.get("packages/infra/alchemy.run.ts");
+
+      expect(infraFile).toContain('export const server = await Worker("server"');
+      expect(infraFile).toContain("url: true");
+      expect(infraFile).toContain("VITE_SERVER_URL: server.url!");
+      expect(infraFile!.indexOf('export const server = await Worker("server"')).toBeLessThan(
+        infraFile!.indexOf('export const web = await TanStackStart("web"'),
+      );
+    });
+
     it("should keep native Metro from watching Alchemy state", async () => {
       const result = await createVirtual({
         projectName: "native-astro-alchemy",