create-start-app 0.9.0 → 0.9.3

package/README.md

@@ -2,7 +2,7 @@
 
 This CLI application builds Tanstack Router applications that are the functional equivalent of [Create React App](https://create-react-app.dev/).
 
-To help accelerate the migration away from `create-react-app` we created the `create-tsrouter-app` CLI which is a plug-n-play replacement for CRA.
+To help accelerate the migration away from `create-react-app` we created the `create-start-app` CLI which is a plug-n-play replacement for CRA.
 
 ## Quick Start
 
@@ -10,17 +10,17 @@ To maintain compatability with `create-react-app` you can build a new applicatio
 
 | Command                                                                          | Description                                       |
 | -------------------------------------------------------------------------------- | ------------------------------------------------- |
-| `npx create-tsrouter-app@latest my-app`                                          | Create a new app                                  |
-| `npx create-tsrouter-app@latest my-app --template file-router`                   | Create a new file based app                       |
-| `npx create-tsrouter-app@latest my-app --template typescript`                    | Create a new TypeScript app using the Code Router |
-| `npx create-tsrouter-app@latest my-app --tailwind`                               | Add Tailwind CSS support                          |
-| `npx create-tsrouter-app@latest my-app --framework solid`                        | Create a Solid app                                |
-| `npx create-tsrouter-app@latest my-app --framework solid --template file-router` | Create a Solid app with file-router               |
+| `npx create-start-app@latest my-app`                                          | Create a new app                                  |
+| `npx create-start-app@latest my-app --template file-router`                   | Create a new file based app                       |
+| `npx create-start-app@latest my-app --template typescript`                    | Create a new TypeScript app using the Code Router |
+| `npx create-start-app@latest my-app --tailwind`                               | Add Tailwind CSS support                          |
+| `npx create-start-app@latest my-app --framework solid`                        | Create a Solid app                                |
+| `npx create-start-app@latest my-app --framework solid --template file-router` | Create a Solid app with file-router               |
 
 If you don't specify a project name, the CLI will walk you through an interactive setup process:
 
 ```bash
-npx create-tsrouter-app@latest
+npx create-start-app@latest
 ```
 
 This will start an interactive CLI that guides you through the setup process, allowing you to choose:
@@ -38,7 +38,7 @@ This will start an interactive CLI that guides you through the setup process, al
 You can also use command line flags to specify your preferences directly:
 
 ```bash
-npx create-tsrouter-app@latest my-app --template file-router --tailwind --package-manager pnpm
+npx create-start-app@latest my-app --template file-router --tailwind --package-manager pnpm
 ```
 
 Available options:
@@ -56,7 +56,7 @@ When using flags, the CLI will display which options were provided and only prom
 
 What you'll get is a Vite application that uses TanStack Router. All the files will still be in the same place as in CRA, but you'll get a fully functional Router setup under in `app/main.tsx`.
 
-`create-tsrouter-app` is everything you loved about CRA but implemented with modern tools and best practices, on top of the popular TanStack set of libraries. Which includes [@tanstack/react-query](https://tanstack.com/query/latest) and [@tanstack/react-router](https://tanstack.com/router/latest).
+`create-start-app` is everything you loved about CRA but implemented with modern tools and best practices, on top of the popular TanStack set of libraries. Which includes [@tanstack/react-query](https://tanstack.com/query/latest) and [@tanstack/react-router](https://tanstack.com/router/latest).
 
 ## Routing Options
 
@@ -67,7 +67,7 @@ File Based Routing is the default option when using the interactive CLI. The loc
 To explicitly choose File Based Routing, use:
 
 ```bash
-npx create-tsrouter-app@latest my-app --template file-router
+npx create-start-app@latest my-app --template file-router
 ```
 
 ### Code Based Routing
@@ -75,7 +75,7 @@ npx create-tsrouter-app@latest my-app --template file-router
 If you prefer traditional code-based routing, you can select it in the interactive CLI or specify it by using either the `typescript` or `javascript` template:
 
 ```bash
-npx create-tsrouter-app@latest my-app --template typescript
+npx create-start-app@latest my-app --template typescript
 ```
 
 ## Additional Configuration
@@ -107,7 +107,7 @@ Setting this flag to `biome` will configure it as your toolchain of choice, addi
 You can enable add-on selection:
 
 ```bash
-npx create-tsrouter-app@latest --add-ons
+npx create-start-app@latest --add-ons
 ```
 
 This will prompt you to select the add-ons you want to enable during application creation.
@@ -115,29 +115,29 @@ This will prompt you to select the add-ons you want to enable during application
 You can enable specific add-ons directly by adding a comma separated list of add-on names to the `--add-ons` flag. For example:
 
 ```bash
-npx create-tsrouter-app@latest my-app --add-ons shadcn,tanstack-query
+npx create-start-app@latest my-app --add-ons shadcn,tanstack-query
 ```
 
 You can get a list of all available add-ons by running:
 
 ```bash
-npx create-tsrouter-app@latest --list-add-ons
+npx create-start-app@latest --list-add-ons
 ```
 
 This will display a list of all available add-ons for React that are compatible with the Code Router.
 
 ```bash
-npx create-tsrouter-app@latest --list-add-ons --framework solid --template file-router
+npx create-start-app@latest --list-add-ons --framework solid --template file-router
 ```
 
 Will get you a list of all available add-ons for Solid that are compatible with the File Router.
 
 ## MCP (Model Context Protocol) Support (experimental)
 
-You can launch the `create-tsrouter-app` CLI with the `--mcp` flag to enable MCP support. Use this in your MCP enabled IDE to allow the Agent model to generate TanStack Router applications.
+You can launch the `create-start-app` CLI with the `--mcp` flag to enable MCP support. Use this in your MCP enabled IDE to allow the Agent model to generate TanStack Router applications.
 
 ```bash
-npx create-tsrouter-app@latest --mcp
+npx create-start-app@latest --mcp
 ```
 
 Shown below is the configuration for MCP support in Cursor.

package/dist/create-app.js

@@ -290,7 +290,7 @@ export async function createApp(options, { silent = false, environment, }) {
                 await copyFilesRecursively(environment, addOnDir, targetDir, async (file, targetFileName) => templateFile(addOnDir, file, targetFileName));
             }
             if (addOn.command) {
-                await environment.execute(addOn.command.command, addOn.command.args || [], targetDir);
+                await environment.execute(addOn.command.command, addOn.command.args || [], resolve(targetDir));
             }
             s?.stop(`${addOn.name} setup complete`);
         }
@@ -306,7 +306,7 @@ export async function createApp(options, { silent = false, environment, }) {
         }
         if (shadcnComponents.size > 0) {
             s?.start(`Installing shadcn components (${Array.from(shadcnComponents).join(', ')})...`);
-            await environment.execute('npx', ['shadcn@canary', 'add', ...shadcnComponents], targetDir);
+            await environment.execute('npx', ['shadcn@canary', 'add', '--force', ...shadcnComponents], resolve(targetDir));
             s?.stop(`Installed additional shadcn components`);
         }
     }
@@ -400,7 +400,7 @@ export async function createApp(options, { silent = false, environment, }) {
     await templateFile(templateDirBase, 'README.md.ejs');
     // Install dependencies
     s?.start(`Installing dependencies via ${options.packageManager}...`);
-    await environment.execute(options.packageManager, ['install'], targetDir);
+    await environment.execute(options.packageManager, ['install'], resolve(targetDir));
     s?.stop(`Installed dependencies`);
     if (warnings.length > 0) {
         if (!silent) {
@@ -412,17 +412,17 @@ export async function createApp(options, { silent = false, environment, }) {
         switch (options.packageManager) {
             case 'pnpm':
                 // pnpm automatically forwards extra arguments
-                await environment.execute(options.packageManager, ['run', 'check', '--fix'], targetDir);
+                await environment.execute(options.packageManager, ['run', 'check', '--fix'], resolve(targetDir));
                 break;
             default:
-                await environment.execute(options.packageManager, ['run', 'check', '--', '--fix'], targetDir);
+                await environment.execute(options.packageManager, ['run', 'check', '--', '--fix'], resolve(targetDir));
                 break;
         }
         s?.stop(`Applied toolchain ${options.toolchain}...`);
     }
     if (options.git) {
         s?.start(`Initializing git repository...`);
-        await environment.execute('git', ['init'], targetDir);
+        await environment.execute('git', ['init'], resolve(targetDir));
         s?.stop(`Initialized git repository`);
     }
     environment.finishRun();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-start-app",
-  "version": "0.9.0",
+  "version": "0.9.3",
   "description": "Tanstack Application Builder",
   "bin": "./dist/index.js",
   "type": "module",

package/src/create-app.ts

@@ -463,7 +463,7 @@ export async function createApp(
         await environment.execute(
           addOn.command.command,
           addOn.command.args || [],
-          targetDir,
+          resolve(targetDir),
         )
       }
 
@@ -487,8 +487,8 @@ export async function createApp(
       )
       await environment.execute(
         'npx',
-        ['shadcn@canary', 'add', ...shadcnComponents],
-        targetDir,
+        ['shadcn@canary', 'add', '--force', ...shadcnComponents],
+        resolve(targetDir),
       )
       s?.stop(`Installed additional shadcn components`)
     }
@@ -658,7 +658,11 @@ export async function createApp(
 
   // Install dependencies
   s?.start(`Installing dependencies via ${options.packageManager}...`)
-  await environment.execute(options.packageManager, ['install'], targetDir)
+  await environment.execute(
+    options.packageManager,
+    ['install'],
+    resolve(targetDir),
+  )
   s?.stop(`Installed dependencies`)
 
   if (warnings.length > 0) {
@@ -675,14 +679,14 @@ export async function createApp(
         await environment.execute(
           options.packageManager,
           ['run', 'check', '--fix'],
-          targetDir,
+          resolve(targetDir),
         )
         break
       default:
         await environment.execute(
           options.packageManager,
           ['run', 'check', '--', '--fix'],
-          targetDir,
+          resolve(targetDir),
         )
         break
     }
@@ -691,7 +695,7 @@ export async function createApp(
 
   if (options.git) {
     s?.start(`Initializing git repository...`)
-    await environment.execute('git', ['init'], targetDir)
+    await environment.execute('git', ['init'], resolve(targetDir))
     s?.stop(`Initialized git repository`)
   }