refactor: simplify tools integration

feat: script:create:tool command supports specifying tool categories: pnpm script:create:tool [tool-name] [category-name]
feat: A locales folder can be created independently under each tool to support independent configuration of the tool's own internationalization, making developers more focused and reducing file modification conflicts
perf: Optimize the script:create:tool command to create generated files, reduce the chance of public file modification conflicts, and allow developers to focus more on developing their own
perf: Improve the category field in defineTool for existing tools

Author: sharevb

scripts/create-tool.mjs

@@ -1,29 +1,30 @@
-import { mkdir, readFile, writeFile } from 'fs/promises';
-import { dirname, join } from 'path';
-import { fileURLToPath } from 'url';
+import { mkdir, readFile, writeFile } from 'node:fs/promises';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
 
 const currentDirname = dirname(fileURLToPath(import.meta.url));
 
 const toolsDir = join(currentDirname, '..', 'src', 'tools');
-// eslint-disable-next-line no-undef
+
 const toolName = process.argv[2];
 
 if (!toolName) {
   throw new Error('Please specify a toolname.');
 }
 
-const toolNameCamelCase = toolName.replace(/-./g, (x) => x[1].toUpperCase());
+const toolCategory = process.argv[3] || 'Default';
+
 const toolNameTitleCase = toolName[0].toUpperCase() + toolName.slice(1).replace(/-/g, ' ');
 const toolDir = join(toolsDir, toolName);
 
 await mkdir(toolDir);
 console.log(`Directory created: ${toolDir}`);
 
-const createToolFile = async (name, content) => {
+async function createToolFile(name, content) {
   const filePath = join(toolDir, name);
   await writeFile(filePath, content.trim());
   console.log(`File created: ${filePath}`);
-};
+}
 
 createToolFile(
   `${toolName}.vue`,
@@ -44,7 +45,7 @@ createToolFile(
 );
 
 createToolFile(
-  `index.ts`,
+  'index.ts',
   `
 import { ArrowsShuffle } from '@vicons/tabler';
 import { defineTool } from '../tool';
@@ -53,15 +54,16 @@ export const tool = defineTool({
   name: '${toolNameTitleCase}',
   path: '/${toolName}',
   description: '',
-  keywords: ['${toolName.split('-').join("', '")}'],
+  keywords: ['${toolName.split('-').join('\', \'')}'],
   component: () => import('./${toolName}.vue'),
   icon: ArrowsShuffle,
   createdAt: new Date('${new Date().toISOString().split('T')[0]}'),
+  category: '${toolCategory}',
 });
 `,
 );
 
-createToolFile(`${toolName}.service.ts`, ``);
+createToolFile(`${toolName}.service.ts`, '');
 createToolFile(
   `${toolName}.service.test.ts`,
   `
@@ -92,13 +94,6 @@ test.describe('Tool - ${toolNameTitleCase}', () => {
 
   });
 });
-  
-`,
-);
-
-const toolsIndex = join(toolsDir, 'index.ts');
-const indexContent = await readFile(toolsIndex, { encoding: 'utf-8' }).then((r) => r.split('\n'));
 
-indexContent.splice(3, 0, `import { tool as ${toolNameCamelCase} } from './${toolName}';`);
-writeFile(toolsIndex, indexContent.join('\n'));
-console.log(`Added import in: ${toolsIndex}`);
+`,
+);

src/tools/ai-prompt-splitter/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   component: () => import('./ai-prompt-splitter.vue'),
   icon: Prompt,
   createdAt: new Date('2024-07-14'),
+  category: 'Text',
 });

src/tools/angle-converter/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   component: () => import('./angle-converter.vue'),
   icon: Angle,
   createdAt: new Date('2024-08-15'),
+  category: 'Physics',
 });

src/tools/ansible-vault-crypt-decrypt/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   component: () => import('./ansible-vault-crypt-decrypt.vue'),
   icon: LockSquare,
   createdAt: new Date('2024-02-25'),
+  category: 'Crypto',
 });

src/tools/api-tester/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   component: () => import('./api-tester.vue'),
   icon: World,
   createdAt: new Date('2024-05-11'),
+  category: 'Development',
 });

src/tools/area-converter/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   component: () => import('./area-converter.vue'),
   icon: SquaresDiagonal,
   createdAt: new Date('2024-08-15'),
+  category: 'Physics',
 });

src/tools/ascii-text-drawer/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   icon: Artboard,
   createdAt: new Date('2024-03-03'),
   npmPackages: ['figlet'],
+  category: 'Text',
 });

src/tools/aspect-ratio-calculator/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   component: () => import('./aspect-ratio-calculator.vue'),
   icon: AspectRatio,
   createdAt: new Date('2024-08-14'),
+  category: 'Measurement',
 });

src/tools/barcode-generator/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   component: () => import('./barcode-generator.vue'),
   icon: Barcode,
   createdAt: new Date('2024-04-20'),
+  category: 'Barcodes',
 });

src/tools/barcode-reader/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   component: () => import('./barcode-reader.vue'),
   icon: Barcode,
   createdAt: new Date('2024-04-20'),
+  category: 'Barcodes',
 });