create-tsrouter-app 0.40.0 → 0.41.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -16
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -10,17 +10,17 @@ To maintain compatability with `create-react-app` you can build a new applicatio
|
|
|
10
10
|
|
|
11
11
|
| Command | Description |
|
|
12
12
|
| --------------------------------------------------------------------------------- | ------------------------------------------------- |
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
13
|
+
| `pnpm dlx create-tsrouter-app@latest my-app` | Create a new app |
|
|
14
|
+
| `pnpm dlx create-tsrouter-app@latest my-app --template file-router` | Create a new file based app |
|
|
15
|
+
| `pnpm dlx create-tsrouter-app@latest my-app --template typescript` | Create a new TypeScript app using the Code Router |
|
|
16
|
+
| `pnpm dlx create-tsrouter-app@latest my-app --tailwind` | Add Tailwind CSS support |
|
|
17
|
+
| `pnpm dlx create-tsrouter-app@latest my-app --framework solid` | Create a Solid app |
|
|
18
|
+
| `pnpm dlx create-tsrouter-app@latest my-app --framework solid --template file-router` | Create a Solid app with file-router |
|
|
19
19
|
|
|
20
20
|
If you don't specify a project name, the CLI will walk you through an interactive setup process:
|
|
21
21
|
|
|
22
22
|
```bash
|
|
23
|
-
|
|
23
|
+
pnpm dlx create-tsrouter-app@latest
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
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
|
|
|
38
38
|
You can also use command line flags to specify your preferences directly:
|
|
39
39
|
|
|
40
40
|
```bash
|
|
41
|
-
|
|
41
|
+
pnpm dlx create-tsrouter-app@latest my-app --template file-router --tailwind --package-manager pnpm
|
|
42
42
|
```
|
|
43
43
|
|
|
44
44
|
Available options:
|
|
@@ -67,7 +67,7 @@ File Based Routing is the default option when using the interactive CLI. The loc
|
|
|
67
67
|
To explicitly choose File Based Routing, use:
|
|
68
68
|
|
|
69
69
|
```bash
|
|
70
|
-
|
|
70
|
+
pnpm dlx create-tsrouter-app@latest my-app --template file-router
|
|
71
71
|
```
|
|
72
72
|
|
|
73
73
|
### Code Based Routing
|
|
@@ -75,7 +75,7 @@ pnpx create-tsrouter-app@latest my-app --template file-router
|
|
|
75
75
|
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:
|
|
76
76
|
|
|
77
77
|
```bash
|
|
78
|
-
|
|
78
|
+
pnpm dlx create-tsrouter-app@latest my-app --template typescript
|
|
79
79
|
```
|
|
80
80
|
|
|
81
81
|
## Additional Configuration
|
|
@@ -109,7 +109,7 @@ Setting this flag to `eslint` will configure it as your toolchain of choice, add
|
|
|
109
109
|
You can enable add-on selection:
|
|
110
110
|
|
|
111
111
|
```bash
|
|
112
|
-
|
|
112
|
+
pnpm dlx create-tsrouter-app@latest --add-ons
|
|
113
113
|
```
|
|
114
114
|
|
|
115
115
|
This will prompt you to select the add-ons you want to enable during application creation.
|
|
@@ -117,19 +117,19 @@ This will prompt you to select the add-ons you want to enable during application
|
|
|
117
117
|
You can enable specific add-ons directly by adding a comma separated list of add-on names to the `--add-ons` flag. For example:
|
|
118
118
|
|
|
119
119
|
```bash
|
|
120
|
-
|
|
120
|
+
pnpm dlx create-tsrouter-app@latest my-app --add-ons shadcn,tanstack-query
|
|
121
121
|
```
|
|
122
122
|
|
|
123
123
|
You can get a list of all available add-ons by running:
|
|
124
124
|
|
|
125
125
|
```bash
|
|
126
|
-
|
|
126
|
+
pnpm dlx create-tsrouter-app@latest --list-add-ons
|
|
127
127
|
```
|
|
128
128
|
|
|
129
129
|
This will display a list of all available add-ons for React that are compatible with the Code Router.
|
|
130
130
|
|
|
131
131
|
```bash
|
|
132
|
-
|
|
132
|
+
pnpm dlx create-tsrouter-app@latest --list-add-ons --framework solid --template file-router
|
|
133
133
|
```
|
|
134
134
|
|
|
135
135
|
Will get you a list of all available add-ons for Solid that are compatible with the File Router.
|
|
@@ -139,7 +139,7 @@ Will get you a list of all available add-ons for Solid that are compatible with
|
|
|
139
139
|
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.
|
|
140
140
|
|
|
141
141
|
```bash
|
|
142
|
-
|
|
142
|
+
pnpm dlx create-tsrouter-app@latest --mcp
|
|
143
143
|
```
|
|
144
144
|
|
|
145
145
|
Here is the JSON configuration for MCP support in many MCP clients.
|
|
@@ -148,7 +148,7 @@ Here is the JSON configuration for MCP support in many MCP clients.
|
|
|
148
148
|
{
|
|
149
149
|
"mcpServers": {
|
|
150
150
|
"create-tsrouter-app": {
|
|
151
|
-
"command": "
|
|
151
|
+
"command": "pnpm dlx",
|
|
152
152
|
"args": ["create-tsrouter-app@latest", "--mcp"]
|
|
153
153
|
}
|
|
154
154
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "create-tsrouter-app",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.41.1",
|
|
4
4
|
"description": "Tanstack Application Builder",
|
|
5
5
|
"bin": "./dist/index.js",
|
|
6
6
|
"type": "module",
|
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
"author": "Jack Herrington <jherr@pobox.com>",
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@tanstack/cta-
|
|
27
|
-
"@tanstack/cta-framework-react-cra": "0.
|
|
28
|
-
"@tanstack/cta-
|
|
26
|
+
"@tanstack/cta-cli": "0.41.1",
|
|
27
|
+
"@tanstack/cta-framework-react-cra": "0.41.1",
|
|
28
|
+
"@tanstack/cta-framework-solid": "0.41.1"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@types/node": "^22.13.4",
|