feat: tools normalized

src/pages/images/ImagesConfig.tsx

@@ -1,10 +0,0 @@
-import {RouteObject} from "react-router-dom";
-import {lazy} from "react";
-import {PngConfig} from "./png/PngConfig";
-
-const PngHome = lazy(() => import("./index"));
-
-export const ImagesConfig: RouteObject[] = [
-  {path: '', element: <PngHome/>},
-  {path: 'png', children: PngConfig},
-]

src/pages/images/imageTools.ts

@@ -0,0 +1,3 @@
+import { pngTools } from './png/pngTools';
+
+export const imageTools = [...pngTools];

src/pages/images/index.tsx

@@ -1,5 +1,5 @@
-import {Box} from "@mui/material";
+import { Box } from '@mui/material';
 
 export default function ImageHome() {
-  return (<Box></Box>)
+  return <Box></Box>;
 }

src/pages/images/png/PngConfig.tsx

@@ -1,10 +0,0 @@
-import {RouteObject} from "react-router-dom";
-import {lazy} from "react";
-
-const ChangeColorsInPng = lazy(() => import("./change-colors-in-png"));
-const PngHome = lazy(() => import("./"));
-
-export const PngConfig: RouteObject[] = [
-  {path: '', element: <PngHome/>},
-  {path: 'change-colors-in-png', element: <ChangeColorsInPng/>}
-]

src/pages/images/png/change-colors-in-png/index.tsx

@@ -1,4 +1,4 @@
-import { Box } from "@mui/material";
+import { Box } from '@mui/material';
 
 export default function ChangeColorsInPng() {
   return <Box></Box>;

src/pages/images/png/change-colors-in-png/meta.ts

@@ -0,0 +1,11 @@
+import { defineTool } from '../../../../tools/defineTool';
+import { lazy } from 'react';
+
+export const tool = defineTool('png', {
+  path: 'change-colors',
+  name: 'Change colors in PNG',
+  description:
+    "World's simplest browser-based utility for splitting text. Load your text in the input form on the left and you'll automatically get pieces of this text on the right. Powerful, free, and fast. Load text – get chunks.",
+  keywords: ['png', 'split'],
+  component: lazy(() => import('./index'))
+});

src/pages/images/png/index.tsx

@@ -1,5 +1,5 @@
-import {Box} from "@mui/material";
+import { Box } from '@mui/material';
 
 export default function PngHome() {
-  return (<Box></Box>)
+  return <Box></Box>;
 }

src/pages/images/png/pngTools.ts

@@ -0,0 +1,3 @@
+import { tool as changeColorsInPng } from './change-colors-in-png/meta';
+
+export const pngTools = [changeColorsInPng];