@plumeria/compiler 0.23.2 → 0.24.0

package/bin/css.js

@@ -14,6 +14,7 @@ register();
 try {
   const checkMark = styleText('greenBright', '✓');
   const typecheck = process.argv.includes('--type-check');
+  const stats = process.argv.includes('--stats');
 
   if (typecheck) {
     execSync('tsc --noEmit --incremental false', {
@@ -24,8 +25,10 @@ try {
 
   require(path.resolve(__dirname, '../dist/index.js'));
 
-  const compilation = typecheck ? 'Type-check completed' : '';
-  console.log(` ${checkMark} Compiled... ${compilation}`);
+  if (!stats) {
+    const compilation = typecheck ? 'Type-check completed' : '';
+    console.log(` ${checkMark} Compiled... ${compilation}`);
+  }
 } catch (error) {
   console.error('Compilation failed:', error.message);
   process.exit(1);

package/dist/extract.js

@@ -3,12 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.generatedTsMap = void 0;
 exports.extractTSFile = extractTSFile;
 exports.restoreAllOriginals = restoreAllOriginals;
 exports.extractVueAndSvelte = extractVueAndSvelte;
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const generatedTsMap = new Map();
+exports.generatedTsMap = generatedTsMap;
 function isInComment(code, position) {
     const beforePosition = code.substring(0, position);
     const lines = beforePosition.split('\n');

package/dist/index.js

@@ -14,6 +14,40 @@ const core_1 = require("@swc/core");
 const find_up_1 = require("find-up");
 const processors_1 = require("@plumeria/core/processors");
 const extract_1 = require("./extract");
+async function generateStats(buildTime) {
+    const cssCode = await (0, promises_1.readFile)(coreFilePath, 'utf8');
+    const cssSize = Buffer.byteLength(cssCode, 'utf8');
+    let rules = 0;
+    const topProperties = new Map();
+    (0, lightningcss_1.transform)({
+        filename: coreFilePath,
+        code: Buffer.from(cssCode),
+        visitor: {
+            Rule(rule) {
+                if (rule.type === 'style') {
+                    rules++;
+                    rule.value.declarations.declarations.forEach((decl) => {
+                        if ('property' in decl) {
+                            topProperties.set(decl.property, (topProperties.get(decl.property) || 0) + 1);
+                        }
+                    });
+                }
+            },
+        },
+    });
+    const sortedTopProperties = [...topProperties.entries()].sort((a, b) => b[1] - a[1]);
+    console.log('\n📦 Plumeria CSS Stats');
+    console.log('────────────────────────────');
+    console.log(`Total CSS size:           ${(cssSize / 1024).toFixed(3)} KB`);
+    console.log(`Rules:                    ${rules}`);
+    console.log('Top properties:');
+    for (let i = 0; i < Math.min(5, sortedTopProperties.length); i++) {
+        const [prop, count] = sortedTopProperties[i];
+        console.log(`  - ${prop}: ${count}`);
+    }
+    console.log(`Build time:               ${buildTime.toFixed(2)}s`);
+    console.log('────────────────────────────\n');
+}
 let projectRoot;
 const workspaceRootFile = (0, find_up_1.findUpSync)((directory) => {
     const pnpmWsPath = path_1.default.join(directory, 'pnpm-workspace.yaml');
@@ -140,6 +174,7 @@ async function optimizeCSS() {
     await (0, promises_1.writeFile)(coreFilePath, optimizedCss, 'utf-8');
 }
 (async () => {
+    const startTime = performance.now();
     await cleanUp();
     const scanRoot = process.cwd();
     const files = (0, fs_1.globSync)('**/*.{js,jsx,ts,tsx,vue,svelte}', {
@@ -162,10 +197,16 @@ async function optimizeCSS() {
     const styleFiles = filesSupportExtensions
         .filter((file) => isCSS(file))
         .sort();
+    const tempToOriginalMap = new Map();
+    for (const [original, temp] of extract_1.generatedTsMap.entries()) {
+        tempToOriginalMap.set(temp, original);
+    }
     for (let i = 0; i < styleFiles.length; i++) {
         await (0, execute_1.execute)(path_1.default.resolve(styleFiles[i]));
-        if (process.argv.includes('--paths'))
-            console.log(`✅: ${projectName}/${path_1.default.relative(projectRoot, styleFiles[i])}`);
+        if (process.argv.includes('--paths')) {
+            const originalFile = tempToOriginalMap.get(styleFiles[i]);
+            console.log(`✅: ${projectName}/${path_1.default.relative(projectRoot, originalFile)}`);
+        }
     }
     for (let i = 0; i < styleFiles.length; i++) {
         await (0, processors_1.buildGlobal)(coreFilePath);
@@ -175,4 +216,9 @@ async function optimizeCSS() {
     }
     await optimizeCSS();
     await (0, extract_1.restoreAllOriginals)();
+    if (process.argv.includes('--stats')) {
+        const endTime = performance.now();
+        const buildTime = (endTime - startTime) / 1000;
+        await generateStats(buildTime);
+    }
 })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/compiler",
-  "version": "0.23.2",
+  "version": "0.24.0",
   "description": "Plumeria Rust-based compiler",
   "repository": {
     "type": "git",
@@ -21,7 +21,7 @@
     "lightningcss": "^1.29.3",
     "postcss": "^8.5.3",
     "postcss-combine-media-query": "^2.0.0",
-    "rscute": "^0.2.10"
+    "rscute": "^0.2.11"
   },
   "publishConfig": {
     "access": "public"