yummacss 3.0.3 → 3.2.0

package/README.md

@@ -1,66 +1,66 @@
-# [@yummacss](https://www.npmjs.com/package/yummacss)
-
-A 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
-
-Yumma CSS is a CSS framework packed with a set of abbreviated utility classes for building faster and more maintainable UIs.
-
-### Installing
-
-A step by step series of examples that tell you how to get a development
-environment running
-
-Install Yumma CSS
-
-```
-npm i yummacss -D
-```
-
-Initialize configuration
-
-```
-npx yummacss init
-```
-
-Our [framework guides](https://www.yummacss.com/docs/installation#framework-guides) will teach you how to set up your configuration file.
-
-## Development setup
-
-The Yumma CSS CLI provides several commands to help you work with your Yumma CSS files.
-
-> [!IMPORTANT]  
-> Make sure you have a `yumma.config.js` file set up before running these commands. If you haven’t, run `npx yummacss init` first.
-
-### Building styles
-
-The `build` command will compile your Yumma CSS files once.
-
-```bash
-npx yummacss build
-```
-
-### Watching changes
-
-The `watch` command will watch for changes in your Yumma CSS files and recompile them automatically.
-
-```bash
-npx yummacss watch
-```
-
-## Documentation
-
-Head over to [yummacss.com](https://www.yummacss.com) for the full documentation.
-
-## Built with
-
-- [gulp](https://www.npmjs.com/package/gulp) - The streaming build system.
-- [sass](https://www.npmjs.com/package/sass) - CSS with superpowers.
-- [typescript](https://www.npmjs.com/package/typescript) - A language for application-scale JavaScript.
-
-## License
-
-This project is licensed under the [MIT License](LICENSE)
+# [@yummacss](https://www.npmjs.com/package/yummacss)
+
+A 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
+
+Yumma CSS is a CSS framework packed with a set of abbreviated utility classes for building faster and more maintainable UIs.
+
+### Installing
+
+A step by step series of examples that tell you how to get a development
+environment running
+
+Install Yumma CSS
+
+```
+npm i yummacss -D
+```
+
+Initialize configuration
+
+```
+npx yummacss init
+```
+
+Our [framework guides](https://www.yummacss.com/docs/installation#framework-guides) will teach you how to set up your configuration file.
+
+## Development setup
+
+The Yumma CSS CLI provides several commands to help you work with your Yumma CSS files.
+
+> [!IMPORTANT]  
+> Make sure you have a `yumma.config.js` file set up before running these commands. If you haven’t, run `npx yummacss init` first.
+
+### Building styles
+
+The `build` command will compile your Yumma CSS files once.
+
+```bash
+npx yummacss build
+```
+
+### Watching changes
+
+The `watch` command will watch for changes in your Yumma CSS files and recompile them automatically.
+
+```bash
+npx yummacss watch
+```
+
+## Documentation
+
+Head over to [yummacss.com](https://www.yummacss.com) for the full documentation.
+
+## Built with
+
+- [sass-embedded](https://www.npmjs.com/package/sass-embedded)
+- [lightningcss](https://www.npmjs.com/package/lightningcss)
+- [typescript](https://www.npmjs.com/package/typescript)
+
+## License
+
+This project is licensed under the [MIT License](LICENSE)

package/dist/index.js

@@ -0,0 +1 @@
+import{Command as rt}from"commander";import{writeFileSync as V}from"fs";var x={};function k(){return x}function F(t){x=t}function B(t){let o=JSON.stringify(t);return x.configHash!==o}import{existsSync as E}from"fs";import{dirname as S,join as p}from"path";import*as v from"sass-embedded";import{fileURLToPath as N}from"url";function H(){let t=N(import.meta.url),o=S(t);for(;o!==S(o);){let i=p(o,"package.json");if(E(i))return o;o=S(o)}return o}var b=H();async function O(t){let o=t.buildOptions.reset?"index.scss":"core.scss",i=await v.compileAsync(p(b,"src",o),{style:"expanded",loadPaths:[p(b,"src")],importers:[{findFileUrl(e){return new URL(e,`file://${p(b,"src/")}`)}}]});return{css:i.css,dependencies:i.loadedUrls.filter(e=>e.protocol==="file:").map(e=>N(e))}}import{existsSync as _}from"fs";import{join as A}from"path";import{pathToFileURL as Z}from"url";import{z as q}from"zod";import{z as c}from"zod";var a="yumma.config.js",u=c.object({source:c.array(c.string()).default([""]),output:c.string().default(""),buildOptions:c.object({reset:c.boolean().default(!0),minify:c.boolean().default(!1)}).default({reset:!0,minify:!1})});var r={build:{start:"Building...",success:(t,o)=>`Build done in ${t}ms. (${o})`,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."}};import f from"ora";var R=t=>f({spinner:"sand",color:"white"}).start(t),D=t=>f().fail(t),L=t=>f().info(t),M=t=>f().succeed(t),W=t=>f().warn(t),s={error:D,info:L,progress:R,success:M,warn:W};async function g(){let t=A(process.cwd(),a),o=Z(t).href;try{let{default:i}=await import(o);return u.parse(i)}catch(i){throw _(a)?i instanceof q.ZodError&&(s.progress(r.init.invalid).fail(r.init.invalid),process.exit(1)):(s.progress(r.init.notFound).warn(r.init.notFound),process.exit(1)),i}}import{transform as G}from"lightningcss";function T(t,o){return G({filename:"style.css",code:Buffer.from(t),minify:o.buildOptions.minify,sourceMap:!1}).code.toString()}import{globby as K}from"globby";import{PurgeCSS as Q}from"purgecss";async function z(t,o){return(await new Q().purge({content:await K(o.source),css:[{raw:t}],defaultExtractor:e=>e.match(/[\w-/\\:]+/g)||[]}))[0].css}async function m(t,o=!1){let i=s.progress(r.build.start),e=Date.now();try{let n=t||await g(),y=k(),I=B(n),w;if(o||I||!y.css){let C=await O(n);w=C.css,F({configHash:JSON.stringify(n),css:C.css,dependencies:C.dependencies})}else w=y.css;let U=await z(w,n),$=T(U,n);V(n.output,$),i.succeed(r.build.success(Date.now()-e,n.output))}catch{i.fail(r.build.fail),process.exit(1)}}import{existsSync as X,readFileSync as Y,writeFileSync as tt}from"fs";function ot(){try{if(X("package.json"))return JSON.parse(Y("package.json","utf-8")).type==="module"?"esm":"cjs"}catch{s.error(r.common.unknownError)}return"cjs"}function it(){let t=u.parse({});return ot()==="esm"?{filename:a,content:`export default ${JSON.stringify(t,null,2)};`}:{filename:a,content:`module.exports = ${JSON.stringify(t,null,2)};`}}function J(){let t=s.progress("Initializing config...");try{let{filename:o,content:i}=it();tt(o,i),t.succeed(r.init.success)}catch{t.fail(r.init.fail),process.exit(1)}}import et from"chokidar";import{globby as nt}from"globby";var d,h=null,j=new Set;async function P(){try{let e=function(n,y){j.add(n),h&&clearTimeout(h),h=setTimeout(async()=>{j.size>0&&(await m(d,!0),j.clear()),h=null},500)};var t=e;d=await g(),await m(d,!0),s.info(r.watch.start);let o=await nt(d.source);et.watch(o,{awaitWriteFinish:{pollInterval:50,stabilityThreshold:200},ignored:/(^|[/\\])\../,ignoreInitial:!0,persistent:!0}).on("add",n=>e(n,"added")).on("change",n=>e(n,"changed")).on("unlink",n=>e(n,"removed"))}catch{s.error(r.watch.fail),process.exit(1)}}var l=new rt;l.name("yummacss").description("Main command");l.command("init").description("Initialize config").action(J);l.command("build").action(()=>m().catch(()=>process.exit(1))).alias("b").description("Build styles once");l.command("watch").action(()=>P().catch(()=>process.exit(1))).alias("w").description("Build styles continuously");l.parse(process.argv);

package/package.json

@@ -1,65 +1,60 @@
 {
   "name": "yummacss",
-  "version": "3.0.3",
+  "version": "3.2.0",
   "description": "A CSS framework for the web with abbreviated styles.",
   "keywords": [
     "css-framework",
     "css",
     "design-system",
     "framework",
-    "gulp",
     "lightningcss",
     "responsive-design",
     "responsive",
     "scss",
+    "typescript",
     "yummacss"
   ],
   "homepage": "https://yummacss.com",
   "license": "MIT",
   "author": "Renildo Pereira",
   "files": [
-    "dist/cli",
+    "dist",
     "src"
   ],
-  "main": "./dist/cli/index.js",
   "type": "module",
   "exports": {
-    ".": "./dist/cli/src/cli.js"
+    ".": "./dist/index.js"
   },
   "bin": {
-    "yummacss": "./dist/cli/src/cli.js",
-    "yumma": "./dist/cli/src/cli.js"
+    "yummacss": "./dist/index.js"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/yumma-lib/yumma-css.git"
   },
   "scripts": {
-    "build:cli": "tsc -p tsconfig.cli.json",
-    "build:css": "gulp build",
-    "build": "pnpm build:css && pnpm build:cli",
-    "dev": "tsc -p tsconfig.cli.json --watch",
-    "format:cli": "pnpx prettier --write cli",
-    "prepublishOnly": "pnpm build:cli"
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "format:cli": "prettier --write cli",
+    "format": "prettier --write .",
+    "prepublishOnly": "pnpm build"
   },
+  "packageManager": "pnpm@10.14.0",
   "dependencies": {
     "chokidar": "^4.0.3",
-    "commander": "^13.1.0",
+    "commander": "^14.0.0",
     "globby": "^14.1.0",
-    "lightningcss": "^1.29.3",
+    "lightningcss": "^1.30.1",
     "ora": "^8.2.0",
     "purgecss": "^7.0.2",
-    "sass-embedded": "^1.85.1"
+    "sass-embedded": "^1.90.0",
+    "zod": "^4.0.17"
   },
   "devDependencies": {
-    "@ianvs/prettier-plugin-sort-imports": "^4.5.1",
-    "@types/node": "^22.13.10",
-    "gulp-clean-css": "^4.3.0",
-    "gulp-debug": "^5.0.1",
-    "gulp-rename": "^2.0.0",
-    "gulp-sass": "^6.0.0",
-    "gulp": "^5.0.0",
-    "sass": "^1.85.1",
-    "typescript": "^5.8.2"
+    "@types/node": "^24.2.0",
+    "prettier": "^3.6.2",
+    "prettier-plugin-organize-imports": "^4.2.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.2"
   }
-}
+}