Port to TypeScript with a few fixes

Author: Brawl345

.eslintrc.json

@@ -23,13 +23,7 @@ WebExtension which adds an option to the context menu to search with an image on
 1. `git clone ...`
 2. `npm ci`
 3. `npm run dev`
-4. `npm run start:chrome`
-
-## Thanks to
-
-- [FlandreDaisuki](https://github.com/Brawl345/Image-Reverse-Search-WebExtension/issues?q=is%3Apr+author%3AFlandreDaisuki)
-- [yfdyh000](https://github.com/Brawl345/Image-Reverse-Search-WebExtension/issues?q=is%3Apr+author%3Ayfdyh000)
-- All translators and other contributors
+4. `npm run start:chrome` or `npm run start:firefox`
 
 ## Screenshots
 

.prettierignore

@@ -0,0 +1,35 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
+  "files": {
+    "ignore": ["public/build"]
+  },
+  "formatter": {
+    "indentStyle": "space"
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single"
+    }
+  },
+  "json": {
+    "formatter": {
+      "indentStyle": "space"
+    }
+  },
+  "overrides": [
+    {
+      "include": ["*.svelte"],
+      "formatter": {
+        "enabled": false
+      },
+      "linter": {
+        "rules": {
+          "style": {
+            "useConst": "off",
+            "useImportType": "off"
+          }
+        }
+      }
+    }
+  ]
+}

.prettierrc.json

@@ -0,0 +1,48 @@
+#!/usr/bin/env node
+import { rmSync } from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import * as esbuild from 'esbuild';
+import { sassPlugin } from 'esbuild-sass-plugin';
+import sveltePlugin from 'esbuild-svelte';
+import { sveltePreprocess } from 'svelte-preprocess';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const isProduction = process.env.NODE_ENV === 'production';
+
+try {
+  rmSync(path.resolve('public', 'build'), { recursive: true });
+  rmSync(path.resolve('public', '_metadata'), { recursive: true });
+} catch {
+  //
+}
+
+const context = await esbuild.context({
+  entryPoints: [
+    path.resolve(__dirname, 'source', 'service-worker', 'service-worker.ts'),
+    path.resolve(__dirname, 'source', 'options', 'options.ts'),
+  ],
+  bundle: true,
+  minify: false,
+  format: 'esm',
+  splitting: true,
+  sourcemap: isProduction ? false : 'inline',
+  target: ['chrome120', 'firefox120'],
+  outdir: path.resolve(__dirname, 'public', 'build'),
+  logLevel: 'info',
+  legalComments: 'none',
+  plugins: [
+    sassPlugin({ quietDeps: true }),
+    sveltePlugin({
+      preprocess: sveltePreprocess(),
+    }),
+  ],
+});
+
+if (isProduction) {
+  await context.rebuild();
+  await context.dispose();
+} else {
+  await context.watch();
+}