Merge pull request #11 from author-more/feat/bootstrap-icons

feat: add bootstrap icons

bin/config.ts

@@ -1,18 +1,30 @@
 export const iconPackages = [
   {
-    id: "lucide-regular",
+    id: "lucide",
+    variant: "regular",
     iconsDir: "../node_modules/lucide-static/icons",
   },
   ...["regular", "solid"].map((variant) => ({
-    id: `iconoir-${variant}`,
+    id: `iconoir`,
+    variant,
     iconsDir: `../node_modules/iconoir/icons/${variant}`,
   })),
   ...["bold", "duotone", "fill", "light", "regular", "thin"].map((variant) => ({
-    id: `phosphor-${variant}`,
+    id: `phosphor`,
+    variant,
     iconsDir: `../node_modules/@phosphor-icons/core/assets/${variant}`,
   })),
   ...["filled", "outlined", "round", "sharp", "two-tone"].map((variant) => ({
-    id: `material-design-${variant}`,
+    id: `material-design`,
+    variant,
     iconsDir: `../node_modules/@material-design-icons/svg/${variant}`,
   })),
+  {
+    id: "bootstrap",
+    getVariantFromIconName: (iconName: string) => {
+      if (iconName.endsWith("fill")) return "fill";
+      return "regular";
+    },
+    iconsDir: "../node_modules/bootstrap-icons/icons",
+  },
 ];

bin/generateIconSets.ts

@@ -8,31 +8,44 @@ type Icon = {
   };
 };
 
-iconPackages.forEach(({ id, iconsDir }: (typeof iconPackages)[number]) => {
-  const files = getFilesByExtension(iconsDir, ".svg");
-
-  const icons: Record<string, Icon> = {};
-  for (const file of files) {
-    const svg = readFile(iconsDir, file);
-
-    const attributes = svg.match(/<svg([^>]*)>/)?.[1];
-    const elements = svg.match(/<svg[^>]*>([\s\S]*)<\/svg>/)?.[1];
-
-    if (!attributes || !elements) {
-      throw new Error(`Failed to parse the SVG: ${file}`);
+iconPackages.forEach(
+  ({
+    id,
+    iconsDir,
+    variant,
+    getVariantFromIconName,
+  }: (typeof iconPackages)[number]) => {
+    const files = getFilesByExtension(iconsDir, ".svg");
+
+    const icons: Record<string, Record<string, Icon>> = {};
+    for (const file of files) {
+      const svg = readFile(iconsDir, file);
+
+      const attributes = svg.match(/<svg([^>]*)>/)?.[1];
+      const elements = svg.match(/<svg[^>]*>([\s\S]*)<\/svg>/)?.[1];
+
+      if (!attributes || !elements) {
+        throw new Error(`Failed to parse the SVG: ${file}`);
+      }
+
+      const iconName = file.replace(".svg", "");
+      const variantName =
+        variant ?? getVariantFromIconName?.(iconName) ?? "regular";
+
+      icons[variantName] = icons[variantName] || {};
+      icons[variantName][iconName] = {
+        svg: {
+          attributes: normaliseWhitespace(attributes),
+          elements: normaliseWhitespace(elements),
+        },
+      };
     }
 
-    const iconName = file.replace(".svg", "");
-    icons[iconName] = {
-      svg: {
-        attributes: normaliseWhitespace(attributes),
-        elements: normaliseWhitespace(elements),
-      },
-    };
-  }
-
-  writeToJSONFile("../data/icons", id, icons);
-});
+    for (const [variantName, iconSet] of Object.entries(icons)) {
+      writeToJSONFile("../data/icons", `${id}-${variantName}`, iconSet);
+    }
+  },
+);
 
 function normaliseWhitespace(text: string): string {
   return text

package.json

@@ -16,6 +16,7 @@
     "@material-design-icons/svg": "^0.14.13",
     "@penpot/plugin-styles": "^0.10.0",
     "@phosphor-icons/core": "^2.1.1",
+    "bootstrap-icons": "^1.11.3",
     "iconoir": "^7.8.0",
     "lucide-react": "^0.427.0",
     "lucide-static": "^0.427.0",

src/icons.ts

@@ -101,6 +101,16 @@ export const iconLibraries: IconLibrary[] = [
     },
     defaultSettings: { selectedVariant: "outlined" },
   },
+  {
+    id: "bootstrap",
+    name: "Bootstrap",
+    website: "https://icons.getbootstrap.com/",
+    license: {
+      name: "MIT",
+      url: "https://github.com/twbs/icons/blob/main/LICENSE",
+    },
+    icons: generateVariants("bootstrap", ["regular", "fill"]),
+  },
 ];
 
 export const defaultIconSetSettings: Record<string, IconSetSettings> =