lint fix

.eslintrc.cjs

@@ -12,7 +12,7 @@ module.exports = {
         'prettier',
     ],
     ignorePatterns: ['dist', '.eslintrc.cjs'],
-    parser: '@typescript-eslint/np',
+    parser: '@typescript-eslint/parser',
     parserOptions: {
         project: './tsconfig.json',
         ecmaFeatures: {

.prettierrc.json

@@ -1,11 +1,12 @@
 {
-  "printWidth": 80,
-  "tabWidth": 4,
-  "semi": true,
-  "singleQuote": true,
-  "trailingComma": "all",
-  "bracketSpacing": true,
-  "bracketSameLine": true,
-  "arrowParens": "avoid",
-  "htmlWhitespaceSensitivity": "css"
+    "printWidth": 80,
+    "tabWidth": 4,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "all",
+    "bracketSpacing": true,
+    "bracketSameLine": true,
+    "arrowParens": "avoid",
+    "htmlWhitespaceSensitivity": "css",
+    "endOfLine": "auto"
 }

jest.config.ts

@@ -1,31 +1,31 @@
 export default {
-  preset: 'ts-jest', // Presetting to typescript jest
-  testEnvironment: 'jsdom', // Testing environment is jsdom
+    preset: 'ts-jest', // Presetting to typescript jest
+    testEnvironment: 'jsdom', // Testing environment is jsdom
 
-  transform: {
-    '^.+\\.tsx?$': [
-      // If the file is a typescript or typescript jsx file transform it using ts-jest
-      'ts-jest',
+    transform: {
+        '^.+\\.tsx?$': [
+            // If the file is a typescript or typescript jsx file transform it using ts-jest
+            'ts-jest',
 
-      {
-        tsconfig: { module: 'es2020' }, // Using ECMAScript 2020 module specification
+            {
+                tsconfig: { module: 'es2020' }, // Using ECMAScript 2020 module specification
 
-        BabelConfig: {
-          configFile: false, // No configuration file for Babel
+                BabelConfig: {
+                    configFile: false, // No configuration file for Babel
 
-          // Presetting to @babel/preset-env with targets and @babel/preset-typescript
-          presets: [
-            ['@babel/preset-env', { targets: { node: 'current' } }],
-            '@babel/preset-typescript',
-          ],
-        },
-      },
-    ],
-  },
+                    // Presetting to @babel/preset-env with targets and @babel/preset-typescript
+                    presets: [
+                        ['@babel/preset-env', { targets: { node: 'current' } }],
+                        '@babel/preset-typescript',
+                    ],
+                },
+            },
+        ],
+    },
 
-  // For certain file types, mock file or identity object proxy is used
-  moduleNameMapper: {
-    '\\.(gif|ttf|eot|svg|png)$': '<rootDir>/test/__mocks__/fileMock.js',
-    '\\.(css|less|sass|scss)$': 'identity-obj-proxy',
-  },
+    // For certain file types, mock file or identity object proxy is used
+    moduleNameMapper: {
+        '\\.(gif|ttf|eot|svg|png)$': '<rootDir>/test/__mocks__/fileMock.js',
+        '\\.(css|less|sass|scss)$': 'identity-obj-proxy',
+    },
 };

package.json

@@ -35,8 +35,8 @@
         "jest-environment-jsdom": "^29.7.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "typescript": "^5.3.2",
-        "vite": "^4.4.5"
+        "vite": "^4.4.5",
+        "vite-plugin-environment": "^1.1.3"
     },
     "devDependencies": {
         "@testing-library/jest-dom": "^6.1.4",
@@ -66,8 +66,6 @@
         "prettier-eslint": "^16.1.2",
         "tailwindcss": "^3.3.5",
         "ts-jest": "^29.1.1",
-        "ts-node": "^10.9.1",
-        "typescript": "^5.2.2",
-        "vite-plugin-environment": "^1.1.3"
+        "ts-node": "^10.9.1"
     }
 }

postcss.config.js

@@ -1,6 +1,6 @@
 export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
 };

src/App.tsx

@@ -2,7 +2,7 @@ import AudioRecorder from './components/AudioRecorder';
 import './App.css';
 
 function App() {
-  return <AudioRecorder />;
+    return <AudioRecorder />;
 }
 
-export default App;
+export default App;

src/__tests__/App.spec.tsx

@@ -6,10 +6,10 @@ import '@testing-library/jest-dom';
 global.MediaStream = jest.fn();
 
 test('demo', () => {
-  expect(true).toBe(true);
+    expect(true).toBe(true);
 });
 
 test('Renders the main page', () => {
-  render(<App />);
-  expect(true).toBeTruthy();
+    render(<App />);
+    expect(true).toBeTruthy();
 });