@damarkuncoro/meta-architecture-style-engine 0.1.3 → 0.2.0
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 +29 -1
- package/lib/cjs/cli/index.js +2030 -685
- package/lib/cjs/cli/index.js.map +1 -1
- package/lib/cjs/index.d.ts +501 -38
- package/lib/cjs/index.js +2063 -676
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/integration/postcss/index.d.ts +1 -1
- package/lib/cjs/integration/postcss/index.js +370 -106
- package/lib/cjs/integration/postcss/index.js.map +1 -1
- package/lib/cjs/integration/tailwind/index.d.ts +1 -1
- package/lib/cjs/integration/tailwind/index.js +324 -101
- package/lib/cjs/integration/tailwind/index.js.map +1 -1
- package/lib/cjs/{types-HxpHKBfo.d.ts → types-C03kyQDa.d.ts} +2 -0
- package/lib/esm/cli/index.js +2030 -685
- package/lib/esm/cli/index.js.map +1 -1
- package/lib/esm/index.d.mts +501 -38
- package/lib/esm/index.js +2062 -676
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/integration/postcss/index.d.mts +1 -1
- package/lib/esm/integration/postcss/index.js +362 -106
- package/lib/esm/integration/postcss/index.js.map +1 -1
- package/lib/esm/integration/tailwind/index.d.mts +1 -1
- package/lib/esm/integration/tailwind/index.js +324 -101
- package/lib/esm/integration/tailwind/index.js.map +1 -1
- package/lib/esm/{types-HxpHKBfo.d.mts → types-C03kyQDa.d.mts} +2 -0
- package/package.json +21 -6
package/README.md
CHANGED
|
@@ -407,4 +407,32 @@ MIT License - see [LICENSE](LICENSE) file for details
|
|
|
407
407
|
*Build beautiful, consistent, and theme-aware user interfaces with ease.*
|
|
408
408
|
|
|
409
409
|
**Author:** Damar Kuncoro
|
|
410
|
-
**Version:** 0.
|
|
410
|
+
**Version:** 0.2.0
|
|
411
|
+
|
|
412
|
+
## ⚡️ JIT Mode & Watch
|
|
413
|
+
|
|
414
|
+
MASE 0.2.0 introduces a powerful Just-In-Time (JIT) compiler with watch mode support.
|
|
415
|
+
|
|
416
|
+
### Using JIT CLI
|
|
417
|
+
|
|
418
|
+
Generate CSS on-demand by scanning your content files:
|
|
419
|
+
|
|
420
|
+
```bash
|
|
421
|
+
npx @damarkuncoro/meta-architecture-style-engine generate-css \
|
|
422
|
+
--format atomic \
|
|
423
|
+
--content "./src/**/*.{html,js,ts,jsx,tsx}" \
|
|
424
|
+
--watch \
|
|
425
|
+
--output dist/utilities.css
|
|
426
|
+
```
|
|
427
|
+
|
|
428
|
+
- **`--content`**: Glob pattern(s) to scan for class names (e.g., `p-4`, `text-center`, `hover:text-left`).
|
|
429
|
+
- **`--watch`**: Real-time updates. Saves CSS instantly when you modify any content file.
|
|
430
|
+
- **`--output`**: Destination file for the generated CSS.
|
|
431
|
+
|
|
432
|
+
### Supported Features in JIT
|
|
433
|
+
|
|
434
|
+
- **Arbitrary Values**: (Coming soon)
|
|
435
|
+
- **Variants**: `hover:`, `focus:`, `active:`, `disabled:`, `group-hover:`, `focus-within:`.
|
|
436
|
+
- **Negative Values**: `-m-4` (negative margin).
|
|
437
|
+
- **Opacity Modifiers**: `bg-blue-500/50`.
|
|
438
|
+
- **Importance**: `!text-center`.
|