@tanstack/create 0.60.0 → 0.61.0

package/dist/package-manager.js

@@ -69,6 +69,35 @@ export function packageManagerInstall(environment, cwd, packagerManager, pkg) {
     const { command, args: commandArgs } = getPackageManagerInstallCommand(packagerManager, pkg);
     return environment.execute(command, commandArgs, cwd);
 }
+export function translateExecuteCommand(packageManager, command) {
+    const args = command.args || [];
+    const parsed = parseExecuteCommand(command.command, args);
+    if (parsed) {
+        return getPackageManagerExecuteCommand(packageManager, parsed.pkg, parsed.args);
+    }
+    return { command: command.command, args };
+}
+function parseExecuteCommand(command, args) {
+    if (command === 'npx') {
+        const filtered = args[0] === '-y' ? args.slice(1) : args;
+        const [pkg, ...rest] = filtered;
+        return pkg ? { pkg, args: rest } : null;
+    }
+    if (command === 'pnpx' || command === 'bunx') {
+        const filtered = command === 'bunx' && args[0] === '--bun' ? args.slice(1) : args;
+        const [pkg, ...rest] = filtered;
+        return pkg ? { pkg, args: rest } : null;
+    }
+    if ((command === 'pnpm' || command === 'yarn') && args[0] === 'dlx') {
+        const [, pkg, ...rest] = args;
+        return pkg ? { pkg, args: rest } : null;
+    }
+    if (command === 'deno' && args[0] === 'run' && args[1]?.startsWith('npm:')) {
+        const pkg = args[1].slice(4);
+        return pkg ? { pkg, args: args.slice(2) } : null;
+    }
+    return null;
+}
 export function packageManagerExecute(environment, cwd, packagerManager, pkg, args) {
     const { command, args: commandArgs } = getPackageManagerExecuteCommand(packagerManager, pkg, args);
     return environment.execute(command, commandArgs, cwd);

package/dist/template-file.js

@@ -2,7 +2,7 @@ import { resolve, sep } from 'node:path';
 import { render } from 'ejs';
 import { format } from 'prettier';
 import { formatCommand } from './utils.js';
-import { getPackageManagerInstallCommand, getPackageManagerScriptCommand, } from './package-manager.js';
+import { getPackageManagerExecuteCommand, getPackageManagerInstallCommand, getPackageManagerScriptCommand, } from './package-manager.js';
 import { relativePath } from './file-helpers.js';
 function convertDotFilesAndPaths(path) {
     return path
@@ -36,6 +36,9 @@ export function createTemplateFile(environment, options) {
             ...args,
         ]));
     }
+    function getPackageManagerExecuteScript(pkg, args = []) {
+        return formatCommand(getPackageManagerExecuteCommand(options.packageManager, pkg, args));
+    }
     class IgnoreFileError extends Error {
         constructor() {
             super('ignoreFile');
@@ -86,9 +89,13 @@ export function createTemplateFile(environment, options) {
             routes,
             getPackageManagerAddScript,
             getPackageManagerRunScript,
+            getPackageManagerExecuteScript,
             relativePath: (path, stripExtension = false) => relativePath(file, path, stripExtension),
             integrationImportContent,
             integrationImportCode,
+            renderTemplate: (content) => {
+                return render(content, templateValues);
+            },
             ignoreFile: () => {
                 throw new IgnoreFileError();
             },

package/dist/types/custom-add-ons/add-on.d.ts

@@ -39,7 +39,7 @@ export declare function generateProject(persistedOptions: PersistedOptions): Pro
         license?: string | undefined;
         warning?: string | undefined;
         tailwind?: boolean | undefined;
-        category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "i18n" | "tooling" | undefined;
+        category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "analytics" | "i18n" | "tooling" | undefined;
         exclusive?: ("database" | "orm" | "auth" | "deploy" | "linter")[] | undefined;
         color?: string | undefined;
         priority?: number | undefined;
@@ -69,6 +69,7 @@ export declare function generateProject(persistedOptions: PersistedOptions): Pro
             import?: string | undefined;
         }[] | undefined;
         readme?: string | undefined;
+        readmeIsEjs?: boolean | undefined;
     };
     output: import("../environment.js").MemoryEnvironmentOutput;
 }>;

package/dist/types/package-manager.d.ts

@@ -18,6 +18,13 @@ export declare function getPackageManagerInstallCommand(packagerManager: Package
 export declare function packageManagerInstall(environment: Environment, cwd: string, packagerManager: PackageManager, pkg?: string): Promise<{
     stdout: string;
 }>;
+export declare function translateExecuteCommand(packageManager: PackageManager, command: {
+    command: string;
+    args?: Array<string>;
+}): {
+    command: string;
+    args: Array<string>;
+};
 export declare function packageManagerExecute(environment: Environment, cwd: string, packagerManager: PackageManager, pkg: string, args: Array<string>): Promise<{
     stdout: string;
 }>;

package/dist/types/types.d.ts

@@ -114,7 +114,7 @@ export declare const AddOnBaseSchema: z.ZodObject<{
     warning: z.ZodOptional<z.ZodString>;
     tailwind: z.ZodOptional<z.ZodBoolean>;
     type: z.ZodEnum<["add-on", "example", "starter", "toolchain", "deployment"]>;
-    category: z.ZodOptional<z.ZodEnum<["tanstack", "database", "orm", "auth", "deploy", "styling", "monitoring", "cms", "api", "i18n", "tooling", "other"]>>;
+    category: z.ZodOptional<z.ZodEnum<["tanstack", "database", "orm", "auth", "deploy", "styling", "monitoring", "cms", "api", "analytics", "i18n", "tooling", "other"]>>;
     exclusive: z.ZodOptional<z.ZodArray<z.ZodEnum<["orm", "auth", "deploy", "database", "linter"]>, "many">>;
     color: z.ZodOptional<z.ZodString>;
     priority: z.ZodOptional<z.ZodNumber>;
@@ -225,7 +225,7 @@ export declare const AddOnBaseSchema: z.ZodObject<{
     license?: string | undefined;
     warning?: string | undefined;
     tailwind?: boolean | undefined;
-    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "i18n" | "tooling" | undefined;
+    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "analytics" | "i18n" | "tooling" | undefined;
     exclusive?: ("database" | "orm" | "auth" | "deploy" | "linter")[] | undefined;
     color?: string | undefined;
     priority?: number | undefined;
@@ -273,7 +273,7 @@ export declare const AddOnBaseSchema: z.ZodObject<{
     license?: string | undefined;
     warning?: string | undefined;
     tailwind?: boolean | undefined;
-    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "i18n" | "tooling" | undefined;
+    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "analytics" | "i18n" | "tooling" | undefined;
     exclusive?: ("database" | "orm" | "auth" | "deploy" | "linter")[] | undefined;
     color?: string | undefined;
     priority?: number | undefined;
@@ -307,7 +307,7 @@ export declare const StarterSchema: z.ZodObject<{
     warning: z.ZodOptional<z.ZodString>;
     tailwind: z.ZodOptional<z.ZodBoolean>;
     type: z.ZodEnum<["add-on", "example", "starter", "toolchain", "deployment"]>;
-    category: z.ZodOptional<z.ZodEnum<["tanstack", "database", "orm", "auth", "deploy", "styling", "monitoring", "cms", "api", "i18n", "tooling", "other"]>>;
+    category: z.ZodOptional<z.ZodEnum<["tanstack", "database", "orm", "auth", "deploy", "styling", "monitoring", "cms", "api", "analytics", "i18n", "tooling", "other"]>>;
     exclusive: z.ZodOptional<z.ZodArray<z.ZodEnum<["orm", "auth", "deploy", "database", "linter"]>, "many">>;
     color: z.ZodOptional<z.ZodString>;
     priority: z.ZodOptional<z.ZodNumber>;
@@ -426,7 +426,7 @@ export declare const StarterSchema: z.ZodObject<{
     license?: string | undefined;
     warning?: string | undefined;
     tailwind?: boolean | undefined;
-    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "i18n" | "tooling" | undefined;
+    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "analytics" | "i18n" | "tooling" | undefined;
     exclusive?: ("database" | "orm" | "auth" | "deploy" | "linter")[] | undefined;
     color?: string | undefined;
     priority?: number | undefined;
@@ -478,7 +478,7 @@ export declare const StarterSchema: z.ZodObject<{
     license?: string | undefined;
     warning?: string | undefined;
     tailwind?: boolean | undefined;
-    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "i18n" | "tooling" | undefined;
+    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "analytics" | "i18n" | "tooling" | undefined;
     exclusive?: ("database" | "orm" | "auth" | "deploy" | "linter")[] | undefined;
     color?: string | undefined;
     priority?: number | undefined;
@@ -513,7 +513,7 @@ export declare const StarterCompiledSchema: z.ZodObject<{
     warning: z.ZodOptional<z.ZodString>;
     tailwind: z.ZodOptional<z.ZodBoolean>;
     type: z.ZodEnum<["add-on", "example", "starter", "toolchain", "deployment"]>;
-    category: z.ZodOptional<z.ZodEnum<["tanstack", "database", "orm", "auth", "deploy", "styling", "monitoring", "cms", "api", "i18n", "tooling", "other"]>>;
+    category: z.ZodOptional<z.ZodEnum<["tanstack", "database", "orm", "auth", "deploy", "styling", "monitoring", "cms", "api", "analytics", "i18n", "tooling", "other"]>>;
     exclusive: z.ZodOptional<z.ZodArray<z.ZodEnum<["orm", "auth", "deploy", "database", "linter"]>, "many">>;
     color: z.ZodOptional<z.ZodString>;
     priority: z.ZodOptional<z.ZodNumber>;
@@ -637,7 +637,7 @@ export declare const StarterCompiledSchema: z.ZodObject<{
     license?: string | undefined;
     warning?: string | undefined;
     tailwind?: boolean | undefined;
-    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "i18n" | "tooling" | undefined;
+    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "analytics" | "i18n" | "tooling" | undefined;
     exclusive?: ("database" | "orm" | "auth" | "deploy" | "linter")[] | undefined;
     color?: string | undefined;
     priority?: number | undefined;
@@ -691,7 +691,7 @@ export declare const StarterCompiledSchema: z.ZodObject<{
     license?: string | undefined;
     warning?: string | undefined;
     tailwind?: boolean | undefined;
-    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "i18n" | "tooling" | undefined;
+    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "analytics" | "i18n" | "tooling" | undefined;
     exclusive?: ("database" | "orm" | "auth" | "deploy" | "linter")[] | undefined;
     color?: string | undefined;
     priority?: number | undefined;
@@ -745,7 +745,7 @@ export declare const AddOnInfoSchema: z.ZodObject<{
     warning: z.ZodOptional<z.ZodString>;
     tailwind: z.ZodOptional<z.ZodBoolean>;
     type: z.ZodEnum<["add-on", "example", "starter", "toolchain", "deployment"]>;
-    category: z.ZodOptional<z.ZodEnum<["tanstack", "database", "orm", "auth", "deploy", "styling", "monitoring", "cms", "api", "i18n", "tooling", "other"]>>;
+    category: z.ZodOptional<z.ZodEnum<["tanstack", "database", "orm", "auth", "deploy", "styling", "monitoring", "cms", "api", "analytics", "i18n", "tooling", "other"]>>;
     exclusive: z.ZodOptional<z.ZodArray<z.ZodEnum<["orm", "auth", "deploy", "database", "linter"]>, "many">>;
     color: z.ZodOptional<z.ZodString>;
     priority: z.ZodOptional<z.ZodNumber>;
@@ -853,6 +853,7 @@ export declare const AddOnInfoSchema: z.ZodObject<{
     }>, "many">>;
     phase: z.ZodEnum<["setup", "add-on"]>;
     readme: z.ZodOptional<z.ZodString>;
+    readmeIsEjs: z.ZodOptional<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
     type: "add-on" | "example" | "starter" | "toolchain" | "deployment";
     description: string;
@@ -881,7 +882,7 @@ export declare const AddOnInfoSchema: z.ZodObject<{
     license?: string | undefined;
     warning?: string | undefined;
     tailwind?: boolean | undefined;
-    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "i18n" | "tooling" | undefined;
+    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "analytics" | "i18n" | "tooling" | undefined;
     exclusive?: ("database" | "orm" | "auth" | "deploy" | "linter")[] | undefined;
     color?: string | undefined;
     priority?: number | undefined;
@@ -911,6 +912,7 @@ export declare const AddOnInfoSchema: z.ZodObject<{
         import?: string | undefined;
     }[] | undefined;
     readme?: string | undefined;
+    readmeIsEjs?: boolean | undefined;
 }, {
     type: "add-on" | "example" | "starter" | "toolchain" | "deployment";
     description: string;
@@ -939,7 +941,7 @@ export declare const AddOnInfoSchema: z.ZodObject<{
     license?: string | undefined;
     warning?: string | undefined;
     tailwind?: boolean | undefined;
-    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "i18n" | "tooling" | undefined;
+    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "analytics" | "i18n" | "tooling" | undefined;
     exclusive?: ("database" | "orm" | "auth" | "deploy" | "linter")[] | undefined;
     color?: string | undefined;
     priority?: number | undefined;
@@ -969,6 +971,7 @@ export declare const AddOnInfoSchema: z.ZodObject<{
         import?: string | undefined;
     }[] | undefined;
     readme?: string | undefined;
+    readmeIsEjs?: boolean | undefined;
 }>;
 export declare const AddOnCompiledSchema: z.ZodObject<{
     id: z.ZodString;
@@ -981,7 +984,7 @@ export declare const AddOnCompiledSchema: z.ZodObject<{
     warning: z.ZodOptional<z.ZodString>;
     tailwind: z.ZodOptional<z.ZodBoolean>;
     type: z.ZodEnum<["add-on", "example", "starter", "toolchain", "deployment"]>;
-    category: z.ZodOptional<z.ZodEnum<["tanstack", "database", "orm", "auth", "deploy", "styling", "monitoring", "cms", "api", "i18n", "tooling", "other"]>>;
+    category: z.ZodOptional<z.ZodEnum<["tanstack", "database", "orm", "auth", "deploy", "styling", "monitoring", "cms", "api", "analytics", "i18n", "tooling", "other"]>>;
     exclusive: z.ZodOptional<z.ZodArray<z.ZodEnum<["orm", "auth", "deploy", "database", "linter"]>, "many">>;
     color: z.ZodOptional<z.ZodString>;
     priority: z.ZodOptional<z.ZodNumber>;
@@ -1089,6 +1092,7 @@ export declare const AddOnCompiledSchema: z.ZodObject<{
     }>, "many">>;
     phase: z.ZodEnum<["setup", "add-on"]>;
     readme: z.ZodOptional<z.ZodString>;
+    readmeIsEjs: z.ZodOptional<z.ZodBoolean>;
 } & {
     files: z.ZodRecord<z.ZodString, z.ZodString>;
     deletedFiles: z.ZodArray<z.ZodString, "many">;
@@ -1123,7 +1127,7 @@ export declare const AddOnCompiledSchema: z.ZodObject<{
     license?: string | undefined;
     warning?: string | undefined;
     tailwind?: boolean | undefined;
-    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "i18n" | "tooling" | undefined;
+    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "analytics" | "i18n" | "tooling" | undefined;
     exclusive?: ("database" | "orm" | "auth" | "deploy" | "linter")[] | undefined;
     color?: string | undefined;
     priority?: number | undefined;
@@ -1153,6 +1157,7 @@ export declare const AddOnCompiledSchema: z.ZodObject<{
         import?: string | undefined;
     }[] | undefined;
     readme?: string | undefined;
+    readmeIsEjs?: boolean | undefined;
     packageTemplate?: string | undefined;
 }, {
     type: "add-on" | "example" | "starter" | "toolchain" | "deployment";
@@ -1184,7 +1189,7 @@ export declare const AddOnCompiledSchema: z.ZodObject<{
     license?: string | undefined;
     warning?: string | undefined;
     tailwind?: boolean | undefined;
-    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "i18n" | "tooling" | undefined;
+    category?: "other" | "tanstack" | "database" | "orm" | "auth" | "deploy" | "styling" | "monitoring" | "cms" | "api" | "analytics" | "i18n" | "tooling" | undefined;
     exclusive?: ("database" | "orm" | "auth" | "deploy" | "linter")[] | undefined;
     color?: string | undefined;
     priority?: number | undefined;
@@ -1214,6 +1219,7 @@ export declare const AddOnCompiledSchema: z.ZodObject<{
         import?: string | undefined;
     }[] | undefined;
     readme?: string | undefined;
+    readmeIsEjs?: boolean | undefined;
     packageTemplate?: string | undefined;
 }>;
 export type AddOnSelectOption = z.infer<typeof AddOnSelectOptionSchema>;

package/dist/types/utils.d.ts

@@ -5,3 +5,5 @@ export declare function formatCommand({ command, args, }: {
     args: Array<string>;
 }): string;
 export declare function handleSpecialURL(url: string): string;
+export declare function hasDrive(path: string): boolean;
+export declare function stripDrive(path: string): string;

package/dist/types.js

@@ -35,6 +35,7 @@ export const AddOnBaseSchema = z.object({
         'monitoring',
         'cms',
         'api',
+        'analytics',
         'i18n',
         'tooling',
         'other',
@@ -98,6 +99,7 @@ export const AddOnInfoSchema = AddOnBaseSchema.extend({
     integrations: z.array(IntegrationSchema).optional(),
     phase: z.enum(['setup', 'add-on']),
     readme: z.string().optional(),
+    readmeIsEjs: z.boolean().optional(),
 });
 export const AddOnCompiledSchema = AddOnInfoSchema.extend({
     files: z.record(z.string(), z.string()),

package/dist/utils.js

@@ -29,3 +29,9 @@ export function handleSpecialURL(url) {
     }
     return url;
 }
+export function hasDrive(path) {
+    return /^[A-Za-z]:/.test(path);
+}
+export function stripDrive(path) {
+    return path.replace(/^[A-Za-z]:/, '');
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/create",
-  "version": "0.60.0",
+  "version": "0.61.0",
   "description": "TanStack Application Builder Engine",
   "type": "module",
   "main": "./dist/index.js",

package/src/create-app.ts

@@ -6,6 +6,7 @@ import { writeConfigFileToEnvironment } from './config-file.js'
 import {
   getPackageManagerScriptCommand,
   packageManagerInstall,
+  translateExecuteCommand,
 } from './package-manager.js'
 import { createPackageJSON } from './package-json.js'
 import { createTemplateFile } from './template-file.js'
@@ -181,18 +182,19 @@ async function runCommandsAndInstallDependencies(
         addOn.phase === phase && addOn.command && addOn.command.command,
     )) {
       s.start(`Running commands for ${addOn.name}...`)
-      const cmd = formatCommand({
+      const translated = translateExecuteCommand(options.packageManager, {
         command: addOn.command!.command,
         args: addOn.command!.args || [],
       })
+      const cmd = formatCommand(translated)
       environment.startStep({
         id: 'run-commands',
         type: 'command',
         message: cmd,
       })
       await environment.execute(
-        addOn.command!.command,
-        addOn.command!.args || [],
+        translated.command,
+        translated.args,
         options.targetDir,
         { inherit: true },
       )
@@ -208,10 +210,11 @@ async function runCommandsAndInstallDependencies(
     options.starter.command.command
   ) {
     s.start(`Setting up starter ${options.starter.name}...`)
-    const cmd = formatCommand({
+    const starterTranslated = translateExecuteCommand(options.packageManager, {
       command: options.starter.command.command,
       args: options.starter.command.args || [],
     })
+    const cmd = formatCommand(starterTranslated)
     environment.startStep({
       id: 'run-starter-command',
       type: 'command',
@@ -219,8 +222,8 @@ async function runCommandsAndInstallDependencies(
     })
 
     await environment.execute(
-      options.starter.command.command,
-      options.starter.command.args || [],
+      starterTranslated.command,
+      starterTranslated.args,
       options.targetDir,
       { inherit: true },
     )

package/src/file-helpers.ts

@@ -4,6 +4,7 @@ import { basename, extname, resolve } from 'node:path'
 import parseGitignore from 'parse-gitignore'
 import ignore from 'ignore'
 
+import { hasDrive, stripDrive } from './utils'
 import type { Environment } from './types'
 
 const BINARY_EXTENSIONS = ['.png', '.jpg', '.jpeg', '.gif', '.svg', '.ico']
@@ -43,7 +44,17 @@ export function toCleanPath(absolutePath: string, baseDir: string): string {
   // Normalize both paths to use forward slashes for consistent comparison
   const normalizedPath = absolutePath.replace(/\\/g, '/')
   const normalizedBase = baseDir.replace(/\\/g, '/')
-  let cleanPath = normalizedPath.replace(normalizedBase, '')
+  let cleanPath = normalizedPath
+  if (normalizedPath.startsWith(normalizedBase)) {
+    cleanPath = normalizedPath.slice(normalizedBase.length)
+  } else if (hasDrive(normalizedPath) !== hasDrive(normalizedBase)) {
+    // Handle paths that are missing the Windows drive letter (e.g. memfs on Windows)
+    const pathNoDrive = stripDrive(normalizedPath)
+    const baseNoDrive = stripDrive(normalizedBase)
+    if (pathNoDrive.startsWith(baseNoDrive)) {
+      cleanPath = pathNoDrive.slice(baseNoDrive.length)
+    }
+  }
   // Handle leading path separator
   if (cleanPath.startsWith('/')) {
     cleanPath = cleanPath.slice(1)

package/src/frameworks/react/add-ons/ai/info.json

@@ -36,11 +36,6 @@
       "type": "header-user",
       "path": "src/components/demo-AIAssistant.tsx",
       "jsName": "TanChatAIAssistant"
-    },
-    {
-      "type": "devtools",
-      "path": "src/lib/ai-devtools.tsx",
-      "jsName": "AiDevtools"
     }
   ],
   "dependsOn": ["store"],

package/src/frameworks/react/add-ons/ai/package.json

@@ -7,7 +7,6 @@
     "@tanstack/ai-ollama": "latest",
     "@tanstack/ai-openai": "latest",
     "@tanstack/ai-react": "latest",
-    "@tanstack/react-ai-devtools": "latest",
     "highlight.js": "^11.11.1",
     "streamdown": "^1.6.5",
     "lucide-react": "^0.544.0",

package/src/frameworks/react/add-ons/better-auth/{README.md → README.md.ejs}

@@ -3,7 +3,7 @@
 1. Generate and set the `BETTER_AUTH_SECRET` environment variable in your `.env.local`:
 
    ```bash
-   npx @better-auth/cli secret
+   <%- getPackageManagerExecuteScript('@better-auth/cli', ['secret']) %>
    ```
 
 2. Visit the [Better Auth documentation](https://www.better-auth.com) to unlock the full potential of authentication in your app.
@@ -28,5 +28,5 @@ export const auth = betterAuth({
 Then run migrations:
 
 ```bash
-npx @better-auth/cli migrate
+<%- getPackageManagerExecuteScript('@better-auth/cli', ['migrate']) %>
 ```

package/src/frameworks/react/add-ons/better-auth/assets/_dot_env.local.append.ejs

@@ -0,0 +1,3 @@
+# Better Auth configuration
+BETTER_AUTH_URL=http://localhost:3000
+BETTER_AUTH_SECRET= # Generate a secret key: `<%- getPackageManagerExecuteScript('@better-auth/cli', ['secret']) %>`

package/src/frameworks/react/add-ons/better-auth/assets/src/integrations/better-auth/header-user.tsx

@@ -23,7 +23,9 @@ export default function BetterAuthHeader() {
           </div>
         )}
         <button
-          onClick={() => authClient.signOut()}
+          onClick={() => {
+            void authClient.signOut()
+          }}
           className="flex-1 h-9 px-4 text-sm font-medium bg-white dark:bg-neutral-900 text-neutral-900 dark:text-neutral-50 border border-neutral-300 dark:border-neutral-700 hover:bg-neutral-50 dark:hover:bg-neutral-800 transition-colors"
         >
           Sign out

package/src/frameworks/react/add-ons/better-auth/assets/src/routes/demo/better-auth.tsx

@@ -57,7 +57,9 @@ function BetterAuthDemo() {
           </div>
 
           <button
-            onClick={() => authClient.signOut()}
+            onClick={() => {
+              void authClient.signOut()
+            }}
             className="w-full h-9 px-4 text-sm font-medium border border-neutral-300 dark:border-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors"
           >
             Sign out

package/src/frameworks/react/add-ons/convex/README.md.ejs

@@ -0,0 +1,4 @@
+## Setting up Convex
+
+- Set the `VITE_CONVEX_URL` and `CONVEX_DEPLOYMENT` environment variables in your `.env.local`. (Or run `<%- getPackageManagerExecuteScript('convex', ['init']) %>` to set them automatically.)
+- Run `<%- getPackageManagerExecuteScript('convex', ['dev']) %>` to start the Convex server.

package/src/frameworks/react/add-ons/drizzle/assets/src/routes/demo/{drizzle.tsx → drizzle.tsx.ejs}

@@ -163,19 +163,19 @@ function DemoDrizzle() {
               <li>
                 Run:{' '}
                 <code className="px-2 py-1 rounded bg-black/30 text-purple-300">
-                  npx drizzle-kit generate
+                  <%- getPackageManagerExecuteScript('drizzle-kit', ['generate']) %>
                 </code>
               </li>
               <li>
                 Run:{' '}
                 <code className="px-2 py-1 rounded bg-black/30 text-purple-300">
-                  npx drizzle-kit migrate
+                  <%- getPackageManagerExecuteScript('drizzle-kit', ['migrate']) %>
                 </code>
               </li>
               <li>
                 Optional:{' '}
                 <code className="px-2 py-1 rounded bg-black/30 text-purple-300">
-                  npx drizzle-kit studio
+                  <%- getPackageManagerExecuteScript('drizzle-kit', ['studio']) %>
                 </code>
               </li>
             </ol>

package/src/frameworks/react/add-ons/neon/assets/_dot_env.example.append

@@ -1,4 +1,4 @@
 # These will be automatically created by Neon Launchpad (https://neon.new).
 # You will also need to 
-VITE_DATABASE_URL=
-VITE_DATABASE_URL_POOLER=
+DATABASE_URL=
+DATABASE_URL_POOLER=

package/src/frameworks/react/add-ons/neon/assets/neon-vite-plugin.ts

@@ -6,5 +6,5 @@ export default postgresPlugin({
     path: 'db/init.sql',
   },
   referrer: 'create-tanstack',
-  dotEnvKey: 'VITE_DATABASE_URL',
+  dotEnvKey: 'DATABASE_URL',
 })

package/src/frameworks/react/add-ons/neon/assets/src/db.ts

@@ -3,11 +3,11 @@ import { neon } from '@neondatabase/serverless'
 let client: ReturnType<typeof neon>
 
 export async function getClient() {
-  if (!process.env.VITE_DATABASE_URL) {
+  if (!process.env.DATABASE_URL) {
     return undefined
   }
   if (!client) {
-    client = await neon(process.env.VITE_DATABASE_URL!)
+    client = await neon(process.env.DATABASE_URL!)
   }
   return client
 }

package/src/frameworks/react/add-ons/posthog/README.md

@@ -0,0 +1,9 @@
+## Setting up PostHog
+
+1. Create a PostHog account at [posthog.com](https://posthog.com)
+2. Get your Project API Key from [Project Settings](https://app.posthog.com/project/settings)
+3. Set `VITE_POSTHOG_KEY` in your `.env.local`
+
+### Optional Configuration
+
+- `VITE_POSTHOG_HOST` - Set this if you're using PostHog Cloud EU (`https://eu.i.posthog.com`) or self-hosting

package/src/frameworks/react/add-ons/posthog/assets/_dot_env.local.append

@@ -0,0 +1,4 @@
+# PostHog configuration, get your key from https://app.posthog.com/project/settings
+VITE_POSTHOG_KEY=phc_xxx
+# Optional: PostHog API host (for self-hosted or EU cloud)
+# VITE_POSTHOG_HOST=https://us.i.posthog.com

package/src/frameworks/react/add-ons/posthog/assets/src/integrations/posthog/provider.tsx

@@ -0,0 +1,20 @@
+import posthog from 'posthog-js'
+import { PostHogProvider as BasePostHogProvider } from '@posthog/react'
+import type { ReactNode } from 'react'
+
+if (typeof window !== 'undefined' && import.meta.env.VITE_POSTHOG_KEY) {
+  posthog.init(import.meta.env.VITE_POSTHOG_KEY, {
+    api_host: import.meta.env.VITE_POSTHOG_HOST || 'https://us.i.posthog.com',
+    person_profiles: 'identified_only',
+    capture_pageview: false,
+    defaults: '2025-11-30',
+  })
+}
+
+interface PostHogProviderProps {
+  children: ReactNode
+}
+
+export default function PostHogProvider({ children }: PostHogProviderProps) {
+  return <BasePostHogProvider client={posthog}>{children}</BasePostHogProvider>
+}