also looking at this
Merge @stacksjs/ts-css into this repo as packages/toolkit
#27
128 files
+9797
-201
| @@ -10,11 +10,11 @@ Install ts-css globally or locally: | ||
| 10 | 10 | |
| 11 | 11 | # Global (use anywhere) |
| 12 | 12 | |
| 13 | bun add --global ts-css | |
| 13 | bun add --global @ts-css/core | |
| 14 | 14 | |
| 15 | 15 | # Local (project-specific) |
| 16 | 16 | |
| 17 | bun add ts-css | |
| 17 | bun add @ts-css/core | |
| 18 | 18 | ```## Commands |
| 19 | 19 | |
| 20 | 20 | ### `build`Build CSS from your content files.```bash |
| @@ -125,7 +125,7 @@ Next steps: | ||
| 125 | 125 | |
| 126 | 126 | ```**Generated file:**```typescript |
| 127 | 127 | |
| 128 | import type { TsCssOptions } from 'ts-css' | |
| 128 | import type { TsCssOptions } from '@ts-css/core' | |
| 129 | 129 | |
| 130 | 130 | const config = { |
| 131 | 131 | content: ['./src/**/*.{html,js,ts,jsx,tsx}'], |
| @@ -403,7 +403,7 @@ cssx build --config ./css.test.config.ts | ||
| 403 | 403 | ```### Programmatic Usage |
| 404 | 404 | |
| 405 | 405 | While the CLI is convenient, you can also use ts-css programmatically:```typescript |
| 406 | import { build, buildAndWrite } from 'ts-css' | |
| 406 | import { build, buildAndWrite } from '@ts-css/core' | |
| 407 | 407 | |
| 408 | 408 | // Build only (get result) |
| 409 | 409 | const result = await build({ |
| @@ -459,7 +459,7 @@ const config = { | ||
| 459 | 459 | ### Command Not Found**Problem:**`command not found: cssx`**Solutions:**1. Install globally |
| 460 | 460 | |
| 461 | 461 | ```bash |
| 462 | bun add --global ts-css | |
| 462 | bun add --global @ts-css/core | |
| 463 | 463 | ```2. Or use with package runner:```bash |
| 464 | 464 | bunx cssx build |
| 465 | 465 | |
| @@ -494,7 +494,7 @@ const config = { | ||
| 494 | 494 | ls -la ./src/**/*.tsx |
| 495 | 495 | ```3. Validate config:```typescript |
| 496 | 496 | // Use type checking |
| 497 | import type { TsCssOptions } from 'ts-css' | |
| 497 | import type { TsCssOptions } from '@ts-css/core' | |
| 498 | 498 | |
| 499 | 499 | const config = { |
| 500 | 500 | content: ['./src/**/*.tsx'], |