refactor(ui): clean up snippets code

src/utils/index.ts

@@ -0,0 +1,51 @@
+import { SnippetType, IconStyle } from "../lib";
+
+export function getCodeSnippets({
+  name,
+  displayName,
+  weight,
+  size,
+  color,
+}: {
+  name: string;
+  displayName: string;
+  weight: IconStyle;
+  size: number;
+  color: string;
+}): Record<SnippetType, string> {
+  const isDefaultWeight = weight === "regular";
+  const isDefaultColor = color === "#000000";
+
+  return {
+    [SnippetType.HTML]: `<i class="ph-${name}${
+      isDefaultWeight ? "" : `-${weight}`
+    }"></i>`,
+    [SnippetType.REACT]: `<${displayName} size={${size}} ${
+      !isDefaultColor ? `color="${color}" ` : ""
+    }${isDefaultWeight ? "" : `weight="${weight}" `}/>`,
+    [SnippetType.VUE]: `<ph${displayName
+      .replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2")
+      .toLowerCase()} :size="${size}" ${
+      !isDefaultColor ? `color="${color}" ` : ""
+    }${isDefaultWeight ? "" : `weight="${weight}" `}/>`,
+    [SnippetType.FLUTTER]: `Icon(\n  PhosphorIcons.${displayName.replace(
+      /^\w/,
+      (c) => c.toLowerCase()
+    )}${
+      isDefaultWeight ? "" : weight.replace(/^\w/, (c) => c.toUpperCase())
+    },\n  size: ${size.toFixed(1)},\n${
+      !isDefaultColor ? `  color: Color(0xff${color.replace("#", "")}),\n` : ""
+    })`,
+  };
+}
+
+export function supportsWeight({
+  type,
+  weight,
+}: {
+  type: SnippetType;
+  weight: IconStyle;
+}): boolean {
+  if (type !== SnippetType.HTML && type !== SnippetType.FLUTTER) return true;
+  return weight !== IconStyle.DUOTONE;
+}