feat(dev-tools): Configure Prettier and Husky for automated code

frontend/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged

frontend/.prettierignore

@@ -0,0 +1,4 @@
+dist
+node_modules
+packages
+package-lock.json

frontend/.prettierrc.json

@@ -0,0 +1,5 @@
+{
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "es5"
+}

frontend/background.js

@@ -1,41 +1,42 @@
-
 chrome.runtime.onMessage.addListener((request, _, sendResponse) => {
-    if (request.type === "TRANSLATE_CODE") {
-        const BACKEND_URL = process.env.BACKEND_URL;
-
-        chrome.storage.sync.get(['targetLanguage'], (result) => {
-            const targetLanguage = result.targetLanguage || 'Java';
-            fetch(BACKEND_URL, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({
-                    code: request.code,
-                    targetLanguage: targetLanguage,
-                }),
-            })
-                .then(response => {
-                    if (!response.ok) {
-                        throw new Error(`Network response was not ok: ${response.statusText}`);
-                    }
-                    return response.json();
-                })
-                .then(data => {
-
-                    if (data.error) {
-                        sendResponse({ error: data.error });
-                    } else {
-                        sendResponse({ translation: data.translation });
-                    }
-                })
-                .catch(error => {
+  if (request.type === "TRANSLATE_CODE") {
+    const BACKEND_URL = process.env.BACKEND_URL;
 
-                    console.error("Error calling backend:", error);
-                    sendResponse({ error: `Failed to connect to the translation service: ${error.message}` });
-                });
+    chrome.storage.sync.get(["targetLanguage"], (result) => {
+      const targetLanguage = result.targetLanguage || "Java";
+      fetch(BACKEND_URL, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+          code: request.code,
+          targetLanguage: targetLanguage,
+        }),
+      })
+        .then((response) => {
+          if (!response.ok) {
+            throw new Error(
+              `Network response was not ok: ${response.statusText}`
+            );
+          }
+          return response.json();
+        })
+        .then((data) => {
+          if (data.error) {
+            sendResponse({ error: data.error });
+          } else {
+            sendResponse({ translation: data.translation });
+          }
+        })
+        .catch((error) => {
+          console.error("Error calling backend:", error);
+          sendResponse({
+            error: `Failed to connect to the translation service: ${error.message}`,
+          });
         });
+    });
 
-        return true;
-    }
-});
+    return true;
+  }
+});

frontend/build.js

@@ -1,16 +1,18 @@
-import esbuild from 'esbuild';
-import 'dotenv/config';
+import esbuild from "esbuild";
+import "dotenv/config";
 
 const define = {};
 for (const k in process.env) {
-    define[`process.env.${k}`] = JSON.stringify(process.env[k]);
+  define[`process.env.${k}`] = JSON.stringify(process.env[k]);
 }
 
-esbuild.build({
-    entryPoints: ['scripts/content.js', 'background.js'],
+esbuild
+  .build({
+    entryPoints: ["scripts/content.js", "background.js"],
     bundle: true,
-    outdir: 'dist',
+    outdir: "dist",
     define: define,
-}).catch(() => process.exit(1));
+  })
+  .catch(() => process.exit(1));
 
-console.log('Build complete. Files are in the /dist folder.');
+console.log("Build complete. Files are in the /dist folder.");