emily-css 1.0.21 → 1.0.23

package/CHANGELOG.md

@@ -4,6 +4,19 @@ All notable changes to `emily-css` are documented here.
 
 ---
 
+## v1.0.23 — May 2026
+
+**colour system redesign — brand/accent tokens + semantic colours (v1.0.23)**
+
+### Added
+- colour system redesign — brand/accent tokens + semantic colours (v1.0.23)
+
+---
+## v1.0.22 — May 2026
+
+**· Improve purge extraction and package robustness tests**
+
+---
 ## v1.0.21 — May 2026
 
 **"Include bundled showcase template**

package/bin/emilyui.js

@@ -1,6 +1,9 @@
 #!/usr/bin/env node
 
+const path = require("path");
+
 const command = process.argv[2];
+const packageJson = require(path.join(__dirname, "..", "package.json"));
 
 if (command === "init") {
   require("../src/init.js");
@@ -11,6 +14,8 @@ if (command === "init") {
   require("../src/watch.js");
 } else if (command === "showcase") {
   require("../src/showcase.js");
+} else if (command === "version" || command === "--version" || command === "-v") {
+  console.log(packageJson.version);
 } else if (command === "help") {
   console.log(`
   emily-css — Config-driven CSS framework generator
@@ -20,6 +25,7 @@ if (command === "init") {
     emily-css build       Generate production CSS to the configured output path
     emily-css watch       Dev mode: watch for changes and rebuild
     emily-css showcase    Launch the component showcase in your browser
+    emily-css version     Show installed version
     emily-css help        Show this help text
   
   npm scripts (added by init):

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "emily-css",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "A config-driven utility CSS framework. Define your brand once, generate the CSS.",
   "main": "src/index.js",
   "bin": {

package/src/purge.js

@@ -57,7 +57,7 @@ function getAllFiles(dir, extensions = DEFAULT_EXTENSIONS) {
 
 function extractClassNames(content) {
   const classNames = new Set();
-  const classRegex = /class\s*=\s*["']([^"']+)["']/g;
+  const classRegex = /(?:class|className)\s*=\s*["']([^"']+)["']/g;
   let match;
 
   while ((match = classRegex.exec(content)) !== null) {
@@ -76,6 +76,24 @@ function extractClassNames(content) {
     });
   }
 
+  const templateStringRegex = /`([^`]+)`/g;
+
+  while ((match = templateStringRegex.exec(content)) !== null) {
+    const possibleClasses = match[1].split(/\s+/);
+
+    possibleClasses.forEach((cls) => {
+      const cleaned = cls.trim();
+
+      if (
+        cleaned &&
+        /^[a-zA-Z0-9:_./-]+$/.test(cleaned) &&
+        /[-:]/.test(cleaned)
+      ) {
+        classNames.add(cleaned);
+      }
+    });
+  }
+
   return classNames;
 }
 

package/src/watch.js

@@ -21,7 +21,9 @@ function readConfig() {
   const configPath = path.join(process.cwd(), "emily.config.json");
 
   if (!fs.existsSync(configPath)) {
-    console.error('\n  emily-css: No config found. Run "emily-css init" first.\n');
+    console.error(
+      '\n  emily-css: No config found. Run "emily-css init" first.\n',
+    );
     process.exit(1);
   }
 
@@ -46,7 +48,9 @@ function shouldIgnore(filePath) {
     "coverage/",
     ".cache/",
     ".vite/",
-  ].some((part) => normalised.includes("/" + part) || normalised.startsWith(part));
+  ].some(
+    (part) => normalised.includes("/" + part) || normalised.startsWith(part),
+  );
 }
 
 function runQuietly(fn) {
@@ -83,7 +87,9 @@ function getScanFiles(config) {
     ".njk",
     ".liquid",
     ".hbs",
+    ".js",
     ".jsx",
+    ".ts",
     ".tsx",
     ".vue",
     ".php",
@@ -124,7 +130,9 @@ function collectUsedClasses(config) {
 
 function getClassDiff(currentClasses) {
   const added = [...currentClasses].filter((cls) => !previousClasses.has(cls));
-  const removed = [...previousClasses].filter((cls) => !currentClasses.has(cls));
+  const removed = [...previousClasses].filter(
+    (cls) => !currentClasses.has(cls),
+  );
 
   previousClasses = new Set(currentClasses);
 
@@ -141,35 +149,24 @@ function formatClassList(classes) {
 }
 
 function printSummary({ currentClasses, result, added, removed }) {
-  const reduction = (
-    ((result.originalSize - result.outputSize) / result.originalSize) *
-    100
-  ).toFixed(1);
+  const reduction =
+    currentClasses.size === 0
+      ? "100.0"
+      : (
+          ((result.originalSize - result.outputSize) / result.originalSize) *
+          100
+        ).toFixed(1);
+
+  const sizeKb =
+    currentClasses.size === 0 ? "0.0" : (result.outputSize / 1024).toFixed(1);
 
-  const sizeKb = (result.outputSize / 1024).toFixed(1);
   const outputPath = result.outputPath
     ? path.relative(process.cwd(), result.outputPath)
     : "emily.min.css";
 
   const time = new Date().toLocaleTimeString();
 
-  console.log(
-    chalk.green("✓ " + time + " updated") +
-      chalk.gray(
-        " | " +
-          currentClasses.size +
-          " classes | " +
-          sizeKb +
-          " KB | " +
-          reduction +
-          "% reduced | " +
-          outputPath,
-      ),
-  );
-
-  if (!hasRunOnce) return;
-
-  if (removed.length > 0) {
+  if (hasRunOnce && removed.length > 0) {
     console.log(
       chalk.red(
         "− removed " +
@@ -180,16 +177,27 @@ function printSummary({ currentClasses, result, added, removed }) {
     );
   }
 
-  if (added.length > 0) {
+  if (hasRunOnce && added.length > 0) {
     console.log(
       chalk.green(
-        "+ added " +
-          added.length +
-          " class" +
-          (added.length === 1 ? "" : "es"),
+        "+ added " + added.length + " class" + (added.length === 1 ? "" : "es"),
       ) + chalk.gray(" (" + formatClassList(added) + ")"),
     );
   }
+
+  console.log(
+    chalk.green("✓ " + time + " updated") +
+      chalk.gray(
+        " | " +
+          currentClasses.size +
+          " classes | " +
+          sizeKb +
+          " KB | " +
+          reduction +
+          "% reduced | " +
+          outputPath,
+      ),
+  );
 }
 
 function runProductionUpdate(filePath) {
@@ -232,10 +240,7 @@ function runProductionUpdate(filePath) {
 }
 
 function getWatchPaths(config) {
-  return [
-    config.purge?.sourceDir || ".",
-    "emily.config.json",
-  ];
+  return [config.purge?.sourceDir || ".", "emily.config.json"];
 }
 
 function queueUpdate(filePath) {
@@ -247,14 +252,19 @@ function runWatch() {
   const config = readConfig();
   const watchPaths = getWatchPaths(config);
 
-  console.log("\n👀 EmilyUI is watching...");
-console.log(chalk.gray("   Project: " + (config.purge?.projectType || "Unknown")));
-console.log(chalk.gray("   Output:  " + (config.output?.css || "dist/emily.min.css")));
-console.log(chalk.gray("   Watching:"));
+  console.log("");
+  console.log(chalk.cyan("👀 EmilyUI is watching..."));
+  console.log(
+    chalk.gray("   Project: " + (config.purge?.projectType || "Unknown")),
+  );
+  console.log(
+    chalk.gray("   Output:  " + (config.output?.css || "dist/emily.min.css")),
+  );
+  console.log(chalk.gray("   Watching:"));
 
-watchPaths.forEach((item) => {
-  console.log(chalk.gray("   - " + item));
-});
+  watchPaths.forEach((item) => {
+    console.log(chalk.gray("   - " + item));
+  });
 
   runQuietly(() => ensureFullFramework());
   runProductionUpdate();