@better-t-stack/template-generator 3.25.3 → 3.25.5

package/dist/index.d.mts

@@ -145,7 +145,7 @@ declare const dependencyVersionMap: {
   readonly "@orpc/client": "^1.12.2";
   readonly "@orpc/openapi": "^1.12.2";
   readonly "@orpc/zod": "^1.12.2";
-  readonly "@orpc/tanstack-query": "^1.12.2";
+  readonly "@orpc/tanstack-query": "^1.13.6";
   readonly "@trpc/tanstack-react-query": "^11.7.2";
   readonly "@trpc/server": "^11.7.2";
   readonly "@trpc/client": "^11.7.2";
@@ -159,8 +159,8 @@ declare const dependencyVersionMap: {
   readonly "@convex-dev/better-auth": "^0.10.13";
   readonly "@tanstack/svelte-query": "^5.85.3";
   readonly "@tanstack/svelte-query-devtools": "^5.85.3";
-  readonly "@tanstack/vue-query-devtools": "^5.90.2";
-  readonly "@tanstack/vue-query": "^5.90.2";
+  readonly "@tanstack/vue-query-devtools": "^6.1.5";
+  readonly "@tanstack/vue-query": "^5.92.9";
   readonly "@tanstack/react-query-devtools": "^5.91.1";
   readonly "@tanstack/react-query": "^5.90.12";
   readonly "@tanstack/react-form": "^1.28.0";

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/core/virtual-fs.ts","../src/core/template-processor.ts","../src/template-handlers/utils.ts","../src/template-handlers/addons.ts","../src/generator.ts","../src/processors/addons-deps.ts","../src/bts-config.ts","../src/templates.generated.ts","../src/utils/add-deps.ts","../src/utils/reproducible-command.ts"],"sourcesContent":[],"mappings":";;;;;;;cAOa,iBAAA;;;;;;EAAA,QAAA,CAAA,QAAA,EAAA,MAAiB,CAAA,EAAA,MAAA,GAAA,SAAA;EA6Ea,MAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,OAAA;EAkCX,UAAA,CAAA,QAAA,EAAA,MAAA,CAAA,EAAA,OAAA;EAAgB,eAcrC,CAAA,OAAA,EAAA,MAAA,CAAA,EAAA,OAAA;EAAA,KAGJ,CAAA,OAAA,EAAA,MAAA,CAAA,EAAA,IAAA;EAAA,UAAA,CAAA,QAAA,EAAA,MAAA,CAAA,EAAA,OAAA;;2CAnDoC;;EC1E3B,WAAA,CAAA,CAAA,EAAA,MAAA,EAAA;EAIA,iBAAY,CAAA,CAAA,EAAA,MAAA,EAAA;EAIZ,YAAA,CAAA,CAAA,EAAA,MAAiB;EAUjB,iBAAA,CAAA,CAAA,EAAkB,MAAA;6BD0FF;;eAAgB,MAAA,CAcrC;EE/HC,KAAA,CAAA,CAAA,EF+HD,MAAA,CAGJ,GElIoB;;;;ECAL,QAAA,aAAA;;;;iBFKN,qBAAA,2BAAgD;iBAIhD,YAAA;iBAIA,iBAAA;iBAUA,kBAAA,6CAGL;;;KC1BC,YAAA,GAAe;;;iBCAL,qBAAA,MACf,8BACM,sBACH,gBACP;;;;;AHFH;;;;;;;;;ACGA;AAIA;AAIgB,iBG+BM,QAAA,CH/BW,OAAA,EGgCtB,gBHhCsB,CAAA,EGiC9B,OHjC8B,CGiCtB,MHjCsB,CGiCf,eHjCe,EGiCE,cHjCF,CAAA,CAAA;;;iBIJjB,iBAAA,MAAuB,2BAA2B;;;;;;;iBCJlD,mBAAA,MACT,kCACU;;;cCTJ,oBAAoB;cAyo0BpB,cAAA;;;cC/n0BA;;;ERNA,SAAA,mBAAiB,EAAA,OAAA;EA6Ea,SAAA,eAAA,EAAA,SAAA;EAkCX,SAAA,oBAAA,EAAA,SAAA;EAAgB,SAcrC,6BAAA,EAAA,SAAA;EAAA,SAGJ,mBAAA,EAAA,UAAA;EAAA,SAAA,aAAA,EAAA,SAAA;;;;EC7HS,SAAA,MAAA,EAAA,QAAqB;EAIrB,SAAA,0BAAY,EAAA,QAAA;EAIZ,SAAA,EAAA,EAAA,SAAiB;EAUjB,SAAA,WAAA,EAAkB,SAAA;;;;ECvBtB,SAAA,gBAAY,EAAG,QAAG;;;;ECAR,SAAA,yBAAqB,EAAA,QAAA;EACpC,SAAA,wBAAA,EAAA,QAAA;EACM,SAAA,gCAAA,EAAA,QAAA;EACH,SAAA,oBAAA,EAAA,QAAA;EACP,SAAA,6BAAA,EAAA,QAAA;EAAO,SAAA,QAAA,EAAA,SAAA;;;;ECwCY,SAAA,gBAAQ,EAAA,QAAA;EACnB,SAAA,MAAA,EAAA,SAAA;EACO,SAAA,KAAA,EAAA,SAAA;EAAiB,SAAA,KAAA,EAAA,QAAA;EAAxB,SAAA,QAAA,EAAA,SAAA;EAAR,SAAA,aAAA,EAAA,SAAA;EAAO,SAAA,GAAA,EAAA,SAAA;;;;ECrCM,SAAA,gBAAiB,EAAA,QAAM;;;;ECJvB,SAAA,mBAAmB,EAAA,QAC5B;;;;ECRM,SAAA,gBAuo0BX,EAAA,QAvo0B+B;EAyo0BpB,SAAA,aAAc,EAAA,SAAA;;;;EC/n0Bd,SAAA,EAAA,EAAA,SAAA;EAkJD,SAAA,EAAA,EAAA,QAAA;;;;ECpII,SAAA,eAAA,EAAA,QAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KDoI/B,qBAAA,gBAAqC;;;iBCpIjC,2BAAA,SAAoC"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/core/virtual-fs.ts","../src/core/template-processor.ts","../src/template-handlers/utils.ts","../src/template-handlers/addons.ts","../src/generator.ts","../src/processors/addons-deps.ts","../src/bts-config.ts","../src/templates.generated.ts","../src/utils/add-deps.ts","../src/utils/reproducible-command.ts"],"sourcesContent":[],"mappings":";;;;;;;cAOa,iBAAA;;;;;;EAAA,QAAA,CAAA,QAAA,EAAA,MAAiB,CAAA,EAAA,MAAA,GAAA,SAAA;EA6Ea,MAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,OAAA;EAkCX,UAAA,CAAA,QAAA,EAAA,MAAA,CAAA,EAAA,OAAA;EAAgB,eAcrC,CAAA,OAAA,EAAA,MAAA,CAAA,EAAA,OAAA;EAAA,KAGJ,CAAA,OAAA,EAAA,MAAA,CAAA,EAAA,IAAA;EAAA,UAAA,CAAA,QAAA,EAAA,MAAA,CAAA,EAAA,OAAA;;2CAnDoC;;EC1E3B,WAAA,CAAA,CAAA,EAAA,MAAA,EAAA;EAIA,iBAAY,CAAA,CAAA,EAAA,MAAA,EAAA;EAIZ,YAAA,CAAA,CAAA,EAAA,MAAiB;EAUjB,iBAAA,CAAA,CAAA,EAAkB,MAAA;6BD0FF;;eAAgB,MAAA,CAcrC;EE/HC,KAAA,CAAA,CAAA,EF+HD,MAAA,CAGJ,GElIoB;;;;ECAL,QAAA,aAAA;;;;iBFKN,qBAAA,2BAAgD;iBAIhD,YAAA;iBAIA,iBAAA;iBAUA,kBAAA,6CAGL;;;KC1BC,YAAA,GAAe;;;iBCAL,qBAAA,MACf,8BACM,sBACH,gBACP;;;;;AHFH;;;;;;;;;ACGA;AAIA;AAIgB,iBG+BM,QAAA,CH/BW,OAAA,EGgCtB,gBHhCsB,CAAA,EGiC9B,OHjC8B,CGiCtB,MHjCsB,CGiCf,eHjCe,EGiCE,cHjCF,CAAA,CAAA;;;iBIJjB,iBAAA,MAAuB,2BAA2B;;;;;;;iBCJlD,mBAAA,MACT,kCACU;;;cCTJ,oBAAoB;cAiv0BpB,cAAA;;;cCvu0BA;;;ERNA,SAAA,mBAAiB,EAAA,OAAA;EA6Ea,SAAA,eAAA,EAAA,SAAA;EAkCX,SAAA,oBAAA,EAAA,SAAA;EAAgB,SAcrC,6BAAA,EAAA,SAAA;EAAA,SAGJ,mBAAA,EAAA,UAAA;EAAA,SAAA,aAAA,EAAA,SAAA;;;;EC7HS,SAAA,MAAA,EAAA,QAAqB;EAIrB,SAAA,0BAAY,EAAA,QAAA;EAIZ,SAAA,EAAA,EAAA,SAAiB;EAUjB,SAAA,WAAA,EAAkB,SAAA;;;;ECvBtB,SAAA,gBAAY,EAAG,QAAG;;;;ECAR,SAAA,yBAAqB,EAAA,QAAA;EACpC,SAAA,wBAAA,EAAA,QAAA;EACM,SAAA,gCAAA,EAAA,QAAA;EACH,SAAA,oBAAA,EAAA,QAAA;EACP,SAAA,6BAAA,EAAA,QAAA;EAAO,SAAA,QAAA,EAAA,SAAA;;;;ECwCY,SAAA,gBAAQ,EAAA,QAAA;EACnB,SAAA,MAAA,EAAA,SAAA;EACO,SAAA,KAAA,EAAA,SAAA;EAAiB,SAAA,KAAA,EAAA,QAAA;EAAxB,SAAA,QAAA,EAAA,SAAA;EAAR,SAAA,aAAA,EAAA,SAAA;EAAO,SAAA,GAAA,EAAA,SAAA;;;;ECrCM,SAAA,gBAAiB,EAAA,QAAM;;;;ECJvB,SAAA,mBAAmB,EAAA,QAC5B;;;;ECRM,SAAA,gBA+u0BX,EAAA,QA/u0B+B;EAiv0BpB,SAAA,aAAc,EAAA,SAAA;;;;ECvu0Bd,SAAA,EAAA,EAAA,SAAA;EAkJD,SAAA,EAAA,EAAA,QAAA;;;;ECpII,SAAA,eAAA,EAAA,QAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KDoI/B,qBAAA,gBAAqC;;;iBCpIjC,2BAAA,SAAoC"}

package/dist/index.mjs

@@ -496,6 +496,10 @@ function updateRootPackageJson(vfs, config) {
 		scripts.destroy = pmConfig.filter(infraPackageName, "destroy");
 	}
 	pkgJson.packageManager = `${packageManager}@latest`;
+	if (config.api === "orpc" && config.frontend.includes("nuxt")) pkgJson.overrides = {
+		...pkgJson.overrides || {},
+		"@vue/devtools-api": "^8.0.7"
+	};
 	if (backend === "convex") {
 		if (!workspaces.includes("packages/*")) workspaces.push("packages/*");
 		if ((config.frontend.length > 0 || addons.includes("starlight")) && !workspaces.includes("apps/*")) workspaces.push("apps/*");
@@ -767,7 +771,7 @@ const dependencyVersionMap = {
 	"@orpc/client": "^1.12.2",
 	"@orpc/openapi": "^1.12.2",
 	"@orpc/zod": "^1.12.2",
-	"@orpc/tanstack-query": "^1.12.2",
+	"@orpc/tanstack-query": "^1.13.6",
 	"@trpc/tanstack-react-query": "^11.7.2",
 	"@trpc/server": "^11.7.2",
 	"@trpc/client": "^11.7.2",
@@ -781,8 +785,8 @@ const dependencyVersionMap = {
 	"@convex-dev/better-auth": "^0.10.13",
 	"@tanstack/svelte-query": "^5.85.3",
 	"@tanstack/svelte-query-devtools": "^5.85.3",
-	"@tanstack/vue-query-devtools": "^5.90.2",
-	"@tanstack/vue-query": "^5.90.2",
+	"@tanstack/vue-query-devtools": "^6.1.5",
+	"@tanstack/vue-query": "^5.92.9",
 	"@tanstack/react-query-devtools": "^5.91.1",
 	"@tanstack/react-query": "^5.90.12",
 	"@tanstack/react-form": "^1.28.0",
@@ -4667,6 +4671,11 @@ export default defineNuxtPlugin((nuxt) => {
   const toast = useToast()
 
   const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: {
+        staleTime: 5_000,
+      },
+    },
     queryCache: new QueryCache({
       onError: (error) => {
         console.log(error)
@@ -18192,22 +18201,48 @@ import { Chat } from '@ai-sdk/vue'
 import type { UIMessage } from 'ai'
 import { getTextFromMessage } from '@nuxt/ui/utils/ai'
 import { DefaultChatTransport } from 'ai'
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
+
+const SUGGESTIONS = [
+  {
+    title: 'Plan a feature',
+    prompt: 'Help me break down a small product feature into implementation steps.'
+  },
+  {
+    title: 'Design the schema',
+    prompt: 'Suggest a database schema for a collaborative notes app.'
+  },
+  {
+    title: 'Add auth flow',
+    prompt: 'What is the cleanest way to add login, signup, and protected routes here?'
+  },
+  {
+    title: 'Deploy checklist',
+    prompt: 'Give me a production deployment checklist for this stack.'
+  }
+] as const
 
-const config = useRuntimeConfig()
 const messages: UIMessage[] = []
 const input = ref('')
+const aiApiUrl = {{#if (eq backend "self")}}'/api/ai'{{else}}\`\${useRuntimeConfig().public.serverUrl}/ai\`{{/if}}
 
 const chat = new Chat({
   messages,
   transport: new DefaultChatTransport({
-    api: \`\${config.public.serverUrl}/ai\`,
+    api: aiApiUrl,
   }),
   onError(error) {
     console.error('Chat error:', error)
   }
 })
 
+const hasMessages = computed(() => chat.messages.length > 0)
+const isLoading = computed(() => chat.status === 'submitted' || chat.status === 'streaming')
+
+function applySuggestion(prompt: string) {
+  input.value = prompt
+}
+
 async function handleSubmit(e: Event) {
   e.preventDefault()
   const userInput = input.value
@@ -18220,27 +18255,95 @@ async function handleSubmit(e: Event) {
 <\/script>
 
 <template>
-  <UContainer class="h-full flex flex-col overflow-hidden py-4">
-    <div class="flex-1 min-h-0 overflow-y-auto">
-      <UChatMessages :messages="chat.messages" :status="chat.status">
-        <template #content="{ message }">
-          <div class="whitespace-pre-wrap">\\{{ getTextFromMessage(message) }}</div>
-        </template>
-      </UChatMessages>
+  <UContainer class="flex min-h-[calc(100vh-var(--ui-header-height)-2rem)] max-w-5xl flex-col py-4 sm:py-6">
+    <div class="min-h-0 flex-1">
+      <div v-if="!hasMessages" class="flex h-full items-center">
+        <div class="mx-auto flex w-full max-w-3xl flex-col gap-8">
+          <div class="space-y-3 text-center">
+            <UBadge label="AI Chat" color="primary" variant="subtle" class="rounded-full" />
+            <div class="space-y-2">
+              <h1 class="text-3xl font-semibold tracking-tight text-highlighted sm:text-4xl">
+                Ask the starter for your next move.
+              </h1>
+              <p class="mx-auto max-w-2xl text-sm leading-6 text-muted sm:text-base">
+                Use the built-in chat to plan features, sketch schemas, or unblock implementation work without leaving the app.
+              </p>
+            </div>
+          </div>
+
+          <div class="grid gap-3 sm:grid-cols-2">
+            <UButton
+              v-for="suggestion in SUGGESTIONS"
+              :key="suggestion.title"
+              color="neutral"
+              variant="soft"
+              class="h-auto justify-start rounded-2xl px-4 py-4 text-left"
+              @click="applySuggestion(suggestion.prompt)"
+            >
+              <div class="space-y-1">
+                <div class="text-sm font-medium text-highlighted">\\{{ suggestion.title }}</div>
+                <div class="text-sm leading-6 text-muted">\\{{ suggestion.prompt }}</div>
+              </div>
+            </UButton>
+          </div>
+        </div>
+      </div>
+
+      <div v-else class="mx-auto flex h-full w-full max-w-3xl min-h-0 flex-col">
+        <UChatMessages
+          :messages="chat.messages"
+          :status="chat.status"
+          :assistant="{
+            variant: 'outline',
+            avatar: {
+              icon: 'i-lucide-bot'
+            }
+          }"
+          :user="{
+            variant: 'soft',
+            avatar: {
+              icon: 'i-lucide-user'
+            }
+          }"
+          class="min-h-0 flex-1 px-1"
+        >
+          <template #content="{ message }">
+            <div class="whitespace-pre-wrap text-sm leading-6">\\{{ getTextFromMessage(message) }}</div>
+          </template>
+        </UChatMessages>
+      </div>
     </div>
 
-    <div class="shrink-0 pt-4 border-t border-gray-200 dark:border-gray-800">
-      <UChatPrompt
-        v-model="input"
-        :error="chat.error"
-        @submit="handleSubmit"
-        placeholder="Type your message..."
-      >
-        <UChatPromptSubmit :status="chat.status" @stop="() => chat.stop()" @reload="() => chat.regenerate()" />
-      </UChatPrompt>
+    <div class="sticky bottom-0 mt-4 border-t border-default bg-default pt-4">
+      <div class="mx-auto w-full max-w-3xl">
+        <UChatPrompt
+          v-model="input"
+          icon="i-lucide-sparkles"
+          variant="soft"
+          :rows="1"
+          :maxrows="8"
+          :loading="isLoading"
+          :error="chat.error"
+          :placeholder="hasMessages ? 'Keep the conversation going...' : 'Ask about your app, schema, auth, or deployment...'"
+          @submit="handleSubmit"
+        >
+          <UChatPromptSubmit
+            class="ms-auto"
+            :status="chat.status"
+            @stop="() => chat.stop()"
+            @reload="() => chat.regenerate()"
+          />
+        </UChatPrompt>
+
+        <div class="mt-2 flex items-center justify-between gap-3 px-1 text-xs text-muted">
+          <span>Press Enter to send and Shift+Enter for a new line.</span>
+          <span>\\{{ hasMessages ? \`\${chat.messages.length} messages\` : 'Ready when you are.' }}</span>
+        </div>
+      </div>
     </div>
   </UContainer>
-</template>`],
+</template>
+`],
 	["examples/ai/web/react/next/src/app/ai/page.tsx.hbs", `{{#if (eq backend "convex")}}
 "use client";
 
@@ -21073,6 +21176,12 @@ const queryClient = useQueryClient()
 
 const todos = useQuery($orpc.todo.getAll.queryOptions())
 
+onServerPrefetch(async () => {
+  try {
+    await todos.suspense()
+  } catch {}
+})
+
 const createMutation = useMutation($orpc.todo.create.mutationOptions({
   onSuccess: () => {
     queryClient.invalidateQueries()
@@ -26062,18 +26171,11 @@ logs
 
 `],
 	["frontend/nuxt/app/app.config.ts.hbs", `export default defineAppConfig({
-  // https://ui.nuxt.com/getting-started/theme#design-system
   ui: {
     colors: {
       primary: 'emerald',
       neutral: 'neutral',
     },
-    button: {
-      defaultVariants: {
-        // Set default button color to neutral
-        // color: 'neutral'
-      }
-    }
   }
 })
 `],
@@ -26084,6 +26186,8 @@ import { VueQueryDevtools } from '@tanstack/vue-query-devtools'
 <\/script>
 
 <template>
+    <NuxtAnnouncer />
+    <NuxtRouteAnnouncer />
     <NuxtLoadingIndicator />
     <UApp>
         <NuxtLayout>
@@ -26142,7 +26246,7 @@ const items = computed<NavigationMenuItem[]>(() => [
 	["frontend/nuxt/app/layouts/default.vue.hbs", `<script setup><\/script>
 
 <template>
-  <div class="grid grid-rows-[auto_1fr] h-svh">
+  <div>
     <Header />
     <UMain>
       <slot />
@@ -26182,6 +26286,12 @@ const healthCheck = useConvexQuery(api.healthCheck.get, {});
 {{else}}
   {{#unless (eq api "none")}}
 const healthCheck = useQuery($orpc.healthCheck.queryOptions())
+
+onServerPrefetch(async () => {
+  try {
+    await healthCheck.suspense()
+  } catch {}
+})
   {{/unless}}
 {{/if}}
 <\/script>
@@ -26254,6 +26364,9 @@ const healthCheck = useQuery($orpc.healthCheck.queryOptions())
 export default defineNuxtConfig({
   compatibilityDate: 'latest',
   devtools: { enabled: true },
+  experimental: {
+    payloadExtraction: 'client',
+  },
   modules: [
     '@nuxt/ui'
     {{#if (eq backend "convex")}},
@@ -26268,7 +26381,7 @@ export default defineNuxtConfig({
   convex: {
     url: process.env.NUXT_PUBLIC_CONVEX_URL,
   },
-  {{else if (ne backend "self")}}
+  {{else if (and (ne backend "self") (ne backend "none"))}}
   runtimeConfig: {
     public: {
       serverUrl: process.env.NUXT_PUBLIC_SERVER_URL,
@@ -26289,17 +26402,12 @@ export default defineNuxtConfig({
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
-    "@nuxt/ui": "4.2.1",
-    "@nuxt/content": "^3.7.1",
-    "@nuxtjs/mdc": "^0.17.4",
-    "nuxt": "^4.1.2",
-    "vue": "^3.5.21",
-    "vue-router": "^4.5.1",
-    "@vue/devtools-api": "^8.0.5"
+    "@nuxt/ui": "^4.5.1",
+    "nuxt": "^4.4.2"
   },
   "devDependencies": {
-    "tailwindcss": "^4.1.13",
-    "@iconify-json/lucide": "^1.2.57"
+    "tailwindcss": "^4.2.1",
+    "@iconify-json/lucide": "^1.2.96"
   }
 }
 `],