feat: tools normalized

src/pages/string/StringConfig.tsx

@@ -1,10 +0,0 @@
-import {RouteObject} from "react-router-dom";
-import {lazy} from "react";
-
-const StringHome = lazy(() => import("./index"));
-const StringSplit = lazy(() => import("./split"));
-
-export const StringConfig: RouteObject[] = [
-  {path: '', element: <StringHome/>},
-  {path: 'split', element: <StringSplit/>},
-]

src/pages/string/index.tsx

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

src/pages/string/split/index.tsx

@@ -186,12 +186,7 @@ export default function SplitText() {
   });
 
   return (
-    <ToolLayout
-      title={'Text Splitter'}
-      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."
-      }
-    >
+    <Box>
       <Grid container spacing={2}>
         <Grid item xs={6}>
           <ToolTextInput value={input} onChange={setInput} />
@@ -242,6 +237,6 @@ export default function SplitText() {
           )}
         </Formik>
       </ToolOptions>
-    </ToolLayout>
+    </Box>
   );
 }

src/pages/string/split/meta.ts

@@ -0,0 +1,11 @@
+import { defineTool } from '../../../tools/defineTool';
+import { lazy } from 'react';
+
+export const tool = defineTool('string', {
+  path: 'split',
+  name: 'Text splitter',
+  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: ['text', 'split'],
+  component: lazy(() => import('./index'))
+});

src/pages/string/stringTools.ts

@@ -0,0 +1,3 @@
+import { tool as stringSplit } from './split/meta';
+
+export const stringTools = [stringSplit];