feat: support cli

README.md

@@ -9,6 +9,40 @@ Easily generate color shades for themes
 
 ## Usage
 
+You can use the CLI for fast generation or use the programmatic API for more control.
+
+### CLI
+
+```bash
+npx theme-colors <color>
+```
+
+Example:
+
+```bash
+npx theme-colors "#ABABAB" # Be careful and add doubles quotes
+```
+
+This will generate the following shades:
+
+```js
+{
+  50: '#FBFBFB',
+  100: '#F7F7F7',
+  200: '#EAEAEA',
+  300: '#DDDDDD',
+  400: '#C4C4C4',
+  500: '#ABABAB',
+  600: '#9A9A9A',
+  700: '#676767',
+  800: '#4D4D4D',
+  900: '#333333',
+  950: '#222222',
+}
+```
+
+### Programmatic
+
 Install package:
 
 ```sh

bin/theme-colors.mjs

@@ -0,0 +1,3 @@
+import { main, runMain } from "../dist/cli/index.mjs"
+
+runMain(main)

package.json

@@ -20,15 +20,21 @@
       "require": "./dist/index.cjs"
     }
   },
+  "bin": {
+    "theme-colors": "./bin/theme-colors.mjs"
+  },
   "main": "dist/index.cjs",
   "module": "./dist/index.mjs",
   "types": "dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "bin"
   ],
   "scripts": {
     "build": "unbuild",
+    "build:stub": "unbuild --stub",
     "dev": "vitest dev",
+    "theme-colors": "node bin/theme-colors.mjs",
     "lint": "eslint --cache --ext .ts,.js,.mjs,.cjs . && prettier -c src test",
     "lint:fix": "eslint --cache --ext .ts,.js,.mjs,.cjs . --fix && prettier -c src test -w",
     "prepack": "pnpm run build",
@@ -47,5 +53,8 @@
     "typescript": "^5.2.2",
     "unbuild": "^2.0.0",
     "vitest": "^0.34.6"
+  },
+  "dependencies": {
+    "citty": "^0.1.4"
   }
-}
+}

src/cli/index.ts

@@ -0,0 +1,33 @@
+import { defineCommand } from "citty";
+import pkg from "../../package.json" assert { type: "json" };
+import { getColors } from "..";
+
+const main = defineCommand({
+  meta: {
+    name: pkg.name,
+    version: pkg.version,
+    description: pkg.description,
+  },
+  args: {
+    color: {
+      type: "positional",
+      description: "The color to generate variants for. Use hexadecimals.",
+      required: true,
+    },
+  },
+  run: ({ args }) => {
+    const color = args.color;
+
+    if (!color.startsWith("#") && color.length !== 7) {
+      throw new Error("Color must be a hexadecimal value.");
+    }
+
+    const colors = getColors(color);
+
+    console.log(colors);
+  },
+});
+
+export { main };
+
+export { runMain } from "citty";

tsconfig.json

@@ -4,7 +4,10 @@
     "module": "ESNext",
     "moduleResolution": "Node",
     "esModuleInterop": true,
-    "strict": true
+    "strict": true,
+    "resolveJsonModule": true,
   },
-  "include": ["src"]
+  "include": [
+    "src"
+  ]
 }