@tanstack/cta-ui 0.10.0-alpha.26 → 0.10.0-alpha.28
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 +20 -0
- package/dist/assets/index-BeVre1U8.js +213 -0
- package/dist/assets/index-BeVre1U8.js.map +1 -0
- package/dist/assets/index-Co-Y5wb2.css +1 -0
- package/dist/index.html +9 -3
- package/dist/logo-color-100w.png +0 -0
- package/index.html +7 -1
- package/lib/engine-handling/add-to-app-wrapper.ts +39 -15
- package/lib/engine-handling/create-app-wrapper.ts +17 -6
- package/lib/engine-handling/file-helpers.ts +4 -2
- package/lib/engine-handling/generate-initial-payload.ts +58 -51
- package/lib/index.ts +11 -1
- package/lib/types.d.ts +18 -11
- package/lib-dist/engine-handling/add-to-app-wrapper.d.ts +2 -0
- package/lib-dist/engine-handling/add-to-app-wrapper.js +14 -9
- package/lib-dist/engine-handling/create-app-wrapper.d.ts +2 -1
- package/lib-dist/engine-handling/create-app-wrapper.js +6 -4
- package/lib-dist/engine-handling/file-helpers.js +3 -2
- package/lib-dist/engine-handling/generate-initial-payload.d.ts +14 -22
- package/lib-dist/engine-handling/generate-initial-payload.js +44 -49
- package/lib-dist/index.d.ts +2 -0
- package/lib-dist/index.js +6 -1
- package/package.json +6 -4
- package/public/logo-color-100w.png +0 -0
- package/src/components/background-animation.tsx +229 -0
- package/src/components/cta-sidebar.tsx +28 -33
- package/src/components/file-navigator.tsx +72 -74
- package/src/components/header.tsx +31 -0
- package/src/components/sidebar-items/add-ons.tsx +48 -45
- package/src/components/sidebar-items/mode-selector.tsx +6 -4
- package/src/components/sidebar-items/project-name.tsx +4 -5
- package/src/components/sidebar-items/typescript-switch.tsx +3 -3
- package/src/components/startup-dialog.tsx +4 -6
- package/src/components/ui/switch.tsx +6 -6
- package/src/hooks/use-mounted.ts +9 -0
- package/src/hooks/use-preferred-reduced-motion.ts +27 -0
- package/src/index.tsx +19 -20
- package/src/store/project.ts +36 -20
- package/src/styles.css +90 -18
- package/src/types.d.ts +1 -1
- package/tailwind.config.cjs +47 -0
- package/dist/assets/index-D0-fpgzI.js +0 -223
- package/dist/assets/index-D0-fpgzI.js.map +0 -1
- package/dist/assets/index-D5brMzJg.css +0 -1
package/README.md
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
# Create TanStack App - User Interface
|
|
2
|
+
|
|
3
|
+
This is an odd package because it's both a library that runs a web server, as well as a React SPA app that builds using Vite.
|
|
4
|
+
|
|
5
|
+
## Script Commands
|
|
6
|
+
|
|
7
|
+
| Command | Description |
|
|
8
|
+
| -------------------- | ---------------------------------------------- |
|
|
9
|
+
| `pnpm build` | Builds **both** the library and the React app |
|
|
10
|
+
| `pnpm build:ui` | Builds the React app only |
|
|
11
|
+
| `pnpm build:lib` | Builds just the `lib` directory |
|
|
12
|
+
| `pnpm dev:ui` | Uses Vite to run the React app in dev mode |
|
|
13
|
+
| `pnpm dev` | Builds the `lib` directory in watch mode |
|
|
14
|
+
| `pnpm test` | Runs the tests |
|
|
15
|
+
| `pnpm test:watch` | Runs the tests in watch mode |
|
|
16
|
+
| `pnpm test:coverage` | Runs the tests and generates a coverage report |
|
|
17
|
+
|
|
18
|
+
## Dev vs Prod Mode
|
|
19
|
+
|
|
20
|
+
The only difference between dev and prod mode (outside of the usual minification and tree-shaking that goes into prod builds) is that in development mode the `src/lib/api.ts` uses a base URL of `http://localhost:8080` to point at the CLI running in API mode.
|