@birdycom/omniacss-cli 0.11.1 → 0.12.0

package/README.md

@@ -10,6 +10,14 @@ npx omniacss migrate scan            # Tailwind CSS -> OmniaCSS (needs @birdycom
 
 Options: `-c/--content <glob>`, `-o/--output <file>`, `--no-components`, `--no-layer`. Node.js 22+. MIT
 
+The build scans your files for literal class names. A class you put together in code, such as
+`'oc-icon-tile--'.$size` in PHP or `` `text-${color}` `` in JavaScript, is not found and gets left out. Write the
+full names somewhere, or list them under `keep` in `omnia.config.json`:
+
+```json
+{ "keep": ["oc-icon-tile--sm", "oc-icon-tile--lg", "oc-icon-tile--xl"] }
+```
+
 ## Theme tokens for desktop apps
 
 Native toolkits have no CSS engine. `omniacss tokens` writes the theme tokens resolved per mode (light/dark),

package/bin/omniacss.mjs

@@ -122,6 +122,12 @@ async function omniauiCss(config) {
   return css;
 }
 
+// Browsers for --minify. Without targets lightningcss folds animation-timeline into the animation shorthand,
+// which Chrome rejects (the whole declaration drops, so scroll-driven animations stop). These versions are
+// new enough that nothing (light-dark(), nesting, oklch) gets lowered.
+const v = (major, minor = 0) => (major << 16) | (minor << 8);
+const MINIFY_TARGETS = { chrome: v(123), edge: v(123), firefox: v(120), safari: v(17, 5), ios_saf: v(17, 5) };
+
 async function cmdBuild(flags) {
   const config = await loadConfig(flags);
   const engine = await import(pathToFileURL(resolvePkg("@birdycom/omniacss/engine")).href);
@@ -134,7 +140,7 @@ async function cmdBuild(flags) {
     let css = engine.generate(full, candidates, { layer: config.layer, keep: config.keep });
     if (config.minify) {
       const { transform } = await import("lightningcss");
-      css = transform({ filename: config.output, code: Buffer.from(css), minify: true }).code.toString();
+      css = transform({ filename: config.output, code: Buffer.from(css), minify: true, targets: MINIFY_TARGETS }).code.toString();
     }
     const out = path.resolve(cwd, config.output);
     await fs.mkdir(path.dirname(out), { recursive: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@birdycom/omniacss-cli",
-  "version": "0.11.1",
+  "version": "0.12.0",
   "description": "OmniaCSS command line: init a project, build on-demand CSS, migrate from Tailwind CSS. Components and blocks: see the omniaui CLI in @birdycom/omniaui.",
   "type": "module",
   "license": "MIT",
@@ -32,7 +32,7 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@birdycom/omniacss": "^0.11.1",
+    "@birdycom/omniacss": "^0.12.0",
     "lightningcss": "^1.33.0"
   },
   "sideEffects": false,