@hyperpackai/hypericons-cli 0.1.0

package/LICENSE

@@ -0,0 +1 @@
+MIT

package/README.md

@@ -0,0 +1,9 @@
+# HyperIcons CLI
+
+```bash
+hypericons optimize --in raw --out optimized
+hypericons generate --in raw --out src
+hypericons sprite --out sprite.svg
+hypericons preview --out preview.html
+hypericons build
+```

package/bin/hypericons.js

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+import "../dist/index.js";

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -0,0 +1,119 @@
+import { existsSync, mkdirSync, readFileSync, readdirSync, writeFileSync } from "node:fs";
+import path from "node:path";
+import { createIconSprite, generateDataIndex, generateHyperionIcon, generateIconDataModule, generateReactIcon, generateVueIcon, optimizeSvg, parseSvgToIconData, renderIconToSvg, } from "@hyperpackai/hypericons-core";
+import { hyperIconCatalog } from "@hyperpackai/hypericons-icons/catalog";
+import { loadIconData } from "@hyperpackai/hypericons-icons/lazy";
+const args = process.argv.slice(2);
+const command = args[0] ?? "help";
+function value(name, fallback) {
+    const index = args.indexOf(`--${name}`);
+    return index === -1 ? fallback : args[index + 1];
+}
+function ensureDir(dir) {
+    mkdirSync(dir, { recursive: true });
+}
+function readRawIcons(inputDir) {
+    if (!existsSync(inputDir))
+        return [];
+    return readdirSync(inputDir)
+        .filter((file) => file.endsWith(".svg"))
+        .sort()
+        .map((file) => ({
+        name: path.basename(file, ".svg").replace(/(^\w|-\w)/g, (m) => m.replace("-", "").toUpperCase()),
+        file,
+        svg: readFileSync(path.join(inputDir, file), "utf8"),
+    }));
+}
+function help() {
+    console.log(`HyperIcons CLI
+
+Commands:
+  hypericons build --in raw --out src       Optimize and generate icon data
+  hypericons optimize --in raw --out raw    Write optimized SVG files
+  hypericons generate --in raw --out src    Generate TypeScript icon data
+  hypericons sprite --out sprite.svg        Generate an SVG sprite from built-ins or raw input
+  hypericons preview --out preview.html     Generate a static icon preview
+
+Flags:
+  --in <dir>          Raw SVG input directory
+  --out <path>        Output directory or file
+  --framework <name>  data | hyperion | react | vue (generate only)
+`);
+}
+function optimizeCommand() {
+    const input = value("in", "packages/hypericons-icons/raw");
+    const out = value("out", input);
+    ensureDir(out);
+    for (const icon of readRawIcons(input)) {
+        writeFileSync(path.join(out, icon.file), optimizeSvg(icon.svg) + "\n");
+    }
+    console.log(`Optimized SVGs: ${input} -> ${out}`);
+}
+function generateCommand() {
+    const input = value("in", "packages/hypericons-icons/raw");
+    const out = value("out", "packages/hypericons-icons/src");
+    const framework = value("framework", "data");
+    const rawIcons = readRawIcons(input);
+    ensureDir(out);
+    const names = [];
+    for (const icon of rawIcons) {
+        names.push(icon.name);
+        const contents = framework === "hyperion" ? generateHyperionIcon(icon.name)
+            : framework === "react" ? generateReactIcon(icon.name)
+                : framework === "vue" ? generateVueIcon(icon.name)
+                    : generateIconDataModule(icon.name, icon.svg);
+        writeFileSync(path.join(out, `${icon.name}.ts`), contents);
+    }
+    if (framework === "data") {
+        writeFileSync(path.join(out, "index.ts"), generateDataIndex(names));
+    }
+    else {
+        writeFileSync(path.join(out, "index.ts"), names.map((name) => `export { ${name}Icon } from "./${name}.js";`).join("\n") + "\n");
+    }
+    console.log(`Generated ${rawIcons.length} ${framework} icon file(s) into ${out}`);
+}
+async function getBuiltInIcons() {
+    return Promise.all(hyperIconCatalog.map((icon) => loadIconData(icon.name)));
+}
+async function spriteCommand() {
+    const input = value("in");
+    const out = value("out", "sprite.svg");
+    const icons = input
+        ? readRawIcons(input).map((icon) => parseSvgToIconData(icon.name, icon.svg))
+        : await getBuiltInIcons();
+    writeFileSync(out, createIconSprite(icons) + "\n");
+    console.log(`Generated sprite with ${icons.length} icons: ${out}`);
+}
+async function previewCommand() {
+    const out = value("out", "hypericons-preview.html");
+    const icons = await getBuiltInIcons();
+    const grid = icons.map((icon) => {
+        const svg = renderIconToSvg(icon, { title: icon.displayName, size: 28 });
+        return `<figure>${svg}<figcaption>${icon.displayName}</figcaption></figure>`;
+    }).join("");
+    writeFileSync(out, `<!doctype html><html><head><meta charset="utf-8"><title>HyperIcons Preview</title><style>body{font-family:system-ui;margin:32px;color:#111827}main{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}figure{display:grid;gap:10px;place-items:center;padding:16px;border:1px solid #e5e7eb;border-radius:8px}svg{color:#2563eb}figcaption{font-size:13px}</style></head><body><h1>HyperIcons</h1><p>${hyperIconCatalog.length} original icons.</p><main>${grid}</main></body></html>`);
+    console.log(`Generated preview: ${out}`);
+}
+async function main() {
+    if (command === "help" || command === "--help" || command === "-h")
+        return help();
+    if (command === "optimize")
+        return optimizeCommand();
+    if (command === "generate")
+        return generateCommand();
+    if (command === "build") {
+        optimizeCommand();
+        return generateCommand();
+    }
+    if (command === "sprite")
+        return spriteCommand();
+    if (command === "preview")
+        return previewCommand();
+    console.error(`Unknown command: ${command}`);
+    help();
+    process.exit(1);
+}
+main().catch((error) => {
+    console.error(error instanceof Error ? error.message : error);
+    process.exit(1);
+});

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@hyperpackai/hypericons-cli",
+  "version": "0.1.0",
+  "description": "HyperIcons CLI for optimizing SVGs, generating icon data/components, sprites, and previews.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "hypericons": "./bin/hypericons.js"
+  },
+  "files": ["dist", "bin", "LICENSE", "README.md"],
+  "license": "MIT",
+  "engines": { "node": ">=20.0.0" },
+  "scripts": {
+    "build": "tsc -b",
+    "dev": "tsc -b --watch"
+  },
+  "dependencies": {
+    "@hyperpackai/hypericons-core": "0.1.0",
+    "@hyperpackai/hypericons-icons": "0.1.0"
+  },
+  "publishConfig": { "access": "public", "registry": "https://registry.npmjs.org/" },
+  "repository": { "type": "git", "url": "https://github.com/tharikajis-dev/HyperPack" }
+}