eslint: object-curly-spacing/array-bracket-spacing

.eslintrc.json

@@ -1,7 +1,7 @@
 {
     "root": true
   , "parser": "@typescript-eslint/parser"
-  , "plugins": ["@typescript-eslint"]
+  , "plugins": [ "@typescript-eslint" ]
   , "extends": [
         "eslint:recommended"
       , "plugin:@typescript-eslint/recommended"
@@ -30,6 +30,15 @@
             "allow": [ "info", "error" ]
         }]
 
+      , "object-curly-spacing": [ "error", "always", {
+            "arraysInObjects": false
+          , "objectsInObjects": false
+        }]
+      , "array-bracket-spacing": [ "error", "always", {
+            "objectsInArrays": false
+          , "arraysInArrays": false
+        }]
+
       , "@typescript-eslint/no-empty-interface": "off"
       , "@typescript-eslint/no-explicit-any": "off"
       , "@typescript-eslint/explicit-module-boundary-types": "off"

app/src/bridge/components/discovery.ts

@@ -20,7 +20,7 @@ const browser = mdns.createBrowser(mdns.tcp("googlecast"), {
       , "DNSServiceGetAddrInfo" in mdns.dns_sd
             ? mdns.rst.DNSServiceGetAddrInfo()
               // Some issues on Linux with IPv6, so restrict to IPv4
-            : mdns.rst.getaddrinfo({ families: [ 4 ] })
+            : mdns.rst.getaddrinfo({ families: [ 4 ]})
       , mdns.rst.makeAddressesUnique()
     ]
 });

app/src/bridge/index.ts

@@ -10,7 +10,7 @@ import { startMediaServer, stopMediaServer } from "./components/mediaServer";
 import { startReceiverSelector, stopReceiverSelector }
         from "./components/receiverSelector";
 
-import { __applicationName, __applicationVersion} from "../../package.json";
+import { __applicationName, __applicationVersion } from "../../package.json";
 
 
 process.on("SIGTERM", () => {

ext/src/background/StatusManager.ts

@@ -35,7 +35,7 @@ export default new class StatusManager
     }
 
     public *getReceivers() {
-        for (const [, receiver ] of this.receivers) {
+        for (const [ , receiver ] of this.receivers) {
             if (receiver.status && receiver.status.application
                                 && receiver.status.volume) {
                 yield receiver;
@@ -136,7 +136,7 @@ export default new class StatusManager
      * seconds.
      */
     private onBridgePortDisconnect() {
-        for (const [, receiver] of this.receivers) {
+        for (const [ , receiver ] of this.receivers) {
             const serviceDownEvent = new CustomEvent("serviceDown", {
                 detail: { id: receiver.id }
             });

ext/src/background/whitelist.ts

@@ -205,7 +205,7 @@ async function registerUserAgentWhitelist() {
 
     browser.webRequest.onBeforeSendHeaders.addListener(
             onWhitelistedChildBeforeSendHeaders
-          , { urls: [ "<all_urls>" ] }
+          , { urls: [ "<all_urls>" ]}
           , [ "blocking", "requestHeaders" ]);
 }
 

ext/src/senders/media/overlay/overlayContent.ts

@@ -281,9 +281,9 @@ function createElementNS(
  * toString/toSource values of the native function.
  */
 Object.defineProperties(createElement, clonePropsDescriptor(
-        _createElement, ["toString", "toSource"]));
+        _createElement, [ "toString", "toSource" ]));
 Object.defineProperties(createElementNS, clonePropsDescriptor(
-        _createElementNS, ["toString", "toSource"]));
+        _createElementNS, [ "toString", "toSource" ]));
 
 // Re-define element creation functions
 Object.defineProperties(document, {
@@ -362,7 +362,7 @@ document.addEventListener("DOMContentLoaded", () => {
         const mediaElements = document.querySelectorAll(mediaSelector);
         const deepMediaElements = deepQuerySelectorAll(mediaSelector);
 
-        for (const mediaElement of [...mediaElements, ...deepMediaElements]) {
+        for (const mediaElement of [ ...mediaElements, ...deepMediaElements ]) {
             wrapMediaElement(mediaElement as HTMLMediaElement);
         }
     });

ext/src/shim/cast/index.ts

@@ -74,7 +74,7 @@ export {
 
 export let isAvailable = false;
 export const timeout = new Timeout();
-export const VERSION = [1, 2];
+export const VERSION = [ 1, 2 ];
 
 export function addReceiverActionListener(
         listener: ReceiverActionListener): void {

ext/src/ui/options/EditableList.tsx

@@ -106,7 +106,7 @@ export default class EditableList extends Component<
         const newItems = new Set(this.props.data);
         newItems.delete(item);
 
-        this.props.onChange([...newItems]);
+        this.props.onChange([ ...newItems ]);
     }
 
     private handleItemEdit(item: string, newValue: string) {