@tanstack/cta-cli 0.41.2 → 0.43.1

package/dist/cli.js

@@ -358,8 +358,23 @@ Remove your node_modules directory and package lock file and re-install.`);
                 if (!finalOptions) {
                     throw new Error('No options were provided');
                 }
-                finalOptions.targetDir =
-                    options.targetDir || resolve(process.cwd(), finalOptions.projectName);
+                // Determine target directory:
+                // 1. Use --target-dir if provided
+                // 2. Use targetDir from normalizeOptions if set (handles "." case)
+                // 3. If original projectName was ".", use current directory
+                // 4. Otherwise, use project name as subdirectory
+                if (options.targetDir) {
+                    finalOptions.targetDir = options.targetDir;
+                }
+                else if (finalOptions.targetDir) {
+                    // Keep the targetDir from normalizeOptions (handles "." case)
+                }
+                else if (projectName === '.') {
+                    finalOptions.targetDir = resolve(process.cwd());
+                }
+                else {
+                    finalOptions.targetDir = resolve(process.cwd(), finalOptions.projectName);
+                }
                 await createApp(environment, finalOptions);
             }
             catch (error) {

package/dist/command-line.js

@@ -1,8 +1,17 @@
 import { resolve } from 'node:path';
 import { DEFAULT_PACKAGE_MANAGER, finalizeAddOns, getFrameworkById, getPackageManager, loadStarter, populateAddOnOptionsDefaults, } from '@tanstack/cta-engine';
-import { validateProjectName } from './utils.js';
+import { getCurrentDirectoryName, sanitizePackageName, validateProjectName, } from './utils.js';
 export async function normalizeOptions(cliOptions, forcedMode, forcedAddOns, opts) {
-    const projectName = (cliOptions.projectName ?? '').trim();
+    let projectName = (cliOptions.projectName ?? '').trim();
+    let targetDir;
+    // Handle "." as project name - use current directory
+    if (projectName === '.') {
+        projectName = sanitizePackageName(getCurrentDirectoryName());
+        targetDir = resolve(process.cwd());
+    }
+    else {
+        targetDir = resolve(process.cwd(), projectName);
+    }
     if (!projectName && !opts?.disableNameCheck) {
         return undefined;
     }
@@ -90,7 +99,7 @@ export async function normalizeOptions(cliOptions, forcedMode, forcedAddOns, opt
     }
     return {
         projectName: projectName,
-        targetDir: resolve(process.cwd(), projectName),
+        targetDir,
         framework,
         mode,
         typescript,

package/dist/options.js

@@ -1,17 +1,23 @@
 import { intro } 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 { validateProjectName } from './utils.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');
     if (cliOptions.projectName) {
-        const { valid, error } = validateProjectName(cliOptions.projectName);
+        // Handle "." as project name - use sanitized current directory name
+        if (cliOptions.projectName === '.') {
+            options.projectName = sanitizePackageName(getCurrentDirectoryName());
+        }
+        else {
+            options.projectName = cliOptions.projectName;
+        }
+        const { valid, error } = validateProjectName(options.projectName);
         if (!valid) {
             console.error(error);
             process.exit(1);
         }
-        options.projectName = cliOptions.projectName;
     }
     else {
         options.projectName = await getProjectName();

package/dist/types/utils.d.ts

@@ -1,5 +1,7 @@
 import type { TemplateOptions } from './types.js';
 export declare function convertTemplateToMode(template: TemplateOptions): string;
+export declare function sanitizePackageName(name: string): string;
+export declare function getCurrentDirectoryName(): string;
 export declare function validateProjectName(name: string): {
     valid: boolean;
     error: string;

package/dist/utils.js

@@ -1,3 +1,4 @@
+import { basename } from 'node:path';
 import validatePackageName from 'validate-npm-package-name';
 export function convertTemplateToMode(template) {
     if (template === 'typescript' || template === 'javascript') {
@@ -5,6 +6,19 @@ export function convertTemplateToMode(template) {
     }
     return 'file-router';
 }
+export function sanitizePackageName(name) {
+    return name
+        .toLowerCase()
+        .replace(/\s+/g, '-') // Replace spaces with hyphens
+        .replace(/_/g, '-') // Replace underscores with hyphens
+        .replace(/[^a-z0-9-]/g, '') // Remove invalid characters
+        .replace(/^[^a-z]+/, '') // Ensure it starts with a letter
+        .replace(/-+/g, '-') // Collapse multiple hyphens
+        .replace(/-$/, ''); // Remove trailing hyphen
+}
+export function getCurrentDirectoryName() {
+    return basename(process.cwd());
+}
 export function validateProjectName(name) {
     const { validForNewPackages, validForOldPackages, errors, warnings } = validatePackageName(name);
     const error = errors?.[0] || warnings?.[0];

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@tanstack/cta-cli",
-  "version": "0.41.2",
+  "version": "0.43.1",
   "description": "Tanstack Application Builder CLI",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
   "repository": {
     "type": "git",
-    "url": "https://github.com/TanStack/create-tsrouter-app.git"
+    "url": "git+https://github.com/TanStack/create-tsrouter-app.git",
+    "directory": "packages/cta-cli"
   },
   "homepage": "https://tanstack.com/router",
   "funding": {
@@ -31,11 +32,10 @@
     "semver": "^7.7.2",
     "validate-npm-package-name": "^7.0.0",
     "zod": "^3.24.2",
-    "@tanstack/cta-ui": "0.41.2",
-    "@tanstack/cta-engine": "0.41.2"
+    "@tanstack/cta-engine": "0.43.1",
+    "@tanstack/cta-ui": "0.43.1"
   },
   "devDependencies": {
-    "@tanstack/config": "^0.16.2",
     "@types/express": "^5.0.1",
     "@types/node": "^22.13.4",
     "@types/semver": "^7.7.0",
@@ -46,5 +46,12 @@
     "vitest": "^3.1.1",
     "vitest-fetch-mock": "^0.4.5"
   },
-  "scripts": {}
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test:lint": "eslint ./src",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage"
+  }
 }

package/src/cli.ts

@@ -528,8 +528,20 @@ Remove your node_modules directory and package lock file and re-install.`,
           throw new Error('No options were provided')
         }
 
-        finalOptions.targetDir =
-          options.targetDir || resolve(process.cwd(), finalOptions.projectName)
+        // Determine target directory:
+        // 1. Use --target-dir if provided
+        // 2. Use targetDir from normalizeOptions if set (handles "." case)
+        // 3. If original projectName was ".", use current directory
+        // 4. Otherwise, use project name as subdirectory
+        if (options.targetDir) {
+          finalOptions.targetDir = options.targetDir
+        } else if (finalOptions.targetDir) {
+          // Keep the targetDir from normalizeOptions (handles "." case)
+        } else if (projectName === '.') {
+          finalOptions.targetDir = resolve(process.cwd())
+        } else {
+          finalOptions.targetDir = resolve(process.cwd(), finalOptions.projectName)
+        }
 
         await createApp(environment, finalOptions)
       } catch (error) {

package/src/command-line.ts

@@ -9,7 +9,11 @@ import {
   populateAddOnOptionsDefaults,
 } from '@tanstack/cta-engine'
 
-import { validateProjectName } from './utils.js'
+import {
+  getCurrentDirectoryName,
+  sanitizePackageName,
+  validateProjectName,
+} from './utils.js'
 import type { Options } from '@tanstack/cta-engine'
 
 import type { CliOptions } from './types.js'
@@ -23,7 +27,17 @@ export async function normalizeOptions(
     forcedDeployment?: string
   },
 ): Promise<Options | undefined> {
-  const projectName = (cliOptions.projectName ?? '').trim()
+  let projectName = (cliOptions.projectName ?? '').trim()
+  let targetDir: string
+
+  // Handle "." as project name - use current directory
+  if (projectName === '.') {
+    projectName = sanitizePackageName(getCurrentDirectoryName())
+    targetDir = resolve(process.cwd())
+  } else {
+    targetDir = resolve(process.cwd(), projectName)
+  }
+
   if (!projectName && !opts?.disableNameCheck) {
     return undefined
   }
@@ -134,7 +148,7 @@ export async function normalizeOptions(
 
   return {
     projectName: projectName,
-    targetDir: resolve(process.cwd(), projectName),
+    targetDir,
     framework,
     mode,
     typescript,

package/src/options.ts

@@ -21,7 +21,11 @@ import {
   selectTypescript,
 } from './ui-prompts.js'
 
-import { validateProjectName } from './utils.js'
+import {
+  getCurrentDirectoryName,
+  sanitizePackageName,
+  validateProjectName,
+} from './utils.js'
 import type { Options } from '@tanstack/cta-engine'
 
 import type { CliOptions } from './types.js'
@@ -43,12 +47,17 @@ export async function promptForCreateOptions(
   options.framework = getFrameworkById(cliOptions.framework || 'react-cra')!
 
   if (cliOptions.projectName) {
-    const { valid, error } = validateProjectName(cliOptions.projectName)
+    // Handle "." as project name - use sanitized current directory name
+    if (cliOptions.projectName === '.') {
+      options.projectName = sanitizePackageName(getCurrentDirectoryName())
+    } else {
+      options.projectName = cliOptions.projectName
+    }
+    const { valid, error } = validateProjectName(options.projectName)
     if (!valid) {
       console.error(error)
       process.exit(1)
     }
-    options.projectName = cliOptions.projectName
   } else {
     options.projectName = await getProjectName()
   }

package/src/utils.ts

@@ -1,3 +1,4 @@
+import { basename } from 'node:path'
 import validatePackageName from 'validate-npm-package-name'
 import type { TemplateOptions } from './types.js'
 
@@ -8,6 +9,21 @@ export function convertTemplateToMode(template: TemplateOptions): string {
   return 'file-router'
 }
 
+export function sanitizePackageName(name: string): string {
+  return name
+    .toLowerCase()
+    .replace(/\s+/g, '-') // Replace spaces with hyphens
+    .replace(/_/g, '-') // Replace underscores with hyphens
+    .replace(/[^a-z0-9-]/g, '') // Remove invalid characters
+    .replace(/^[^a-z]+/, '') // Ensure it starts with a letter
+    .replace(/-+/g, '-') // Collapse multiple hyphens
+    .replace(/-$/, '') // Remove trailing hyphen
+}
+
+export function getCurrentDirectoryName(): string {
+  return basename(process.cwd())
+}
+
 export function validateProjectName(name: string) {
   const { validForNewPackages, validForOldPackages, errors, warnings } =
     validatePackageName(name)

package/tests/command-line.test.ts

@@ -1,6 +1,11 @@
+import { basename, resolve } from 'node:path'
 import { beforeEach, describe, expect, it } from 'vitest'
 
 import { normalizeOptions } from '../src/command-line.js'
+import {
+  sanitizePackageName,
+  getCurrentDirectoryName,
+} from '../src/utils.js'
 import {
   __testRegisterFramework,
   __testClearFrameworks,
@@ -10,12 +15,58 @@ beforeEach(() => {
   __testClearFrameworks()
 })
 
+describe('sanitizePackageName', () => {
+  it('should convert to lowercase', () => {
+    expect(sanitizePackageName('MyProject')).toBe('myproject')
+  })
+
+  it('should replace spaces with hyphens', () => {
+    expect(sanitizePackageName('my project')).toBe('my-project')
+  })
+
+  it('should replace underscores with hyphens', () => {
+    expect(sanitizePackageName('my_project')).toBe('my-project')
+  })
+
+  it('should remove invalid characters', () => {
+    expect(sanitizePackageName('my@project!')).toBe('myproject')
+  })
+
+  it('should ensure it starts with a letter', () => {
+    expect(sanitizePackageName('123project')).toBe('project')
+    expect(sanitizePackageName('_myproject')).toBe('myproject')
+  })
+
+  it('should collapse multiple hyphens', () => {
+    expect(sanitizePackageName('my--project')).toBe('my-project')
+  })
+
+  it('should remove trailing hyphen', () => {
+    expect(sanitizePackageName('myproject-')).toBe('myproject')
+  })
+})
+
+describe('getCurrentDirectoryName', () => {
+  it('should return the basename of the current working directory', () => {
+    expect(getCurrentDirectoryName()).toBe(basename(process.cwd()))
+  })
+})
+
 describe('normalizeOptions', () => {
   it('should return undefined if project name is not provided', async () => {
     const options = await normalizeOptions({})
     expect(options).toBeUndefined()
   })
 
+  it('should handle "." as project name by using sanitized current directory name', async () => {
+    const options = await normalizeOptions({
+      projectName: '.',
+    })
+    const expectedName = sanitizePackageName(getCurrentDirectoryName())
+    expect(options?.projectName).toBe(expectedName)
+    expect(options?.targetDir).toBe(resolve(process.cwd()))
+  })
+
   it('should return enable typescript based on the framework', async () => {
     const jsOptions = await normalizeOptions({
       projectName: 'test',