feat: tools normalized

src/tools/defineTool.tsx

@@ -0,0 +1,39 @@
+import ToolLayout from '../components/ToolLayout';
+import React, { LazyExoticComponent, JSXElementConstructor } from 'react';
+
+interface ToolOptions {
+  path: string;
+  component: LazyExoticComponent<JSXElementConstructor<NonNullable<unknown>>>;
+  keywords: string[];
+  name: string;
+  description: string;
+}
+
+interface DefinedTool {
+  path: string;
+  name: string;
+  description: string;
+  keywords: string[];
+  component: () => JSX.Element;
+}
+
+export const defineTool = (
+  basePath: string,
+  options: ToolOptions
+): DefinedTool => {
+  const { path, name, description, keywords, component } = options;
+  const Component = component;
+  return {
+    path: `${basePath}/${path}`,
+    name,
+    description,
+    keywords,
+    component: () => {
+      return (
+        <ToolLayout title={name} description={description}>
+          <Component />
+        </ToolLayout>
+      );
+    }
+  };
+};

src/tools/index.ts

@@ -0,0 +1,4 @@
+import { stringTools } from '../pages/string/stringTools';
+import { imageTools } from '../pages/images/imageTools';
+
+export const tools = [...stringTools, ...imageTools];