Add fixes for other browsers

src/App.tsx

@@ -17,6 +17,9 @@ interface Note {
   versions: NoteVersion[];
 }
 
+// Check if running in Chrome extension context
+const isExtension = typeof chrome !== 'undefined' && chrome.runtime && chrome.runtime.sendMessage;
+
 function App() {
     const transcriber = useTranscriber();
     const [notes, setNotes] = useState<Note[]>([]);
@@ -47,14 +50,18 @@ function App() {
 
         loadNotes();
 
-        window.addEventListener('message', (event) => {
-            if (event.data.type === 'MICROPHONE_PERMISSION_GRANTED') {
-                setHasMicrophonePermission(true);
-            }
-        });
+        // Only set up Chrome extension specific listeners if in extension context
+        if (isExtension) {
+            window.addEventListener('message', (event) => {
+                if (event.data.type === 'MICROPHONE_PERMISSION_GRANTED') {
+                    setHasMicrophonePermission(true);
+                }
+            });
 
-        if (chrome.runtime && chrome.runtime.sendMessage) {
             chrome.runtime.sendMessage({ type: 'REQUEST_MICROPHONE_PERMISSION' });
+        } else {
+            // In browser context, assume microphone permission will be handled by browser
+            setHasMicrophonePermission(true);
         }
     }, []);
 

src/contentScript.ts

@@ -1,19 +1,28 @@
+// Check if running in Chrome extension context
+const isExtension = typeof chrome !== 'undefined' && chrome.runtime && chrome.runtime.getURL;
+
 export const injectMicrophonePermissionIframe = () => {
-  const iframe = document.createElement("iframe");
-  iframe.setAttribute("hidden", "hidden");
-  iframe.setAttribute("id", "permissionsIFrame");
-  iframe.setAttribute("allow", "microphone");
-  iframe.src = chrome.runtime.getURL("/src/pages/permission/index.html");
-  document.body.appendChild(iframe);
+  // Only inject the iframe if we're in a Chrome extension context
+  if (isExtension) {
+    const iframe = document.createElement("iframe");
+    iframe.setAttribute("hidden", "hidden");
+    iframe.setAttribute("id", "permissionsIFrame");
+    iframe.setAttribute("allow", "microphone");
+    iframe.src = chrome.runtime.getURL("/src/pages/permission/index.html");
+    document.body.appendChild(iframe);
+  }
 };
 
-// Inject the iframe when the content script runs
-injectMicrophonePermissionIframe();
+// Only run extension-specific code if we're in a Chrome extension context
+if (isExtension) {
+  // Inject the iframe when the content script runs
+  injectMicrophonePermissionIframe();
 
-// Listen for messages from the iframe
-window.addEventListener('message', (event) => {
-  if (event.data.type === 'MICROPHONE_PERMISSION_GRANTED') {
-    console.log('Microphone permission granted');
-    // You can add any additional logic here when permission is granted
-  }
-});
+  // Listen for messages from the iframe
+  window.addEventListener('message', (event) => {
+    if (event.data.type === 'MICROPHONE_PERMISSION_GRANTED') {
+      console.log('Microphone permission granted');
+      // You can add any additional logic here when permission is granted
+    }
+  });
+}