Fix Prettier violations (#522)

Author: basil

src/main/frontend/common/RestClient.tsx

@@ -74,11 +74,11 @@ export async function getRunSteps(): Promise<StepInfo[] | null> {
 
 export async function getConsoleTextOffset(
   stepId: string,
-  startByte: number
+  startByte: number,
 ): Promise<ConsoleLogData | null> {
   try {
     let response = await fetch(
-      `consoleOutput?nodeId=${stepId}&startByte=${startByte}`
+      `consoleOutput?nodeId=${stepId}&startByte=${startByte}`,
     );
     if (!response.ok) throw response.statusText;
     let json = await response.json();

src/main/frontend/multi-pipeline-graph-view/multi-pipeline-graph/main/support/startPollingRunsStatus.ts

@@ -7,7 +7,7 @@ import { RunInfo } from "../MultiPipelineGraphModel";
 export default function startPollingRunsStatus(
   onFetchSuccess: (data: Array<RunInfo>) => void,
   onFetchError: (err: Error) => void,
-  interval = 10000
+  interval = 10000,
 ) {
   let path = "runs";
 

src/main/frontend/multi-pipeline-graph-view/multi-pipeline-graph/styles/variables.scss

@@ -7,6 +7,10 @@ $status-failure: #d54c53;
 $status-paused: #24b0d5;
 $status-unknown: #d54cc4;
 
-$graph-connector-grey: color-mix(in srgb, var(--text-color-secondary), var(--background));
+$graph-connector-grey: color-mix(
+  in srgb,
+  var(--text-color-secondary),
+  var(--background)
+);
 $progress-bg: #a7c7f2;
 $progress-bar-color: #1d7dcf;

src/main/frontend/pipeline-console-view/app.tsx

@@ -5,7 +5,7 @@ import { FunctionComponent } from "react";
 import { CircularProgress } from "@mui/material";
 
 const PipelineConsole = lazy(
-  () => import("./pipeline-console/main/PipelineConsole")
+  () => import("./pipeline-console/main/PipelineConsole"),
 );
 
 const App: FunctionComponent = () => {

src/main/frontend/pipeline-console-view/pipeline-console/main/Ansi.tsx

@@ -156,7 +156,7 @@ export function tokenizeANSIString(input?: string): string[] | Result[] {
 
     // TODO fix type checking
     const parsedEscapeCode: any = parseEscapeCode(
-      input.substring(loopCounter, escapeCodeIndex + 1)
+      input.substring(loopCounter, escapeCodeIndex + 1),
     );
     result.push(parsedEscapeCode);
 
@@ -181,7 +181,7 @@ export function tokenizeANSIString(input?: string): string[] | Result[] {
  */
 export function makeReactChildren(
   tokenizedInput: string[] | Result[],
-  key: string
+  key: string,
 ) {
   const result = [];
   let currentState: Result = {
@@ -198,7 +198,7 @@ export function makeReactChildren(
           <div
             dangerouslySetInnerHTML={{ __html: codeOrString }}
             key={`${key}-${i}`}
-          />
+          />,
         );
       } else {
         const classNames = [];
@@ -211,7 +211,7 @@ export function makeReactChildren(
         }
 
         result.push(
-          <span className={classNames.join(" ")}>{codeOrString}</span>
+          <span className={classNames.join(" ")}>{codeOrString}</span>,
         );
       }
     } else if (codeOrString.isSelectGraphicRendition) {

src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLine.tsx

@@ -42,7 +42,7 @@ export const ConsoleLine = (props: ConsoleLineProps) => {
         <div className="console-text">
           {makeReactChildren(
             tokenizeANSIString(props.content),
-            `${props.stepId}-${props.lineNumber}`
+            `${props.stepId}-${props.lineNumber}`,
           )}
         </div>
       </div>

src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLogCard.spec.tsx

@@ -1,6 +1,6 @@
 /** * @jest-environment jsdom */
 
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";
 import React from "react";
 import { ConsoleLogCard } from "./ConsoleLogCard";
 import type { ConsoleLogCardProps } from "./ConsoleLogCard";
@@ -59,7 +59,7 @@ describe("ConsoleLogCard", () => {
 
   it("renders step console when expanded", async () => {
     const { getByText, findByText } = render(
-      <ConsoleLogCard {...DefaultTestProps} />
+      <ConsoleLogCard {...DefaultTestProps} />,
     );
     expect(getByText(/This is a step/));
     expect(findByText(/Hello, world!/));
@@ -69,15 +69,15 @@ describe("ConsoleLogCard", () => {
     console.log = jest.fn();
     render(<ConsoleLogCard {...DefaultTestProps} isExpanded={true} />);
     expect(console.log).toHaveBeenCalledWith(
-      "handleMoreConsoleClick triggered"
+      "handleMoreConsoleClick triggered",
     );
   });
 
   it("does not call handleMoreConsoleClick on load was card isExpanded set", async () => {
     console.log = jest.fn();
     render(<ConsoleLogCard {...DefaultTestProps} />);
     expect(console.log).not.toHaveBeenCalledWith(
-      "handleMoreConsoleClick triggered"
+      "handleMoreConsoleClick triggered",
     );
   });
 });

src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLogCard.tsx

@@ -85,7 +85,7 @@ export class ConsoleLogCard extends React.Component<
       // If we start expanded then request logs.
       this.props.handleMoreConsoleClick(
         this.props.step.id,
-        this.props.stepBuffer.startByte
+        this.props.stepBuffer.startByte,
       );
     }
   }
@@ -97,7 +97,7 @@ export class ConsoleLogCard extends React.Component<
           <Grid item xs={6} sm className="show-more-console">
             <Typography align="right" className="step-header">
               {`Missing ${this.prettySizeString(
-                this.props.stepBuffer.startByte
+                this.props.stepBuffer.startByte,
               )} of logs.`}
             </Typography>
           </Grid>
@@ -109,14 +109,14 @@ export class ConsoleLogCard extends React.Component<
                 let startByte =
                   this.props.stepBuffer.startByte - LOG_FETCH_SIZE;
                 console.debug(
-                  `startByte '${this.props.stepBuffer.startByte}' -> '${startByte}'`
+                  `startByte '${this.props.stepBuffer.startByte}' -> '${startByte}'`,
                 );
                 if (startByte < 0) {
                   startByte = 0;
                 }
                 this.props.handleMoreConsoleClick(
                   this.props.step.id,
-                  startByte
+                  startByte,
                 );
               }}
             >
@@ -167,7 +167,7 @@ export class ConsoleLogCard extends React.Component<
     const statusIcon = getStepStatus(
       this.props.step.state,
       this.props.step.completePercent,
-      10
+      10,
     );
 
     return (
@@ -209,7 +209,7 @@ export class ConsoleLogCard extends React.Component<
               </Typography>
               {this.getStepHeaderTitle(
                 this.props.step.title,
-                this.props.step.id
+                this.props.step.id,
               )}
             </Grid>
             <Grid
@@ -227,7 +227,7 @@ export class ConsoleLogCard extends React.Component<
               >
                 {this.props.step.totalDurationMillis.substring(
                   this.props.step.totalDurationMillis.indexOf(" ") + 1,
-                  this.props.step.totalDurationMillis.length
+                  this.props.step.totalDurationMillis.length,
                 )}
               </Typography>
             </Grid>

src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLogModal.tsx

@@ -38,7 +38,7 @@ export default function ConsoleLogModal(props: ConsoleLogModelProps) {
   const statusIcon = getStepStatus(
     props.step.state,
     props.step.completePercent,
-    10
+    10,
   );
   const stepDisplayName = props.step.name;
   const stepTitle = props.step.title ? " - " + props.step.title : "";

src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLogStream.spec.tsx

@@ -1,6 +1,6 @@
 /** * @jest-environment jsdom */
 
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";
 import React, { ReactElement } from "react";
 import ConsoleLogStream, { ConsoleLogStreamProps } from "./ConsoleLogStream";
 import { Result, StepInfo, StepLogBufferInfo } from "./PipelineConsoleModel";

src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLogStream.tsx

@@ -128,7 +128,7 @@ export default function ConsoleLogStream(props: ConsoleLogStreamProps) {
             appendInterval.current = setInterval(() => {
               props.handleMoreConsoleClick(
                 props.step.id,
-                props.logBuffer.startByte
+                props.logBuffer.startByte,
               );
             }, 1000);
             console.debug(`Received more text '${bottom} - ${stickToBottom}'`);

src/main/frontend/pipeline-console-view/pipeline-console/main/DataTreeView.tsx

@@ -8,7 +8,7 @@ import StepStatus from "../../../step-status/StepStatus";
 
 const getTreeItemsFromStage = (
   stageItems: StageInfo[],
-  selectedStage: string
+  selectedStage: string,
 ) => {
   return stageItems.map((stageItemData) => {
     let children: JSX.Element[] = [];

src/main/frontend/pipeline-console-view/pipeline-console/main/PipelineConsole.spec.tsx

@@ -1,6 +1,6 @@
 /** * @jest-environment jsdom */
 
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";
 import React from "react";
 import {
   default as PipelineConsole,
@@ -82,21 +82,21 @@ jest.mock("./StageView", () => {
 describe("getDefaultSelectedStep", () => {
   it("selects last successful step", async () => {
     const selectedStep = getDefaultSelectedStep(
-      allSuccessfulStepList
+      allSuccessfulStepList,
     ) as StepInfo;
     expect(selectedStep.id).toEqual("21");
   });
 
   it("selects first errored step", async () => {
     const selectedStep = getDefaultSelectedStep(
-      multipleErrorsStepList
+      multipleErrorsStepList,
     ) as StepInfo;
     expect(selectedStep.id).toEqual("11");
   });
 
   it("selects errored step over unstable", async () => {
     const selectedStep = getDefaultSelectedStep(
-      unstableThenFailureStepList
+      unstableThenFailureStepList,
     ) as StepInfo;
     expect(selectedStep.id).toEqual("12");
   });
@@ -108,7 +108,7 @@ describe("getDefaultSelectedStep", () => {
 
   it("selects first running step", async () => {
     const selectedStep = getDefaultSelectedStep(
-      multipleRunningSteps
+      multipleRunningSteps,
     ) as StepInfo;
     expect(selectedStep.id).toEqual("10");
   });
@@ -185,7 +185,7 @@ describe("PipelineConsole", () => {
         selected: "3",
         stages: defaultStagesList,
       },
-      {}
+      {},
     );
   });
 
@@ -204,7 +204,7 @@ describe("PipelineConsole", () => {
         stepBuffers: expect.any(Map),
         steps: findStageSteps(allSuccessfulStepList, 3),
       },
-      {}
+      {},
     );
   });
 
@@ -224,7 +224,7 @@ describe("PipelineConsole", () => {
         stepBuffers: expect.any(Map),
         steps: findStageSteps(allSuccessfulStepList, 1),
       },
-      {}
+      {},
     );
   });
 
@@ -244,7 +244,7 @@ describe("PipelineConsole", () => {
         stepBuffers: expect.any(Map),
         steps: findStageSteps(allSuccessfulStepList, 3),
       },
-      {}
+      {},
     );
   });
 
@@ -264,7 +264,7 @@ describe("PipelineConsole", () => {
         stepBuffers: expect.any(Map),
         steps: findStageSteps(allSuccessfulStepList, 0),
       },
-      {}
+      {},
     );
   });
 });