@wkovacs64/add-icon 0.1.0-dev.e2dd6945 → 1.1.0

package/README.md

@@ -14,22 +14,30 @@ npm install @wkovacs64/add-icon
 Or use it directly with npx without installing:
 
 ```bash
-npx @wkovacs64/add-icon <icon> [options]
+npx @wkovacs64/add-icon <icon>... [options]
 ```
 
 ## Usage
 
 ### Basic Usage
 
-Download an icon to the specified directory:
+Download a single icon to the specified directory:
 
 ```bash
 npx @wkovacs64/add-icon heroicons:arrow-up-circle --output-dir ./app/assets/svg-icons
 ```
 
+Download multiple icons in one command:
+
+```bash
+npx @wkovacs64/add-icon heroicons:arrow-up-circle mdi:home lucide:github --output-dir ./app/assets/svg-icons
+```
+
 ### Transformations
 
-The tool fetches SVG icons directly from the Iconify API with width and height attributes removed automatically. You can optionally provide a transform file using either JavaScript or TypeScript containing custom transformations for more advanced modifications.
+The tool fetches SVG icons directly from the Iconify API with width and height attributes removed
+automatically. You can optionally provide a transform file using either JavaScript or TypeScript
+containing custom transformations for more advanced modifications.
 
 #### TypeScript Transform Example
 
@@ -56,7 +64,8 @@ npx @wkovacs64/add-icon heroicons:arrow-up-circle --transform ./my-transform.ts
 
 ### Configuration File
 
-You can create a configuration file in your project root, using either JavaScript (`add-icon.config.js`) or TypeScript (`add-icon.config.ts`).
+You can create a configuration file in your project root, using either JavaScript
+(`add-icon.config.js`) or TypeScript (`add-icon.config.ts`).
 
 #### TypeScript Configuration Example
 

package/bin/add-icon.js

@@ -16,4 +16,4 @@ if (
     : process.argv[1] === __filename || process.argv[1] === __dirname
 ) {
   runCli();
-}
+}

package/dist/config.d.ts

@@ -2,7 +2,9 @@ import type { Config } from './types.js';
 /**
  * Default configuration
  */
-export declare const defaultConfig: Config;
+export declare const defaultConfig: {
+    readonly outputDir: ".";
+};
 /**
  * Loads configuration from file if it exists
  * @param configPath - Path to config file

package/dist/config.js

@@ -18,7 +18,7 @@ export async function loadConfig(configPath) {
         if (configPath) {
             // Use the unified import method for both JS and TS files
             const config = await importModule(configPath);
-            return { ...defaultConfig, ...config.default };
+            return { ...defaultConfig, ...(config.default || {}) };
         }
         // Try to find a config file in the current directory, checking both JS and TS
         const jsConfigPath = path.resolve(process.cwd(), 'add-icon.config.js');
@@ -27,7 +27,7 @@ export async function loadConfig(configPath) {
         if (existsSync(tsConfigPath)) {
             try {
                 const config = await importModule(tsConfigPath);
-                return { ...defaultConfig, ...config.default };
+                return { ...defaultConfig, ...(config.default || {}) };
             }
             catch (err) {
                 console.error('Error loading TypeScript config, falling back to default config:', err);
@@ -38,7 +38,7 @@ export async function loadConfig(configPath) {
         if (existsSync(jsConfigPath)) {
             try {
                 const config = await importModule(jsConfigPath);
-                return { ...defaultConfig, ...config.default };
+                return { ...defaultConfig, ...(config.default || {}) };
             }
             catch (err) {
                 console.error('Error loading JavaScript config, falling back to default config:', err);

package/dist/iconify.js

@@ -1,5 +1,6 @@
 import fs from 'node:fs';
 import path from 'node:path';
+import { defaultConfig } from './config.js';
 /**
  * Parses an icon reference into iconSet and iconName
  * @param iconReference - Reference in format 'iconSet:iconName'
@@ -45,9 +46,11 @@ async function fetchIconSvg(iconSet, iconName) {
 export async function downloadIcon(iconReference, config) {
     try {
         const { iconSet, iconName } = parseIconReference(iconReference);
+        // Use default output directory if not specified
+        const outputDir = config.outputDir || defaultConfig.outputDir;
         // Ensure the output directory exists
-        if (!fs.existsSync(config.outputDir)) {
-            fs.mkdirSync(config.outputDir, { recursive: true });
+        if (!fs.existsSync(outputDir)) {
+            fs.mkdirSync(outputDir, { recursive: true });
         }
         // Fetch SVG directly with width=unset parameter to remove width/height attributes
         let svg = await fetchIconSvg(iconSet, iconName);
@@ -66,7 +69,7 @@ export async function downloadIcon(iconReference, config) {
         }
         // Create file name
         const fileName = `${iconSet}-${iconName}.svg`;
-        const filePath = path.join(config.outputDir, fileName);
+        const filePath = path.join(outputDir, fileName);
         // Write the SVG file
         fs.writeFileSync(filePath, svg, 'utf8');
         return filePath;

package/dist/import-module.js

@@ -10,20 +10,20 @@ export async function importModule(filePath) {
     const absolutePath = path.resolve(filePath);
     try {
         // Read the module file content
-        const code = await fs.readFile(absolutePath, "utf-8");
+        const code = await fs.readFile(absolutePath, 'utf-8');
         // Determine the appropriate loader based on file extension
         const loader = absolutePath.endsWith('.ts') ? 'ts' : 'js';
         // Use esbuild to transform the code to ESM JS
         const result = await esbuild.transform(code, {
             loader, // Automatically use the appropriate loader
-            format: "esm", // Output format
+            format: 'esm', // Output format
             sourcemap: false, // Disable source maps for data URI
             sourcefile: absolutePath, // Helps with error messages
             target: 'esnext',
         });
         const jsCode = result.code;
         // Create data URI and import
-        const base64Code = Buffer.from(jsCode).toString("base64");
+        const base64Code = Buffer.from(jsCode).toString('base64');
         const dataUri = `data:text/javascript;base64,${base64Code}`;
         // Import the transformed code as a module
         return await import(dataUri);

package/dist/index.js

@@ -16,14 +16,14 @@ const setupProgram = async () => {
         .name(name.split('/').pop() || name)
         .description(description)
         .version(version, '-v, --version', 'Output the current version')
-        .argument('<icon>', 'Icon reference (e.g., heroicons:arrow-up-circle)')
-        .option('-o, --output-dir <dir>', 'Directory to save icon')
+        .argument('<icons...>', 'Icon references (e.g., heroicons:arrow-up-circle mdi:home)')
+        .option('-o, --output-dir <dir>', 'Directory to save icons')
         .option('-c, --config <path>', 'Path to config file')
         .option('-t, --transform <path>', 'Path to custom transform module (.js or .ts)');
 };
 // Initialize the program
 const initializedProgram = await setupProgram();
-initializedProgram.action(async (icon, options) => {
+initializedProgram.action(async (icons, options) => {
     try {
         // Load config (first from config file, then override with CLI options)
         const config = await loadConfig(options.config);
@@ -59,10 +59,30 @@ initializedProgram.action(async (icon, options) => {
                 process.exit(1);
             }
         }
-        // Download the icon
-        console.log(`Downloading icon: ${icon}...`);
-        const savedPath = await downloadIcon(icon, config);
-        console.log(`✓ Icon saved to: ${savedPath}`);
+        // Download all icons
+        const results = [];
+        for (const icon of icons) {
+            console.log(`Downloading icon: ${icon}...`);
+            try {
+                const savedPath = await downloadIcon(icon, config);
+                console.log(`✓ Icon saved to: ${savedPath}`);
+                results.push({ icon, path: savedPath, success: true });
+            }
+            catch (iconError) {
+                const errorMessage = iconError instanceof Error ? iconError.message : String(iconError);
+                console.error(`Error downloading ${icon}: ${errorMessage}`);
+                results.push({ icon, error: errorMessage, success: false });
+            }
+        }
+        // Report summary if multiple icons
+        if (icons.length > 1) {
+            const successful = results.filter((r) => r.success).length;
+            console.log(`\nSummary: Downloaded ${successful}/${icons.length} icons`);
+            // If any failed, exit with error
+            if (successful < icons.length) {
+                process.exit(1);
+            }
+        }
     }
     catch (error) {
         const errorMessage = error instanceof Error ? error.message : String(error);

package/dist/types.d.ts

@@ -18,7 +18,7 @@ export type TransformFunction = (args: TransformArgs) => Promise<string> | strin
  */
 export type Config = {
     /** Directory to output icons */
-    outputDir: string;
+    outputDir?: string;
     /** Array of transform functions to apply to icons */
     transforms?: TransformFunction[];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wkovacs64/add-icon",
-  "version": "0.1.0-dev.e2dd6945",
+  "version": "1.1.0",
   "description": "CLI tool to download and transform icons from Iconify",
   "keywords": [
     "iconify",
@@ -9,7 +9,17 @@
     "cli",
     "download"
   ],
-  "author": "Justin R. Hall <justin.r.hall@gmail.com>",
+  "author": {
+    "name": "Justin Hall",
+    "email": "justin.r.hall@gmail.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/wKovacs64/add-icon.git"
+  },
+  "bugs": {
+    "url": "https://github.com/wKovacs64/add-icon/issues"
+  },
   "license": "MIT",
   "type": "module",
   "main": "dist/index.js",