feat: add simple icons

Author: mehdibha

content/icons/brands-icons/index.mdx

@@ -1,4 +1,6 @@
 ---
 title: Brands icons
 description: React brands icons that you can copy and paste into your project.
----
+---
+
+<IconsExplorer libraries={["simple-icons"]} />

content/icons/index.mdx

@@ -6,4 +6,4 @@ description: Copy and paste icons for your React app
 Beautiful icons for your React app. Copy and paste the icons you need. Credits to [Lucide icons](https://github.com/lucide-icons/lucide) and [Simple icons](https://github.com/simple-icons/simple-icons) for brands icons.
 If you want to add another icon library, please [open a pull request](https://github.com/mehdibha/rcopy/pulls).
 
-<IconsExplorer />
+<IconsExplorer libraries={["lucide-icons"]} />

content/icons/lucide-icons/index.mdx

@@ -2,3 +2,5 @@
 title: Lucide icons
 description: Beautiful & consistent React icons made by the Lucide community that you can copy and paste into your apps.
 ---
+
+<IconsExplorer libraries={["lucide-icons"]} />

package.json

@@ -90,6 +90,7 @@
     "prettier-plugin-tailwindcss": "^0.5.7",
     "prisma": "^5.6.0",
     "rimraf": "^5.0.5",
+    "simple-icons": "^11.8.0",
     "tailwindcss": "^3.3.5",
     "typescript": "^5.1.6"
   },

pnpm-lock.yaml

@@ -1,41 +1,41 @@
 import { transform } from "@svgr/core";
 import fs from "fs";
-import * as lucideIcons from "lucide-static";
+import lucideIcons from "lucide-static";
 import path from "path";
 import { rimraf } from "rimraf";
-
+import * as simpleIcons from "simple-icons";
 
 async function processLucideIcons() {
   let index = `
   // This file is autogenerated by scripts/build-icons.ts
   // Do not edit this file directly.
-  
+
   export const icons = [
   `;
   const promises = Object.keys(lucideIcons).map(async (name) => {
     const icon = lucideIcons[name as keyof typeof lucideIcons];
     // Using transform from @svgr/core to transform the SVG into a React component string
-    const component = await transform(
-      icon,
-      {
-        plugins: ["@svgr/plugin-jsx", "@svgr/plugin-prettier"],
-        icon: true,
-      },
-      { componentName: `${name}Icon` }
-    );
-    console.log(component);
-    // Append the transformed SVG component to the index string
-    index += ` {
+    try {
+      const component = await transform(
+        icon,
+        {
+          plugins: ["@svgr/plugin-jsx", "@svgr/plugin-prettier"],
+          icon: true,
+        },
+        { componentName: `${name}Icon` }
+      );
+      // Append the transformed SVG component to the index string
+      index += ` {
         name: \`${name}\`,
         icon: \`${icon}\`,
         code: \`${component}\`
         },`;
+    } catch (error) {
+      console.log(`Error processing ${name}`);
+      console.log(lucideIcons[name as keyof typeof lucideIcons])
+    }
   });
-  try {
-    await Promise.all(promises.slice(0, 10));
-  } catch (e) {
-    console.log(e);
-  }
+  await Promise.all(promises);
   index += `]`;
 
   rimraf.sync(path.join(process.cwd(), "src", "autogenerated", "lucide-icons.ts"));
@@ -45,4 +45,44 @@ async function processLucideIcons() {
   );
 }
 
+async function processSimpleIcons() {
+  let index = `
+  // This file is autogenerated by scripts/build-icons.ts
+  // Do not edit this file directly.
+
+  export const icons = [
+  `;
+  const promises = Object.keys(simpleIcons).map(async (name) => {
+    const icon = simpleIcons[name as keyof typeof simpleIcons];
+    // Using transform from @svgr/core to transform the SVG into a React component string
+    try {
+      const component = await transform(
+        icon.svg,
+        {
+          plugins: ["@svgr/plugin-jsx", "@svgr/plugin-prettier"],
+          icon: true,
+        },
+        { componentName: `Icon` }
+      );
+      // Append the transformed SVG component to the index string
+      index += ` {
+        name: \`${icon.title}\`,
+        icon: \`${icon.svg}\`,
+        code: \`${component}\`
+      },`;
+    } catch (error) {
+      console.log(`Error processing ${icon.title}`);
+    }
+  });
+  await Promise.all(promises);
+  index += `]`;
+
+  rimraf.sync(path.join(process.cwd(), "src", "autogenerated", "simple-icons.ts"));
+  fs.writeFileSync(
+    path.join(process.cwd(), "src", "autogenerated", "icons", "simple-icons.ts"),
+    index
+  );
+}
+
 void processLucideIcons();
+void processSimpleIcons();