create-tsrouter-app 0.2.0 → 0.3.0-alpha.2

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.
Files changed (72) hide show
  1. package/dist/add-ons.js +53 -0
  2. package/dist/cli.js +51 -0
  3. package/dist/constants.js +2 -0
  4. package/dist/create-app.js +285 -0
  5. package/dist/index.js +2 -347
  6. package/dist/options.js +231 -0
  7. package/dist/types.js +1 -0
  8. package/package.json +4 -3
  9. package/src/add-ons.ts +141 -0
  10. package/src/cli.ts +74 -0
  11. package/src/constants.ts +2 -0
  12. package/src/create-app.ts +445 -0
  13. package/src/index.ts +2 -507
  14. package/src/options.ts +264 -0
  15. package/src/types.ts +24 -0
  16. package/templates/add-on/clerk/README.md +3 -0
  17. package/templates/add-on/clerk/assets/.env.local.append +2 -0
  18. package/templates/add-on/clerk/assets/src/routes/demo.clerk.tsx +20 -0
  19. package/templates/add-on/clerk/info.json +28 -0
  20. package/templates/add-on/clerk/package.json +5 -0
  21. package/templates/add-on/convex/README.md +4 -0
  22. package/templates/add-on/convex/assets/.cursorrules.append +93 -0
  23. package/templates/add-on/convex/assets/.env.local.append +3 -0
  24. package/templates/add-on/convex/assets/convex/products.ts +8 -0
  25. package/templates/add-on/convex/assets/convex/schema.ts +10 -0
  26. package/templates/add-on/convex/assets/src/routes/demo.convex.tsx +33 -0
  27. package/templates/add-on/convex/info.json +27 -0
  28. package/templates/add-on/convex/package.json +6 -0
  29. package/templates/add-on/form/assets/src/routes/demo.form.tsx +50 -0
  30. package/templates/add-on/form/info.json +12 -0
  31. package/templates/add-on/form/package.json +5 -0
  32. package/templates/add-on/netlify/README.md +11 -0
  33. package/templates/add-on/netlify/info.json +6 -0
  34. package/templates/add-on/react-query/assets/src/routes/demo.react-query.tsx +30 -0
  35. package/templates/add-on/react-query/info.json +30 -0
  36. package/templates/add-on/react-query/package.json +6 -0
  37. package/templates/add-on/sentry/assets/.cursorrules +22 -0
  38. package/templates/add-on/sentry/assets/.env.local.append +2 -0
  39. package/templates/add-on/sentry/assets/src/routes/demo.sentry.bad-server-func.tsx +29 -0
  40. package/templates/add-on/sentry/info.json +13 -0
  41. package/templates/add-on/sentry/package.json +5 -0
  42. package/templates/add-on/shadcn/README.md +7 -0
  43. package/templates/add-on/shadcn/info.json +10 -0
  44. package/templates/add-on/start/assets/app.config.ts +16 -0
  45. package/templates/add-on/start/assets/postcss.config.ts +5 -0
  46. package/templates/add-on/start/assets/src/api.ts +6 -0
  47. package/templates/add-on/start/assets/src/client.tsx +10 -0
  48. package/templates/add-on/start/assets/src/router.tsx.ejs +34 -0
  49. package/templates/add-on/start/assets/src/routes/api.demo-names.ts +11 -0
  50. package/templates/add-on/start/assets/src/routes/demo.start.api-request.tsx.ejs +33 -0
  51. package/templates/add-on/start/assets/src/routes/demo.start.server-funcs.tsx +49 -0
  52. package/templates/add-on/start/assets/src/ssr.tsx +12 -0
  53. package/templates/add-on/start/info.json +18 -0
  54. package/templates/add-on/start/package.json +14 -0
  55. package/templates/add-on/store/assets/src/lib/demo-store.ts +5 -0
  56. package/templates/add-on/store/assets/src/routes/demo.store.page1.tsx +30 -0
  57. package/templates/add-on/store/assets/src/routes/demo.store.page2.tsx +30 -0
  58. package/templates/add-on/store/info.json +16 -0
  59. package/templates/add-on/store/package.json +6 -0
  60. package/templates/base/README.md.ejs +9 -0
  61. package/templates/base/package.json +1 -0
  62. package/templates/base/{tsconfig.json → tsconfig.json.ejs} +5 -1
  63. package/templates/base/vite.config.js.ejs +8 -0
  64. package/templates/example/ai-chat/assets/.env.local.append +2 -0
  65. package/templates/example/ai-chat/assets/src/routes/example.ai-chat.tsx.ejs +81 -0
  66. package/templates/example/ai-chat/info.json +27 -0
  67. package/templates/example/ai-chat/package.json +1 -0
  68. package/templates/file-router/src/components/Header.tsx.ejs +27 -0
  69. package/templates/file-router/src/routes/__root.tsx.ejs +80 -0
  70. package/templates/file-router/src/routes/__root.tsx +0 -11
  71. /package/dist/{utils/getPackageManager.js → package-manager.js} +0 -0
  72. /package/src/{utils/getPackageManager.ts → package-manager.ts} +0 -0
package/templates/file-router/src/components/Header.tsx.ejs ADDED
@@ -0,0 +1,27 @@
1
+ import { Link } from '@tanstack/react-router'
2
+ <% for(const addOn of addOns) {
3
+ if(addOn?.userUi?.import) { %>
4
+ <%- addOn.userUi.import %>
5
+ <% } } %>
6
+
7
+ export default function Header() {
8
+ return (
9
+ <header className="p-2 flex gap-2 bg-white text-black justify-between">
10
+ <nav className="flex flex-row">
11
+ <div className="px-2 font-bold">
12
+ <Link to="/">Home</Link>
13
+ </div>
14
+ <% for(const addOn of addOns) {
15
+ for(const route of addOn?.routes || []) { %>
16
+ <div className="px-2 font-bold"><Link to="<%= route.url %>"><%= route.name %></Link></div>
17
+ <% } } %>
18
+ </nav>
19
+ <div>
20
+ <% for(const addOn of addOns) {
21
+ if(addOn?.userUi) { %>
22
+ <%- addOn.userUi.jsx %>
23
+ <% } } %>
24
+ </div>
25
+ </header>
26
+ )
27
+ }
package/templates/file-router/src/routes/__root.tsx.ejs ADDED
@@ -0,0 +1,80 @@
1
+ import { createRootRoute, Outlet<% if (addOnEnabled.start) { %>
2
+ ,HeadContent, Scripts<% } %> } from '@tanstack/react-router'
3
+ import { TanStackRouterDevtools } from '@tanstack/router-devtools'<% for(const addOn of addOns) {
4
+ for(const imp of addOn.main?.imports || []) { %>
5
+ <%- imp %>
6
+ <% } } %><% for(const addOn of addOns) {
7
+ for(const imp of addOn.layout?.imports || []) { %>
8
+ <%- imp %>
9
+ <% } } %>
10
+ <% if (tailwind) { %>
11
+ import Header from '../components/Header'
12
+ <% } %>
13
+
14
+ <% for(const addOn of addOns) {
15
+ for(const init of addOn.main?.initialize || []) { %>
16
+ <%- init %>
17
+ <% } } %>
18
+
19
+ <% if (addOnEnabled.start) { %>
20
+ import appCss from '../styles.css?url'
21
+ <% } %>
22
+
23
+ export const Route = createRootRoute({
24
+ <% if (addOnEnabled.start) { %>
25
+ head: () => ({
26
+ meta: [
27
+ {
28
+ charSet: 'utf-8',
29
+ },
30
+ {
31
+ name: 'viewport',
32
+ content: 'width=device-width, initial-scale=1',
33
+ },
34
+ {
35
+ title: 'TanStack Start Starter',
36
+ },
37
+ ],
38
+ links: [
39
+ {
40
+ rel: 'stylesheet',
41
+ href: appCss,
42
+ },
43
+ ],
44
+ }),
45
+ <% } %>
46
+ component: () => (
47
+ <% if (addOnEnabled.start) { %><RootDocument><% } else { %><><% } %>
48
+ <% for(const addOn of addOns) {
49
+ for(const provider of addOn.main?.providers || []) { %>
50
+ <%- provider.open %>
51
+ <% } } %>
52
+ <Header />
53
+ <Outlet />
54
+ <TanStackRouterDevtools />
55
+ <% for(const addOn of addOns) { %>
56
+ <%- addOn.layout?.jsx %>
57
+ <% } %>
58
+ <% for(const addOn of addOns.toReversed()) {
59
+ for(const provider of addOn.main?.providers?.toReversed() || []) { %>
60
+ <%- provider.close %>
61
+ <% } } %>
62
+ <% if (addOnEnabled.start) { %></RootDocument><% } else { %></><% } %>
63
+ ),
64
+ })
65
+
66
+ <% if (addOnEnabled.start) { %>
67
+ function RootDocument({ children }: { children: React.ReactNode }) {
68
+ return (
69
+ <html>
70
+ <head>
71
+ <HeadContent />
72
+ </head>
73
+ <body>
74
+ {children}
75
+ <Scripts />
76
+ </body>
77
+ </html>
78
+ )
79
+ }
80
+ <% } %>
package/templates/file-router/src/routes/__root.tsx DELETED
@@ -1,11 +0,0 @@
1
- import { createRootRoute, Outlet } from '@tanstack/react-router'
2
- import { TanStackRouterDevtools } from '@tanstack/router-devtools'
3
-
4
- export const Route = createRootRoute({
5
- component: () => (
6
- <>
7
- <Outlet />
8
- <TanStackRouterDevtools />
9
- </>
10
- ),
11
- })