feat: 0.4.0 features

Author: jherr

.gitignore

@@ -1,11 +1,6 @@
 node_modules
 dist
-app-js
-app-ts
-app-js-tw
-app-ts-tw
-app-fr
-app-fr-tw
+app-*
 my-app
 .DS_Store
 

README.md

@@ -8,13 +8,14 @@ To help accelerate the migration away from `create-react-app` we created the `cr
 
 To maintain compatability with `create-react-app` you can build a new application by running:
 
-| 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 |
-| `npx create-tsrouter-app@latest my-app --template javascript`  | Create a new JavaScript app |
-| `npx create-tsrouter-app@latest my-app --tailwind`             | Add Tailwind CSS support    |
+| 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               |
 
 If you don't specify a project name, the CLI will walk you through an interactive setup process:
 
@@ -43,8 +44,9 @@ Available options:
 
 - `--template <type>`: Choose between `file-router`, `typescript`, or `javascript`
 - `--tailwind`: Enable Tailwind CSS
-- `--package-manager`: Specify your preferred package manager (`npm`, `yarn`, `pnpm`, or `bun`)
+- `--package-manager`: Specify your preferred package manager (`npm`, `yarn`, `pnpm`, `bun`, or `deno`)
 - `--no-git`: Do not initialize a git repository
+- `--add-ons`: Enable add-on selection or specify add-ons to install
 
 When using flags, the CLI will display which options were provided and only prompt for the remaining choices.
 
@@ -88,10 +90,40 @@ Enable Tailwind CSS either through the interactive CLI or by adding the `--tailw
 
 ### Package Manager
 
-Choose your preferred package manager (`npm`, `bun`, `yarn`, or `pnpm`) either through the interactive CLI or using the `--package-manager` flag.
+Choose your preferred package manager (`npm`, `bun`, `yarn`, `pnpm`, or `deno`) either through the interactive CLI or using the `--package-manager` flag.
 
 Extensive documentation on using the TanStack Router, migrating to a File Base Routing approach, as well as integrating [@tanstack/react-query](https://tanstack.com/query/latest) and [@tanstack/store](https://tanstack.com/store/latest) can be found in the generated `README.md` for your project.
 
+## Add-ons (experimental)
+
+You can enable add-on selection:
+
+```bash
+npx create-tsrouter-app@latest --add-ons
+```
+
+This will prompt you to select the add-ons you want to enable during application creation.
+
+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
+```
+
+You can get a list of all available add-ons by running:
+
+```bash
+npx create-tsrouter-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
+```
+
+Will get you a list of all available add-ons for Solid that are compatible with the File Router.
+
 # Contributing
 
 Check out the [Contributing](CONTRIBUTING.md) guide.

package.json

@@ -9,7 +9,8 @@
     "start": "tsc && node dist/index.js",
     "test": "npm run test:lint",
     "cipublish": "node scripts/publish.js",
-    "test:lint": "eslint ./src"
+    "test:lint": "eslint ./src",
+    "mcp": "tsc && npx @modelcontextprotocol/inspector dist/index.js --mcp"
   },
   "repository": {
     "type": "git",
@@ -31,9 +32,13 @@
   "packageManager": "[email protected]",
   "dependencies": {
     "@clack/prompts": "^0.10.0",
+    "@modelcontextprotocol/sdk": "^1.6.0",
+    "chalk": "^5.4.1",
     "commander": "^13.1.0",
     "ejs": "^3.1.10",
-    "execa": "^9.5.2"
+    "execa": "^9.5.2",
+    "prettier": "^3.5.0",
+    "zod": "^3.24.2"
   },
   "devDependencies": {
     "@tanstack/config": "^0.16.2",
@@ -42,7 +47,6 @@
     "eslint": "^9.20.0",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-unused-imports": "^4.1.4",
-    "prettier": "^3.5.0",
     "typescript": "^5.6.3"
   }
 }