create-better-t-stack 2.25.9 → 2.26.1

package/dist/index.js

@@ -2180,15 +2180,11 @@ async function setupAuthTemplate(projectDir, context) {
 			const authWebNuxtSrc = path.join(PKG_ROOT, "templates/auth/web/nuxt");
 			if (await fs.pathExists(authWebNuxtSrc)) await processAndCopyFiles("**/*", authWebNuxtSrc, webAppDir, context);
 		} else if (hasSvelteWeb) {
-			if (context.api === "orpc") {
-				const authWebSvelteSrc = path.join(PKG_ROOT, "templates/auth/web/svelte");
-				if (await fs.pathExists(authWebSvelteSrc)) await processAndCopyFiles("**/*", authWebSvelteSrc, webAppDir, context);
-			}
+			const authWebSvelteSrc = path.join(PKG_ROOT, "templates/auth/web/svelte");
+			if (await fs.pathExists(authWebSvelteSrc)) await processAndCopyFiles("**/*", authWebSvelteSrc, webAppDir, context);
 		} else if (hasSolidWeb) {
-			if (context.api === "orpc") {
-				const authWebSolidSrc = path.join(PKG_ROOT, "templates/auth/web/solid");
-				if (await fs.pathExists(authWebSolidSrc)) await processAndCopyFiles("**/*", authWebSolidSrc, webAppDir, context);
-			}
+			const authWebSolidSrc = path.join(PKG_ROOT, "templates/auth/web/solid");
+			if (await fs.pathExists(authWebSolidSrc)) await processAndCopyFiles("**/*", authWebSolidSrc, webAppDir, context);
 		}
 	}
 	if (hasNative && nativeAppDirExists) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-better-t-stack",
-  "version": "2.25.9",
+  "version": "2.26.1",
   "description": "A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations",
   "type": "module",
   "license": "MIT",

package/templates/auth/web/nuxt/app/pages/dashboard.vue.hbs

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+{{#if (eq api "orpc")}}
+import { useQuery } from '@tanstack/vue-query'
+{{/if}}
+const {$authClient} = useNuxtApp()
+
+definePageMeta({
+  middleware: ['auth']
+})
+
+const { $orpc } = useNuxtApp()
+
+const session = $authClient.useSession()
+
+{{#if (eq api "orpc")}}
+const privateData = useQuery($orpc.privateData.queryOptions())
+{{/if}}
+
+</script>
+
+<template>
+  <div class="container mx-auto p-4">
+    <h1 class="text-2xl font-bold mb-4">Dashboard</h1>
+    <div v-if="session?.data?.user">
+        <p class="mb-2">Welcome \{{ session.data.user.name }}</p>
+    </div>
+    {{#if (eq api "orpc")}}
+    <div v-if="privateData.status.value === 'pending'">Loading private data...</div>
+    <div v-else-if="privateData.status.value === 'error'">Error loading private data: \{{ privateData.error.value?.message }}</div>
+    <p v-else-if="privateData.data.value">Private Data: \{{ privateData.data.value.message }}</p>
+    {{/if}}
+  </div>
+</template>

package/templates/auth/web/react/react-router/src/routes/dashboard.tsx.hbs

@@ -5,7 +5,9 @@ import { orpc } from "@/utils/orpc";
 {{#if (eq api "trpc")}}
 import { trpc } from "@/utils/trpc";
 {{/if}}
+{{#if ( or (eq api "orpc") (eq api "trpc"))}}
 import { useQuery } from "@tanstack/react-query";
+{{/if}}
 import { useEffect } from "react";
 import { useNavigate } from "react-router";
 
@@ -34,7 +36,9 @@ export default function Dashboard() {
     <div>
       <h1>Dashboard</h1>
       <p>Welcome {session?.user.name}</p>
+      {{#if ( or (eq api "orpc") (eq api "trpc"))}}
       <p>privateData: {privateData.data?.message}</p>
+      {{/if}}
     </div>
   );
 }

package/templates/auth/web/react/tanstack-router/src/routes/dashboard.tsx.hbs

@@ -5,7 +5,9 @@ import { orpc } from "@/utils/orpc";
 {{#if (eq api "trpc")}}
 import { trpc } from "@/utils/trpc";
 {{/if}}
+{{#if ( or (eq api "orpc") (eq api "trpc"))}}
 import { useQuery } from "@tanstack/react-query";
+{{/if}}
 import { createFileRoute } from "@tanstack/react-router";
 import { useEffect } from "react";
 
@@ -41,7 +43,9 @@ function RouteComponent() {
     <div>
       <h1>Dashboard</h1>
       <p>Welcome {session?.user.name}</p>
+    {{#if ( or (eq api "orpc") (eq api "trpc"))}}
       <p>privateData: {privateData.data?.message}</p>
+    {{/if}}
     </div>
   );
 }

package/templates/auth/web/react/tanstack-start/src/routes/dashboard.tsx.hbs

@@ -1,11 +1,12 @@
 import { authClient } from "@/lib/auth-client";
 {{#if (eq api "trpc")}}
 import { useTRPC } from "@/utils/trpc";
+import { useQuery } from "@tanstack/react-query";
 {{/if}}
 {{#if (eq api "orpc")}}
 import { orpc } from "@/utils/orpc";
-{{/if}}
 import { useQuery } from "@tanstack/react-query";
+{{/if}}
 import { createFileRoute } from "@tanstack/react-router";
 import { useEffect } from "react";
 
@@ -45,7 +46,9 @@ function RouteComponent() {
     <div>
       <h1>Dashboard</h1>
       <p>Welcome {session?.user.name}</p>
+    {{#if ( or (eq api "orpc") (eq api "trpc"))}}
       <p>privateData: {privateData.data?.message}</p>
+    {{/if}}
     </div>
   );
 }

package/templates/auth/web/solid/src/routes/{dashboard.tsx → dashboard.tsx.hbs}

@@ -1,6 +1,8 @@
 import { authClient } from "@/lib/auth-client";
+{{#if (eq api "orpc")}}
 import { orpc } from "@/utils/orpc";
 import { useQuery } from "@tanstack/solid-query";
+{{/if}}
 import { createFileRoute } from "@tanstack/solid-router";
 import { createEffect, Show } from "solid-js";
 
@@ -12,7 +14,9 @@ function RouteComponent() {
   const session = authClient.useSession();
   const navigate = Route.useNavigate();
 
+{{#if (eq api "orpc")}}
   const privateData = useQuery(() => orpc.privateData.queryOptions());
+{{/if}}
 
   createEffect(() => {
     if (!session().data && !session().isPending) {
@@ -31,7 +35,9 @@ function RouteComponent() {
       <Show when={!session().isPending && session().data}>
         <h1>Dashboard</h1>
         <p>Welcome {session().data?.user.name}</p>
+        {{#if (eq api "orpc")}}
         <p>privateData: {privateData.data?.message}</p>
+        {{/if}}
       </Show>
     </div>
   );

package/templates/auth/web/svelte/src/components/UserMenu.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import { authClient } from '$lib/auth-client';
 	import { goto } from '$app/navigation';
-	import { queryClient } from '$lib/orpc';
 
 	const sessionQuery = authClient.useSession();
 
@@ -9,7 +8,6 @@
 		await authClient.signOut({
 		fetchOptions: {
 			onSuccess: () => {
-				queryClient.invalidateQueries();
 				goto('/');
 			},
 			onError: (error) => {

package/templates/auth/web/svelte/src/routes/dashboard/{+page.svelte → +page.svelte.hbs}

@@ -2,13 +2,17 @@
 	import { onMount } from 'svelte';
 	import { goto } from '$app/navigation';
 	import { authClient } from '$lib/auth-client';
+	{{#if (eq api "orpc")}}
 	import { orpc } from '$lib/orpc';
 	import { createQuery } from '@tanstack/svelte-query';
+	{{/if}}
 	import { get } from 'svelte/store';
 
 	const sessionQuery = authClient.useSession();
 
+	{{#if (eq api "orpc")}}
 	const privateDataQuery = createQuery(orpc.privateData.queryOptions());
+    {{/if}}
 
 	onMount(() => {
 		const { data: session, isPending } = get(sessionQuery);
@@ -21,11 +25,12 @@
 {#if $sessionQuery.isPending}
 	<div>Loading...</div>
 {:else if !$sessionQuery.data}
-	<!-- Redirecting... -->
 {:else}
 	<div>
 		<h1>Dashboard</h1>
 		<p>Welcome {$sessionQuery.data.user.name}</p>
+		{{#if (eq api "orpc")}}
 		<p>privateData: {$privateDataQuery.data?.message}</p>
+		{{/if}}
 	</div>
 {/if}

package/templates/frontend/nuxt/nuxt.config.ts.hbs

@@ -1,9 +1,6 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  compatibilityDate: '2024-11-01',
-  future: {
-    compatibilityVersion: 4
-  },
+  compatibilityDate: 'latest',
   devtools: { enabled: true },
   modules: ['@nuxt/ui'],
   css: ['~/assets/css/main.css'],

package/templates/frontend/nuxt/package.json.hbs

@@ -10,16 +10,16 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
-    "@nuxt/ui": "3.0.2",
-    "@tanstack/vue-query": "^5.74.5",
-    "nuxt": "^3.16.2",
+    "@nuxt/ui": "3.2.0",
+    "@tanstack/vue-query": "^5.83.0",
+    "nuxt": "^4.0.0",
     "typescript": "^5.6.3",
-    "vue": "^3.5.13",
-    "vue-router": "^4.5.0",
+    "vue": "^3.5.17",
+    "vue-router": "^4.5.1",
     "zod": "^4.0.2"
   },
   "devDependencies": {
-    "@tanstack/vue-query-devtools": "^5.74.5",
-    "@iconify-json/lucide": "^1.2.38"
+    "@tanstack/vue-query-devtools": "^5.83.0",
+    "@iconify-json/lucide": "^1.2.57"
   }
 }

package/templates/auth/web/nuxt/app/pages/dashboard.vue

@@ -1,27 +0,0 @@
-<script setup lang="ts">
-import { useQuery } from '@tanstack/vue-query'
-const {$authClient} = useNuxtApp()
-
-definePageMeta({
-  middleware: ['auth']
-})
-
-const { $orpc } = useNuxtApp()
-
-const session = $authClient.useSession()
-
-const privateData = useQuery($orpc.privateData.queryOptions())
-
-</script>
-
-<template>
-  <div class="container mx-auto p-4">
-      <h1 class="text-2xl font-bold mb-4">Dashboard</h1>
-     <div v-if="session?.data?.user">
-        <p class="mb-2">Welcome {{ session.data.user.name }}</p>
-     </div>
-        <div v-if="privateData.status.value === 'pending'">Loading private data...</div>
-        <div v-else-if="privateData.status.value === 'error'">Error loading private data: {{ privateData.error.value?.message }}</div>
-        <p v-else-if="privateData.data.value">Private Data: {{ privateData.data.value.message }}</p>
-  </div>
-</template>