feat: create tool script

src/pages/image/png/change-colors-in-png/change-colors-in-png.service.test.ts

@@ -0,0 +1,6 @@
+import { expect, describe, it } from 'vitest';
+// import { } from './service';
+//
+// describe('change-colors-in-png', () => {
+//
+// })

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

@@ -0,0 +1,11 @@
+import { Box } from '@mui/material';
+import React from 'react';
+import * as Yup from 'yup';
+
+const initialValues = {};
+const validationSchema = Yup.object({
+  // splitSeparator: Yup.string().required('The separator is required')
+});
+export default function ChangeColorsInPng() {
+  return <Box>Lorem ipsum</Box>;
+}

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

@@ -0,0 +1,12 @@
+import { defineTool } from '@tools/defineTool';
+import { lazy } from 'react';
+import image from '../../../assets/text.png';
+
+export const tool = defineTool('image/png', {
+  name: 'Change colors in png',
+  path: '/change-colors-in-png',
+  image,
+  description: '',
+  keywords: ['change', 'colors', 'in', 'png'],
+  component: lazy(() => import('./index'))
+});

src/pages/images/imageTools.ts

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

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

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

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

@@ -1,11 +0,0 @@
-import { defineTool } from '../../../../tools/defineTool';
-import { lazy } from 'react';
-
-export const tool = defineTool('png', {
-  path: 'change-colors',
-  name: 'PNG color replacer',
-  description:
-    "World's simplest online Portable Network Graphics (PNG) color changer. Just import your PNG image in the editor on the left, select which colors to change, and you'll instantly get a new PNG with the new colors on the right. Free, quick, and very powerful. Import a PNG – replace its colors",
-  keywords: ['png', 'color'],
-  component: lazy(() => import('./index'))
-});

src/pages/images/png/pngTools.ts

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

src/tools/index.ts

@@ -1,5 +1,5 @@
-import { stringTools } from '../pages/string/stringTools';
-import { imageTools } from '../pages/images/imageTools';
+import { stringTools } from '../pages/string';
+import { imageTools } from '../pages/image';
 import { DefinedTool } from './defineTool';
 import { capitalizeFirstLetter } from '../utils/string';