yummacss 3.4.3 → 3.6.0

package/README.md

@@ -1,38 +1,29 @@
-# [@yummacss](https://www.npmjs.com/package/yummacss)
+# [@yummacss](www.yummacss.com)
 
-A CSS framework for the web with abbreviated styles.
+A CLI-first CSS framework for the web with abbreviated styles.
 
 [![NPM Version](https://img.shields.io/npm/v/yummacss?style=plastic&label=yummacss&labelColor=eaedfc&color=413cb8)](https://www.npmjs.com/package/yummacss)
 [![NPM Downloads](https://img.shields.io/npm/d18m/yummacss?style=plastic&label=downloads&labelColor=eaedfc&color=413cb8)](https://www.npmjs.com/package/yummacss)
 
-## Getting started
+## Installing
 
-Yumma CSS is a CLI-first CSS framework packed with a set of non-opinionated, atomic utility classes designed to minimize and scale your codebase.
+Install `yummacss` as a dev dependency and initialize configuration
 
-### Using the CLI
-
-Install `yummacss` as a dev dependency
-
-```
-npm i yummacss -D
+```bash
+npm install yummacss -D
+npx yummacss init
 ```
 
-Initialize configuration
+Build styles
 
-```
-npx yummacss init
+```bash
+npx yummacss build
 ```
 
 ## Documentation
 
-Head over to the [Yumma CSS docs](https://www.yummacss.com) to learn more.
-
-## Built with
-
-- [@yummacss/api](https://www.npmjs.com/package/@yummacss/api)
-- [lightningcss](https://www.npmjs.com/package/lightningcss)
-- [typescript](https://www.npmjs.com/package/typescript)
+Learn more at [yummacss.com](https://yummacss.com)
 
 ## License
 
-This project is licensed under the [MIT License](LICENSE)
+This project is licensed under the [MIT License](LICENSE).

package/dist/index.mjs

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+import{Command as e}from"commander";import{existsSync as t,writeFileSync as n}from"node:fs";import{ConfigSchema as r,configName as i,extractor as a,generator as o}from"@yummacss/nitro";import{join as s}from"node:path";import{pathToFileURL as c}from"node:url";import l from"ora";import{transform as u}from"lightningcss";import d from"stringify-object";import f from"chokidar";import{globby as p}from"globby";var m=`3.6.0`;let h={};function g(){return h}function _(e){h=e}function v(e){let t=JSON.stringify(e);return h.configHash!==t}async function y(e){return{css:o(await a(e.source),e),dependencies:e.source}}const b={build:{start:`Building...`,success:(e,t)=>`Build done in ${e}ms. (${t})`,fail:`Build failed.`},init:{fail:`Config failed.`,invalid:`Invalid config.`,notFound:`Config not found.`,success:`Config created.`},watch:{start:`Watching...`,fail:`Watch failed.`},common:{unknownError:`Something went wrong, and we don't know what.`}},x={fail:e=>l().fail(e),info:e=>l().info(e),progress:e=>l({spinner:`sand`,color:`white`}).start(e),success:e=>l().succeed(e),warn:e=>l().warn(e)};async function S(){let e=c(s(process.cwd(),i)).href;try{let{default:t}=await import(e);return r.parse(t)}catch{t(i)||(x.progress(b.init.notFound).warn(b.init.notFound),process.exit(1)),x.progress(b.init.invalid).fail(b.init.invalid),process.exit(1)}}function C(e,t){return u({code:Buffer.from(e),filename:`style.css`,minify:t.buildOptions.minify,sourceMap:!1}).code.toString()}async function w(e,t=!1){let r=x.progress(b.build.start),i=Date.now();try{let a=e||await S(),o=g(),s=v(a),c;if(t||s||!o.css){let e=await y(a);c=e.css,_({configHash:JSON.stringify(a),css:e.css,dependencies:e.dependencies})}else c=o.css;let l=C(c,a);n(a.output,l),r.succeed(b.build.success(Date.now()-i,a.output))}catch(e){r.fail(`${b.build.fail} ${e instanceof Error?e.message:String(e)}`),process.exit(1)}}function T(){return{filename:i,content:`export default ${d(r.parse({}),{indent:`  `,singleQuotes:!1})};`}}function E(){let e=x.progress(`Initializing config...`);try{let{filename:t,content:r}=T();n(t,r),e.succeed(b.init.success)}catch{e.fail(b.init.fail),process.exit(1)}}let D,O=null;const k=new Set;function A(e,t){k.add(e),O&&clearTimeout(O),O=setTimeout(async()=>{k.size>0&&(await w(D,!0),k.clear()),O=null},500)}async function j(){try{D=await S(),await w(D,!0),x.info(b.watch.start);let e=await p(D.source);f.watch(e,{awaitWriteFinish:{pollInterval:50,stabilityThreshold:200},ignored:/(^|[/\\])\../,ignoreInitial:!0,persistent:!0}).on(`add`,e=>A(e,`added`)).on(`change`,e=>A(e,`changed`)).on(`unlink`,e=>A(e,`removed`))}catch{x.fail(b.watch.fail),process.exit(1)}}const M=new e;M.name(`yummacss`).description(`Yumma CSS main command`).version(m),M.command(`init`).action(E).alias(`i`).description(`Initialize config`),M.command(`build`).action(()=>w().catch(()=>process.exit(1))).alias(`b`).description(`Build styles once`),M.command(`watch`).action(()=>j().catch(()=>process.exit(1))).alias(`w`).description(`Build styles continuously`),M.parse(process.argv);export{};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yummacss",
-  "version": "3.4.3",
-  "description": "A CSS framework for the web with abbreviated styles.",
+  "version": "3.6.0",
+  "description": "A CLI-first CSS framework for the web with abbreviated styles.",
   "keywords": [
     "css-framework",
     "typescript",
@@ -25,22 +25,20 @@
     "url": "git+https://github.com/yumma-lib/yumma-css.git"
   },
   "dependencies": {
-    "@yummacss/api": "^1.6.2",
-    "chokidar": "^4.0.3",
-    "commander": "^14.0.0",
-    "globby": "^14.1.0",
-    "lightningcss": "^1.30.1",
-    "ora": "^8.2.0",
-    "stringify-object": "^6.0.0",
-    "zod": "^4.0.17"
+    "@yummacss/nitro": "^0.3.0",
+    "chokidar": "^5.0.0",
+    "commander": "^14.0.2",
+    "globby": "^16.1.0",
+    "lightningcss": "^1.30.2",
+    "ora": "^9.0.0",
+    "stringify-object": "^6.0.0"
   },
   "devDependencies": {
-    "@types/node": "^24.2.0",
+    "@biomejs/biome": "2.3.10",
+    "@types/node": "^25.0.3",
     "@types/stringify-object": "^4.0.5",
-    "prettier": "^3.6.2",
-    "prettier-plugin-organize-imports": "^4.2.0",
-    "tsdown": "^0.15.0",
-    "typescript": "^5.9.2"
+    "tsdown": "^0.18.3",
+    "typescript": "^5.9.3"
   },
   "publishConfig": {
     "access": "public",
@@ -49,7 +47,6 @@
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",
-    "format:cli": "prettier --write cli",
-    "format": "prettier --write ."
+    "lint": "biome check --write"
   }
 }

package/dist/index.js

@@ -1,156 +0,0 @@
-#!/usr/bin/env node
-import{Command as e}from"commander";import{existsSync as t,readFileSync as n,writeFileSync as r}from"fs";import{globby as i}from"globby";import{coreUtils as a}from"@yummacss/api";import{z as o}from"zod";import s from"ora";import{join as c}from"path";import{pathToFileURL as l}from"url";import{transform as u}from"lightningcss";import d from"stringify-object";import f from"chokidar";let p={};function m(){return p}function h(e){p=e}function g(e){let t=JSON.stringify(e);return p.configHash!==t}async function _(e){let t=await i(e),r=new Set;for(let e of t)try{let t=n(e,`utf-8`);v(t).forEach(e=>r.add(e))}catch{continue}return r}function v(e){let t=new Set,n=[/class(?:Name)?=["']([^"']+)["']/g,/class(?:Name)?=\{["']([^"']+)["']\}/g,/class(?:Name)?=\{`([^`]+)`\}/g],r=[/`[^`]*\b([a-z]+-[a-z0-9-]+)\b[^`]*`/g,/"[^"]*\b([a-z]+-[a-z0-9-]+)\b[^"]*"/g,/'[^']*\b([a-z]+-[a-z0-9-]+)\b[^']*'/g],i=[...n,...r];for(let n of i){let r;for(;(r=n.exec(e))!==null;){let e=r[1];e&&e.split(/\s+/).filter(e=>e&&/^[a-z]/.test(e)&&e.includes(`-`)).forEach(e=>t.add(e))}}return Array.from(t)}function y(e,t){let n=[];t.buildOptions.reset&&n.push(`*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  border: 0 solid;
-}
-
-* {
-  margin: 0;
-  padding: 0;
-}
-
-html {
-  font-family: system-ui, sans-serif;
-}
-
-body {
-  -webkit-font-smoothing: antialiased;
-  font-family: inherit;
-  line-height: 1.5;
-}
-
-canvas,
-img,
-picture,
-svg,
-video {
-  display: block;
-  max-width: 100%;
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  background-color: transparent;
-  font-family: inherit;
-  padding: .5rem;
-}
-
-button:not([class]),
-input:not([class]),
-optgroup:not([class]),
-select:not([class]),
-textarea:not([class]) {
-  border: 1px solid #bfc2c7;
-}
-
-a,
-button,
-input,
-select,
-summary,
-textarea {
-  &:focus {
-    outline: 2px solid transparent;
-  }
-}
-
-textarea:not([rows]) {
-  min-height: 10em;
-}
-
-button {
-  cursor: pointer;
-}
-
-button:disabled,
-input:disabled,
-select:disabled,
-textarea:disabled {
-  cursor: not-allowed;
-  opacity: .5;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p {
-  overflow-wrap: break-word;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: 1rem;
-  font-weight: 600;
-  text-wrap: balance;
-}
-
-p {
-  text-wrap: pretty;
-}
-
-b,
-strong {
-  font-weight: 700;
-}
-
-small {
-  font-size: 80%;
-  line-height: 1.4;
-}
-
-pre,
-code,
-kbd,
-samp {
-  font-family: monospace;
-  font-size: 1em;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-ol,
-ul {
-  list-style: none;
-  padding: 0;
-}
-
-th {
-  font-size: 1rem;
-  font-weight: 600;
-}
-
-hr {
-  border-top: 1px solid #bfc2c7;
-  height: 0;
-  margin: 1em 0;
-}
-
-details {
-  display: block;
-}
-
-summary {
-  display: list-item;
-}`);let r=b(e);return r&&n.push(r),n.join(`
-
-`)}function b(e){let t=a(),n=[],r=new Map,i=new Set,o=Array.from(e).sort();for(let e of o){if(i.has(e))continue;let a=w(e,t);if(a){if(a.mediaQuery){let e=r.get(a.mediaQuery)||[];e.push(a.rule),r.set(a.mediaQuery,e)}else n.push(a.rule);i.add(e)}}let s=Array.from(r.entries()).sort(([e],[t])=>e.localeCompare(t));for(let[e,t]of s)n.push(`${e} {\n${t.join(`
-`)}\n}`);return n.join(`
-`)}function x(e,t){let{properties:n,variants:r}=t;if(r?.mediaQueries){for(let i of r.mediaQueries)if(e.startsWith(`${i.prefix}:`)){let r=e.slice(i.prefix.length+1),a=S(r,t);if(a){let t=n.map(e=>`${e}: ${a.cssValue};`).join(`
-`);return{rule:`.${C(e)} {\n  ${t}\n  }`,mediaQuery:i.value}}}}if(r?.pseudoClasses){for(let i of r.pseudoClasses)if(e.startsWith(`${i.prefix}:`)){let r=e.slice(i.prefix.length+1),a=S(r,t);if(a){let t=n.map(e=>`${e}: ${a.cssValue};`).join(`
-`);return{rule:`.${C(e)}${i.value} {\n${t}\n}`}}}}let i=S(e,t);if(i){let t=n.map(e=>`${e}: ${i.cssValue};`).join(`
-`);return{rule:`.${C(e)} {\n${t}\n}`}}return null}function S(e,t){let{prefix:n,values:r}=t;if(!e.startsWith(n+`-`))return null;let i=e.slice(n.length+1),a=r[i];return a?{cssValue:a}:null}function C(e){return e.replace(/:/g,`\\:`).replace(/\//g,`\\/`)}function w(e,t){for(let[n,r]of Object.entries(t)){let t=x(e,r);if(t)return t}return null}async function T(e){let t=await _(e.source);return{css:y(t,e),dependencies:e.source}}const E=`yumma.config.mjs`,D=o.object({source:o.array(o.string()).default([``]),output:o.string().default(``),buildOptions:o.object({reset:o.boolean().default(!0),minify:o.boolean().default(!1)}).default({reset:!0,minify:!1})}),O={build:{start:`Building...`,success:(e,t)=>`Build done in ${e}ms. (${t})`,fail:`Build failed.`},init:{fail:`Config failed.`,invalid:`Invalid config.`,notFound:`Config not found.`,success:`Config created.`},watch:{start:`Watching...`,fail:`Watch failed.`},common:{unknownError:`Something went wrong, and we don't know what.`}},k={error:e=>s().fail(e),info:e=>s().info(e),progress:e=>s({spinner:`sand`,color:`white`}).start(e),success:e=>s().succeed(e),warn:e=>s().warn(e)};async function A(){let e=c(process.cwd(),E),n=l(e).href;try{let{default:e}=await import(n);return D.parse(e)}catch(e){throw t(E)?e instanceof o.ZodError&&(k.progress(O.init.invalid).fail(O.init.invalid),process.exit(1)):(k.progress(O.init.notFound).warn(O.init.notFound),process.exit(1)),e}}function j(e,t){return u({filename:`style.css`,code:Buffer.from(e),minify:t.buildOptions.minify,sourceMap:!1}).code.toString()}async function M(e,t=!1){let n=k.progress(O.build.start),i=Date.now();try{let a=e||await A(),o=m(),s=g(a),c;if(t||s||!o.css){let e=await T(a);c=e.css,h({configHash:JSON.stringify(a),css:e.css,dependencies:e.dependencies})}else c=o.css;let l=j(c,a);r(a.output,l),n.succeed(O.build.success(Date.now()-i,a.output))}catch{n.fail(O.build.fail),process.exit(1)}}function N(){let e=D.parse({});return{filename:E,content:`export default ${d(e,{indent:`  `,singleQuotes:!1})};`}}function P(){let e=k.progress(`Initializing config...`);try{let{filename:t,content:n}=N();r(t,n),e.succeed(O.init.success)}catch{e.fail(O.init.fail),process.exit(1)}}let F,I=null,L=new Set;function R(e,t){L.add(e),I&&clearTimeout(I),I=setTimeout(async()=>{L.size>0&&(await M(F,!0),L.clear()),I=null},500)}async function z(){try{F=await A(),await M(F,!0),k.info(O.watch.start);let e=await i(F.source);f.watch(e,{awaitWriteFinish:{pollInterval:50,stabilityThreshold:200},ignored:/(^|[/\\])\../,ignoreInitial:!0,persistent:!0}).on(`add`,e=>R(e,`added`)).on(`change`,e=>R(e,`changed`)).on(`unlink`,e=>R(e,`removed`))}catch{k.error(O.watch.fail),process.exit(1)}}const B=new e;B.name(`yummacss`).description(`Main command`),B.command(`init`).action(P).alias(`i`).description(`Initialize config`),B.command(`build`).action(()=>M().catch(()=>process.exit(1))).alias(`b`).description(`Build styles once`),B.command(`watch`).action(()=>z().catch(()=>process.exit(1))).alias(`w`).description(`Build styles continuously`),B.parse(process.argv);export{};