feat: json pretty

src/tools/index.ts

@@ -6,18 +6,13 @@ import { numberTools } from '../pages/tools/number';
 import { videoTools } from '../pages/tools/video';
 import { listTools } from '../pages/tools/list';
 import { Entries } from 'type-fest';
-import {
-  ArrangeByNumbers19Icon,
-  Gif01Icon,
-  HugeiconsIcon,
-  LeftToRightListBulletIcon,
-  Png01Icon,
-  TextIcon
-} from '@hugeicons/core-free-icons';
+import { jsonTools } from '../pages/tools/json';
+import { IconifyIcon } from '@iconify/react';
 
 export const tools: DefinedTool[] = [
   ...imageTools,
   ...stringTools,
+  ...jsonTools,
   ...listTools,
   ...videoTools,
   ...numberTools
@@ -26,38 +21,44 @@ const categoriesConfig: {
   type: ToolCategory;
   value: string;
   title?: string;
-  icon: typeof HugeiconsIcon;
+  icon: IconifyIcon | string;
 }[] = [
   {
     type: 'string',
     title: 'Text',
-    icon: TextIcon,
+    icon: 'solar:text-bold-duotone',
     value:
       'Tools for working with text – convert text to images, find and replace text, split text into fragments, join text lines, repeat text, and much more.'
   },
   {
     type: 'png',
-    icon: Png01Icon,
+    icon: 'ph:file-png-thin',
     value:
       'Tools for working with PNG images – convert PNGs to JPGs, create transparent PNGs, change PNG colors, crop, rotate, resize PNGs, and much more.'
   },
   {
     type: 'number',
-    icon: ArrangeByNumbers19Icon,
+    icon: 'lsicon:number-filled',
     value:
       'Tools for working with numbers – generate number sequences, convert numbers to words and words to numbers, sort, round, factor numbers, and much more.'
   },
   {
     type: 'gif',
-    icon: Gif01Icon,
+    icon: 'material-symbols-light:gif-rounded',
     value:
       'Tools for working with GIF animations – create transparent GIFs, extract GIF frames, add text to GIF, crop, rotate, reverse GIFs, and much more.'
   },
   {
     type: 'list',
-    icon: LeftToRightListBulletIcon,
+    icon: 'solar:list-bold-duotone',
     value:
       'Tools for working with lists – sort, reverse, randomize lists, find unique and duplicate list items, change list item separators, and much more.'
+  },
+  {
+    type: 'json',
+    icon: 'lets-icons:json-light',
+    value:
+      'Tools for working with JSON data structures – prettify and minify JSON objects, flatten JSON arrays, stringify JSON values, analyze data, and much more'
   }
 ];
 export const filterTools = (
@@ -82,7 +83,7 @@ export const filterTools = (
 export const getToolsByCategory = (): {
   title: string;
   description: string;
-  icon: typeof HugeiconsIcon;
+  icon: IconifyIcon | string;
   type: string;
   example: { title: string; path: string };
   tools: DefinedTool[];