feat(UX-1021): Add inline icon previews for dart (#5)

refactor: add getIconPreview

.github/fetch_icons/hash.txt

@@ -1 +0,0 @@
-684c4d8d5f5a51f3dabb8c0474ec81bf

scripts/generators/generateFonts.ts

@@ -4,6 +4,7 @@ import { webfont } from "webfont";
 import { createFolder, getIconFileName } from "../utils/fileUtils.js";
 import { writeFileSync } from "fs";
 
+const GITHUB_URL = "https://raw.githubusercontent.com/ZebraDevs/zeta-icons/main/ouputs/png/";
 /**
  * Generates font files from optimized SVGs.
  *
@@ -106,13 +107,27 @@ const buildFontFile = async (type: FontType, fontResult: GenerateFontResult, inp
  * @returns {string} Dart definition line used in body of `Icons.dart`.
  */
 function getDartIconDefinition(iconName: string, unicode: string, type: FontType | undefined): string {
+  const iconPreview = getIconPreview(iconName, type);
+
   if (type == undefined) {
     iconName = iconName.toSnakeCase();
   } else {
     iconName = getIconFileName(iconName, type);
   }
 
-  return `  static const IconData ${iconName} = IconData(0x${unicode}, fontFamily: family${
+  return `${iconPreview}
+  static const IconData ${iconName} = IconData(0x${unicode}, fontFamily: family${
     type?.capitalize() ?? ""
   }, fontPackage: package);`;
 }
+
+function getIconPreview(iconName: string, type: FontType | undefined) {
+  const name_link = `${iconName}_${type === undefined ? "round" : type}`;
+  const readableName = iconName
+    .split("_")
+    .map((e) => e.capitalize())
+    .join(" ");
+  return `  /// <i> <img width='48' src="${GITHUB_URL}${name_link}.png"></br>${readableName} icon ${
+    type != undefined ? `(${type})` : ""
+  }</i>`;
+}

scripts/generators/generatePNGs.ts

@@ -19,6 +19,7 @@ export const generatePNGs = (inputDir: string, outputDir: string, categories: st
       const name = split.pop()?.slice(0, -3);
       sharp(inputDir + "/" + cat + "/" + svg)
         .resize(512)
+        .modulate({ lightness: 44 })
         .png()
         .toFile(outputDir + "/" + name + "png");
     }