Format the code using prettier

.prettierrc

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

background.js

@@ -1,38 +1,38 @@
-let currentWindow;
+let currentWindow
 
 function listen(lang) {
   if (currentWindow) {
-    chrome.runtime.sendMessage({ type: "toggle", lang: lang }, () => {});
-    return;
+    chrome.runtime.sendMessage({ type: 'toggle', lang: lang }, () => {})
+    return
   }
   chrome.windows.create(
     {
-      url: "popup.html#lang=" + lang,
-      type: "popup",
+      url: 'popup.html#lang=' + lang,
+      type: 'popup',
       top: screen.availHeight - 200,
       left: 0,
       width: screen.availWidth,
       height: 180,
-      focused: false
+      focused: false,
     },
     window => {
-      currentWindow = window.id;
-    }
-  );
+      currentWindow = window.id
+    },
+  )
 }
 
 chrome.commands.onCommand.addListener(function(command) {
-  if (command === "listen-en") {
-    listen("en");
+  if (command === 'listen-en') {
+    listen('en')
   }
-  if (command === "listen-th") {
-    listen("th");
+  if (command === 'listen-th') {
+    listen('th')
   }
-});
+})
 
 chrome.windows.onRemoved.addListener(function(windowId) {
-  console.log("Window closed", windowId, currentWindow);
+  console.log('Window closed', windowId, currentWindow)
   if (windowId === currentWindow) {
-    currentWindow = null;
+    currentWindow = null
   }
-});
+})

manifest.json

@@ -19,5 +19,5 @@
   "background": {
     "scripts": ["background.js"]
   },
-  "permissions": ["clipboardWrite"]
+  "permissions": ["clipboardWrite", "notifications"]
 }

popup.js

@@ -1,133 +1,133 @@
-var logContainer = document.querySelector("#log");
-var interimText = document.querySelector("#interim");
-var finalText = document.querySelector("#final");
-var ac = new AudioContext();
+var logContainer = document.querySelector('#log')
+var interimText = document.querySelector('#interim')
+var finalText = document.querySelector('#final')
+var ac = new AudioContext()
 
 function tone(f, s) {
-  const d = s * 0.05;
-  const osc = ac.createOscillator();
-  const gain = ac.createGain();
+  const d = s * 0.05
+  const osc = ac.createOscillator()
+  const gain = ac.createGain()
 
-  osc.frequency.value = 220 * Math.pow(2, f / 12);
-  osc.connect(gain);
+  osc.frequency.value = 220 * Math.pow(2, f / 12)
+  osc.connect(gain)
 
-  gain.gain.value = 0.25;
-  gain.gain.setValueAtTime(0.25, ac.currentTime + d);
-  gain.gain.linearRampToValueAtTime(0.0, ac.currentTime + d + 0.07);
-  gain.connect(ac.destination);
+  gain.gain.value = 0.25
+  gain.gain.setValueAtTime(0.25, ac.currentTime + d)
+  gain.gain.linearRampToValueAtTime(0.0, ac.currentTime + d + 0.07)
+  gain.connect(ac.destination)
 
-  osc.start(ac.currentTime + d);
-  osc.stop(ac.currentTime + d + 0.1);
+  osc.start(ac.currentTime + d)
+  osc.stop(ac.currentTime + d + 0.1)
 }
 
 function log(text) {
-  const item = document.createElement("div");
-  item.textContent = "[" + new Date().toJSON() + "] " + text;
-  logContainer.appendChild(item);
+  const item = document.createElement('div')
+  item.textContent = '[' + new Date().toJSON() + '] ' + text
+  logContainer.appendChild(item)
   if (logContainer.childNodes.length > 10) {
-    logContainer.removeChild(logContainer.firstChild);
+    logContainer.removeChild(logContainer.firstChild)
   }
 }
 
-var recognition = new webkitSpeechRecognition();
-var listening = false;
-var endSounded = false;
-var closeTimeout = null;
-recognition.continuous = true;
-recognition.interimResults = true;
+var recognition = new webkitSpeechRecognition()
+var listening = false
+var endSounded = false
+var closeTimeout = null
+recognition.continuous = true
+recognition.interimResults = true
 recognition.onstart = function() {
-  log("Ready to listen");
-  tone(5, 0);
-  tone(10, 1);
-};
+  log('Ready to listen')
+  tone(5, 0)
+  tone(10, 1)
+}
 recognition.onerror = function() {
-  if (event.error === "no-speech") {
-    listening = false;
-    log("Closed: No speech");
+  if (event.error === 'no-speech') {
+    listening = false
+    log('Closed: No speech')
   }
   const sendError = message => {
-    log("Error: " + message);
-  };
-  if (event.error === "audio-capture") {
-    sendError("No microphone was found.");
+    log('Error: ' + message)
+  }
+  if (event.error === 'audio-capture') {
+    sendError('No microphone was found.')
   }
-  if (event.error === "not-allowed") {
-    sendError("Permission to use microphone is blocked.");
+  if (event.error === 'not-allowed') {
+    sendError('Permission to use microphone is blocked.')
   }
   if (!endSounded) {
-    tone(10, 0);
-    tone(7, 1);
-    tone(4, 2);
-    endSounded = true;
+    tone(10, 0)
+    tone(7, 1)
+    tone(4, 2)
+    endSounded = true
   }
-  clearTimeout(closeTimeout);
+  clearTimeout(closeTimeout)
   closeTimeout = setTimeout(() => {
-    window.close();
-  }, 1000);
-};
+    window.close()
+  }, 1000)
+}
 recognition.onend = function() {
-  log("Ended");
-  listening = false;
+  log('Ended')
+  listening = false
   if (!endSounded) {
-    tone(15, 0);
-    tone(8, 1);
-    tone(1, 2);
-    endSounded = true;
+    tone(15, 0)
+    tone(8, 1)
+    tone(1, 2)
+    endSounded = true
   }
 
-  clearTimeout(closeTimeout);
+  clearTimeout(closeTimeout)
   closeTimeout = setTimeout(() => {
-    window.close();
-  }, 1000);
-};
+    window.close()
+  }, 1000)
+}
 recognition.onresult = function(event) {
-  var finalTranscript = "";
-  var interimTranscript = "";
+  var finalTranscript = ''
+  var interimTranscript = ''
   for (var i = event.resultIndex; i < event.results.length; ++i) {
     if (event.results[i].isFinal) {
-      finalTranscript += event.results[i][0].transcript;
+      finalTranscript += event.results[i][0].transcript
     } else {
-      interimTranscript += event.results[i][0].transcript;
+      interimTranscript += event.results[i][0].transcript
     }
   }
-  interimText.textContent = interimTranscript;
-  finalText.textContent = finalTranscript;
+  interimText.textContent = interimTranscript
+  finalText.textContent = finalTranscript
   if (finalTranscript) {
-    copyTextToClipboard(finalTranscript.trim());
-    tone(5, 0);
-    tone(10, 1);
-    tone(15, 2);
+    copyTextToClipboard(finalTranscript.trim())
+    tone(5, 0)
+    tone(10, 1)
+    tone(15, 2)
   }
-};
+}
 function start(lang) {
-  clearTimeout(closeTimeout);
-  tone(0, 0);
-  log("Start listening for " + lang);
-  recognition.lang = lang;
-  recognition.start();
-  listening = true;
-  endSounded = false;
+  clearTimeout(closeTimeout)
+  tone(0, 0)
+  log('Start listening for ' + lang)
+  recognition.lang = lang
+  recognition.start()
+  listening = true
+  endSounded = false
 }
 
 function copyTextToClipboard(text) {
-  var copyFrom = document.createElement("textarea");
-  copyFrom.textContent = text;
-  document.body.appendChild(copyFrom);
-  copyFrom.select();
-  document.execCommand("copy");
-  copyFrom.blur();
-  document.body.removeChild(copyFrom);
+  var copyFrom = document.createElement('textarea')
+  copyFrom.textContent = text
+  document.body.appendChild(copyFrom)
+  copyFrom.select()
+  document.execCommand('copy')
+  copyFrom.blur()
+  document.body.removeChild(copyFrom)
 }
 
-start(location.hash.match(/lang=([^&]+)/)[1]);
+start(location.hash.match(/lang=([^&]+)/)[1])
 
 chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
-  if (request.type === "toggle") {
+  if (request.type === 'toggle') {
     if (listening) {
-      recognition.stop();
+      recognition.stop()
     } else {
-      start(request.lang);
+      start(request.lang)
     }
-    sendResponse({ ok: true });
+    sendResponse({ ok: true })
   }
-});
+})