@tanstack/cta-cli 0.47.0 → 0.48.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @tanstack/cta-cli
 
+## 0.48.0
+
+### Minor Changes
+
+- no will prompt about overriding a directory that has contents ([#289](https://github.com/TanStack/create-tsrouter-app/pull/289))
+
+### Patch Changes
+
+- Updated dependencies [[`3087532`](https://github.com/TanStack/create-tsrouter-app/commit/308753249af11bf5c9e374789e973a934c753520)]:
+  - @tanstack/cta-engine@0.48.0
+  - @tanstack/cta-ui@0.48.0
+
 ## 0.47.0
 
 ### Minor Changes

package/dist/cli.js

@@ -212,12 +212,14 @@ Remove your node_modules directory and package lock file and re-install.`);
         });
     }
     if (toolchains.size > 0) {
-        program.option(`--toolchain <${Array.from(toolchains).join('|')}>`, `Explicitly tell the CLI to use this toolchain`, (value) => {
+        program
+            .option(`--toolchain <${Array.from(toolchains).join('|')}>`, `Explicitly tell the CLI to use this toolchain`, (value) => {
             if (!toolchains.has(value)) {
                 throw new InvalidArgumentError(`Invalid toolchain: ${value}. The following are allowed: ${Array.from(toolchains).join(', ')}`);
             }
             return value;
-        });
+        })
+            .option('--no-toolchain', 'skip toolchain selection');
     }
     program
         .option('--interactive', 'interactive mode', false)
@@ -237,7 +239,8 @@ Remove your node_modules directory and package lock file and re-install.`);
         .option('--mcp', 'run the MCP server', false)
         .option('--mcp-sse', 'run the MCP server in SSE mode', false)
         .option('--ui', 'Add with the UI')
-        .option('--add-on-config <config>', 'JSON string with add-on configuration options');
+        .option('--add-on-config <config>', 'JSON string with add-on configuration options')
+        .option('-f, --force', 'force project creation even if the target directory is not empty', false);
     program.action(async (projectName, options) => {
         if (options.listAddOns) {
             const addOns = await getAllAddOns(getFrameworkByName(options.framework || defaultFramework || 'React'), defaultMode ||

package/dist/options.js

@@ -1,10 +1,12 @@
-import { intro } from '@clack/prompts';
+import fs from 'node:fs';
+import { cancel, confirm, intro, isCancel } from '@clack/prompts';
 import { finalizeAddOns, getFrameworkById, getPackageManager, populateAddOnOptionsDefaults, readConfigFile, } from '@tanstack/cta-engine';
-import { getProjectName, promptForAddOnOptions, selectAddOns, selectGit, selectDeployment, selectPackageManager, selectRouterType, selectTailwind, selectToolchain, selectTypescript, } from './ui-prompts.js';
+import { getProjectName, promptForAddOnOptions, selectAddOns, selectDeployment, selectGit, selectPackageManager, selectRouterType, selectTailwind, selectToolchain, selectTypescript, } from './ui-prompts.js';
 import { getCurrentDirectoryName, sanitizePackageName, validateProjectName, } from './utils.js';
 export async function promptForCreateOptions(cliOptions, { forcedAddOns = [], forcedMode, showDeploymentOptions = false, }) {
     const options = {};
     options.framework = getFrameworkById(cliOptions.framework || 'react-cra');
+    // Validate project name
     if (cliOptions.projectName) {
         // Handle "." as project name - use sanitized current directory name
         if (cliOptions.projectName === '.') {
@@ -22,6 +24,19 @@ export async function promptForCreateOptions(cliOptions, { forcedAddOns = [], fo
     else {
         options.projectName = await getProjectName();
     }
+    // Check if target directory is empty
+    if (!cliOptions.force &&
+        fs.existsSync(options.projectName) &&
+        fs.readdirSync(options.projectName).length > 0) {
+        const shouldContinue = await confirm({
+            message: `Target directory ${options.projectName} is not empty. Do you want to continue?`,
+            initialValue: true,
+        });
+        if (isCancel(shouldContinue) || !shouldContinue) {
+            cancel('Operation cancelled.');
+            process.exit(0);
+        }
+    }
     // Router type selection
     if (forcedMode) {
         options.mode = forcedMode;
@@ -119,6 +134,9 @@ export async function promptForCreateOptions(cliOptions, { forcedAddOns = [], fo
         options.addOnOptions = { ...defaultOptions, ...userOptions };
     }
     options.git = cliOptions.git || (await selectGit());
+    if (cliOptions.install === false) {
+        options.install = false;
+    }
     return options;
 }
 export async function promptForAddOns() {

package/dist/types/types.d.ts

@@ -5,7 +5,7 @@ export interface CliOptions {
     framework?: string;
     tailwind?: boolean;
     packageManager?: PackageManager;
-    toolchain?: string;
+    toolchain?: string | false;
     deployment?: string;
     projectName?: string;
     git?: boolean;
@@ -21,4 +21,5 @@ export interface CliOptions {
     devWatch?: string;
     install?: boolean;
     addOnConfig?: string;
+    force?: boolean;
 }

package/dist/types/ui-prompts.d.ts

@@ -7,6 +7,6 @@ export declare function selectTailwind(): Promise<boolean>;
 export declare function selectPackageManager(): Promise<PackageManager>;
 export declare function selectAddOns(framework: Framework, mode: string, type: string, message: string, forcedAddOns?: Array<string>, allowMultiple?: boolean): Promise<Array<string>>;
 export declare function selectGit(): Promise<boolean>;
-export declare function selectToolchain(framework: Framework, toolchain?: string): Promise<string | undefined>;
+export declare function selectToolchain(framework: Framework, toolchain?: string | false): Promise<string | undefined>;
 export declare function promptForAddOnOptions(addOnIds: Array<string>, framework: Framework): Promise<Record<string, Record<string, any>>>;
 export declare function selectDeployment(framework: Framework, deployment?: string): Promise<string | undefined>;

package/dist/ui-prompts.js

@@ -147,6 +147,9 @@ export async function selectGit() {
     return git;
 }
 export async function selectToolchain(framework, toolchain) {
+    if (toolchain === false) {
+        return undefined;
+    }
     const toolchains = new Set();
     for (const addOn of framework.getAddOns()) {
         if (addOn.type === 'toolchain') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/cta-cli",
-  "version": "0.47.0",
+  "version": "0.48.0",
   "description": "Tanstack Application Builder CLI",
   "type": "module",
   "main": "./dist/index.js",
@@ -35,8 +35,8 @@
     "tempy": "^3.1.0",
     "validate-npm-package-name": "^7.0.0",
     "zod": "^3.24.2",
-    "@tanstack/cta-engine": "0.47.0",
-    "@tanstack/cta-ui": "0.47.0"
+    "@tanstack/cta-engine": "0.48.0",
+    "@tanstack/cta-ui": "0.48.0"
   },
   "devDependencies": {
     "@tanstack/config": "^0.16.2",

package/src/cli.ts

@@ -338,20 +338,22 @@ Remove your node_modules directory and package lock file and re-install.`,
   }
 
   if (toolchains.size > 0) {
-    program.option<string>(
-      `--toolchain <${Array.from(toolchains).join('|')}>`,
-      `Explicitly tell the CLI to use this toolchain`,
-      (value) => {
-        if (!toolchains.has(value)) {
-          throw new InvalidArgumentError(
-            `Invalid toolchain: ${value}. The following are allowed: ${Array.from(
-              toolchains,
-            ).join(', ')}`,
-          )
-        }
-        return value
-      },
-    )
+    program
+      .option<string>(
+        `--toolchain <${Array.from(toolchains).join('|')}>`,
+        `Explicitly tell the CLI to use this toolchain`,
+        (value) => {
+          if (!toolchains.has(value)) {
+            throw new InvalidArgumentError(
+              `Invalid toolchain: ${value}. The following are allowed: ${Array.from(
+                toolchains,
+              ).join(', ')}`,
+            )
+          }
+          return value
+        },
+      )
+      .option('--no-toolchain', 'skip toolchain selection')
   }
 
   program
@@ -386,6 +388,11 @@ Remove your node_modules directory and package lock file and re-install.`,
       '--add-on-config <config>',
       'JSON string with add-on configuration options',
     )
+    .option(
+      '-f, --force',
+      'force project creation even if the target directory is not empty',
+      false,
+    )
 
   program.action(async (projectName: string, options: CliOptions) => {
     if (options.listAddOns) {

package/src/options.ts

@@ -1,4 +1,5 @@
-import { intro } from '@clack/prompts'
+import fs from 'node:fs'
+import { cancel, confirm, intro, isCancel } from '@clack/prompts'
 
 import {
   finalizeAddOns,
@@ -12,8 +13,8 @@ import {
   getProjectName,
   promptForAddOnOptions,
   selectAddOns,
-  selectGit,
   selectDeployment,
+  selectGit,
   selectPackageManager,
   selectRouterType,
   selectTailwind,
@@ -46,6 +47,7 @@ export async function promptForCreateOptions(
 
   options.framework = getFrameworkById(cliOptions.framework || 'react-cra')!
 
+  // Validate project name
   if (cliOptions.projectName) {
     // Handle "." as project name - use sanitized current directory name
     if (cliOptions.projectName === '.') {
@@ -62,6 +64,23 @@ export async function promptForCreateOptions(
     options.projectName = await getProjectName()
   }
 
+  // Check if target directory is empty
+  if (
+    !cliOptions.force &&
+    fs.existsSync(options.projectName) &&
+    fs.readdirSync(options.projectName).length > 0
+  ) {
+    const shouldContinue = await confirm({
+      message: `Target directory ${options.projectName} is not empty. Do you want to continue?`,
+      initialValue: true,
+    })
+
+    if (isCancel(shouldContinue) || !shouldContinue) {
+      cancel('Operation cancelled.')
+      process.exit(0)
+    }
+  }
+
   // Router type selection
   if (forcedMode) {
     options.mode = forcedMode
@@ -191,6 +210,9 @@ export async function promptForCreateOptions(
   }
 
   options.git = cliOptions.git || (await selectGit())
+  if (cliOptions.install === false) {
+    options.install = false
+  }
 
   return options
 }

package/src/types.ts

@@ -7,7 +7,7 @@ export interface CliOptions {
   framework?: string
   tailwind?: boolean
   packageManager?: PackageManager
-  toolchain?: string
+  toolchain?: string | false
   deployment?: string
   projectName?: string
   git?: boolean
@@ -23,4 +23,5 @@ export interface CliOptions {
   devWatch?: string
   install?: boolean
   addOnConfig?: string
+  force?: boolean
 }

package/src/ui-prompts.ts

@@ -18,7 +18,6 @@ import { validateProjectName } from './utils.js'
 import type { AddOn, PackageManager } from '@tanstack/cta-engine'
 
 import type { Framework } from '@tanstack/cta-engine/dist/types/types.js'
-import { InitialData } from '../../cta-ui/src/types'
 
 export async function getProjectName(): Promise<string> {
   const value = await text({
@@ -197,8 +196,12 @@ export async function selectGit(): Promise<boolean> {
 
 export async function selectToolchain(
   framework: Framework,
-  toolchain?: string,
+  toolchain?: string | false,
 ): Promise<string | undefined> {
+  if (toolchain === false) {
+    return undefined
+  }
+
   const toolchains = new Set<AddOn>()
   for (const addOn of framework.getAddOns()) {
     if (addOn.type === 'toolchain') {