Lint: object-curly-spacing (error) (#4198)

.eslintrc.js

@@ -76,6 +76,10 @@ module.exports = {
           "avoidEscape": true,
           "allowTemplateLiterals": true,
         }],
+        "object-curly-spacing": ["error", "always", {
+          "objectsInObjects": false,
+          "arraysInObjects": true,
+        }],
         "linebreak-style": ["error", "unix"],
         "eol-last": ["error", "always"],
         "semi": ["error", "always"],
@@ -90,7 +94,7 @@ module.exports = {
           { "blankLine": "always", "prev": "*", "next": "function" },
           { "blankLine": "always", "prev": "*", "next": "class" },
           { "blankLine": "always", "prev": ["const", "let", "var"], "next": "*" },
-          { "blankLine": "any", "prev": ["const", "let", "var"], "next": ["const", "let", "var"]},
+          { "blankLine": "any", "prev": ["const", "let", "var"], "next": ["const", "let", "var"] },
         ],
         "no-template-curly-in-string": "error",
       }
@@ -143,6 +147,11 @@ module.exports = {
           "avoidEscape": true,
           "allowTemplateLiterals": true,
         }],
+        "object-curly-spacing": "off",
+        "@typescript-eslint/object-curly-spacing": ["error", "always", {
+          "objectsInObjects": false,
+          "arraysInObjects": true,
+        }],
         "react/prop-types": "off",
         "semi": "off",
         "@typescript-eslint/semi": ["error"],
@@ -160,7 +169,7 @@ module.exports = {
           { "blankLine": "always", "prev": "*", "next": "function" },
           { "blankLine": "always", "prev": "*", "next": "class" },
           { "blankLine": "always", "prev": ["const", "let", "var"], "next": "*" },
-          { "blankLine": "any", "prev": ["const", "let", "var"], "next": ["const", "let", "var"]},
+          { "blankLine": "any", "prev": ["const", "let", "var"], "next": ["const", "let", "var"] },
         ],
         "no-template-curly-in-string": "error",
       },
@@ -220,6 +229,11 @@ module.exports = {
           "avoidEscape": true,
           "allowTemplateLiterals": true,
         }],
+        "object-curly-spacing": "off",
+        "@typescript-eslint/object-curly-spacing": ["error", "always", {
+          "objectsInObjects": false,
+          "arraysInObjects": true,
+        }],
         "react/prop-types": "off",
         "semi": "off",
         "@typescript-eslint/semi": ["error"],
@@ -237,7 +251,7 @@ module.exports = {
           { "blankLine": "always", "prev": "*", "next": "function" },
           { "blankLine": "always", "prev": "*", "next": "class" },
           { "blankLine": "always", "prev": ["const", "let", "var"], "next": "*" },
-          { "blankLine": "any", "prev": ["const", "let", "var"], "next": ["const", "let", "var"]},
+          { "blankLine": "any", "prev": ["const", "let", "var"], "next": ["const", "let", "var"] },
         ],
         "react-hooks/rules-of-hooks": "error",
         "react-hooks/exhaustive-deps": "off",

extensions/metrics-cluster-feature/renderer.tsx

@@ -31,7 +31,7 @@ export default class ClusterMetricsFeatureExtension extends Renderer.LensExtensi
       title: "Lens Metrics",
       priority: 5,
       components: {
-        View: ({ entity = null }: { entity: Common.Catalog.KubernetesCluster}) => {
+        View: ({ entity = null }: { entity: Common.Catalog.KubernetesCluster }) => {
           return (
             <MetricsSettings cluster={entity} />
           );

extensions/metrics-cluster-feature/src/metrics-feature.ts

@@ -92,11 +92,11 @@ export class MetricsFeature {
   }
 
   async getStatus(): Promise<MetricsStatus> {
-    const status: MetricsStatus = { installed: false, canUpgrade: false};
+    const status: MetricsStatus = { installed: false, canUpgrade: false };
 
     try {
       const namespaceApi = forCluster(this.cluster, Namespace);
-      const namespace = await namespaceApi.get({name: "lens-metrics"});
+      const namespace = await namespaceApi.get({ name: "lens-metrics" });
 
       if (namespace?.kind) {
         const currentVersion = namespace.metadata.annotations?.extensionVersion || "0.0.0";

extensions/metrics-cluster-feature/src/metrics-settings.tsx

@@ -114,7 +114,7 @@ export class MetricsSettings extends React.Component<Props> {
     const statefulSet = forCluster(this.props.cluster, StatefulSet);
 
     try {
-      await statefulSet.get({name: "prometheus", namespace: "lens-metrics"});
+      await statefulSet.get({ name: "prometheus", namespace: "lens-metrics" });
       this.featureStates.prometheus = true;
     } catch(e) {
       if (e?.error?.code === 404) {
@@ -127,7 +127,7 @@ export class MetricsSettings extends React.Component<Props> {
     const deployment = forCluster(this.props.cluster, Deployment);
 
     try {
-      await deployment.get({name: "kube-state-metrics", namespace: "lens-metrics"});
+      await deployment.get({ name: "kube-state-metrics", namespace: "lens-metrics" });
       this.featureStates.kubeStateMetrics = true;
     } catch(e) {
       if (e?.error?.code === 404) {
@@ -140,7 +140,7 @@ export class MetricsSettings extends React.Component<Props> {
     const daemonSet = forCluster(this.props.cluster, DaemonSet);
 
     try {
-      await daemonSet.get({name: "node-exporter", namespace: "lens-metrics"});
+      await daemonSet.get({ name: "node-exporter", namespace: "lens-metrics" });
       this.featureStates.nodeExporter = true;
     } catch(e) {
       if (e?.error?.code === 404) {
@@ -207,14 +207,14 @@ export class MetricsSettings extends React.Component<Props> {
       <>
         { this.props.cluster.status.phase !== "connected" && (
           <section>
-            <p style={ {color: "var(--colorError)"} }>
+            <p style={ { color: "var(--colorError)" } }>
               Lens Metrics settings requires established connection to the cluster.
             </p>
           </section>
         )}
         { !this.isActiveMetricsProvider && (
           <section>
-            <p style={ {color: "var(--colorError)"} }>
+            <p style={ { color: "var(--colorError)" } }>
               Other metrics provider is currently active. See &quot;Metrics&quot; tab for details.
             </p>
           </section>

src/common/__tests__/event-bus.test.ts

@@ -34,7 +34,7 @@ describe("event bus tests", () => {
         event = data;
       });
 
-      appEventBus.emit({name: "foo", action: "bar"});
+      appEventBus.emit({ name: "foo", action: "bar" });
       expect(event.name).toBe("foo");
     });
   });

src/common/__tests__/kube-helpers.test.ts

@@ -174,7 +174,7 @@ describe("kube helpers", () => {
       });
 
       it("multiple context is ok", async () => {
-        mockKubeConfig.contexts.push({context: {cluster: "cluster-2", user: "cluster-2"}, name: "cluster-2"});
+        mockKubeConfig.contexts.push({ context: { cluster: "cluster-2", user: "cluster-2" }, name: "cluster-2" });
         const { config } = loadConfigFromString(JSON.stringify(mockKubeConfig));
 
         expect(config.getCurrentContext()).toBe("minikube");
@@ -209,7 +209,7 @@ describe("kube helpers", () => {
       });
 
       it("empty name in context causes it to be removed", async () => {
-        mockKubeConfig.contexts.push({context: {cluster: "cluster-2", user: "cluster-2"}, name: ""});
+        mockKubeConfig.contexts.push({ context: { cluster: "cluster-2", user: "cluster-2" }, name: "" });
         expect(mockKubeConfig.contexts.length).toBe(2);
         const { config } = loadConfigFromString(JSON.stringify(mockKubeConfig));
 
@@ -218,7 +218,7 @@ describe("kube helpers", () => {
       });
 
       it("empty cluster in context causes it to be removed", async () => {
-        mockKubeConfig.contexts.push({context: {cluster: "", user: "cluster-2"}, name: "cluster-2"});
+        mockKubeConfig.contexts.push({ context: { cluster: "", user: "cluster-2" }, name: "cluster-2" });
         expect(mockKubeConfig.contexts.length).toBe(2);
         const { config } = loadConfigFromString(JSON.stringify(mockKubeConfig));
 
@@ -227,7 +227,7 @@ describe("kube helpers", () => {
       });
 
       it("empty user in context causes it to be removed", async () => {
-        mockKubeConfig.contexts.push({context: {cluster: "cluster-2", user: ""}, name: "cluster-2"});
+        mockKubeConfig.contexts.push({ context: { cluster: "cluster-2", user: "" }, name: "cluster-2" });
         expect(mockKubeConfig.contexts.length).toBe(2);
         const { config } = loadConfigFromString(JSON.stringify(mockKubeConfig));
 
@@ -236,8 +236,8 @@ describe("kube helpers", () => {
       });
 
       it("invalid context in between valid contexts is removed", async () => {
-        mockKubeConfig.contexts.push({context: {cluster: "cluster-2", user: ""}, name: "cluster-2"});
+        mockKubeConfig.contexts.push({ context: { cluster: "cluster-2", user: "" }, name: "cluster-2" });
-        mockKubeConfig.contexts.push({context: {cluster: "cluster-3", user: "cluster-3"}, name: "cluster-3"});
+        mockKubeConfig.contexts.push({ context: { cluster: "cluster-3", user: "cluster-3" }, name: "cluster-3" });
         expect(mockKubeConfig.contexts.length).toBe(3);
         const { config } = loadConfigFromString(JSON.stringify(mockKubeConfig));
 

src/common/__tests__/user-store.test.ts

@@ -52,7 +52,7 @@ AppPaths.init();
 describe("user store tests", () => {
   describe("for an empty config", () => {
     beforeEach(() => {
-      mockFs({ tmp: { "config.json": "{}", "kube_config": "{}" } });
+      mockFs({ tmp: { "config.json": "{}", "kube_config": "{}" }});
 
       (UserStore.createInstance() as any).refreshNewContexts = jest.fn(() => Promise.resolve());
     });

src/common/hotbar-store.ts

@@ -73,8 +73,8 @@ export class HotbarStore extends BaseStore<HotbarStoreModel> {
   protected fromStore(data: Partial<HotbarStoreModel> = {}) {
     if (!data.hotbars || !data.hotbars.length) {
       const hotbar = getEmptyHotbar("Default");
-      const { metadata: { uid, name, source } } = catalogEntity;
+      const { metadata: { uid, name, source }} = catalogEntity;
-      const initialItem = { entity: { uid, name, source } };
+      const initialItem = { entity: { uid, name, source }};
 
       hotbar.items[0] = initialItem;
 

src/common/k8s-api/__tests__/deployment.api.test.ts

@@ -41,7 +41,7 @@ describe("DeploymentApi", () => {
     it("requests Kubernetes API with PATCH verb and correct amount of replicas", () => {
       const patchSpy = jest.spyOn(requestMock, "patch");
 
-      sub.scale({ namespace: "default", name: "deployment-1"}, 5);
+      sub.scale({ namespace: "default", name: "deployment-1" }, 5);
 
       expect(patchSpy).toHaveBeenCalledWith("/apis/apps/v1/namespaces/default/deployments/deployment-1/scale", {
         data: {

src/common/k8s-api/__tests__/kube-object.test.ts

@@ -45,12 +45,12 @@ describe("KubeObject", () => {
     {
       type TestCase = [string, any];
       const tests: TestCase[] = [
-        ["kind", { apiVersion: "", metadata: {uid: "", name: "", resourceVersion: "", selfLink: ""} }],
+        ["kind", { apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" }}],
-        ["apiVersion", { kind: "", metadata: {uid: "", name: "", resourceVersion: "", selfLink: ""} }],
+        ["apiVersion", { kind: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" }}],
         ["metadata", { kind: "", apiVersion: "" }],
-        ["metadata.uid", { kind: "", apiVersion: "", metadata: { name: "", resourceVersion: "", selfLink: ""} }],
+        ["metadata.uid", { kind: "", apiVersion: "", metadata: { name: "", resourceVersion: "", selfLink: "" }}],
-        ["metadata.name", { kind: "", apiVersion: "", metadata: { uid: "", resourceVersion: "", selfLink: "" } }],
+        ["metadata.name", { kind: "", apiVersion: "", metadata: { uid: "", resourceVersion: "", selfLink: "" }}],
-        ["metadata.resourceVersion", { kind: "", apiVersion: "", metadata: { uid: "", name: "", selfLink: "" } }],
+        ["metadata.resourceVersion", { kind: "", apiVersion: "", metadata: { uid: "", name: "", selfLink: "" }}],
       ];
 
       it.each(tests)("should reject with missing: %s", (missingField, input) => {
@@ -61,23 +61,23 @@ describe("KubeObject", () => {
     {
       type TestCase = [string, any];
       const tests: TestCase[] = [
-        ["kind", { kind: 1, apiVersion: "", metadata: {} }],
+        ["kind", { kind: 1, apiVersion: "", metadata: {}}],
-        ["apiVersion", { apiVersion: 1, kind: "", metadata: {} }],
+        ["apiVersion", { apiVersion: 1, kind: "", metadata: {}}],
         ["metadata", { kind: "", apiVersion: "", metadata: "" }],
-        ["metadata.uid", { kind: "", apiVersion: "", metadata: { uid: 1 } }],
+        ["metadata.uid", { kind: "", apiVersion: "", metadata: { uid: 1 }}],
-        ["metadata.name", { kind: "", apiVersion: "", metadata: { uid: "", name: 1 } }],
+        ["metadata.name", { kind: "", apiVersion: "", metadata: { uid: "", name: 1 }}],
-        ["metadata.resourceVersion", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: 1 } }],
+        ["metadata.resourceVersion", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: 1 }}],
-        ["metadata.selfLink", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: 1 } }],
+        ["metadata.selfLink", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: 1 }}],
-        ["metadata.namespace", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", namespace: 1 } }],
+        ["metadata.namespace", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", namespace: 1 }}],
-        ["metadata.creationTimestamp", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", creationTimestamp: 1 } }],
+        ["metadata.creationTimestamp", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", creationTimestamp: 1 }}],
-        ["metadata.continue", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", continue: 1 } }],
+        ["metadata.continue", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", continue: 1 }}],
-        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: 1 } }],
+        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: 1 }}],
-        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: [1] } }],
+        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: [1] }}],
-        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: {} } }],
+        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: {}}}],
-        ["metadata.labels", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", labels: 1 } }],
+        ["metadata.labels", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", labels: 1 }}],
-        ["metadata.labels", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", labels: { food: 1 } } }],
+        ["metadata.labels", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", labels: { food: 1 }}}],
-        ["metadata.annotations", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: 1 } }],
+        ["metadata.annotations", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: 1 }}],
-        ["metadata.annotations", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: { food: 1 } } }],
+        ["metadata.annotations", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: { food: 1 }}}],
       ];
 
       it.each(tests)("should reject with wrong type for field: %s", (missingField, input) => {
@@ -86,7 +86,7 @@ describe("KubeObject", () => {
     }
 
     it("should accept valid KubeJsonApiData (ignoring other fields)", () => {
-      const valid = { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: { food: "" } } };
+      const valid = { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: { food: "" }}};
 
       expect(KubeObject.isJsonApiData(valid)).toBe(true);
     });
@@ -118,8 +118,8 @@ describe("KubeObject", () => {
     {
       type TestCase = [string, any];
       const tests: TestCase[] = [
-        ["kind", { apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" } }],
+        ["kind", { apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" }}],
-        ["apiVersion", { kind: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" } }],
+        ["apiVersion", { kind: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" }}],
         ["metadata", { kind: "", apiVersion: "" }],
       ];
 
@@ -131,23 +131,23 @@ describe("KubeObject", () => {
     {
       type TestCase = [string, any];
       const tests: TestCase[] = [
-        ["kind", { kind: 1, apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" } }],
+        ["kind", { kind: 1, apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" }}],
-        ["apiVersion", { apiVersion: 1, kind: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" } }],
+        ["apiVersion", { apiVersion: 1, kind: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "" }}],
         ["metadata", { kind: "", apiVersion: "", metadata: "" }],
-        ["metadata.uid", { kind: "", apiVersion: "", metadata: { uid: 1, name: "", resourceVersion: "", selfLink: "" } }],
+        ["metadata.uid", { kind: "", apiVersion: "", metadata: { uid: 1, name: "", resourceVersion: "", selfLink: "" }}],
-        ["metadata.name", { kind: "", apiVersion: "", metadata: { uid: "", name: 1, resourceVersion: "", selfLink: "" } }],
+        ["metadata.name", { kind: "", apiVersion: "", metadata: { uid: "", name: 1, resourceVersion: "", selfLink: "" }}],
-        ["metadata.resourceVersion", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: 1, selfLink: "" } }],
+        ["metadata.resourceVersion", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: 1, selfLink: "" }}],
-        ["metadata.selfLink", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: 1 } }],
+        ["metadata.selfLink", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: 1 }}],
-        ["metadata.namespace", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", namespace: 1 } }],
+        ["metadata.namespace", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", namespace: 1 }}],
-        ["metadata.creationTimestamp", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", creationTimestamp: 1 } }],
+        ["metadata.creationTimestamp", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", creationTimestamp: 1 }}],
-        ["metadata.continue", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", continue: 1 } }],
+        ["metadata.continue", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", continue: 1 }}],
-        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: 1 } }],
+        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: 1 }}],
-        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: [1] } }],
+        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: [1] }}],
-        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: {} } }],
+        ["metadata.finalizers", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", finalizers: {}}}],
-        ["metadata.labels", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", labels: 1 } }],
+        ["metadata.labels", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", labels: 1 }}],
-        ["metadata.labels", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", labels: { food: 1 } } }],
+        ["metadata.labels", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", labels: { food: 1 }}}],
-        ["metadata.annotations", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: 1 } }],
+        ["metadata.annotations", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: 1 }}],
-        ["metadata.annotations", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: { food: 1 } } }],
+        ["metadata.annotations", { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: { food: 1 }}}],
       ];
 
       it.each(tests)("should reject with wrong type for field: %s", (missingField, input) => {
@@ -156,7 +156,7 @@ describe("KubeObject", () => {
     }
 
     it("should accept valid Partial<KubeJsonApiData> (ignoring other fields)", () => {
-      const valid = { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: { food: "" } } };
+      const valid = { kind: "", apiVersion: "", metadata: { uid: "", name: "", resourceVersion: "", selfLink: "", annotations: { food: "" }}};
 
       expect(KubeObject.isPartialJsonApiData(valid)).toBe(true);
     });
@@ -197,8 +197,8 @@ describe("KubeObject", () => {
     {
       type TestCase = [string, any];
       const tests: TestCase[] = [
-        ["kind", { apiVersion: "", items: [], metadata: { resourceVersion: "", selfLink: "" } }],
+        ["kind", { apiVersion: "", items: [], metadata: { resourceVersion: "", selfLink: "" }}],
-        ["apiVersion", { kind: "", items: [], metadata: { resourceVersion: "", selfLink: "" } }],
+        ["apiVersion", { kind: "", items: [], metadata: { resourceVersion: "", selfLink: "" }}],
         ["metadata", { kind: "", items: [], apiVersion: "" }],
       ];
 
@@ -210,15 +210,15 @@ describe("KubeObject", () => {
     {
       type TestCase = [string, any];
       const tests: TestCase[] = [
-        ["kind", { kind: 1, items: [], apiVersion: "", metadata: { resourceVersion: "", selfLink: "" } }],
+        ["kind", { kind: 1, items: [], apiVersion: "", metadata: { resourceVersion: "", selfLink: "" }}],
-        ["apiVersion", { kind: "", items: [], apiVersion: 1, metadata: { resourceVersion: "", selfLink: "" } }],
+        ["apiVersion", { kind: "", items: [], apiVersion: 1, metadata: { resourceVersion: "", selfLink: "" }}],
         ["metadata", { kind: "", items: [], apiVersion: "", metadata: 1 }],
-        ["metadata.resourceVersion", { kind: "", items: [], apiVersion: "", metadata: { resourceVersion: 1, selfLink: "" } }],
+        ["metadata.resourceVersion", { kind: "", items: [], apiVersion: "", metadata: { resourceVersion: 1, selfLink: "" }}],
-        ["metadata.selfLink", { kind: "", items: [], apiVersion: "", metadata: { resourceVersion: "", selfLink: 1 } }],
+        ["metadata.selfLink", { kind: "", items: [], apiVersion: "", metadata: { resourceVersion: "", selfLink: 1 }}],
-        ["items", { kind: "", items: 1, apiVersion: "", metadata: { resourceVersion: "", selfLink: "" } }],
+        ["items", { kind: "", items: 1, apiVersion: "", metadata: { resourceVersion: "", selfLink: "" }}],
-        ["items", { kind: "", items: "", apiVersion: "", metadata: { resourceVersion: "", selfLink: "" } }],
+        ["items", { kind: "", items: "", apiVersion: "", metadata: { resourceVersion: "", selfLink: "" }}],
-        ["items", { kind: "", items: {}, apiVersion: "", metadata: { resourceVersion: "", selfLink: "" } }],
+        ["items", { kind: "", items: {}, apiVersion: "", metadata: { resourceVersion: "", selfLink: "" }}],
-        ["items[0]", { kind: "", items: [""], apiVersion: "", metadata: { resourceVersion: "", selfLink: "" } }],
+        ["items[0]", { kind: "", items: [""], apiVersion: "", metadata: { resourceVersion: "", selfLink: "" }}],
       ];
 
       it.each(tests)("should reject with wrong type for field: %s", (missingField, input) => {
@@ -227,7 +227,7 @@ describe("KubeObject", () => {
     }
 
     it("should accept valid KubeJsonApiDataList (ignoring other fields)", () => {
-      const valid = { kind: "", items: [false], apiVersion: "", metadata: { resourceVersion: "", selfLink: "" } };
+      const valid = { kind: "", items: [false], apiVersion: "", metadata: { resourceVersion: "", selfLink: "" }};
 
       expect(KubeObject.isJsonApiDataList(valid, isBoolean)).toBe(true);
     });

src/common/k8s-api/__tests__/stateful-set.api.test.ts

@@ -41,7 +41,7 @@ describe("StatefulSetApi", () => {
     it("requests Kubernetes API with PATCH verb and correct amount of replicas", () => {
       const patchSpy = jest.spyOn(requestMock, "patch");
 
-      sub.scale({ namespace: "default", name: "statefulset-1"}, 5);
+      sub.scale({ namespace: "default", name: "statefulset-1" }, 5);
 
       expect(patchSpy).toHaveBeenCalledWith("/apis/apps/v1/namespaces/default/statefulsets/statefulset-1/scale", {
         data: {

src/common/k8s-api/endpoints/crd.api.ts

@@ -163,7 +163,7 @@ export class CustomResourceDefinition extends KubeObject {
       }
     } else if (this.spec.version) {
       const { additionalPrinterColumns: apc } = this.spec;
-      const additionalPrinterColumns = apc?.map(({ JSONPath, ...apc}) => ({ ...apc, jsonPath: JSONPath }));
+      const additionalPrinterColumns = apc?.map(({ JSONPath, ...apc }) => ({ ...apc, jsonPath: JSONPath }));
 
       return {
         name: this.spec.version,

src/common/k8s-api/endpoints/deployment.api.ts

@@ -61,7 +61,7 @@ export class DeploymentApi extends KubeApi<Deployment> {
         spec: {
           template: {
             metadata: {
-              annotations: {"kubectl.kubernetes.io/restartedAt" : moment.utc().format()}
+              annotations: { "kubectl.kubernetes.io/restartedAt" : moment.utc().format() }
             }
           }
         }
@@ -122,7 +122,7 @@ export class Deployment extends WorkloadKubeObject {
 
   declare spec: {
     replicas: number;
-    selector: { matchLabels: { [app: string]: string } };
+    selector: { matchLabels: { [app: string]: string }};
     template: {
       metadata: {
         creationTimestamp?: string;

src/common/k8s-api/endpoints/endpoint.api.ts

@@ -83,7 +83,7 @@ export class EndpointAddress implements IEndpointAddress {
 
   getTargetRef(): ITargetRef {
     if (this.targetRef) {
-      return Object.assign(this.targetRef, {apiVersion: "v1"});
+      return Object.assign(this.targetRef, { apiVersion: "v1" });
     } else {
       return null;
     }

src/common/k8s-api/endpoints/ingress.api.ts

@@ -128,7 +128,7 @@ export class Ingress extends KubeObject {
   }
 
   getRoutes() {
-    const { spec: { tls, rules } } = this;
+    const { spec: { tls, rules }} = this;
 
     if (!rules) return [];
 
@@ -165,7 +165,7 @@ export class Ingress extends KubeObject {
   }
 
   getHosts() {
-    const { spec: { rules } } = this;
+    const { spec: { rules }} = this;
 
     if (!rules) return [];
 
@@ -174,7 +174,7 @@ export class Ingress extends KubeObject {
 
   getPorts() {
     const ports: number[] = [];
-    const { spec: { tls, rules, backend, defaultBackend } } = this;
+    const { spec: { tls, rules, backend, defaultBackend }} = this;
     const httpPort = 80;
     const tlsPort = 443;
     // Note: not using the port name (string)
@@ -196,7 +196,7 @@ export class Ingress extends KubeObject {
   }
 
   getLoadBalancers() {
-    const { status: { loadBalancer = { ingress: [] } } } = this;
+    const { status: { loadBalancer = { ingress: [] }}} = this;
 
     return (loadBalancer.ingress ?? []).map(address => (
       address.hostname || address.ip

src/common/k8s-api/endpoints/nodes.api.ts

@@ -30,7 +30,7 @@ export class NodesApi extends KubeApi<Node> {
 }
 
 export function getMetricsForAllNodes(): Promise<INodeMetrics> {
-  const opts = { category: "nodes"};
+  const opts = { category: "nodes" };
 
   return metricsApi.getMetrics({
     memoryUsage: opts,

src/common/k8s-api/endpoints/poddisruptionbudget.api.ts

@@ -29,7 +29,7 @@ export interface PodDisruptionBudget {
   spec: {
     minAvailable: string;
     maxUnavailable: string;
-    selector: { matchLabels: { [app: string]: string } };
+    selector: { matchLabels: { [app: string]: string }};
   };
   status: {
     currentHealthy: number

src/common/k8s-api/endpoints/pods.api.ts

@@ -411,7 +411,7 @@ export class Pod extends WorkloadKubeObject {
   }
 
   getNodeSelectors(): string[] {
-    const { nodeSelector = {} } = this.spec;
+    const { nodeSelector = {}} = this.spec;
 
     return Object.entries(nodeSelector).map(values => values.join(": "));
   }

src/common/k8s-api/endpoints/replica-set.api.ts

@@ -78,7 +78,7 @@ export class ReplicaSet extends WorkloadKubeObject {
 
   declare spec: {
     replicas?: number;
-    selector: { matchLabels: { [app: string]: string } };
+    selector: { matchLabels: { [app: string]: string }};
     template?: {
       metadata: {
         labels: {

src/common/k8s-api/kube-object.store.ts

@@ -375,8 +375,8 @@ export abstract class KubeObjectStore<T extends KubeObject> extends ItemStore<T>
         timedRetry = setTimeout(() => {
           (
             namespace
-              ? this.loadAll({ namespaces: [namespace], reqInit: { signal } })
+              ? this.loadAll({ namespaces: [namespace], reqInit: { signal }})
-              : this.loadAll({ merge: false, reqInit: { signal } })
+              : this.loadAll({ merge: false, reqInit: { signal }})
           ).then(watch);
         }, 1000);
       } else if (error) { // not sure what to do, best to retry

src/common/k8s-api/kube-watch-api.ts

@@ -134,7 +134,7 @@ export class KubeWatchApi {
     };
   }
 
-  protected log({ message, cssStyle = "", meta = {} }: IKubeWatchLog) {
+  protected log({ message, cssStyle = "", meta = {}}: IKubeWatchLog) {
     if (isProduction && !isDebugging) {
       return;
     }

src/common/user-store/preferences-helpers.ts

@@ -24,7 +24,7 @@ import path from "path";
 import os from "os";
 import { ThemeStore } from "../../renderer/theme.store";
 import { getAppVersion, ObservableToggleSet } from "../utils";
-import type {monaco} from "react-monaco-editor";
+import type { monaco } from "react-monaco-editor";
 import merge from "lodash/merge";
 import { SemVer } from "semver";
 

src/common/user-store/user-store.ts

@@ -92,7 +92,7 @@ export class UserStore extends BaseStore<UserStoreModel> /* implements UserStore
   /**
    * Monaco editor configs
    */
-   @observable editorConfiguration:EditorConfiguration = {tabSize: null, miniMap: null, lineNumbers: null};
+   @observable editorConfiguration:EditorConfiguration = { tabSize: null, miniMap: null, lineNumbers: null };
 
   /**
    * The set of file/folder paths to be synced

src/common/utils/autobind.ts

@@ -19,7 +19,7 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-import {boundMethod, boundClass} from "autobind-decorator";
+import { boundMethod, boundClass } from "autobind-decorator";
 import autoBindClass, { Options } from "auto-bind";
 import autoBindReactClass from "auto-bind/react";
 

src/extensions/__tests__/extension-compatibility.test.ts

@@ -37,7 +37,7 @@ describe("extension compatibility", () => {
     });
 
     it("has no extension comparator", () => {
-      const manifest = { name: "extensionName", version: "0.0.1"};
+      const manifest = { name: "extensionName", version: "0.0.1" };
 
       expect(isCompatibleExtension(manifest,)).toBe(false);
     });
@@ -76,7 +76,7 @@ describe("extension compatibility", () => {
         expected: false,
       },
     ])("extension comparator test: %p", ({ comparator, expected }) => {
-      const manifest: LensExtensionManifest = { name: "extensionName", version: "0.0.1", engines: { lens: comparator}};
+      const manifest: LensExtensionManifest = { name: "extensionName", version: "0.0.1", engines: { lens: comparator }};
 
       expect(isCompatibleExtension(manifest,)).toBe(expected);
     });
@@ -91,7 +91,7 @@ describe("extension compatibility", () => {
     });
     
     it("has no extension comparator", () => {
-      const manifest = { name: "extensionName", version: "0.0.1"};
+      const manifest = { name: "extensionName", version: "0.0.1" };
 
       expect(isCompatibleExtension(manifest,)).toBe(false);
     });
@@ -130,7 +130,7 @@ describe("extension compatibility", () => {
         expected: false,
       },
     ])("extension comparator test: %p", ({ comparator, expected }) => {
-      const manifest: LensExtensionManifest = { name: "extensionName", version: "0.0.1", engines: { lens: comparator}};
+      const manifest: LensExtensionManifest = { name: "extensionName", version: "0.0.1", engines: { lens: comparator }};
 
       expect(isCompatibleExtension(manifest,)).toBe(expected);
     });

src/extensions/extensions-store.ts

@@ -45,8 +45,8 @@ export class ExtensionsStore extends BaseStore<LensExtensionsStoreModel> {
   @computed
   get enabledExtensions() {
     return Array.from(this.state.values())
-      .filter(({enabled}) => enabled)
+      .filter(({ enabled }) => enabled)
-      .map(({name}) => name);
+      .map(({ name }) => name);
   }
 
   protected state = observable.map<LensExtensionId, LensExtensionState>();

src/extensions/ipc/ipc-main.ts

@@ -44,12 +44,12 @@ export abstract class IpcMain extends IpcRegistrar {
   listen(channel: string, listener: (event: Electron.IpcRendererEvent, ...args: any[]) => any): Disposer {
     const prefixedChannel = `extensions@${this[IpcPrefix]}:${channel}`;
     const cleanup = once(() => {
-      logger.info(`[IPC-RENDERER]: removing extension listener`, { channel, extension: { name: this.extension.name, version: this.extension.version } });
+      logger.info(`[IPC-RENDERER]: removing extension listener`, { channel, extension: { name: this.extension.name, version: this.extension.version }});
 
       return ipcMain.removeListener(prefixedChannel, listener);
     });
 
-    logger.info(`[IPC-RENDERER]: adding extension listener`, { channel, extension: { name: this.extension.name, version: this.extension.version } });
+    logger.info(`[IPC-RENDERER]: adding extension listener`, { channel, extension: { name: this.extension.name, version: this.extension.version }});
     ipcMain.addListener(prefixedChannel, listener);
     this.extension[Disposers].push(cleanup);
 
@@ -64,10 +64,10 @@ export abstract class IpcMain extends IpcRegistrar {
   handle(channel: string, handler: (event: Electron.IpcMainInvokeEvent, ...args: any[]) => any): void {
     const prefixedChannel = `extensions@${this[IpcPrefix]}:${channel}`;
 
-    logger.info(`[IPC-RENDERER]: adding extension handler`, { channel, extension: { name: this.extension.name, version: this.extension.version } });
+    logger.info(`[IPC-RENDERER]: adding extension handler`, { channel, extension: { name: this.extension.name, version: this.extension.version }});
     ipcMainHandle(prefixedChannel, handler);
     this.extension[Disposers].push(() => {
-      logger.info(`[IPC-RENDERER]: removing extension handler`, { channel, extension: { name: this.extension.name, version: this.extension.version } });
+      logger.info(`[IPC-RENDERER]: removing extension handler`, { channel, extension: { name: this.extension.name, version: this.extension.version }});
 
       return ipcMain.removeHandler(prefixedChannel);
     });

src/extensions/ipc/ipc-renderer.ts

@@ -44,12 +44,12 @@ export abstract class IpcRenderer extends IpcRegistrar {
   listen(channel: string, listener: (event: Electron.IpcRendererEvent, ...args: any[]) => any): Disposer {
     const prefixedChannel = `extensions@${this[IpcPrefix]}:${channel}`;
     const cleanup = once(() => {
-      console.info(`[IPC-RENDERER]: removing extension listener`, { channel, extension: { name: this.extension.name, version: this.extension.version } });
+      console.info(`[IPC-RENDERER]: removing extension listener`, { channel, extension: { name: this.extension.name, version: this.extension.version }});
 
       return ipcRenderer.removeListener(prefixedChannel, listener);
     });
 
-    console.info(`[IPC-RENDERER]: adding extension listener`, { channel, extension: { name: this.extension.name, version: this.extension.version } });
+    console.info(`[IPC-RENDERER]: adding extension listener`, { channel, extension: { name: this.extension.name, version: this.extension.version }});
     ipcRenderer.addListener(prefixedChannel, listener);
     this.extension[Disposers].push(cleanup);
 

src/extensions/registries/page-registry.ts

@@ -66,7 +66,7 @@ export interface RegisteredPage {
 }
 
 export function getExtensionPageUrl(target: PageTarget): string {
-  const { extensionId, pageId = "", params: targetParams = {} } = target;
+  const { extensionId, pageId = "", params: targetParams = {}} = target;
 
   const pagePath = ["/extension", sanitizeExtensionName(extensionId), pageId]
     .filter(Boolean)

src/main/catalog-sources/kubeconfig-sync.ts

@@ -212,7 +212,7 @@ export function computeDiff(contents: string, source: RootSource, filePath: stri
         // add new clusters to the source
         try {
           const clusterId = createHash("md5").update(`${filePath}:${contextName}`).digest("hex");
-          const cluster = ClusterStore.getInstance().getById(clusterId) || new Cluster({ ...model, id: clusterId});
+          const cluster = ClusterStore.getInstance().getById(clusterId) || new Cluster({ ...model, id: clusterId });
 
           if (!cluster.apiUrl) {
             throw new Error("Cluster constructor failed, see above error");

src/main/catalog-sources/weblinks.ts

@@ -100,7 +100,7 @@ export function syncWeblinks() {
         webLinkEntities.delete(weblinkId);
       }
     }
-  }, {fireImmediately: true});
+  }, { fireImmediately: true });
 
   catalogEntityRegistry.addComputedSource("weblinks", computed(() => Array.from(webLinkEntities.values(), ([link]) => link)));
 }

src/main/cluster-detectors/detector-registry.ts

@@ -35,7 +35,7 @@ export class DetectorRegistry extends Singleton {
   }
 
   async detectForCluster(cluster: Cluster): Promise<ClusterMetadata> {
-    const results: {[key: string]: ClusterDetectionResult } = {};
+    const results: { [key: string]: ClusterDetectionResult } = {};
 
     for (const detectorClass of this.registry) {
       const detector = new detectorClass(cluster);

src/main/cluster-detectors/distribution-detector.ts

@@ -30,86 +30,86 @@ export class DistributionDetector extends BaseClusterDetector {
     this.version = await this.getKubernetesVersion();
 
     if (this.isRke()) {
-      return { value: "rke", accuracy: 80};
+      return { value: "rke", accuracy: 80 };
     }
 
     if (this.isRancherDesktop()) {
-      return { value: "rancher-desktop", accuracy: 80};
+      return { value: "rancher-desktop", accuracy: 80 };
     }
 
     if (this.isK3s()) {
-      return { value: "k3s", accuracy: 80};
+      return { value: "k3s", accuracy: 80 };
     }
 
     if (this.isGKE()) {
-      return { value: "gke", accuracy: 80};
+      return { value: "gke", accuracy: 80 };
     }
 
     if (this.isEKS()) {
-      return { value: "eks", accuracy: 80};
+      return { value: "eks", accuracy: 80 };
     }
 
     if (this.isIKS()) {
-      return { value: "iks", accuracy: 80};
+      return { value: "iks", accuracy: 80 };
     }
 
     if (this.isAKS()) {
-      return { value: "aks", accuracy: 80};
+      return { value: "aks", accuracy: 80 };
     }
 
     if (this.isDigitalOcean()) {
-      return { value: "digitalocean", accuracy: 90};
+      return { value: "digitalocean", accuracy: 90 };
     }
 
     if (this.isK0s()) {
-      return { value: "k0s", accuracy: 80};
+      return { value: "k0s", accuracy: 80 };
     }
 
     if (this.isVMWare()) {
-      return { value: "vmware", accuracy: 90};
+      return { value: "vmware", accuracy: 90 };
     }
 
     if (this.isMirantis()) {
-      return { value: "mirantis", accuracy: 90};
+      return { value: "mirantis", accuracy: 90 };
     }
 
     if (this.isAlibaba()) {
-      return { value: "alibaba", accuracy: 90};
+      return { value: "alibaba", accuracy: 90 };
     }
 
     if (this.isHuawei()) {
-      return { value: "huawei", accuracy: 90};
+      return { value: "huawei", accuracy: 90 };
     }
 
     if (this.isTke()) {
-      return { value: "tencent", accuracy: 90};
+      return { value: "tencent", accuracy: 90 };
     }
 
     if (this.isMinikube()) {
-      return { value: "minikube", accuracy: 80};
+      return { value: "minikube", accuracy: 80 };
     }
 
     if (this.isMicrok8s()) {
-      return { value: "microk8s", accuracy: 80};
+      return { value: "microk8s", accuracy: 80 };
     }
 
     if (this.isKind()) {
-      return { value: "kind", accuracy: 70};
+      return { value: "kind", accuracy: 70 };
     }
 
     if (this.isDockerDesktop()) {
-      return { value: "docker-desktop", accuracy: 80};
+      return { value: "docker-desktop", accuracy: 80 };
     }
 
     if (this.isCustom() && await this.isOpenshift()) {
-      return { value: "openshift", accuracy: 90};
+      return { value: "openshift", accuracy: 90 };
     }
 
     if (this.isCustom()) {
-      return { value: "custom", accuracy: 10};
+      return { value: "custom", accuracy: 10 };
     }
 
-    return { value: "unknown", accuracy: 10};
+    return { value: "unknown", accuracy: 10 };
   }
 
   public async getKubernetesVersion() {

src/main/cluster-detectors/nodes-count-detector.ts

@@ -29,7 +29,7 @@ export class NodesCountDetector extends BaseClusterDetector {
     if (!this.cluster.accessible) return null;
     const nodeCount = await this.getNodeCount();
 
-    return { value: nodeCount, accuracy: 100};
+    return { value: nodeCount, accuracy: 100 };
   }
 
   protected async getNodeCount(): Promise<number> {

src/main/cluster-detectors/version-detector.ts

@@ -29,7 +29,7 @@ export class VersionDetector extends BaseClusterDetector {
   public async detect() {
     const version = await this.getKubernetesVersion();
 
-    return { value: version, accuracy: 100};
+    return { value: version, accuracy: 100 };
   }
 
   public async getKubernetesVersion() {

src/main/cluster.ts

@@ -651,7 +651,7 @@ export class Cluster implements ClusterModel, ClusterState {
     const api = (await this.getProxyKubeconfig()).makeApiClient(CoreV1Api);
 
     try {
-      const { body: { items } } = await api.listNamespace();
+      const { body: { items }} = await api.listNamespace();
       const namespaces = items.map(ns => ns.metadata.name);
 
       return namespaces;

src/main/extension-filesystem.ts

@@ -68,7 +68,7 @@ export class FilesystemProvisionerStore extends BaseStore<FSProvisionModel> {
   }
 
   @action
-  protected fromStore({ extensions }: FSProvisionModel = { extensions: {} }): void {
+  protected fromStore({ extensions }: FSProvisionModel = { extensions: {}}): void {
     this.registeredExtensions.merge(extensions);
   }
 

src/main/prometheus/provider-registry.ts

@@ -46,7 +46,7 @@ export abstract class PrometheusProvider {
   protected async getFirstNamespacedServer(client: CoreV1Api, ...selectors: string[]): Promise<PrometheusService | undefined> {
     try {
       for (const selector of selectors) {
-        const { body: { items: [service] } } = await client.listServiceForAllNamespaces(null, null, null, selector);
+        const { body: { items: [service] }} = await client.listServiceForAllNamespaces(null, null, null, selector);
 
         if (service) {
           return {

src/main/router.ts

@@ -122,7 +122,7 @@ export class Router {
     };
   }
 
-  protected static async handleStaticFile({ params, response, raw: { req } }: LensApiRequest): Promise<void> {
+  protected static async handleStaticFile({ params, response, raw: { req }}: LensApiRequest): Promise<void> {
     let filePath = params.path;
 
     for (let retryCount = 0; retryCount < 5; retryCount += 1) {

src/main/routes/kubeconfig-route.ts

@@ -63,7 +63,7 @@ function generateKubeConfig(username: string, secret: V1Secret, cluster: Cluster
 
 export class KubeconfigRoute {
   static async routeServiceAccountRoute(request: LensApiRequest) {
-    const { params, response, cluster} = request;
+    const { params, response, cluster } = request;
     const client = (await cluster.getProxyKubeconfig()).makeApiClient(CoreV1Api);
     const secretList = await client.listNamespacedSecret(params.namespace);
     const secret = secretList.body.items.find(secret => {

src/main/routes/version-route.ts

@@ -27,6 +27,6 @@ export class VersionRoute {
   static async getVersion(request: LensApiRequest) {
     const { response } = request;
 
-    respondJson(response, { version: getAppVersion()}, 200);
+    respondJson(response, { version: getAppVersion() }, 200);
   }
 }

src/migrations/cluster-store/2.4.1.ts

@@ -32,7 +32,7 @@ export default {
       if (contextName === "__internal__") continue;
       const cluster = value[1];
 
-      store.set(contextName, { kubeConfig: cluster.kubeConfig, icon: cluster.icon || null, preferences: cluster.preferences || {} });
+      store.set(contextName, { kubeConfig: cluster.kubeConfig, icon: cluster.icon || null, preferences: cluster.preferences || {}});
     }
   }
 } as MigrationDeclaration;

src/migrations/hotbar-store/5.0.0-alpha.0.ts

@@ -28,9 +28,9 @@ export default {
   version: "5.0.0-alpha.0",
   run(store) {
     const hotbar = getEmptyHotbar("default");
-    const { metadata: { uid, name, source } } = catalogEntity;
+    const { metadata: { uid, name, source }} = catalogEntity;
 
-    hotbar.items[0] = { entity: { uid, name, source } };
+    hotbar.items[0] = { entity: { uid, name, source }};
 
     store.set("hotbars", [hotbar]);
   }

src/migrations/hotbar-store/5.0.0-beta.10.ts

@@ -53,9 +53,9 @@ export default {
     // Hotbars might be empty, if some of the previous migrations weren't run
     if (hotbars.length === 0) {
       const hotbar = getEmptyHotbar("default");
-      const { metadata: { uid, name, source } } = catalogEntity;
+      const { metadata: { uid, name, source }} = catalogEntity;
 
-      hotbar.items[0] = { entity: { uid, name, source } };
+      hotbar.items[0] = { entity: { uid, name, source }};
 
       hotbars.push(hotbar);
     }
@@ -132,7 +132,7 @@ export default {
       if (hotbars.every(hotbar => hotbar.items.every(item => item?.entity?.uid !== "catalog-entity"))) {
         // note, we will add a new whole hotbar here called "default" if that was previously removed
         const defaultHotbar = hotbars.find(hotbar => hotbar.name === "default");
-        const { metadata: { uid, name, source } } = catalogEntity;
+        const { metadata: { uid, name, source }} = catalogEntity;
 
         if (defaultHotbar) {
           const freeIndex = defaultHotbar.items.findIndex(isNull);
@@ -142,15 +142,15 @@ export default {
             // called "default" is full than overriding a hotbar item
             const hotbar = getEmptyHotbar("initial");
 
-            hotbar.items[0] = { entity: { uid, name, source } };
+            hotbar.items[0] = { entity: { uid, name, source }};
             hotbars.unshift(hotbar);
           } else {
-            defaultHotbar.items[freeIndex] = { entity: { uid, name, source } };
+            defaultHotbar.items[freeIndex] = { entity: { uid, name, source }};
           }
         } else {
           const hotbar = getEmptyHotbar("default");
 
-          hotbar.items[0] = { entity: { uid, name, source } };
+          hotbar.items[0] = { entity: { uid, name, source }};
           hotbars.unshift(hotbar);
         }
       }

src/renderer/bootstrap.tsx

@@ -110,7 +110,7 @@ export async function bootstrap(comp: () => Promise<AppComponent>) {
   const { base, ...params } = cloudsMidnight;
   const baseTheme = base as monaco.editor.BuiltinTheme;
 
-  monaco.editor.defineTheme("clouds-midnight", {base: baseTheme, ...params});
+  monaco.editor.defineTheme("clouds-midnight", { base: baseTheme, ...params });
 
   // ThemeStore depends on: UserStore
   ThemeStore.createInstance();

src/renderer/components/+add-cluster/add-cluster.tsx

@@ -124,7 +124,7 @@ export class AddCluster extends React.Component {
         </p>
         <div className="flex column">
           <MonacoEditor
-            options={{...UserStore.getInstance().getEditorOptions()}}
+            options={{ ...UserStore.getInstance().getEditorOptions() }}
             className={cssNames("MonacoEditor")}
             theme={ThemeStore.getInstance().activeTheme.monacoTheme}
             language="yaml"

src/renderer/components/+apps-helm-charts/helm-chart-details.tsx

@@ -91,7 +91,7 @@ export class HelmChartDetails extends Component<Props> {
     try {
       this.abortController?.abort();
       this.abortController = new AbortController();
-      const { chart: { name, repo } } = this.props;
+      const { chart: { name, repo }} = this.props;
       const { readme } = await getChartDetails(repo, name, { version: chart.version, reqInit: { signal: this.abortController.signal }});
 
       this.readme = readme;

src/renderer/components/+apps-helm-charts/helm-charts.tsx

@@ -50,7 +50,7 @@ export class HelmCharts extends Component<Props> {
   }
 
   get selectedChart() {
-    const { match: { params: { chartName, repo } } } = this.props;
+    const { match: { params: { chartName, repo }}} = this.props;
 
     return helmChartStore.getByName(chartName, repo);
   }

src/renderer/components/+apps-releases/release-details.tsx

@@ -169,8 +169,8 @@ export class ReleaseDetails extends Component<Props> {
             value={values}
             onChange={text => this.values = text}
             theme={ThemeStore.getInstance().activeTheme.monacoTheme}
-            className={cssNames("MonacoEditor", {loading: valuesLoading})}
+            className={cssNames("MonacoEditor", { loading: valuesLoading })}
-            options={{readOnly: valuesLoading, ...UserStore.getInstance().getEditorOptions()}}
+            options={{ readOnly: valuesLoading, ...UserStore.getInstance().getEditorOptions() }}
           >
             {valuesLoading && <Spinner center />}
           </MonacoEditor>

src/renderer/components/+apps-releases/releases.tsx

@@ -55,7 +55,7 @@ interface Props extends RouteComponentProps<ReleaseRouteParams> {
 @observer
 export class HelmReleases extends Component<Props> {
   componentDidMount() {
-    const { match: { params: { namespace } } } = this.props;
+    const { match: { params: { namespace }}} = this.props;
 
     if (namespace) {
       namespaceStore.selectNamespaces(namespace);
@@ -68,7 +68,7 @@ export class HelmReleases extends Component<Props> {
   }
 
   get selectedRelease() {
-    const { match: { params: { name, namespace } } } = this.props;
+    const { match: { params: { name, namespace }}} = this.props;
 
     return releaseStore.items.find(release => {
       return release.getName() == name && release.getNs() == namespace;

src/renderer/components/+catalog/catalog-entity.store.tsx

@@ -52,7 +52,7 @@ export class CatalogEntityStore extends ItemStore<CatalogEntityItem<CatalogEntit
   watch() {
     return disposer(
       reaction(() => this.entities, () => this.loadAll()),
-      reaction(() => this.activeCategory, () => this.loadAll(), { delay: 100}),
+      reaction(() => this.activeCategory, () => this.loadAll(), { delay: 100 }),
     );
   }
 

src/renderer/components/+catalog/catalog.tsx

@@ -109,7 +109,7 @@ export class Catalog extends React.Component<Props> {
           console.error(error);
           Notifications.error(<p>Unknown category: {routeTab}</p>);
         }
-      }, {fireImmediately: true}),
+      }, { fireImmediately: true }),
     ]);
 
     // If active category is filtered out, automatically switch to the first category
@@ -169,7 +169,7 @@ export class Catalog extends React.Component<Props> {
     const activeCategory = this.categories.find(category => category.getId() === tabId);
 
     if (activeCategory) {
-      navigate(catalogURL({ params: {group: activeCategory.spec.group, kind: activeCategory.spec.names.kind }}));
+      navigate(catalogURL({ params: { group: activeCategory.spec.group, kind: activeCategory.spec.names.kind }}));
     } else {
       navigate(catalogURL({ params: { group: browseCatalogTab }}));
     }

src/renderer/components/+config-resource-quotas/resource-quota-details.tsx

@@ -48,7 +48,7 @@ function transformUnit(name: string, value: string): number {
 }
 
 function renderQuotas(quota: ResourceQuota): JSX.Element[] {
-  const { hard = {}, used = {} } = quota.status;
+  const { hard = {}, used = {}} = quota.status;
 
   return Object.entries(hard)
     .filter(([name]) => used[name])

src/renderer/components/+custom-resources/crd-details.tsx

@@ -157,7 +157,7 @@ export class CRDDetails extends React.Component<Props> {
         <>
           <DrawerTitle title="Validation"/>
           <MonacoEditor
-            options={{readOnly: true, ...UserStore.getInstance().getEditorOptions()}}
+            options={{ readOnly: true, ...UserStore.getInstance().getEditorOptions() }}
             className={cssNames("MonacoEditor", "validation")}
             theme={ThemeStore.getInstance().activeTheme.monacoTheme}
             language="yaml"

src/renderer/components/+custom-resources/crd-resource-details.tsx

@@ -96,7 +96,7 @@ export class CrdResourceDetails extends React.Component<Props> {
   }
 
   render() {
-    const { props: { object, crd } } = this;
+    const { props: { object, crd }} = this;
 
     if (!object || !crd) {
       return null;

src/renderer/components/+extensions/extensions.tsx

@@ -246,7 +246,7 @@ async function createTempFilesAndValidate({ fileName, dataP }: InstallRequest):
 }
 
 async function unpackExtension(request: InstallRequestValidated, disposeDownloading?: Disposer) {
-  const { id, fileName, tempFile, manifest: { name, version } } = request;
+  const { id, fileName, tempFile, manifest: { name, version }} = request;
 
   ExtensionInstallationStateStore.setInstalling(id);
   disposeDownloading?.();
@@ -386,7 +386,7 @@ async function attemptInstall(request: InstallRequest, d?: ExtendableDisposer):
     // install extension if not yet exists
     await unpackExtension(validatedRequest, dispose);
   } else {
-    const { manifest: { version: oldVersion } } = ExtensionLoader.getInstance().getExtension(validatedRequest.id);
+    const { manifest: { version: oldVersion }} = ExtensionLoader.getInstance().getExtension(validatedRequest.id);
 
     // otherwise confirmation required (re-install / update)
     const removeNotification = Notifications.info(
@@ -451,7 +451,7 @@ async function installFromInput(input: string) {
 
       await attemptInstall({ fileName, dataP: readFileNotify(input) });
     } else if (InputValidators.isExtensionNameInstall.validate(input)) {
-      const [{ groups: { name, version } }] = [...input.matchAll(InputValidators.isExtensionNameInstallRegex)];
+      const [{ groups: { name, version }}] = [...input.matchAll(InputValidators.isExtensionNameInstallRegex)];
 
       await attemptInstallByInfo({ name, version });
     }

src/renderer/components/+extensions/installed-extensions.tsx

@@ -106,7 +106,7 @@ export const InstalledExtensions = observer(({ extensions, uninstall, enable, di
           ),
           version,
           status: (
-            <div className={cssNames({[styles.enabled]: isEnabled, [styles.invalid]: !isCompatible})}>
+            <div className={cssNames({ [styles.enabled]: isEnabled, [styles.invalid]: !isCompatible })}>
               {getStatus(extension)}
             </div>
           ),

src/renderer/components/+network-endpoints/endpoint-subset-list.tsx

@@ -23,7 +23,7 @@ import "./endpoint-subset-list.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { EndpointSubset, Endpoint, EndpointAddress} from "../../../common/k8s-api/endpoints";
+import { EndpointSubset, Endpoint, EndpointAddress } from "../../../common/k8s-api/endpoints";
 import { Table, TableCell, TableHead, TableRow } from "../table";
 import { boundMethod } from "../../utils";
 import { apiManager } from "../../../common/k8s-api/api-manager";
@@ -47,7 +47,7 @@ export class EndpointSubsetList extends React.Component<Props> {
 
   @boundMethod
   getNotReadyAddressTableRow(ip: string) {
-    const { subset} = this.props;
+    const { subset } = this.props;
     const address = subset.getNotReadyAddresses().find(address => address.getId() == ip);
 
     return this.renderAddressTableRow(address);

src/renderer/components/+network-ingresses/ingress-details.tsx

@@ -62,7 +62,7 @@ export class IngressDetails extends React.Component<Props> {
   }
 
   renderPaths(ingress: Ingress) {
-    const { spec: { rules } } = ingress;
+    const { spec: { rules }} = ingress;
 
     if (!rules || !rules.length) return null;
 

src/renderer/components/+network-policies/network-policy-details.tsx

@@ -95,7 +95,7 @@ export class NetworkPolicyDetails extends React.Component<Props> {
       <>
         <SubTitle title="To"/>
         {to.map(item => {
-          const { ipBlock: { cidr, except } = {} } = item;
+          const { ipBlock: { cidr, except } = {}} = item;
 
           if (!cidr) return null;
 

src/renderer/components/+network-port-forwards/port-forwards.tsx

@@ -54,7 +54,7 @@ export class PortForwards extends React.Component<Props> {
   }
 
   get selectedPortForward() {
-    const { match: { params: { forwardport } } } = this.props;
+    const { match: { params: { forwardport }}} = this.props;
 
     return portForwardStore.getById(forwardport);
   }

src/renderer/components/+preferences/add-helm-repo-dialog.tsx

@@ -53,7 +53,7 @@ const dialogState = observable.object({
 
 @observer
 export class AddHelmRepoDialog extends React.Component<Props> {
-  private emptyRepo = {name: "", url: "", username: "", password: "", insecureSkipTlsVerify: false, caFile:"", keyFile: "", certFile: ""};
+  private emptyRepo = { name: "", url: "", username: "", password: "", insecureSkipTlsVerify: false, caFile:"", keyFile: "", certFile: "" };
 
   private static keyExtensions = ["key", "keystore", "jks", "p12", "pfx", "pem"];
   private static certExtensions = ["crt", "cer", "ca-bundle", "p7b", "p7c" , "p7s", "p12", "pfx", "pem"];
@@ -96,7 +96,7 @@ export class AddHelmRepoDialog extends React.Component<Props> {
       buttonLabel: `Use file`,
       filters: [
         fileFilter,
-        { name: "Any", extensions: ["*"]}
+        { name: "Any", extensions: ["*"] }
       ]
     });
 
@@ -128,7 +128,7 @@ export class AddHelmRepoDialog extends React.Component<Props> {
         />
         <Icon
           material="folder"
-          onClick={() => this.selectFileDialog(fileType, {name: placeholder, extensions: fileExtensions})}
+          onClick={() => this.selectFileDialog(fileType, { name: placeholder, extensions: fileExtensions })}
           tooltip="Browse"
         />
       </div>);

src/renderer/components/+preferences/editor.tsx

@@ -55,7 +55,7 @@ export const Editor = observer(() => {
       <section>
         <SubTitle title="Line numbers"/>
         <Select
-          options={Object.entries(EditorLineNumbersStyles).map(entry => ({label: entry[1], value: entry[0]}))}
+          options={Object.entries(EditorLineNumbersStyles).map(entry => ({ label: entry[1], value: entry[0] }))}
           value={userStore.editorConfiguration?.lineNumbers}
           onChange={({ value }: SelectOption) => userStore.setEditorLineNumbers(value)}
           themeName="lens"

src/renderer/components/+preferences/kubeconfig-syncs.tsx

@@ -46,7 +46,7 @@ interface Value {
   info: SyncInfo;
 }
 
-async function getMapEntry({ filePath, ...data}: KubeconfigSyncEntry): Promise<[string, Value]> {
+async function getMapEntry({ filePath, ...data }: KubeconfigSyncEntry): Promise<[string, Value]> {
   try {
     // stat follows the stat(2) linux syscall spec, namely it follows symlinks
     const stats = await fse.stat(filePath);

src/renderer/components/+preferences/preferences.tsx

@@ -106,7 +106,7 @@ export class Preferences extends React.Component {
   }
 }
 
-export function ExtensionSettings({ title, id, components: { Hint, Input } }: RegisteredAppPreference) {
+export function ExtensionSettings({ title, id, components: { Hint, Input }}: RegisteredAppPreference) {
   return (
     <React.Fragment>
       <section id={id} className="small">

src/renderer/components/+preferences/removable-item.tsx

@@ -31,7 +31,7 @@ interface Props extends DOMAttributes<any>{
   className?: string;
 }
 
-export function RemovableItem({icon, onRemove, children, className, ...rest}: Props) {
+export function RemovableItem({ icon, onRemove, children, className, ...rest }: Props) {
   return (
     <div className={cssNames(styles.item, "flex gaps align-center justify-space-between", className)} {...rest}>
       {icon && (

src/renderer/components/+workloads-deployments/deployment-scale-dialog.test.tsx

@@ -39,7 +39,7 @@ const dummyDeployment: Deployment = {
   selfLink: "link",
   spec: {
     replicas: 1,
-    selector: { matchLabels: { dummy: "label" } },
+    selector: { matchLabels: { dummy: "label" }},
     template: {
       metadata: {
         labels: { dummy: "label" },

src/renderer/components/+workloads-pods/pod-details-affinities.tsx

@@ -46,7 +46,7 @@ export class PodDetailsAffinities extends React.Component<Props> {
         <DrawerParamToggler label={affinitiesNum}>
           <div className="ace-container">
             <MonacoEditor
-              options={{readOnly: true, ...UserStore.getInstance().getEditorOptions()}}
+              options={{ readOnly: true, ...UserStore.getInstance().getEditorOptions() }}
               className={cssNames("MonacoEditor")}
               theme={ThemeStore.getInstance().activeTheme.monacoTheme}
               language="yaml"

src/renderer/components/__tests__/deployments.store.test.ts

@@ -60,7 +60,7 @@ const runningDeployment = new Deployment({
 
 runningDeployment.spec = {
   replicas: 1,
-  selector: { matchLabels: {} },
+  selector: { matchLabels: {}},
   strategy: {
     type: "test",
     rollingUpdate: {
@@ -91,7 +91,7 @@ const failedDeployment = new Deployment({
 
 failedDeployment.spec = {
   replicas: 1,
-  selector: { matchLabels: {} },
+  selector: { matchLabels: {}},
   strategy: {
     type: "test",
     rollingUpdate: {
@@ -122,7 +122,7 @@ const pendingDeployment = new Deployment({
 
 pendingDeployment.spec = {
   replicas: 1,
-  selector: { matchLabels: {} },
+  selector: { matchLabels: {}},
   strategy: {
     type: "test",
     rollingUpdate: {

src/renderer/components/cluster-manager/cluster-manager.tsx

@@ -67,7 +67,7 @@ export class ClusterManager extends React.Component {
             <Route component={EntitySettings} {...routes.entitySettingsRoute} />
             {
               GlobalPageRegistry.getInstance().getItems()
-                .map(({ url, components: { Page } }) => (
+                .map(({ url, components: { Page }}) => (
                   <Route key={url} path={url} component={Page} />
                 ))
             }

src/renderer/components/cluster-settings/cluster-settings.tsx

@@ -119,7 +119,7 @@ export function MetricsSettings({ entity }: EntitySettingViewProps) {
   );
 }
 
-export function NodeShellSettings({entity}: EntitySettingViewProps) {
+export function NodeShellSettings({ entity }: EntitySettingViewProps) {
   const cluster = getClusterForEntity(entity);
 
   if(!cluster) {

src/renderer/components/dock/create-resource.store.ts

@@ -63,7 +63,7 @@ export class CreateResourceStore extends DockTabStore<string> {
     const userTemplates = await this.getTemplates(this.userTemplatesFolder, "ungrouped");
     const lensTemplates = await this.getTemplates(this.lensTemplatesFolder, "lens");
 
-    return {...userTemplates,...lensTemplates};
+    return { ...userTemplates,...lensTemplates };
   }
 
   async watchUserTemplates(callback: ()=> void){

src/renderer/components/dock/create-resource.tsx

@@ -24,7 +24,7 @@ import "./create-resource.scss";
 import React from "react";
 import path from "path";
 import fs from "fs-extra";
-import {Select, GroupSelectOption, SelectOption} from "../select";
+import { Select, GroupSelectOption, SelectOption } from "../select";
 import yaml from "js-yaml";
 import { observable, makeObservable } from "mobx";
 import { observer } from "mobx-react";
@@ -65,9 +65,9 @@ export class CreateResource extends React.Component<Props> {
   }
 
   convertToGroup(group:string, items:string[]):GroupSelectOption {
-    const options = items.map(v => ({label: path.parse(v).name, value: v}));
+    const options = items.map(v => ({ label: path.parse(v).name, value: v }));
 
-    return {label: group, options};
+    return { label: group, options };
   }
 
   get tabId() {

src/renderer/components/dock/dock.store.ts

@@ -23,7 +23,7 @@ import * as uuid from "uuid";
 import { action, computed, IReactionOptions, makeObservable, observable, reaction } from "mobx";
 import { autoBind, createStorage } from "../../utils";
 import throttle from "lodash/throttle";
-import {monacoModelsManager} from "./monaco-model-manager";
+import { monacoModelsManager } from "./monaco-model-manager";
 
 export type TabId = string;
 

src/renderer/components/dock/edit-resource.store.ts

@@ -26,7 +26,7 @@ import { dockStore, DockTab, DockTabCreateSpecific, TabId, TabKind } from "./doc
 import type { KubeObject } from "../../../common/k8s-api/kube-object";
 import { apiManager } from "../../../common/k8s-api/api-manager";
 import type { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
-import {monacoModelsManager} from "./monaco-model-manager";
+import { monacoModelsManager } from "./monaco-model-manager";
 
 export interface EditingResource {
   resource: string; // resource path, e.g. /api/v1/namespaces/default

src/renderer/components/dock/editor-panel.tsx

@@ -19,7 +19,7 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-import MonacoEditor, {monaco} from "react-monaco-editor";
+import MonacoEditor, { monaco } from "react-monaco-editor";
 import React from "react";
 import yaml from "js-yaml";
 import { observable, makeObservable } from "mobx";
@@ -97,7 +97,7 @@ export class EditorPanel extends React.Component<Props> {
   render() {
     return (
       <MonacoEditor
-        options={{model: null, ...UserStore.getInstance().getEditorOptions()}}
+        options={{ model: null, ...UserStore.getInstance().getEditorOptions() }}
         theme={ThemeStore.getInstance().activeTheme.monacoTheme}
         language = "yaml"
         onChange = {this.onChange}

src/renderer/components/dock/monaco-model-manager.ts

@@ -18,7 +18,7 @@
  * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
-import {monaco} from "react-monaco-editor";
+import { monaco } from "react-monaco-editor";
 
 export type TabId = string;
 
@@ -39,7 +39,7 @@ export class MonacoModelsManager implements ModelsState {
     const uri = this.getUri(tabId);
     const model = monaco.editor.createModel(value, lang, uri); 
 
-    if(!uri) this.models = this.models.concat({ id: tabId, modelUri: model.uri, lang});
+    if(!uri) this.models = this.models.concat({ id: tabId, modelUri: model.uri, lang });
   }
 
   getModel(tabId: string): monaco.editor.ITextModel {

src/renderer/components/drawer/drawer.tsx

@@ -109,7 +109,7 @@ export class Drawer extends React.Component<DrawerProps> {
   };
 
   onClickOutside = (evt: MouseEvent) => {
-    const { contentElem, mouseDownTarget, close, props: { open } } = this;
+    const { contentElem, mouseDownTarget, close, props: { open }} = this;
 
     if (!open || evt.defaultPrevented || contentElem.contains(mouseDownTarget)) {
       return;
@@ -139,9 +139,9 @@ export class Drawer extends React.Component<DrawerProps> {
     const k8sObjName = title.split(":")[1] || title; // copy whole if no :
 
     clipboard.writeText(k8sObjName.trim());
-    this.setState({isCopied: true});
+    this.setState({ isCopied: true });
     setTimeout(() => {
-      this.setState({isCopied: false});
+      this.setState({ isCopied: false });
     }, 3000);
   };
 

src/renderer/components/hotbar/__tests__/hotbar-remove-command.test.tsx

@@ -47,7 +47,7 @@ jest.mock("electron", () => ({
 
 AppPaths.init();
 
-const mockHotbars: {[id: string]: any} = {
+const mockHotbars: { [id: string]: any } = {
   "1": {
     id: "1",
     name: "Default",

src/renderer/components/hotbar/hotbar-entity-icon.tsx

@@ -74,7 +74,7 @@ export class HotbarEntityIcon extends React.Component<Props> {
       return null;
     }
 
-    const className = cssNames("led", { online: this.props.entity.status.phase === LensKubernetesClusterStatus.CONNECTED}); // TODO: make it more generic
+    const className = cssNames("led", { online: this.props.entity.status.phase === LensKubernetesClusterStatus.CONNECTED }); // TODO: make it more generic
 
     return <div className={className} />;
   }

src/renderer/components/hotbar/hotbar-icon.tsx

@@ -65,7 +65,7 @@ function onMenuItemClick(menuItem: CatalogEntityContextMenu) {
   }
 }
 
-export const HotbarIcon = observer(({menuItems = [], size = 40, tooltip, ...props}: HotbarIconProps) => {
+export const HotbarIcon = observer(({ menuItems = [], size = 40, tooltip, ...props }: HotbarIconProps) => {
   const { uid, title, src, material, active, className, source, disabled, onMenuOpen, onClick, children, ...rest } = props;
   const id = `hotbarIcon-${uid}`;
   const [menuOpen, setMenuOpen] = useState(false);
@@ -104,7 +104,7 @@ export const HotbarIcon = observer(({menuItems = [], size = 40, tooltip, ...prop
         className="HotbarIconMenu"
         isOpen={menuOpen}
         toggleEvent="contextmenu"
-        position={{right: true, bottom: true }} // FIXME: position does not work
+        position={{ right: true, bottom: true }} // FIXME: position does not work
         open={() => {
           onMenuOpen?.();
           toggleMenu();

src/renderer/components/kube-object-menu/kube-object-menu.tsx

@@ -89,7 +89,7 @@ export class KubeObjectMenu<T extends KubeObject> extends React.Component<KubeOb
     return KubeObjectMenuRegistry
       .getInstance()
       .getItemsForKind(object.kind, object.apiVersion)
-      .map(({components: { MenuItem }}, index) => (
+      .map(({ components: { MenuItem }}, index) => (
         <MenuItem
           object={object}
           key={`menu-item-${index}`}

src/renderer/components/kubeconfig-dialog/kubeconfig-dialog.tsx

@@ -134,7 +134,7 @@ export class KubeConfigDialog extends React.Component<Props> {
               value={yamlConfig}
               theme={ThemeStore.getInstance().activeTheme.monacoTheme}
               className={cssNames( "MonacoEditor")}
-              options={{readOnly: true, ...UserStore.getInstance().getEditorOptions()}}
+              options={{ readOnly: true, ...UserStore.getInstance().getEditorOptions() }}
             />
             <textarea
               className="config-copy"

src/renderer/components/layout/sidebar.tsx

@@ -86,7 +86,7 @@ export class Sidebar extends React.Component<Props> {
 
     return Object.entries(crdStore.groups).map(([group, crds]) => {
       const id = `crd-group:${group}`;
-      const crdGroupsPageUrl = routes.crdURL({ query: { groups: group } });
+      const crdGroupsPageUrl = routes.crdURL({ query: { groups: group }});
 
       return (
         <SidebarItem key={id} id={id} text={group} url={crdGroupsPageUrl}>

src/renderer/components/table/react-table.tsx

@@ -102,7 +102,7 @@ export function ReactTable({ columns, data, headless }: Props) {
       </div>}
 
       <div {...getTableBodyProps()}>
-        {rows.map((row, index) => RenderRow({index}))}
+        {rows.map((row, index) => RenderRow({ index }))}
       </div>
     </div>
   );

src/renderer/components/tree-view/tree-view.tsx

@@ -85,7 +85,7 @@ export function RecursiveTreeView({ data }: Props) {
         nodeId={node.id}
         label={node.name}
         onLabelClick={(event) => onLabelClick(event, node.id)}
-        className={cssNames({selected: node.selected})}
+        className={cssNames({ selected: node.selected })}
         title={node.name}
       >
         {Array.isArray(node.children) ? node.children.map((node) => renderTree([node])) : null}

src/renderer/initializers/welcome-menu-registry.ts

@@ -29,7 +29,7 @@ export function initWelcomeMenuRegistry() {
       {
         title: "Browse Clusters in Catalog",
         icon: "view_list",
-        click: () => navigate(catalogURL({ params: { group: "entity.k8slens.dev", kind: "KubernetesCluster" } } )),
+        click: () => navigate(catalogURL({ params: { group: "entity.k8slens.dev", kind: "KubernetesCluster" }} )),
       }
     ]);
 }

src/renderer/protocol-handler/app-handlers.tsx

@@ -50,7 +50,7 @@ export function bindProtocolAddRouteHandlers() {
     .addInternalHandler("/landing", () => {
       navigate(routes.catalogURL());
     })
-    .addInternalHandler("/landing/view/:group/:kind", ({ pathname: { group, kind } }) => {
+    .addInternalHandler("/landing/view/:group/:kind", ({ pathname: { group, kind }}) => {
       navigate(routes.catalogURL({
         params: {
           group, kind
@@ -60,11 +60,11 @@ export function bindProtocolAddRouteHandlers() {
     .addInternalHandler("/cluster", () => {
       navigate(routes.addClusterURL());
     })
-    .addInternalHandler("/entity/:entityId/settings", ({ pathname: { entityId } }) => {
+    .addInternalHandler("/entity/:entityId/settings", ({ pathname: { entityId }}) => {
       const entity = catalogEntityRegistry.getById(entityId);
 
       if (entity) {
-        navigate(routes.entitySettingsURL({ params: { entityId } }));
+        navigate(routes.entitySettingsURL({ params: { entityId }}));
       } else {
         Notifications.shortInfo(
           <p>
@@ -74,11 +74,11 @@ export function bindProtocolAddRouteHandlers() {
       }
     })
     // Handlers below are deprecated and only kept for backward compact purposes
-    .addInternalHandler("/cluster/:clusterId", ({ pathname: { clusterId } }) => {
+    .addInternalHandler("/cluster/:clusterId", ({ pathname: { clusterId }}) => {
       const cluster = ClusterStore.getInstance().getById(clusterId);
 
       if (cluster) {
-        navigate(routes.clusterViewURL({ params: { clusterId } }));
+        navigate(routes.clusterViewURL({ params: { clusterId }}));
       } else {
         Notifications.shortInfo(
           <p>
@@ -87,11 +87,11 @@ export function bindProtocolAddRouteHandlers() {
         );
       }
     })
-    .addInternalHandler("/cluster/:clusterId/settings", ({ pathname: { clusterId } }) => {
+    .addInternalHandler("/cluster/:clusterId/settings", ({ pathname: { clusterId }}) => {
       const cluster = ClusterStore.getInstance().getById(clusterId);
 
       if (cluster) {
-        navigate(routes.entitySettingsURL({ params: { entityId: clusterId } }));
+        navigate(routes.entitySettingsURL({ params: { entityId: clusterId }}));
       } else {
         Notifications.shortInfo(
           <p>
@@ -103,7 +103,7 @@ export function bindProtocolAddRouteHandlers() {
     .addInternalHandler("/extensions", () => {
       navigate(routes.extensionsURL());
     })
-    .addInternalHandler(`/extensions/install${LensProtocolRouter.ExtensionUrlSchema}`, ({ pathname, search: { version } }) => {
+    .addInternalHandler(`/extensions/install${LensProtocolRouter.ExtensionUrlSchema}`, ({ pathname, search: { version }}) => {
       const name = [
         pathname[EXTENSION_PUBLISHER_MATCH],
         pathname[EXTENSION_NAME_MATCH],

webpack.main.ts

@@ -28,7 +28,7 @@ import ProgressBarPlugin from "progress-bar-webpack-plugin";
 import * as vars from "./src/common/vars";
 import getTSLoader from "./src/common/getTSLoader";
 
-const configs: {(): webpack.Configuration}[] = [];
+const configs: { (): webpack.Configuration }[] = [];
 
 configs.push((): webpack.Configuration => {
   console.info("WEBPACK:main", vars);