Chore: Code Linting & Formatting (#412)

* (WIP) update+configure prettier, eslint, and plugins/configs
* code linting changes
* remove webextension-toolbox.config file

.babelrc

@@ -0,0 +1,5 @@
+{
+  "presets": [
+    "@babel/preset-react"
+  ]
+}

.editorconfig

@@ -15,3 +15,6 @@ insert_final_newline = false
 
 [*.{pem,pub}]
 insert_final_newline = false
+
+[*.css]
+tab_width = 4

.eslintrc.json

@@ -0,0 +1,8 @@
+{
+  "root": true,
+  "extends": [
+    "prettier"
+  ],
+  "plugins": [],
+  "rules": {}
+}

app/scripts/background.js

@@ -8,8 +8,8 @@ import {
   OnBeforeSendHeaders,
   OnSendHeaders,
 } from "./background/webRequest";
-import { IsVideoURL } from "./helpers/youtube";
 import Options from "./helpers/options";
+import { IsVideoURL } from "./helpers/youtube";
 
 browser.browserAction.onClicked.addListener(() => {
   if (browser.runtime.openOptionsPage) {
@@ -18,7 +18,7 @@ browser.browserAction.onClicked.addListener(() => {
     browser.management
       .getSelf()
       .then(({ optionsUrl: url }) =>
-        browser.windows.create({ url, type: "popup" })
+        browser.windows.create({ url, type: "popup" }),
       );
   }
 });
@@ -32,13 +32,13 @@ browser.runtime.onMessage.addListener(OnRuntimeMessage);
 browser.webRequest.onBeforeSendHeaders.addListener(
   OnBeforeSendHeaders,
   GetFilter("onBeforeSendHeaders"),
-  GetExtraInfoSpec("onBeforeSendHeaders")
+  GetExtraInfoSpec("onBeforeSendHeaders"),
 );
 
 browser.webRequest.onSendHeaders.addListener(
   OnSendHeaders,
   GetFilter("onSendHeaders"),
-  GetExtraInfoSpec("onSendHeaders")
+  GetExtraInfoSpec("onSendHeaders"),
 );
 
 browser.tabs.onUpdated.addListener(async (tabId, changeInfo) => {

app/scripts/background/commands.js

@@ -22,7 +22,7 @@ export const OnCommandEventHandler = async (command) => {
 
     case "open-popout-force-close-command":
       console.log(
-        "[Background] Instructing active tab to open popout player and close original tab"
+        "[Background] Instructing active tab to open popout player and close original tab",
       );
       SendMessageToActiveTab({
         action: "open-popout-via-command",
@@ -35,7 +35,7 @@ export const OnCommandEventHandler = async (command) => {
 
     case "open-popout-no-close-command":
       console.log(
-        "[Background] Instructing active tab to open popout player without closing original tab"
+        "[Background] Instructing active tab to open popout player without closing original tab",
       );
       SendMessageToActiveTab({
         action: "open-popout-via-command",
@@ -48,7 +48,7 @@ export const OnCommandEventHandler = async (command) => {
 
     case "rotate-video-left":
       console.log(
-        "[Background] Instructing active tab to rotate video to the left (by -90 degrees)"
+        "[Background] Instructing active tab to rotate video to the left (by -90 degrees)",
       );
       SendMessageToActiveTab({
         action: "rotate-video-player",
@@ -60,7 +60,7 @@ export const OnCommandEventHandler = async (command) => {
 
     case "rotate-video-right":
       console.log(
-        "[Background] Instructing active tab to rotate video to the right (by +90 degrees)"
+        "[Background] Instructing active tab to rotate video to the right (by +90 degrees)",
       );
       SendMessageToActiveTab({
         action: "rotate-video-player",

app/scripts/background/menus.js

@@ -1,11 +1,9 @@
-import { OpenPopoutBackgroundHelper } from "./popout";
-
 import {
-  YOUTUBE_VIDEO_URL_PATTERNS,
   YOUTUBE_PLAYLIST_URL_PATTERNS,
+  YOUTUBE_VIDEO_URL_PATTERNS,
 } from "../helpers/constants";
-
 import Options from "../helpers/options";
+import { OpenPopoutBackgroundHelper } from "./popout";
 
 export const GetMenus = async () => {
   const menus = [
@@ -27,12 +25,12 @@ export const GetMenus = async () => {
 
   const showRotationMenus = await Options.GetLocalOption(
     "behavior",
-    "showRotationMenus"
+    "showRotationMenus",
   );
   if (showRotationMenus !== false) {
     menus.push({
       title: browser.i18n.getMessage(
-        "LinkContextMenuEntry_OpenVideoRotateLeft_Text"
+        "LinkContextMenuEntry_OpenVideoRotateLeft_Text",
       ),
       contexts: ["link"],
       targetUrlPatterns: YOUTUBE_VIDEO_URL_PATTERNS,
@@ -41,7 +39,7 @@ export const GetMenus = async () => {
     });
     menus.push({
       title: browser.i18n.getMessage(
-        "LinkContextMenuEntry_OpenVideoRotateRight_Text"
+        "LinkContextMenuEntry_OpenVideoRotateRight_Text",
       ),
       contexts: ["link"],
       targetUrlPatterns: YOUTUBE_VIDEO_URL_PATTERNS,