feat: add Safari support in manifest and update browser handling in Vite config

Author: kvhnuke

packages/extension/src/manifest/manifest.safari.ts

@@ -2,6 +2,10 @@ import { defineManifest, ManifestV3Export } from '@crxjs/vite-plugin';
 import { chromeManifest } from './manifest.chrome';
 const safariManifest = {
   ...chromeManifest,
+  background: {
+    scripts: ['src/scripts/chrome/background.ts'],
+    type: 'module',
+  },
   action: {
     default_icon: {
       '16': 'assets/img/safari-icons/icon16.png',

packages/extension/vite.config.ts

@@ -83,7 +83,8 @@ export default defineConfig({
     transformManifest(),
     crx({
       manifest: getManifest(),
-      browser: BROWSER === 'firefox' ? 'firefox' : 'chrome',
+      browser:
+        BROWSER === 'firefox' || BROWSER === 'safari' ? 'firefox' : 'chrome',
       contentScripts: {
         injectCss: false,
       },