feat: add AAC to MP3 audio converter tool

public/locales/en/audio.json

@@ -57,5 +57,5 @@
       "title": "What is {{title}}?"
     },
     "trimmingAudio": "Trimming Audio"
-  }
+  } 
 }

public/locales/en/converters.json

@@ -0,0 +1,8 @@
+{
+  "audioconverter": {
+    "title": "Audio Converter",
+    "description": "Convert audio files between different formats.",
+    "shortDescription": "Convert audio files to various formats.",
+    "longDescription": "This tool allows you to convert audio files from one format to another, supporting a wide range of audio formats for seamless conversion."
+  }
+}

public/locales/en/translation.json

@@ -17,11 +17,23 @@
     "fileCopied": "File copied",
     "selectFileDescription": "Click here to select a {{type}} from your device, press Ctrl+V to use a {{type}} from your clipboard, or drag and drop a file from desktop"
   },
+  "converters": {
+    "audioconverter": {
+      "title": "Audio Converter",
+      "description": "Convert audio files between different formats.",
+      "shortDescription": "Convert audio files to various formats.",
+      "longDescription": "This tool allows you to convert audio files from one format to another, supporting a wide range of audio formats for seamless conversion."
+    }
+  },
   "categories": {
     "audio": {
       "description": "Tools for working with audio – extract audio from video, adjusting audio speed, merging multiple audio files and much more.",
       "title": "Audio Tools"
     },
+    "converters": {
+      "description": "Tools for converting data between different formats – convert images, audio, video, text, and more.",
+      "title": "Converter Tools"
+    },
     "csv": {
       "description": "Tools for working with CSV files - convert CSV to different formats, manipulate CSV data, validate CSV structure, and process CSV files efficiently.",
       "title": "CSV Tools"

public/locales/fr/time.json

@@ -58,22 +58,6 @@
       "title": "Convertir le temps en secondes"
     }
   },
-  "convertUnixToDate": {
-    "addUtcLabel": "Ajouter le suffixe 'UTC'",
-    "addUtcLabelDescription": "Affiche 'UTC' après la date convertie (uniquement en mode UTC)",
-    "description": "Convertit un timestamp Unix en une date lisible par un humain.",
-    "longDescription": "Cet outil permet de convertir un timestamp Unix (en secondes) en une date lisible au format AAAA-MM-JJ HH:MM:SS. Il prend en charge l'affichage en UTC ou dans le fuseau horaire local, ce qui est pratique pour interpréter rapidement des horodatages issus de journaux, d'API ou de systèmes utilisant le temps Unix.",
-    "outputOptions": "Options de sortie",
-    "shortDescription": "Conversion de timestamp Unix en date",
-    "title": "Convertir un timestamp Unix en date",
-    "toolInfo": {
-      "description": "Cet outil convertit un timestamp Unix (en secondes) en une date lisible (par ex. AAAA-MM-JJ HH:MM:SS). Il prend en charge l'affichage en heure locale ou en UTC, ce qui le rend utile pour analyser rapidement des données issues de journaux ou d’APIs.",
-      "title": "Convertir un timestamp Unix en date"
-    },
-    "useLocalTime": "Utiliser l’heure locale",
-    "useLocalTimeDescription": "Affiche la date convertie dans votre fuseau horaire local au lieu de l’heure UTC",
-    "withLabel": "Options"
-  },
   "crontabGuru": {
     "description": "Générez et comprenez les expressions Cron. Créez des planifications Cron pour les tâches automatisées et les tâches système.",
     "shortDescription": "Générer et comprendre les expressions cron",
@@ -114,5 +98,21 @@
     "zeroPaddingDescription": "Faites en sorte que tous les composants de temps aient toujours une largeur de deux chiffres.",
     "zeroPrintDescription": "Afficher les parties supprimées sous forme de valeurs nulles « 00 ».",
     "zeroPrintTruncatedParts": "Parties tronquées sans impression"
+  },
+  "convertUnixToDate": {
+    "title": "Convertir un timestamp Unix en date",
+    "description": "Convertit un timestamp Unix en une date lisible par un humain.",
+    "shortDescription": "Conversion de timestamp Unix en date",
+    "longDescription": "Cet outil permet de convertir un timestamp Unix (en secondes) en une date lisible au format AAAA-MM-JJ HH:MM:SS. Il prend en charge l'affichage en UTC ou dans le fuseau horaire local, ce qui est pratique pour interpréter rapidement des horodatages issus de journaux, d'API ou de systèmes utilisant le temps Unix.",
+    "withLabel": "Options",
+    "outputOptions": "Options de sortie",
+    "addUtcLabel": "Ajouter le suffixe 'UTC'",
+    "addUtcLabelDescription": "Affiche 'UTC' après la date convertie (uniquement en mode UTC)",
+    "useLocalTime": "Utiliser l’heure locale",
+    "useLocalTimeDescription": "Affiche la date convertie dans votre fuseau horaire local au lieu de l’heure UTC",
+    "toolInfo": {
+      "title": "Convertir un timestamp Unix en date",
+      "description": "Cet outil convertit un timestamp Unix (en secondes) en une date lisible (par ex. AAAA-MM-JJ HH:MM:SS). Il prend en charge l'affichage en heure locale ou en UTC, ce qui le rend utile pour analyser rapidement des données issues de journaux ou d’APIs."
+    }
   }
 }

src/components/input/ToolAudioInput.tsx

@@ -2,13 +2,19 @@ import React, { useRef } from 'react';
 import { Box, Typography } from '@mui/material';
 import BaseFileInput from './BaseFileInput';
 import { BaseFileInputProps } from './file-input-utils';
+import { AUDIO_FORMATS } from 'pages/tools/converters/audio-converter/types';
 
 interface AudioFileInputProps extends Omit<BaseFileInputProps, 'accept'> {
   accept?: string[];
 }
 
+const AUDIO_ACCEPT_TYPES = [
+  'audio/*',
+  ...Object.keys(AUDIO_FORMATS).map((format) => `.${format}`)
+];
+
 export default function ToolAudioInput({
-  accept = ['audio/*', '.mp3', '.wav', '.aac'],
+  accept = AUDIO_ACCEPT_TYPES,
   ...props
 }: AudioFileInputProps) {
   const audioRef = useRef<HTMLAudioElement>(null);

src/pages/tools/converters/audio-converter/audio-converter.service.test.ts

@@ -0,0 +1,95 @@
+import { expect, describe, it, vi, beforeEach } from 'vitest';
+import { convertAudio } from './service';
+import { InitialValuesType } from './types';
+
+// Mock FFmpeg since it doesn't support Node.js in tests
+vi.mock('@ffmpeg/ffmpeg', () => ({
+  FFmpeg: vi.fn().mockImplementation(() => ({
+    loaded: false,
+    load: vi.fn().mockResolvedValue(undefined),
+    writeFile: vi.fn().mockResolvedValue(undefined),
+    exec: vi.fn().mockResolvedValue(undefined),
+    readFile: vi.fn().mockResolvedValue(new Uint8Array([10, 20, 30, 40, 50])),
+    deleteFile: vi.fn().mockResolvedValue(undefined)
+  }))
+}));
+
+vi.mock('@ffmpeg/util', () => ({
+  fetchFile: vi.fn().mockResolvedValue(new Uint8Array([10, 20, 30, 40, 50]))
+}));
+
+describe('convertAudio', () => {
+  let mockInputFile: File;
+
+  beforeEach(() => {
+    const mockAudioData = new Uint8Array([1, 2, 3, 4, 5]);
+    mockInputFile = new File([mockAudioData], 'input.aac', {
+      type: 'audio/aac'
+    });
+  });
+
+  it('should convert to MP3 format correctly', async () => {
+    const options: InitialValuesType = { outputFormat: 'mp3' };
+    const result = await convertAudio(mockInputFile, options);
+
+    expect(result).toBeInstanceOf(File);
+    expect(result.name).toBe('input.mp3');
+    expect(result.type).toBe('audio/mpeg');
+  });
+
+  it('should convert to AAC format correctly', async () => {
+    const options: InitialValuesType = { outputFormat: 'aac' };
+    const result = await convertAudio(mockInputFile, options);
+
+    expect(result).toBeInstanceOf(File);
+    expect(result.name).toBe('input.aac');
+    expect(result.type).toBe('audio/aac');
+  });
+
+  it('should convert to WAV format correctly', async () => {
+    const options: InitialValuesType = { outputFormat: 'wav' };
+    const result = await convertAudio(mockInputFile, options);
+
+    expect(result).toBeInstanceOf(File);
+    expect(result.name).toBe('input.wav');
+    expect(result.type).toBe('audio/wav');
+  });
+
+  it('should convert to FLAC format correctly', async () => {
+    const options: InitialValuesType = { outputFormat: 'flac' };
+    const result = await convertAudio(mockInputFile, options);
+
+    expect(result).toBeInstanceOf(File);
+    expect(result.name).toBe('input.flac');
+    expect(result.type).toBe('audio/flac');
+  });
+
+  it('should convert to OGG format correctly', async () => {
+    const options: InitialValuesType = { outputFormat: 'ogg' };
+    const result = await convertAudio(mockInputFile, options);
+
+    expect(result).toBeInstanceOf(File);
+    expect(result.name).toBe('input.ogg');
+    expect(result.type).toBe('audio/ogg');
+  });
+
+  it('should return original file if input format matches output format', async () => {
+    const options: InitialValuesType = { outputFormat: 'aac' };
+    const result = await convertAudio(mockInputFile, options);
+
+    expect(result).toBe(mockInputFile); // Same instance
+    expect(result.name).toBe('input.aac');
+  });
+
+  it('should handle files without extensions', async () => {
+    const fileNoExt = new File([new Uint8Array([1, 2, 3])], 'audiofile', {
+      type: 'audio/aac'
+    });
+    const options: InitialValuesType = { outputFormat: 'mp3' };
+    const result = await convertAudio(fileNoExt, options);
+
+    expect(result).toBeInstanceOf(File);
+    expect(result.name).toBe('audiofile.mp3');
+    expect(result.type).toBe('audio/mpeg');
+  });
+});

src/pages/tools/converters/audio-converter/index.tsx

@@ -0,0 +1,103 @@
+import React, { useState } from 'react';
+import { Box } from '@mui/material';
+import ToolContent from '@components/ToolContent';
+import { ToolComponentProps } from '@tools/defineTool';
+import ToolAudioInput from '@components/input/ToolAudioInput';
+import ToolFileResult from '@components/result/ToolFileResult';
+import SelectWithDesc from '@components/options/SelectWithDesc';
+import { convertAudio } from './service';
+import { useTranslation } from 'react-i18next';
+import { GetGroupsType } from '@components/options/ToolOptions';
+import { InitialValuesType, AUDIO_FORMATS, AudioFormat } from './types';
+
+const initialValues: InitialValuesType = {
+  outputFormat: 'mp3'
+};
+
+export default function AudioConverter({
+  title,
+  longDescription
+}: ToolComponentProps) {
+  const { t } = useTranslation('audio');
+  const [input, setInput] = useState<File | null>(null);
+  const [result, setResult] = useState<File | null>(null);
+  const [loading, setLoading] = useState(false);
+
+  const compute = async (
+    values: InitialValuesType,
+    inputFile: File | null
+  ): Promise<void> => {
+    if (!inputFile) return;
+
+    try {
+      setLoading(true);
+      const resultFile = await convertAudio(inputFile, values);
+      setResult(resultFile);
+    } catch (error) {
+      console.error('Conversion failed:', error);
+      setResult(null);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  // Explicitly type getGroups to match GetGroupsType<InitialValuesType>
+  const getGroups: GetGroupsType<InitialValuesType> = ({
+    values,
+    updateField
+  }) => [
+    {
+      id: 'output-format',
+      title: t('audioConverter.outputFormat', 'Output Format'),
+      description: t(
+        'audioConverter.outputFormatDescription',
+        'Select the desired output audio format'
+      ),
+      component: (
+        <Box>
+          <SelectWithDesc
+            selected={values.outputFormat}
+            onChange={(value) => updateField('outputFormat', value)}
+            options={Object.entries(AUDIO_FORMATS).map(([value]) => ({
+              label: value.toUpperCase(),
+              value: value as AudioFormat
+            }))}
+            description={t(
+              'audioConverter.outputFormatDescription',
+              'Select the desired output audio format'
+            )}
+          />
+        </Box>
+      )
+    }
+  ];
+
+  return (
+    <ToolContent
+      title={title}
+      input={input}
+      inputComponent={
+        <ToolAudioInput
+          value={input}
+          onChange={setInput}
+          title={t('audioConverter.uploadAudio', 'Upload Your Audio File')}
+        />
+      }
+      resultComponent={
+        <ToolFileResult
+          value={result}
+          title={t('audioConverter.outputTitle', 'Converted Audio')}
+          loading={loading}
+        />
+      }
+      initialValues={initialValues}
+      getGroups={getGroups}
+      setInput={setInput}
+      compute={compute}
+      toolInfo={{
+        title: `What is a ${title}?`,
+        description: longDescription
+      }}
+    />
+  );
+}

src/pages/tools/converters/audio-converter/meta.ts

@@ -0,0 +1,15 @@
+import { defineTool } from '@tools/defineTool';
+import { lazy } from 'react';
+
+export const tool = defineTool('converters', {
+  i18n: {
+    name: 'translation:converters.audioconverter.title',
+    description: 'translation:converters.audioconverter.description',
+    shortDescription: 'translation:converters.audioconverter.shortDescription',
+    longDescription: 'translation:converters.audioconverter.longDescription'
+  },
+  path: 'audio-converter',
+  icon: 'mdi:music-note-outline',
+  keywords: ['audio', 'converter'],
+  component: lazy(() => import('./index'))
+});