@@ -5,12 +5,13 @@ A Bun plugin that automatically generates and injects Crosswind CSS into your HT
55## Installation
66
77``` bash
8- bun add @stacksjs /crosswind
8+ bun add @cwcss /crosswind
99```
1010
1111## Quick Start
1212
1313** 1. Create your HTML file** (` src/template.html ` ):
14+
1415``` html
1516<!DOCTYPE html>
1617<html >
@@ -26,6 +27,7 @@ bun add @stacksjs/crosswind
2627```
2728
2829** 2. Import it in your TypeScript** (` src/index.ts ` ):
30+
2931``` typescript
3032import template from ' ./template.html'
3133
@@ -34,8 +36,9 @@ document.body.innerHTML = template
3436```
3537
3638** 3. Build with the plugin** :
39+
3740``` typescript
38- import { plugin } from ' @stacksjs /crosswind'
41+ import { plugin } from ' @cwcss /crosswind'
3942
4043await Bun .build ({
4144 entrypoints: [' ./src/index.ts' ],
@@ -45,6 +48,7 @@ await Bun.build({
4548```
4649
4750The plugin will automatically:
51+
4852- Scan the HTML for utility classes
4953- Generate CSS for those classes
5054- Inject the CSS into the ` <head> ` section
@@ -54,7 +58,7 @@ The plugin will automatically:
5458### Basic Configuration
5559
5660``` typescript
57- import { plugin } from ' @stacksjs /crosswind'
61+ import { plugin } from ' @cwcss /crosswind'
5862
5963await Bun .build ({
6064 entrypoints: [' ./src/index.ts' ],
@@ -70,7 +74,7 @@ await Bun.build({
7074### Custom Theme
7175
7276``` typescript
73- import { plugin } from ' @stacksjs /crosswind'
77+ import { plugin } from ' @cwcss /crosswind'
7478
7579await Bun .build ({
7680 entrypoints: [' ./src/index.ts' ],
@@ -103,7 +107,7 @@ await Bun.build({
103107### Advanced Configuration
104108
105109``` typescript
106- import { plugin } from ' @stacksjs /crosswind'
110+ import { plugin } from ' @cwcss /crosswind'
107111
108112await Bun .build ({
109113 entrypoints: [' ./src/index.ts' ],
@@ -187,6 +191,7 @@ See the [examples/plugin](./examples/plugin) directory for a complete working ex
187191## Performance
188192
189193The plugin is highly performant:
194+
190195- Processes 1000 utilities in ~ 7ms
191196- Minimal overhead in build process
192197- Lazy loading - only processes imported HTML files
@@ -196,7 +201,7 @@ The plugin is highly performant:
196201The plugin is fully typed. Import the types:
197202
198203``` typescript
199- import type { CrosswindPluginOptions } from ' @stacksjs /crosswind'
204+ import type { CrosswindPluginOptions } from ' @cwcss /crosswind'
200205
201206const options: CrosswindPluginOptions = {
202207 config: {
@@ -211,7 +216,7 @@ The plugin also respects `crosswind.config.ts` in your project root:
211216
212217``` typescript
213218// crosswind.config.ts
214- import type { CrosswindOptions } from ' @stacksjs /crosswind'
219+ import type { CrosswindOptions } from ' @cwcss /crosswind'
215220
216221export default {
217222 minify: true ,
0 commit comments