dithercharts 0.1.0 → 0.1.2

package/README.md

@@ -1,8 +1,10 @@
+![DitherCharts](./assets/cli-banner-on-white.png)
+
 # dithercharts
 
-The CLI for [DitherCharts](https://dithercharts.vercel.app), dithered and ASCII chart components for shadcn/ui. It copies chart source into your React app, so you own and can edit every line.
+The CLI for [DitherCharts](https://dithercharts.vercel.app), dithered chart components for React. It copies chart source into your React app, so you own and can edit every line.
 
-You need a DitherCharts Pro subscription, Node 20 or later, and a React 19 app with TypeScript. Tailwind is optional.
+You need a DitherCharts Pro subscription, Node 20 or later, and a React 19 app with TypeScript. Tailwind and shadcn/ui are optional.
 
 ## Usage
 

package/dist/commands/add.js

@@ -4,6 +4,12 @@ import { CliError } from "../errors.js";
 import { applyFiles, planFiles, resolveOrder } from "../install.js";
 import { componentName, defaultDir, detectPackageManager, findProjectRoot, importBase, installCommand, missing, reactMajor, readConfig, readPackageJson, writeConfig, } from "../project.js";
 const unique = (list) => [...new Set(list)];
+// The items that only support the charts and controls, and the stylesheet each one brings.
+const SUPPORT = new Set(["engine", "core", "controls"]);
+const STYLESHEETS = [
+    ["core", "dithercharts.css"],
+    ["controls", "controls.css"],
+];
 const MARK = { written: "✓", unchanged: "=", skipped: "!" };
 export async function add(opts, deps) {
     const root = findProjectRoot(deps.cwd);
@@ -21,7 +27,7 @@ export async function add(opts, deps) {
     const index = await deps.api.index();
     const names = opts.all ? index.items.map((item) => item.name) : opts.names;
     if (names.length === 0)
-        throw new CliError("Name a chart, e.g. `npx dithercharts add area-chart`, or pass --all.", 2);
+        throw new CliError("Name a chart or control, e.g. `npx dithercharts add area-chart`, or pass --all.", 2);
     // Every item is fetched before any file is written, so a failure leaves the app untouched.
     const items = await Promise.all(resolveOrder(index, names).map((name) => deps.api.item(name)));
     const results = await applyFiles(planFiles(join(root, dir), items), {
@@ -51,8 +57,11 @@ export async function add(opts, deps) {
     }
     const base = importBase(dir);
     deps.log("");
-    deps.log(`import "${base}/dithercharts.css"`);
-    for (const name of names.filter((n) => n.endsWith("-chart"))) {
+    for (const [owner, sheet] of STYLESHEETS) {
+        if (items.some((i) => i.name === owner))
+            deps.log(`import "${base}/${sheet}"`);
+    }
+    for (const name of names.filter((n) => !SUPPORT.has(n))) {
         deps.log(`import { ${componentName(name)} } from "${base}/${name}"`);
     }
     return 0;

package/package.json

@@ -1,13 +1,30 @@
 {
   "name": "dithercharts",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Install DitherCharts Pro charts into your React app.",
-  "keywords": ["dithercharts", "charts", "react", "dither", "ascii", "shadcn-ui", "cli"],
+  "keywords": [
+    "dithercharts",
+    "charts",
+    "react",
+    "dither",
+    "shadcn-ui",
+    "cli"
+  ],
   "homepage": "https://dithercharts.vercel.app/docs/installation",
   "type": "module",
-  "bin": { "dithercharts": "dist/bin.js" },
-  "files": ["dist"],
-  "engines": { "node": ">=20" },
-  "scripts": { "build": "tsc -p . && chmod +x dist/bin.js", "prepublishOnly": "npm run build" },
+  "bin": {
+    "dithercharts": "dist/bin.js"
+  },
+  "files": [
+    "dist",
+    "assets"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "build": "tsc -p . && chmod +x dist/bin.js",
+    "prepublishOnly": "npm run build"
+  },
   "license": "UNLICENSED"
 }