ReviewOS

also looking at this

stacks/ts-css

Merge @stacksjs/ts-css into this repo as packages/toolkit

#27
Merged glennmichael123 wants to merge merge/ts-css-toolkit into main
128 files +9797 -201
docs/install.mdmodified+26-26
Changes to docs/install.md
@@ -9,31 +9,31 @@ Install ts-css as a development dependency in your project:
99::: code-group
1010
1111```sh [bun]
12bun add ts-css
12bun add @ts-css/core
1313
1414# or
1515
16bun install --dev ts-css
16bun install --dev @ts-css/core
1717```
1818
1919```sh [npm]
20npm install ts-css
20npm install @ts-css/core
2121
2222# or
2323
24npm i -D ts-css
24npm i -D @ts-css/core
2525```
2626
2727```sh [pnpm]
28pnpm add ts-css
28pnpm add @ts-css/core
2929
3030# or
3131
32pnpm add -D ts-css
32pnpm add -D @ts-css/core
3333```
3434
3535```sh [yarn]
36yarn add ts-css
36yarn add @ts-css/core
3737```:::
3838
3939### Global Installation
@@ -41,29 +41,29 @@ yarn add ts-css
4141For global installation (to use the CLI anywhere):
4242
4343::: code-group```sh [bun]
44bun add --global ts-css
44bun add --global @ts-css/core
4545
4646```
4747
4848```sh [npm]
4949
50npm install --global ts-css
50npm install --global @ts-css/core
5151
5252# or
5353
54npm i -g ts-css
54npm i -g @ts-css/core
5555
5656```
5757
5858```sh [pnpm]
5959
60pnpm add --global ts-css
60pnpm add --global @ts-css/core
6161
6262```
6363
6464```sh [yarn]
6565
66yarn global add ts-css
66yarn global add @ts-css/core
6767
6868```:::
6969
@@ -85,7 +85,7 @@ cssx watch
8585```## Configuration
8686
8787The`cssx init`command creates a basic`css.config.ts`file:```typescript
88import type { TsCssOptions } from 'ts-css'
88import type { TsCssOptions } from '@ts-css/core'
8989
9090const config = {
9191 content: ['./src/**/*.{html,js,ts,jsx,tsx}'],
@@ -102,7 +102,7 @@ export default config
102102
103103# Install ts-css
104104
105bun add ts-css
105bun add @ts-css/core
106106
107107# Create config
108108
@@ -110,7 +110,7 @@ cssx init
110110```Update your`css.config.ts`:
111111
112112```typescript
113import type { TsCssOptions } from 'ts-css'
113import type { TsCssOptions } from '@ts-css/core'
114114
115115const config = {
116116 content: [
@@ -143,7 +143,7 @@ import './styles/styles.css'
143143
144144# Install ts-css
145145
146bun add ts-css
146bun add @ts-css/core
147147
148148# Create config
149149
@@ -151,7 +151,7 @@ cssx init
151151```Update your`css.config.ts`:
152152
153153```typescript
154import type { TsCssOptions } from 'ts-css'
154import type { TsCssOptions } from '@ts-css/core'
155155
156156const config = {
157157 content: [
@@ -174,7 +174,7 @@ export default config
174174
175175# Install ts-css
176176
177bun add ts-css
177bun add @ts-css/core
178178
179179# Create config
180180
@@ -182,7 +182,7 @@ cssx init
182182```Update your`css.config.ts`:
183183
184184```typescript
185import type { TsCssOptions } from 'ts-css'
185import type { TsCssOptions } from '@ts-css/core'
186186
187187const config = {
188188 content: [
@@ -203,7 +203,7 @@ export default config
203203
204204# Install ts-css
205205
206bun add ts-css
206bun add @ts-css/core
207207
208208# Create config
209209
@@ -211,7 +211,7 @@ cssx init
211211```Update your`css.config.ts`:
212212
213213```typescript
214import type { TsCssOptions } from 'ts-css'
214import type { TsCssOptions } from '@ts-css/core'
215215
216216const config = {
217217 content: [
@@ -235,7 +235,7 @@ import '/styles.css'
235235
236236# Install ts-css globally
237237
238bun add --global ts-css
238bun add --global @ts-css/core
239239
240240# Create config
241241
@@ -243,7 +243,7 @@ cssx init
243243```Update your`css.config.ts`:
244244
245245```typescript
246import type { TsCssOptions } from 'ts-css'
246import type { TsCssOptions } from '@ts-css/core'
247247
248248const config = {
249249 content: ['./src/**/*.html'],
@@ -397,11 +397,11 @@ If you get permission errors when installing globally:```bash
397397
398398# Use sudo on macOS/Linux
399399
400sudo bun add --global ts-css
400sudo bun add --global @ts-css/core
401401
402402# Or install locally and use npx
403403
404bun add ts-css
404bun add @ts-css/core
405405bunx cssx build
406406
407407```### TypeScript Errors
@@ -412,7 +412,7 @@ If you encounter TypeScript errors in your config file:
412412
413413 bun add --dev typescript
414414 ```2. Use the`satisfies`keyword for type checking:```typescript
415 import type { TsCssOptions } from 'ts-css'
415 import type { TsCssOptions } from '@ts-css/core'
416416
417417 const config = {
418418 content: ['./src/**/*.tsx'],