feat: add and init

README.md

@@ -8,7 +8,7 @@ https://react-icons.github.io/react-icons/
 
 Check out the icons you want here and enter the following command:
 ```sh
-> npx react-native-icons-builder add AiFillApple
+> npx react-native-icons-builder@latest add AiFillApple
 ```
 
 ## Motivation
@@ -27,15 +27,13 @@ Check out the icons you want here and enter the following command:
 * Basic
 ```sh
 > npm install react-native-svg # or use pnpm or yarn
-> npx react-native-icons-builder init
-> npx react-native-icons-builder add AiFillApple # visit https://react-icons.github.io/react-icons/
+> npx react-native-icons-builder@latest add AiFillApple # visit https://react-icons.github.io/react-icons/
 ```
 
 * Shorthand
 ```sh
 > npm install react-native-svg react-native-icons-builder # or use pnpm or yarn
-> npm rn-icons init
-> npx rn-icons add AiFillApple # visit https://react-icons.github.io/react-icons/
+> npm run rn-icons add AiFillApple # visit https://react-icons.github.io/react-icons/
 ```
 
 

src/commands/add.ts

@@ -1,9 +1,13 @@
 import { syncIcons } from "../utils/generateIcon";
-import { addIcons } from "../utils//config";
+import { addIcons, checkIfConfigExists } from "../utils//config";
 import { generateBaseCode } from "../utils/generateBaseCode";
+import { init } from "./init";
 
 export const add = async (iconNames: string[]) => {
   try {
+    if (!checkIfConfigExists()) {
+      await init();
+    }
     const config = await addIcons(iconNames);
     await generateBaseCode(config);
     await syncIcons(config);

src/commands/init.ts

@@ -25,7 +25,7 @@ export const init = async () => {
   );
 
   try {
-    initConfig({
+    const result = await initConfig({
       ...config,
       icons: [],
     });
@@ -37,6 +37,7 @@ export const init = async () => {
       "Click here to explore available icons",
       "https://react-icons.github.io/react-icons/"
     );
+    return result;
   } catch (error) {
     if (error instanceof Error) {
       console.error(error.message);

src/utils/config.ts

@@ -3,6 +3,7 @@ import fs from "fs/promises";
 import { z } from "zod";
 import { getCwd } from "./cwd";
 import { uniq } from "./uniq";
+import { existsSync } from "fs";
 
 export const configSchema = z.object({
   typescript: z.boolean(),
@@ -44,3 +45,8 @@ export const initConfig = async (config: Config) => {
   );
   return data;
 };
+
+export const checkIfConfigExists = () => {
+  const cwd = getCwd();
+  return existsSync(path.join(cwd, "react-native-icons-builder.json"));
+};

src/utils/console.ts

@@ -4,6 +4,9 @@ export const log = {
   success: (message: string) => {
     console.log(pc.green(message));
   },
+  save: (filename: string) => {
+    console.log(`${pc.blue(`${filename}`)} ${pc.green("saved successfully.")}`);
+  },
   link: (message: string, link: string) => {
     console.log(`\x1b]8;;${link}\x1b\\${message}\x1b]8;;\x1b\\`);
   },

src/utils/generateBaseCode.ts

@@ -2,6 +2,7 @@ import path from "path";
 import type { Config } from "./config";
 import { getCwd, getDirname } from "./cwd";
 import fs from "fs/promises";
+import { log } from "./console";
 
 export const generateBaseCode = async (config: Config) => {
   const iconBase = config.typescript ? "iconBase.tsx" : "iconBase.jsx";
@@ -21,4 +22,6 @@ export const generateBaseCode = async (config: Config) => {
       path.join(outputPath, iconContext)
     ),
   ]);
+  log.save(path.join(config.outputPath, iconBase));
+  log.save(path.join(config.outputPath, iconContext));
 };

src/utils/generateIcon.ts

@@ -4,6 +4,7 @@ import { type ModuleItem, parse, print } from "@swc/core";
 import { groupIconsByPrefix } from "./groupIconsByPrefix";
 import type { Config } from "./config";
 import { getCwd } from "./cwd";
+import { log } from "./console";
 
 export const generateIconCode = async (
   prefix: string,
@@ -112,6 +113,7 @@ const saveIcons = async (
   await fs.mkdir($outputPath, { recursive: true });
 
   await fs.writeFile(path.join($outputPath, filename), code, "utf8");
+  log.save(path.join(outputPath, filename));
 };
 
 export const syncIcons = async (config: Config) => {