feat: Add STL Repair Tool

package.json

@@ -10,7 +10,10 @@
   "dependencies": {
     "@algolia/autocomplete-core": "^1.19.4",
     "@goodtools/jdserialize": "^1.0.0",
+    "@goodtools/meshrepair": "^0.1.1",
     "@goodtools/protobuf-decoder": "^1.0.0",
+    "@react-three/drei": "^9.92.7",
+    "@react-three/fiber": "^8.15.12",
     "@goodtools/wiregasm": "^1.9.0",
     "@headlessui/react": "^1.7.7",
     "@heroicons/react": "^2.0.13",
@@ -47,6 +50,7 @@
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^3.2.4",
     "tailwindcss-animate": "^1.0.7",
+    "three": "^0.172.0",
     "web-vitals": "^2.1.4",
     "xml-formatter": "^3.6.7",
     "zustand": "^4.1.5"
@@ -92,6 +96,7 @@
     "@types/pako": "^2.0.3",
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
+    "@types/three": "^0.172.0",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
@@ -107,4 +112,4 @@
     "vite-plugin-node-polyfills": "^0.25.0",
     "vitest": "^4.0.17"
   }
-}
+}

src/components/Sidebar.tsx

@@ -104,6 +104,7 @@ export function Sidebar() {
       [CATEGORIES.ENCODING]: [],
       [CATEGORIES.SECURITY]: [],
       [CATEGORIES.NETWORK]: [],
+      [CATEGORIES['3D']]: [],
     }
 
     const toolsToShow = searchQuery

src/config/routes.config.ts

@@ -19,6 +19,7 @@ export const ROUTES = {
   'json-formatter': '/json',
   'json-escape': '/json-escape',
   'xml-formatter': '/xml',
+  'stl-repair': '/stl-repair',
 } as const
 
 export type ToolKey = keyof typeof ROUTES

src/config/tools.config.tsx

@@ -15,6 +15,7 @@ import {
   Braces,
   Code2,
   Quote,
+  Box,
 } from 'lucide-react'
 import { ROUTES } from './routes.config'
 import { CATEGORIES, type Tool } from '@/types/tool.types'
@@ -200,6 +201,26 @@ export const tools: Tool[] = [
       return <div>This tool uses a large (~18 MB) WASM binary for packet dissection in your browser.</div>
     },
   },
+  {
+    title: 'STL Repair',
+    href: ROUTES['stl-repair'],
+    description: 'Repair and fix STL mesh files for 3D printing - fill holes, fix normals, remove duplicates',
+    icon: Box,
+    categories: [CATEGORIES['3D']],
+    searchTags: ['stl', 'mesh', 'repair', '3d', 'print', 'fix', 'holes', 'normals', 'manifold', 'cad'],
+    component: React.lazy(() => import('@/tools/STLRepair')),
+    online: false,
+    dependencies: [
+      {
+        name: '@goodtools/meshrepair',
+        url: 'https://www.npmjs.com/package/@goodtools/meshrepair',
+      },
+      {
+        name: 'three.js',
+        url: 'https://threejs.org',
+      },
+    ],
+  },
   {
     title: 'Whats My IP',
     href: ROUTES['whats-my-ip'],

src/lib/categories.ts

@@ -1,4 +1,4 @@
-import { Layers, Code, Binary, Shield, Globe, type LucideIcon } from 'lucide-react'
+import { Layers, Code, Binary, Shield, Globe, Box, type LucideIcon } from 'lucide-react'
 import { CATEGORIES, type CategoryName, type Tool, type ToolCategory } from '@/types/tool.types'
 
 // Re-export for convenience
@@ -13,6 +13,7 @@ export const categories: ToolCategory[] = [
   { name: CATEGORIES.ENCODING, icon: Binary },
   { name: CATEGORIES.SECURITY, icon: Shield },
   { name: CATEGORIES.NETWORK, icon: Globe },
+  { name: CATEGORIES['3D'], icon: Box },
 ]
 
 /**