valcss 0.0.1

package/README.md

@@ -0,0 +1,221 @@
+# ⚡ valcss
+
+**valcss** is a tiny, flexible CLI utility to generate atomic and utility-first CSS classes from usage in your HTML and custom plugins. It allows you to configure class patterns, outputs, breakpoints, and even inject CSS directly into your HTML or as a separate file.
+
+## Table of Contents
+
+- [Features](#features)
+- [Installation](#installation)
+- [Getting Started](#getting-started)
+- [Configuration](#configuration)
+- [Usage](#usage)
+- [Plugin System](#plugin-system)
+- [Injection Modes](#injection-modes)
+- [Live Example](#live-example)
+- [FAQ](#faq)
+- [License](#license)
+
+---
+
+## Features
+
+- ⚡ Instantly extracts and generates a CSS file from your HTML.
+- ⏳ Supports watch mode for live editing.
+- 🧩 Extendable through custom plugins.
+- 🔗 CSS injection: inline in HTML or as a <link>.
+- 📦 Zero-dependency CLI.
+- 🌈 Supports breakpoints (responsive utilities).
+- 📝 Customizable with a simple JS config file.
+
+---
+
+## Installation
+
+```bash
+npm install -g valcss
+```
+
+_Or clone and use directly if working locally:_
+
+```bash
+git clone https://github.com/hardik-143/valcss.git
+cd valcss
+npm install
+```
+
+---
+
+## Getting Started
+
+### 1. Scaffold a config file
+
+```bash
+valcss init
+```
+
+This creates a `valcss.config.js` file in your project:
+
+```js
+// valcss.config.js
+module.exports = {
+  files: ["index.html", "src/**/*.html"],
+  output: "valcss-main.css",
+  inject: {
+    mode: "link", // or "inline"
+    targets: ["index.html"],
+  },
+  breakpoints: {
+    lg: 990,
+  },
+  plugins: [
+    ({ addUtilities }) => {
+      addUtilities(
+        {
+          "flex-center": {
+            display: "flex",
+            "justify-content": "center",
+            "align-items": "center",
+          },
+        },
+        "*"
+      );
+    },
+  ],
+};
+```
+
+---
+
+### 2. Add utility CSS classes in your HTML:
+
+Example ([index.html](https://github.com/hardik-143/valcss/blob/main/index.html)):
+
+```html
+<link rel="stylesheet" href="valcss-main.css" />
+<div class="p-[25px] flex-center hover:flex-center lg:flex-center ...">
+  <p class="text-[#000] bg-[#00ff00] border-[1px_solid_#000] ...">Hello</p>
+</div>
+```
+
+---
+
+### 3. Build your CSS
+
+```bash
+valcss
+```
+
+- This scans your HTML, generates only the CSS classes you actually use, and writes them to `valcss-main.css`.
+- The CSS is injected (as a link or inline) into your specified HTML targets.
+
+---
+
+## Configuration
+
+The config file lets you control:
+
+- **files**: Files/globs to scan for class usage.
+- **output**: The CSS file output.
+- **inject**: How and where to inject the styles.
+- **breakpoints**: Custom responsive breakpoints.
+- **plugins**: Extendable utility generators.
+
+See [`valcss.config.js`](https://github.com/hardik-143/valcss/blob/main/valcss.config.js) for an example.
+
+---
+
+## Usage
+
+| Command                  | Description                          |
+| ------------------------ | ------------------------------------ |
+| `valcss`                 | Run CSS extraction/generation        |
+| `valcss --output <file>` | Override the default output file     |
+| `valcss --watch`         | Enable file watching/live rebuilds   |
+| `valcss init`            | Scaffold a config file               |
+| `valcss --dry-run`       | Print generated CSS to terminal only |
+| `valcss --help`          | Show help message                    |
+
+**Example:**
+
+```bash
+valcss --watch --output custom.css
+```
+
+---
+
+## Plugin System
+
+Define your own utilities with the `plugins` array in your config:
+
+```js
+plugins: [
+  ({ addUtilities }) => {
+    addUtilities(
+      {
+        "flex-center": {
+          display: "flex",
+          "justify-content": "center",
+          "align-items": "center",
+        },
+      },
+      "*"
+    );
+  },
+];
+```
+
+**This adds the `flex-center` class to your utility set:**
+
+```css
+.flex-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+```
+
+---
+
+## Injection Modes
+
+- `"link"`: Injects your built CSS using `<link rel="stylesheet" ...>`.
+- `"inline"`: Injects the CSS directly inside `<style>` tags.
+- **Targets**: Specify which HTML files receive the injection.
+
+Edit these options under `inject` in your config file.
+
+---
+
+## Live Example
+
+- [index.html](https://github.com/hardik-143/valcss/blob/main/index.html) with the generated classes applied.
+- [valcss-main.css](https://github.com/hardik-143/valcss/blob/main/valcss-main.css) is the result.
+
+---
+
+## FAQ
+
+### How does valcss work?
+
+- Scans your specified files for ALL CSS classes used.
+- Resolves and compiles only the classes you use into a single CSS file.
+- Optionally injects that file into your HTML via link or inline style.
+
+### How to add my own utility classes?
+
+Use the plugin system in the config. See [Plugin System](#plugin-system).
+
+### Does valcss support responsiveness?
+
+Yes! Example:  
+`.md:utility` or `.lg:flex-center` generates the correct breakpoint selectors.
+
+---
+
+## License
+
+MIT © 2025 [@hardik-143](https://github.com/hardik-143)
+
+---
+
+> _Ready to make your CSS minimal, maintainable, and fast? Try valcss and get instant atomic CSS using only what you use!_

package/dist/utils/config.js

@@ -0,0 +1 @@
+const fs=require("fs"),path=require("path");function loadConfig(){const o=[path.resolve("valcss.config.js"),path.resolve("valcss.config.json")].find(fs.existsSync);if(!o)throw new Error("valcss.config.js or valcss.config.json not found. \n\nRun 'npx valcss init' to create a default config.");let n;try{n=require(o)}catch(n){throw new Error(`Failed to load config at ${o}: ${n.message}`)}if(!n.files||0===n.files.length||!Array.isArray(n.files))throw new Error("'files' array missing or invalid in config.");return n}module.exports={loadConfig:loadConfig};

package/dist/utils/configCache.js

@@ -0,0 +1 @@
+let config=null;function setConfig(n){config=n}function getConfig(){if(!config)throw new Error("Config not initialized. Call setConfig(config) first.");return config}module.exports={setConfig:setConfig,getConfig:getConfig};

package/dist/utils/constants.js

@@ -0,0 +1 @@
+const pseudoPrefixes=["hover","focus","active","visited","disabled"],positionValues=["static","relative","absolute","fixed","sticky"],displayValues=["block","inline","inline-block","flex","grid","hidden","inline-flex","inline-grid"],visibilityValues=["visible","invisible"];export{pseudoPrefixes,positionValues,displayValues,visibilityValues};

package/dist/utils/cssGenerator.js

@@ -0,0 +1 @@
+const fs=require("fs"),{validators:validators,regex:regex}=require("./validators"),{stripComments:stripComments}=require("./stripComments"),{normalizeCalcExpression:normalizeCalcExpression}=require("./normalizeCalcExpression"),{pseudoPrefixes:pseudoPrefixes,positionValues:positionValues,displayValues:displayValues}=require("./constants"),{getBreakpointConfig:getBreakpointConfig}=require("./getBreakpointConfig"),{breakpoints:breakpoints}=getBreakpointConfig(),{getUtilitiesMap:getUtilitiesMap}=require("./pluginEngine"),individualValues=[...positionValues,...displayValues];function createStyleMap(e,t){const a={};for(const i of t)a[i]={validate:()=>!0,generate:t=>`${e}: ${t};`};return a}const positionStyleMap=createStyleMap("position",positionValues),displayStyleMap=createStyleMap("display",displayValues);function createSpacingUtils(e){const t={"":[""],x:["left","right"],y:["top","bottom"],t:["top"],b:["bottom"],l:["left"],r:["right"]},a={};for(const i in t){const s=i||"";a[e[0]+s]={validate:validators.spacingValues,generate:a=>{let s=normalizeCalcExpression(a);return regex.digit.test(s)&&(s=`${parseFloat(s)}px`),s=s.replaceAll("_"," "),""===t[i][0]?`${e}: ${s};`:t[i].map(t=>`${e}-${t}: ${s};`).join(" ")}}}return a}const spacingUtils={...createSpacingUtils("padding"),...createSpacingUtils("margin")};function createSizeUtils(e){const t={};for(const[a,i]of Object.entries(e))t[a]={validate:validators.lengthUnit,generate:e=>`${i}: ${normalizeCalcExpression(e)};`};return t}const sizeUtils=createSizeUtils({w:"width",h:"height","max-w":"max-width","min-w":"min-width","max-h":"max-height","min-h":"min-height"}),insetUtils=createSizeUtils({top:"top",left:"left",right:"right",bottom:"bottom"}),styleMap={...spacingUtils,...sizeUtils,...insetUtils,text:{validate:e=>validators.color(e)||validators.lengthUnit(e)||validators.textAlign(e)||validators.textTransform(e),generate:e=>validators.color(e)?`color: ${e};`:validators.textAlign(e)?`text-align: ${e};`:validators.textTransform(e)?`text-transform: ${e};`:`font-size: ${e};`},font:{validate:validators.fontWeight,generate:e=>`font-weight: ${e};`},lh:{validate:validators.lineHeight,generate:e=>`line-height: ${e};`},bg:{validate:validators.bg,generate:e=>{const t=e.trim().toLowerCase(),a=regex.hex.test(t)||regex.rgb.test(t)||regex.rgba.test(t)||regex.namedColor.test(t);return`${"none"===t?"background":a?"background-color":"background"}: ${e};`}},d:{validate:validators.display,generate:e=>`display: ${e};`},float:{validate:validators.float,generate:e=>`float: ${e};`},justify:{validate:validators.justify,generate:e=>`justify-content: ${e};`},items:{validate:validators.items,generate:e=>`align-items: ${e};`},gap:{validate:validators.lengthUnit,generate:e=>`gap: ${normalizeCalcExpression(e)};`},border:{validate:validators.border,generate:e=>{const t=e.trim().toLowerCase();return/^-?\d+(\.\d+)?(px|em|rem)?$/.test(t)?`border-width: ${e};`:/^(none|solid|dashed|dotted|double|groove|ridge|inset|outset)$/.test(t)?`border-style: ${e};`:validators.color(e)?`border-color: ${e};`:`border: ${e.replaceAll("_"," ")};`}},radius:{validate:validators.lengthUnit,generate:e=>`border-radius: ${normalizeCalcExpression(e)};`},pos:{validate:validators.position,generate:e=>`position: ${e};`},opacity:{validate:validators.opacity,generate:e=>`opacity: ${e};`},z:{validate:validators.zIndex,generate:e=>`z-index: ${e};`},flex:{validate:validators.flex,generate:e=>`flex: ${e};`},...positionStyleMap,...displayStyleMap};function parseClassString(e){const t=e.split(":"),a=t[t.length-1];let i=null,s=!1,r=null;const n=t[0];if(n.startsWith("max-")){const e=n.slice(4);breakpoints[e]&&(i=e,s=!0)}else breakpoints[n]&&(i=n,s=!1);for(let a=i?1:0;a<t.length-1;a++){const i=t[a];(breakpoints[i]||i.startsWith("max-"))&&console.warn(`⚠️ Media prefix "${i}" must appear only as the first segment: "${e}"`),pseudoPrefixes.includes(i)&&(r=i)}const l=a,o=l.startsWith("!"),d=o?l.slice(1):l;return{mediaPrefix:i,isMax:s,pseudo:r,baseClass:l,cleanBaseClass:d,isImportant:o}}function escapeClass(e){return e.replace(/([ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g,"\\$1")}function generateCSSFromClass(e){const{mediaPrefix:t,isMax:a,pseudo:i,baseClass:s,cleanBaseClass:r,isImportant:n}=parseClassString(e);if(individualValues.includes(r))val=r,rule=styleMap[r];else{const e=r.match(/^([\w-]+)-\[(.+)\]$/);if(e){const t=e[1],a=e[2];rule=styleMap[t],val=a}}const l=getUtilitiesMap(),o=r;if(l[o]){const{styles:s,variants:r}=l[o];if(!t&&!i)return`.${e} { ${Object.entries(s).map(([e,t])=>`${e}: ${t};`).join(" ")} }`;if("string"==typeof r&&"*"===r||r.includes("*")||t&&r.includes(t)||i&&r.includes(i)){const r=Object.entries(s).map(([e,t])=>`${e}: ${t};`).join(" ");let n=`.${escapeClass(e)}`;i&&(n+=`:${i}`);let l=`${n} { ${r} }`;if(t){const e=breakpoints[t];return`${a?`@media (max-width: ${e-1}px)`:`@media (min-width: ${e}px)`} {\n  ${l}\n}`}return l}return console.warn(`⚠️ Variant not allowed for: ${e}`),null}if(rule&&rule.validate(val)){let s=`.${escapeClass(e)}`;i&&(s+=`:${i}`);let r=rule.generate(val);n&&(r=r.slice(0,-1)+" !important;");const l=`{ ${r} }`;if(t){const e=breakpoints[t];return`${a?`@media (max-width: ${e-1}px)`:`@media (min-width: ${e}px)`} {\n  ${s} ${l}\n}`}return`${s} ${l}`}return console.warn(`⚠️ Invalid class or value: ${e}`),null}function extractAndGenerateCSS(e){const t=[...e.matchAll(/class\s*=\s*["']([^"']+)["']/g)].flatMap(e=>e&&e[1]?e[1].trim().split(/\s+/):[]).filter(e=>{const t=e.split(":").pop();return!!individualValues.includes(t)||(!!e.match(/^((?:[\w-]+:)*)(!?[\w-]+)-\[(.+)\]$/)||!!getUtilitiesMap()[e.split(":").pop()])});return[...new Set(t)].map(generateCSSFromClass).filter(Boolean).join("\n")}function generateCombinedCSS(e){let t="";return e.forEach(e=>{const a=fs.readFileSync(e,"utf8"),i=extractAndGenerateCSS(stripComments(a));t+=i+"\n"}),t.trim()}function writeCSS(e,t){fs.writeFileSync(e,t),console.log(`✅ CSS written to ${e}`)}module.exports={generateCombinedCSS:generateCombinedCSS,writeCSS:writeCSS};

package/dist/utils/fileResolver.js

@@ -0,0 +1 @@
+const{globSync:globSync}=require("glob"),fs=require("fs");function resolveFiles(e){const s=e.flatMap(e=>globSync(e));return[...new Set(s.filter(e=>fs.existsSync(e)))]}module.exports={resolveFiles:resolveFiles};

package/dist/utils/getBreakpointConfig.js

@@ -0,0 +1 @@
+const{getConfig:getConfig}=require("./configCache"),defaultBreakpoints={xs:480,sm:640,md:768,lg:1024,xl:1280,xxl:1536};function getBreakpointConfig(){let e=getConfig().breakpoints||{};Object.keys(e).forEach(t=>{let n=e[t];if("string"==typeof n){n.endsWith("px")&&(n=n.slice(0,-2));const o=parseInt(n,10);isNaN(o)?(console.warn(`⚠️ Invalid breakpoint value for "${t}": ${e[t]}. Using default value instead.`),delete e[t]):e[t]=o}});const t={...defaultBreakpoints,...e};return{breakpoints:t,getValue:e=>t[e]||null}}module.exports={getBreakpointConfig:getBreakpointConfig,defaultBreakpoints:defaultBreakpoints};

package/dist/utils/getHeaderComment.js

@@ -0,0 +1 @@
+function getHeaderComment(e="valcss"){return`/* \nGenerated by ${e} \nLast updated: ${(new Date).toISOString()} \n*/\n`}module.exports={getHeaderComment:getHeaderComment};

package/dist/utils/injector.js

@@ -0,0 +1 @@
+const fs=require("fs"),{writeCSS:writeCSS}=require("./cssGenerator"),{getHeaderComment:getHeaderComment}=require("./getHeaderComment");function injectCSSIntoHTML({css:e="",outputPath:t="valcss-main.css",mode:o="link",targets:n=[]}){let s="";"inline"===o?s=e:"link"===o&&(s=getHeaderComment()+e),n.forEach(n=>{if(!fs.existsSync(n))return void console.warn(`⚠️ Target HTML file not found: ${n}`);""===e&&(console.error("❌ No CSS provided."),process.exit(1)),""===t&&(console.error("❌ No output path provided."),process.exit(1)),""===o&&(console.error("❌ No mode provided."),process.exit(1));let r=fs.readFileSync(n,"utf8");if("inline"===o){const e=`<style>\n${s}\n</style>`;r.includes(e)||(r=r.replace(/<\/head>/i,`${e}\n</head>`),console.log(`✅ Inlined styles into ${n}`))}else"link"===o&&(fs.existsSync(t)||(fs.writeFileSync(t,"/* valcss: empty stylesheet created */\n"),console.log(`📝 Created missing CSS file: ${t}`)),writeCSS(t,s));fs.writeFileSync(n,r,"utf8")})}module.exports={injectCSSIntoHTML:injectCSSIntoHTML};

package/dist/utils/normalizeCalcExpression.js

@@ -0,0 +1 @@
+function normalizeCalcExpression(e){return e.startsWith("calc(")?e.replace(/calc\((.*?)\)/,(e,r)=>`calc(${r.replace(/_/g," ").replace(/([+-/*])/g," $1 ").replace(/\s+/g," ").trim()})`):e}module.exports={normalizeCalcExpression:normalizeCalcExpression};

package/dist/utils/pluginEngine.js

@@ -0,0 +1 @@
+const utilitiesMap={};function addUtilities(i,t=[]){for(const e in i)utilitiesMap[e]={styles:i[e],variants:t}}function getUtilitiesMap(){return utilitiesMap}function resetUtilitiesMap(){Object.keys(utilitiesMap).forEach(i=>delete utilitiesMap[i])}module.exports={addUtilities:addUtilities,getUtilitiesMap:getUtilitiesMap,resetUtilitiesMap:resetUtilitiesMap};

package/dist/utils/stripComments.js

@@ -0,0 +1 @@
+function stripComments(e){return e.replace(/<!--[\s\S]*?-->/g,"").replace(/\/\*[\s\S]*?\*\//g,"").replace(/\/\/.*/g,"")}module.exports={stripComments:stripComments};

package/dist/utils/validators.js

@@ -0,0 +1 @@
+const regex={length:/^-?\d+(\.\d+)?(px|em|rem|%|vh|vw)?$/,calc:/^calc\(.+\)$/,clamp:/^clamp\(.+\)$/,min:/^min\(.+\)$/,max:/^max\(.+\)$/,hex:/^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/,rgb:/^rgb\((\s*\d{1,3}\s*,){2}\s*\d{1,3}\s*\)$/,rgba:/^rgba\((\s*\d{1,3}\s*,){3}\s*(0|1|0?\.\d+)\)$/,namedColor:/^(transparent|[a-zA-Z]+)$/,fontWeight:/^(100|200|300|400|500|600|700|800|900)$/,normal:/^normal$/,none:/^none$/,textAlign:/^(left|right|center|justify)$/,textTransform:/^(uppercase|lowercase|capitalize|none)$/,display:/^(block|inline|inline-block|flex|grid|none|inline-flex|inline-grid)$/,justify:/^(flex-start|flex-end|center|space-between|space-around|space-evenly)$/,items:/^(stretch|flex-start|flex-end|center|baseline)$/,borderStyle:/^(none|solid|dashed|dotted|double|groove|ridge|inset|outset)$/,opacity:/^(0(\.\d+)?|1(\.0+)?)$/,digit:/^[-+]?(?:\d+|\d*\.\d+)$/,position:/^(static|relative|absolute|fixed|sticky)$/,float:/^(left|right|none)$/},validators={lengthUnit:e=>regex.length.test(e)||regex.calc.test(e)||regex.clamp.test(e)||regex.min.test(e)||regex.max.test(e),color:e=>regex.hex.test(e)||regex.rgb.test(e)||regex.rgba.test(e)||regex.namedColor.test(e),fontWeight:e=>regex.fontWeight.test(e),lineHeight:e=>regex.digit.test(e)||regex.normal.test(e),textAlign:e=>regex.textAlign.test(e),textTransform:e=>regex.textTransform.test(e),display:e=>regex.display.test(e),justify:e=>regex.justify.test(e),items:e=>regex.items.test(e),border:e=>e.trim().toLowerCase().split("_").every(e=>regex.length.test(e)||regex.borderStyle.test(e)||regex.hex.test(e)||regex.rgb.test(e)||regex.rgba.test(e)||regex.namedColor.test(e)),opacity:e=>regex.opacity.test(e),zIndex:e=>regex.digit.test(e),position:e=>regex.position.test(e),bg:e=>{const t=e.trim().toLowerCase();return regex.hex.test(t)||regex.rgb.test(t)||regex.none.test(t)||regex.namedColor.test(t)},float:e=>regex.float.test(e),flex:e=>regex.flex.test(e),spacingValues:e=>{const t=e.trim().toLowerCase().split("_");return!(t.length<1||t.length>4)&&t.every(e=>regex.length.test(e)||regex.calc.test(e)||regex.clamp.test(e)||regex.min.test(e)||regex.max.test(e))}};export{validators,regex};

package/dist/valcss.js

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+const e=require("fs"),n=require("path"),s=require("chokidar"),{loadConfig:t}=require("./utils/config"),{setConfig:i,getConfig:o}=require("./utils/configCache"),{addUtilities:l,resetUtilitiesMap:r}=require("./utils/pluginEngine"),c=process.argv.slice(2);if("init"===c[0]){const n="valcss.config.js";e.existsSync(n)&&(console.warn("⚠️  valcss.config.js already exists."),process.exit(1));const s='\n// valcss.config.js\nmodule.exports = {\n  files: ["index.html", "src/**/*.html"],\n  output: "valcss-main.css",\n  inject: {\n    mode: "link", // "inline" or "link"\n    targets: ["index.html"]\n  }\n};';e.writeFileSync(n,s.trimStart()),console.log("✅ valcss.config.js created!"),process.exit(0)}r();const a=t();Array.isArray(a.plugins)&&a.plugins.forEach(e=>{"function"==typeof e&&e({addUtilities:l})}),i(a);const{resolveFiles:u}=require("./utils/fileResolver"),{generateCombinedCSS:g}=require("./utils/cssGenerator"),{injectCSSIntoHTML:f}=require("./utils/injector");let d=null,h=!1,p=!1,v=["--output","--watch","-w","--dry-run","--help","-h"];if(c.some(e=>!v.includes(e)&&!c[c.indexOf(e)-1]?.includes("--output"))&&(console.error("❌ Invalid argument: "+c.find(e=>!v.includes(e)&&!c[c.indexOf(e)-1]?.includes("--output"))),process.exit(1)),c.includes("--dry-run")&&"--dry-run"===c[0]&&(p=!0),1!==c.length||"--help"!==c[0]&&"-h"!==c[0]||(console.log("\n------------------------------------------------------\n\n📦 valcss - Utility CSS Extractor\n\nUsage:\n  valcss                 Uses valcss.config.json\n  valcss --output <file> Override output file\n  valcss --watch         Watch input files and regenerate CSS on changes\n  valcss --dry-run      Output CSS to console without writing files\n  valcss --help          Show this help message\n\nOptions:\n  --output <file>        Write final CSS to given file\n  --watch | -w          Enable watch mode\n  --help | -h           Show this help message\n\n------------------------------------------------------\n"),process.exit(0)),(c.includes("--watch")||c.includes("-w"))&&(h=!0),c.includes("--output")){const e=c.indexOf("--output");-1!==e&&c[e+1]?d=c[e+1]:(console.error("❌ Missing value for --output"),process.exit(1))}function m(){try{const{files:e,output:n="valcss-main.css",inject:s}=o(),t=u(e);if(0===t.length)return void console.error("❌ No matching files found.");const i=d||n;console.log(`📝 Generating CSS for ${t.length} files...`);const l=g(t);if(p)return console.log("\n------------------------------------------------------\nDRY MODE ENABLED\n------------------------------------------------------\n\n"),console.log(l),void console.log("\n------------------------------------------------------");s&&Array.isArray(s.targets)?f({css:l,outputPath:i,mode:s.mode||"link",targets:s.targets}):console.error("❌ No inject targets found.")}catch(e){console.error("❌ "+e.message)}}if(h)try{const{files:e}=o(),n=u(e);console.log("👀 Watching files for changes..."),s.watch(n).on("change",e=>{console.log("🔄 File changed: "+e),m()}),m()}catch(e){console.error("❌ "+e.message),process.exit(1)}else m();

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "valcss",
+  "version": "0.0.1",
+  "description": "Tiny utility to generate CSS",
+  "main": "dist/valcss.js",
+  "bin": {
+    "valcss": "./dist/valcss.js"
+  },
+  "scripts": {
+    "build": "node build-terser.js",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "valcss",
+    "css",
+    "arbitrary",
+    "inline",
+    "utility",
+    "utility-classes",
+    "utility-first"
+  ],
+  "author": "Hardik Desai",
+  "license": "MIT",
+  "dependencies": {
+    "chokidar": "^4.0.3",
+    "glob": "^11.0.3"
+  },
+  "files": [
+    "dist/valcss.js",
+    "dist/utils/",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/hardik-143/valcss.git"
+  },
+  "homepage": "https://github.com/hardik-143/valcss#readme",
+  "bugs": {
+    "url": "https://github.com/hardik-143/valcss/issues"
+  },
+  "devDependencies": {
+    "terser": "^5.44.1"
+  }
+}