chaincss 2.1.12 → 2.1.13
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/dist/plugins/vite.js +13 -0
- package/package.json +1 -1
- package/src/plugins/vite.ts +16 -0
package/dist/plugins/vite.js
CHANGED
|
@@ -3471,6 +3471,11 @@ const setManifest = (manifest) => {
|
|
|
3471
3471
|
log(`Processing: ${fileName}`);
|
|
3472
3472
|
processedFiles.add(id);
|
|
3473
3473
|
await compiler.compileSource(source, id);
|
|
3474
|
+
const css = compiler.getCombinedCSS();
|
|
3475
|
+
if (css && css.trim()) {
|
|
3476
|
+
const ruleCount = (css.match(/\{/g) || []).length;
|
|
3477
|
+
console.log(` \u2514\u2500 Extracted ${ruleCount} CSS rules from ${fileName}`);
|
|
3478
|
+
}
|
|
3474
3479
|
updateCSS();
|
|
3475
3480
|
updateManifest();
|
|
3476
3481
|
if (server && options.hmr !== false) {
|
|
@@ -3526,6 +3531,14 @@ ${source}`,
|
|
|
3526
3531
|
},
|
|
3527
3532
|
buildEnd() {
|
|
3528
3533
|
const finalCSS = updateCSS();
|
|
3534
|
+
const stats = compiler.getStats();
|
|
3535
|
+
console.log("");
|
|
3536
|
+
console.log("[ChainCSS] \u2705 Build complete");
|
|
3537
|
+
console.log(` \u{1F4E6} Static CSS: ${finalCSS.length} bytes`);
|
|
3538
|
+
console.log(` \u26A1 Runtime JS: minimal (dynamic properties only)`);
|
|
3539
|
+
console.log(` \u{1F9E9} Total styles: ${stats.totalStyles || 0} processed`);
|
|
3540
|
+
console.log(` \u{1F4BE} Atomic savings: ${stats.savings || "0%"}`);
|
|
3541
|
+
console.log("");
|
|
3529
3542
|
log(`Build complete - Final CSS: ${finalCSS.length} bytes`);
|
|
3530
3543
|
if (options.cssOutput) {
|
|
3531
3544
|
try {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "chaincss",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.13",
|
|
4
4
|
"description": "ChainCSS v3.0 - The first CSS-in-JS library with true auto-detection mixed mode. Zero runtime by default, dynamic when you need it.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
package/src/plugins/vite.ts
CHANGED
|
@@ -295,6 +295,13 @@ const setManifest = (manifest) => {
|
|
|
295
295
|
// Compile the source
|
|
296
296
|
await compiler.compileSource(source, id);
|
|
297
297
|
|
|
298
|
+
// Show what was found
|
|
299
|
+
const css = compiler.getCombinedCSS();
|
|
300
|
+
if (css && css.trim()) {
|
|
301
|
+
const ruleCount = (css.match(/\{/g) || []).length;
|
|
302
|
+
console.log(` └─ Extracted ${ruleCount} CSS rules from ${fileName}`);
|
|
303
|
+
}
|
|
304
|
+
|
|
298
305
|
// Update stored data
|
|
299
306
|
updateCSS();
|
|
300
307
|
updateManifest();
|
|
@@ -372,6 +379,15 @@ const setManifest = (manifest) => {
|
|
|
372
379
|
|
|
373
380
|
buildEnd() {
|
|
374
381
|
const finalCSS = updateCSS();
|
|
382
|
+
const stats = compiler.getStats();
|
|
383
|
+
|
|
384
|
+
console.log('');
|
|
385
|
+
console.log('[ChainCSS] ✅ Build complete');
|
|
386
|
+
console.log(` 📦 Static CSS: ${finalCSS.length} bytes`);
|
|
387
|
+
console.log(` ⚡ Runtime JS: minimal (dynamic properties only)`);
|
|
388
|
+
console.log(` 🧩 Total styles: ${stats.totalStyles || 0} processed`);
|
|
389
|
+
console.log(` 💾 Atomic savings: ${stats.savings || '0%'}`);
|
|
390
|
+
console.log('');
|
|
375
391
|
log(`Build complete - Final CSS: ${finalCSS.length} bytes`);
|
|
376
392
|
|
|
377
393
|
// Write CSS to file if output specified
|