@iconoma/cli 0.0.1 → 0.0.3

package/README.md

@@ -1,91 +1,91 @@
-# Iconoma
-
-[![github](https://img.shields.io/badge/github-repo-blue?logo=github)](https://github.com/theryston/iconoma)
-[![Version](https://img.shields.io/npm/v/@iconoma/cli.svg)](https://npmjs.org/package/@iconoma/cli)
-[![Downloads/week](https://img.shields.io/npm/dw/@iconoma/cli.svg)](https://npmjs.org/package/@iconoma/cli)
-
-**Iconoma** is a complete **icon management system** (CLI + Studio) that helps teams and products **organize, standardize, version, and distribute icons** with a reliable workflow.
-
-Instead of keeping random SVG files scattered across the repo, Iconoma turns your icon library into a **structured, reproducible pipeline**: clean SVGs with SVGO, enforce consistency (colors, metadata, conventions), and generate the targets your apps need (SVG files, React components, React Native components).
-
-Start using it now by running this in your project:
-
-```bash
-npx @iconoma/cli studio
-```
-
----
-
-## Why Iconoma
-
-Icon libraries tend to become messy as projects grow:
-
-- inconsistent sizes and alignment (icons "look bigger" even with the same size)
-- hardcoded colors that break themes/dark mode
-- duplicated icons with different names
-- manual export steps (time-consuming and error-prone)
-- multiple platforms needing different formats (Web + React + React Native)
-
-Iconoma solves that by providing a **single source of truth (the studio)** for your icon catalog and an automated build system.
-
----
-
-## What you get
-
-### ✅ Icon catalog with metadata
-
-Each icon can have:
-
-- a canonical **name**
-- **tags** for search and organization
-- optimized SVG content
-- generated outputs (targets)
-
-This makes it easy to keep icons discoverable and consistent across the team.
-
-### ✅ SVGO optimization + custom configuration
-
-Iconoma uses **SVGO** to optimize and normalize your SVGs (removing unnecessary data, minimizing output, and improving consistency).
-
-You can **fully customize the SVGO config** to match your rules and design system (plugins, params, presets, etc.).
-
-### ✅ Color mapping and theming-friendly icons
-
-SVGs frequently arrive with hardcoded colors like `#000`, `#111`, `white`, etc.
-
-Iconoma supports a **color map** approach so you can convert colors into:
-
-- `currentColor`
-- CSS variables/tokens (e.g. `var(--icons-secondary)`)
-
-This makes icons theme-friendly and prevents "random SVG colors" from leaking into your UI.
-
-### ✅ Automatic target generation (React, React Native, SVG)
-
-Iconoma can automatically generate the targets you need, including:
-
-- **`.svg` files** (optimized/normalized)
-- **React components**
-- **React Native components**
-
-Targets are treated as build outputs, so you can keep a clean pipeline for multiple platforms.
-
-### ✅ Lockfile-based reproducible builds
-
-Iconoma keeps a lockfile called `iconoma.lock.json` that stores:
-
-- SVG hashes
-- config hashes
-- target outputs and what they were built from
-
-This makes builds **deterministic**, helps you to understand the changes using Git.
-
-### ✅ Studio (UI) integrated with the workflow
-
-Iconoma includes a "Studio" interface to make icon curation easier:
-
-- browse and search icons
-- preview icons in different sizes/themes
-- manage names/tags
-- validate consistency visually
-- run builds/transforms from a friendly UI
+# Iconoma
+
+[![github](https://img.shields.io/badge/github-repo-blue?logo=github)](https://github.com/theryston/iconoma)
+[![Version](https://img.shields.io/npm/v/@iconoma/cli.svg)](https://npmjs.org/package/@iconoma/cli)
+[![Downloads/week](https://img.shields.io/npm/dw/@iconoma/cli.svg)](https://npmjs.org/package/@iconoma/cli)
+
+**Iconoma** is a complete **icon management system** (CLI + Studio) that helps teams and products **organize, standardize, version, and distribute icons** with a reliable workflow.
+
+Instead of keeping random SVG files scattered across the repo, Iconoma turns your icon library into a **structured, reproducible pipeline**: clean SVGs with SVGO, enforce consistency (colors, metadata, conventions), and generate the targets your apps need (SVG files, React components, React Native components).
+
+Start using it now by running this in your project:
+
+```bash
+npx @iconoma/cli studio
+```
+
+---
+
+## Why Iconoma
+
+Icon libraries tend to become messy as projects grow:
+
+- inconsistent sizes and alignment (icons "look bigger" even with the same size)
+- hardcoded colors that break themes/dark mode
+- duplicated icons with different names
+- manual export steps (time-consuming and error-prone)
+- multiple platforms needing different formats (Web + React + React Native)
+
+Iconoma solves that by providing a **single source of truth (the studio)** for your icon catalog and an automated build system.
+
+---
+
+## What you get
+
+### ✅ Icon catalog with metadata
+
+Each icon can have:
+
+- a canonical **name**
+- **tags** for search and organization
+- optimized SVG content
+- generated outputs (targets)
+
+This makes it easy to keep icons discoverable and consistent across the team.
+
+### ✅ SVGO optimization + custom configuration
+
+Iconoma uses **SVGO** to optimize and normalize your SVGs (removing unnecessary data, minimizing output, and improving consistency).
+
+You can **fully customize the SVGO config** to match your rules and design system (plugins, params, presets, etc.).
+
+### ✅ Color mapping and theming-friendly icons
+
+SVGs frequently arrive with hardcoded colors like `#000`, `#111`, `white`, etc.
+
+Iconoma supports a **color map** approach so you can convert colors into:
+
+- `currentColor`
+- CSS variables/tokens (e.g. `var(--icons-secondary)`)
+
+This makes icons theme-friendly and prevents "random SVG colors" from leaking into your UI.
+
+### ✅ Automatic target generation (React, React Native, SVG)
+
+Iconoma can automatically generate the targets you need, including:
+
+- **`.svg` files** (optimized/normalized)
+- **React components**
+- **React Native components**
+
+Targets are treated as build outputs, so you can keep a clean pipeline for multiple platforms.
+
+### ✅ Lockfile-based reproducible builds
+
+Iconoma keeps a lockfile called `iconoma.lock.json` that stores:
+
+- SVG hashes
+- config hashes
+- target outputs and what they were built from
+
+This makes builds **deterministic**, helps you to understand the changes using Git.
+
+### ✅ Studio (UI) integrated with the workflow
+
+Iconoma includes a "Studio" interface to make icon curation easier:
+
+- browse and search icons
+- preview icons in different sizes/themes
+- manage names/tags
+- validate consistency visually
+- run builds/transforms from a friendly UI

package/dist/commands/studio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"studio.d.ts","sourceRoot":"","sources":["../../src/commands/studio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAS,MAAM,aAAa,CAAC;AAO7C,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,OAAO;IACzC,OAAgB,IAAI,KAAM;IAC1B,OAAgB,WAAW,SAA8B;IACzD,OAAgB,QAAQ,WAA2C;IACnE,OAAgB,KAAK;;MAEnB;IAEW,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC;CA8BlC"}
+{"version":3,"file":"studio.d.ts","sourceRoot":"","sources":["../../src/commands/studio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAS,MAAM,aAAa,CAAC;AAO7C,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,OAAO;IACzC,OAAgB,IAAI,KAAM;IAC1B,OAAgB,WAAW,SAA8B;IACzD,OAAgB,QAAQ,WAA2C;IACnE,OAAgB,KAAK;;MAEnB;IAEW,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC;CA6BlC"}

package/dist/commands/studio.js

@@ -1,5 +1,5 @@
 import { Command, Flags } from "@oclif/core";
-import { getStudio } from "../get-studio.js";
+import { createServer } from "@iconoma/studio";
 import figlet from "figlet";
 import gradient from "gradient-string";
 import { createSpinner } from "nanospinner";
@@ -21,13 +21,13 @@ export default class Studio extends Command {
         console.log(coolGradient.multiline(text));
         const spinner = createSpinner("Starting Studio...").start();
         try {
-            const { createServer } = await getStudio();
             const { url } = await createServer({ port });
             await open(url, { wait: true });
             spinner.success({ text: `Studio started at ${url}` });
         }
-        catch {
+        catch (error) {
             spinner.error({ text: `Failed to start Studio` });
+            console.error(error);
             process.exit(1);
         }
     }

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/get-studio.ts","../src/index.ts","../src/commands/studio.ts"],"version":"5.9.3"}
+{"root":["../src/index.ts","../src/commands/studio.ts"],"version":"5.9.3"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iconoma/cli",
   "description": "A developer-friendly tool to manage and organize icons through CLI and web studio",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "author": "Theryston Santos @Theryston",
   "bin": {
     "iconoma": "bin/run.js"
@@ -17,11 +17,10 @@
     "figlet": "^1.9.4",
     "gradient-string": "^3.0.0",
     "nanospinner": "^1.2.2",
-    "open": "^11.0.0"
+    "open": "^11.0.0",
+    "@iconoma/studio": "0.0.5"
   },
   "devDependencies": {
-    "@iconoma/eslint-config": "workspace:*",
-    "@iconoma/typescript-config": "workspace:*",
     "@types/chai": "^4",
     "@types/mocha": "^10",
     "@types/node": "^18",
@@ -31,7 +30,9 @@
     "oclif": "^4",
     "shx": "^0.3.3",
     "ts-node": "^10",
-    "typescript": "^5"
+    "typescript": "^5",
+    "@iconoma/typescript-config": "0.0.0",
+    "@iconoma/eslint-config": "0.0.0"
   },
   "engines": {
     "node": ">=18.0.0"
@@ -43,7 +44,22 @@
   ],
   "homepage": "https://github.com/theryston/iconoma",
   "keywords": [
-    "oclif"
+    "oclif",
+    "iconoma",
+    "icon management",
+    "icons",
+    "studio",
+    "CLI",
+    "SVG",
+    "react",
+    "icon pipeline",
+    "icon optimizer",
+    "icon library",
+    "SVGO",
+    "design system",
+    "icon build",
+    "icon generator",
+    "react icons"
   ],
   "license": "MIT",
   "main": "dist/index.js",
@@ -66,12 +82,9 @@
     "type": "git",
     "url": "git+https://github.com/theryston/iconoma.git"
   },
+  "types": "dist/index.d.ts",
   "scripts": {
-    "postbuild": "node scripts/bundle-studio.js",
     "build": "shx rm -rf dist && tsc -b",
-    "lint": "eslint",
-    "postpack": "shx rm -f oclif.manifest.json",
-    "prepack": "oclif manifest"
-  },
-  "types": "dist/index.d.ts"
-}
+    "lint": "eslint"
+  }
+}

package/dist/get-studio.d.ts

@@ -1,9 +0,0 @@
-export declare function getStudio(): Promise<{
-    createServer: (options: {
-        port?: number;
-    }) => Promise<{
-        url: string;
-        close: () => Promise<void>;
-    }>;
-}>;
-//# sourceMappingURL=get-studio.d.ts.map

package/dist/get-studio.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-studio.d.ts","sourceRoot":"","sources":["../src/get-studio.ts"],"names":[],"mappings":"AAAA,wBAAsB,SAAS,IAAI,OAAO,CAAC;IACzC,YAAY,EAAE,CAAC,OAAO,EAAE;QACtB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,KAAK,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;KAAE,CAAC,CAAC;CAC5D,CAAC,CAGD"}

package/dist/get-studio.js

@@ -1,4 +0,0 @@
-export async function getStudio() {
-    const studioPath = "./studio/index.js";
-    return import(studioPath);
-}