From 12fffd4fb91a4cb2d085af6d3cbe89197e839115 Mon Sep 17 00:00:00 2001
From: Eric Anderson <eanders@microsoft.com>
Date: Thu, 25 Jan 2024 15:53:37 -0800
Subject: [PATCH] teacher tool - run prettier (#9831)

* prettier

* max line length 200

* max-line-length: 120
---
 teachertool/.prettierrc                       |  5 ++--
 teachertool/src/App.tsx                       |  3 +-
 .../src/components/ActiveRubricDisplay.tsx    | 15 +++++++---
 teachertool/src/components/CatalogModal.tsx   | 20 +++++++++----
 teachertool/src/components/DebugInput.tsx     | 22 +++++++-------
 .../src/components/EvalResultDisplay.tsx      |  7 +++--
 teachertool/src/components/HeaderBar.tsx      | 29 ++++---------------
 teachertool/src/components/MakecodeFrame.tsx  | 13 +++++----
 teachertool/src/hooks/index.ts                |  2 +-
 .../{ackendRequests.ts => backendRequests.ts} | 12 ++------
 teachertool/src/services/loggingService.ts    |  6 +---
 .../src/services/makecodeEditorService.ts     | 12 ++++----
 teachertool/src/state/actions.ts              | 16 ++++------
 teachertool/src/state/appStateContext.tsx     | 12 +++-----
 teachertool/src/state/helpers.ts              |  2 +-
 teachertool/src/state/index.ts                |  4 +--
 teachertool/src/state/reducer.ts              | 15 +++-------
 teachertool/src/state/state.ts                |  6 ++--
 .../src/transforms/addCriteriaToRubric.ts     | 16 ++++++----
 teachertool/src/transforms/hideModal.ts       |  2 +-
 .../src/transforms/loadCatalogAsync.ts        | 11 +++----
 .../src/transforms/loadProjectAsync.ts        |  1 -
 .../transforms/loadProjectMetadataAsync.ts    |  2 +-
 .../transforms/removeCriteriaFromRubric.ts    |  6 ++--
 .../src/transforms/runEvaluateAsync.ts        |  2 +-
 .../src/transforms/showCatalogModal.ts        |  2 +-
 teachertool/src/types/criteria.ts             |  2 +-
 teachertool/src/types/errorCode.ts            |  4 +--
 teachertool/src/types/index.ts                |  2 +-
 teachertool/src/utils/index.ts                |  7 ++---
 30 files changed, 116 insertions(+), 142 deletions(-)
 rename teachertool/src/services/{ackendRequests.ts => backendRequests.ts} (77%)

diff --git a/teachertool/.prettierrc b/teachertool/.prettierrc
index 19b5198afcac..fdcd59bbe075 100644
--- a/teachertool/.prettierrc
+++ b/teachertool/.prettierrc
@@ -1,5 +1,6 @@
 {
     "arrowParens": "avoid",
     "semi": true,
-    "tabWidth": 4
-}
\ No newline at end of file
+    "tabWidth": 4,
+    "printWidth":120
+}
diff --git a/teachertool/src/App.tsx b/teachertool/src/App.tsx
index a1d134577511..7f4f9c87f4a6 100644
--- a/teachertool/src/App.tsx
+++ b/teachertool/src/App.tsx
@@ -6,7 +6,7 @@ import { usePromise } from "./hooks";
 import { makeNotification } from "./utils";
 import * as Actions from "./state/actions";
 import * as NotificationService from "./services/notificationService";
-import { downloadTargetConfigAsync } from "./services/ackendRequests";
+import { downloadTargetConfigAsync } from "./services/backendRequests";
 import { logDebug } from "./services/loggingService";
 
 import HeaderBar from "./components/HeaderBar";
@@ -20,7 +20,6 @@ import CatalogModal from "./components/CatalogModal";
 import { postNotification } from "./transforms/postNotification";
 import { loadCatalogAsync } from "./transforms/loadCatalogAsync";
 
-
 function App() {
     const { state, dispatch } = useContext(AppStateContext);
     const [inited, setInited] = useState(false);
diff --git a/teachertool/src/components/ActiveRubricDisplay.tsx b/teachertool/src/components/ActiveRubricDisplay.tsx
index 23014a837dee..fc3f916fc491 100644
--- a/teachertool/src/components/ActiveRubricDisplay.tsx
+++ b/teachertool/src/components/ActiveRubricDisplay.tsx
@@ -7,7 +7,6 @@ import { Button } from "react-common/components/controls/Button";
 import { removeCriteriaFromRubric } from "../transforms/removeCriteriaFromRubric";
 import { showCatalogModal } from "../transforms/showCatalogModal";
 
-
 interface IProps {}
 
 const ActiveRubricDisplay: React.FC<IProps> = ({}) => {
@@ -20,18 +19,26 @@ const ActiveRubricDisplay: React.FC<IProps> = ({}) => {
                 if (!criteriaInstance) return null;
 
                 const catalogCriteria = getCatalogCriteriaWithId(criteriaInstance.catalogCriteriaId);
-                return criteriaInstance.catalogCriteriaId && (
+                return (
+                    criteriaInstance.catalogCriteriaId && (
                         <div className="criteria-instance-display" key={criteriaInstance.instanceId}>
                             {catalogCriteria?.template}
                             <Button
                                 className="criteria-btn-remove"
                                 label={lf("X")}
                                 onClick={() => removeCriteriaFromRubric(criteriaInstance)}
-                                title={lf("Remove")} />
+                                title={lf("Remove")}
+                            />
                         </div>
+                    )
                 );
             })}
-            <Button className="add-criteria secondary" label={lf("+ Add Criteria")} onClick={showCatalogModal} title={lf("Add Criteria")} />
+            <Button
+                className="add-criteria secondary"
+                label={lf("+ Add Criteria")}
+                onClick={showCatalogModal}
+                title={lf("Add Criteria")}
+            />
         </div>
     );
 };
diff --git a/teachertool/src/components/CatalogModal.tsx b/teachertool/src/components/CatalogModal.tsx
index 6db5c102fb80..d0aa926f31eb 100644
--- a/teachertool/src/components/CatalogModal.tsx
+++ b/teachertool/src/components/CatalogModal.tsx
@@ -12,7 +12,7 @@ interface IProps {}
 
 const CatalogModal: React.FC<IProps> = ({}) => {
     const { state: teacherTool } = useContext(AppStateContext);
-    const [ checkedCriteriaIds, setCheckedCriteria ] = useState<Set<string>>(new Set<string>());
+    const [checkedCriteriaIds, setCheckedCriteria] = useState<Set<string>>(new Set<string>());
 
     function handleCriteriaSelectedChange(criteria: CatalogCriteria, newValue: boolean) {
         const newSet = new Set(checkedCriteriaIds);
@@ -51,19 +51,27 @@ const CatalogModal: React.FC<IProps> = ({}) => {
             className: "primary",
             onClick: handleAddSelectedClicked,
         },
-    ]
+    ];
 
     return teacherTool.modal === "catalog-display" ? (
-        <Modal className="catalog-modal" title={lf("Select the criteria you'd like to include")} onClose={closeModal} actions={modalActions}>
+        <Modal
+            className="catalog-modal"
+            title={lf("Select the criteria you'd like to include")}
+            onClose={closeModal}
+            actions={modalActions}
+        >
             {teacherTool.catalog?.map(criteria => {
-                return criteria?.template && (
+                return (
+                    criteria?.template && (
                         <Checkbox
                             id={`checkbox_${criteria.id}`}
                             key={criteria.id}
                             className="catalog-item"
                             label={criteria.template}
-                            onChange={(newValue) => handleCriteriaSelectedChange(criteria, newValue)}
-                            isChecked={isCriteriaSelected(criteria.id)} />
+                            onChange={newValue => handleCriteriaSelectedChange(criteria, newValue)}
+                            isChecked={isCriteriaSelected(criteria.id)}
+                        />
+                    )
                 );
             })}
         </Modal>
diff --git a/teachertool/src/components/DebugInput.tsx b/teachertool/src/components/DebugInput.tsx
index ba9527b34ef4..0120aac86683 100644
--- a/teachertool/src/components/DebugInput.tsx
+++ b/teachertool/src/components/DebugInput.tsx
@@ -16,7 +16,7 @@ const DebugInput: React.FC<IProps> = ({}) => {
     const evaluate = async () => {
         await loadProjectMetadataAsync(shareLink);
         await runEvaluateAsync(rubric);
-    }
+    };
 
     return (
         <div className="debug-container">
@@ -27,20 +27,22 @@ const DebugInput: React.FC<IProps> = ({}) => {
                     className="link-input"
                     placeholder={lf("Share link to validate")}
                     initialValue={shareLink}
-                    onChange={setShareLink} />
+                    onChange={setShareLink}
+                />
             </div>
             <div className="rubric-json-input-container">
                 {lf("Rubric:")}
-                <Textarea
-                    id="rubricJsonInput"
-                    className="json-input"
-                    rows={20}
-                    onChange={setRubric} />
+                <Textarea id="rubricJsonInput" className="json-input" rows={20} onChange={setRubric} />
             </div>
-            <Button id="evaluateSingleProjectButton" className="ui button primary" onClick={evaluate} title={"Evaluate"} label={lf("Evaluate")} />
+            <Button
+                id="evaluateSingleProjectButton"
+                className="ui button primary"
+                onClick={evaluate}
+                title={"Evaluate"}
+                label={lf("Evaluate")}
+            />
         </div>
-    )
-
+    );
 };
 
 export default DebugInput;
diff --git a/teachertool/src/components/EvalResultDisplay.tsx b/teachertool/src/components/EvalResultDisplay.tsx
index fad4eef52d18..b796ef603bca 100644
--- a/teachertool/src/components/EvalResultDisplay.tsx
+++ b/teachertool/src/components/EvalResultDisplay.tsx
@@ -14,12 +14,14 @@ const EvalResultDisplay: React.FC<IProps> = ({}) => {
                 <div className="eval-results-container">
                     <h3>{lf("Project: {0}", teacherTool.projectMetadata.name)}</h3>
                     {teacherTool.currentEvalResult === undefined && <div className="common-spinner" />}
-                    {Object.keys(teacherTool.currentEvalResult?.blockIdResults ?? {}).map((id) => {
+                    {Object.keys(teacherTool.currentEvalResult?.blockIdResults ?? {}).map(id => {
                         const result = teacherTool.currentEvalResult?.blockIdResults[id];
                         return (
                             <div className="result-block-id" key={id}>
                                 <p className="block-id-label">{id}:</p>
-                                <p className={result ? "positive-text" : "negative-text"}>{result ? "passed" : "failed"}</p>
+                                <p className={result ? "positive-text" : "negative-text"}>
+                                    {result ? "passed" : "failed"}
+                                </p>
                             </div>
                         );
                     })}
@@ -27,7 +29,6 @@ const EvalResultDisplay: React.FC<IProps> = ({}) => {
             )}
         </>
     );
-
 };
 
 export default EvalResultDisplay;
diff --git a/teachertool/src/components/HeaderBar.tsx b/teachertool/src/components/HeaderBar.tsx
index 56ab72ab686e..1a31d1453a87 100644
--- a/teachertool/src/components/HeaderBar.tsx
+++ b/teachertool/src/components/HeaderBar.tsx
@@ -16,10 +16,7 @@ export const HeaderBar: React.FC<HeaderBarProps> = () => {
                 {appTheme.organizationWideLogo || appTheme.organizationLogo ? (
                     <img
                         className={`ui logo`}
-                        src={
-                            appTheme.organizationWideLogo ||
-                            appTheme.organizationLogo
-                        }
+                        src={appTheme.organizationWideLogo || appTheme.organizationLogo}
                         alt={lf("{0} Logo", appTheme.organization)}
                     />
                 ) : (
@@ -43,15 +40,12 @@ export const HeaderBar: React.FC<HeaderBarProps> = () => {
                             {appTheme.organizationText}
                         </span>,
                         <span className="name-short" key="org-name-short">
-                            {appTheme.organizationShortText ||
-                                appTheme.organizationText}
+                            {appTheme.organizationShortText || appTheme.organizationText}
                         </span>,
                     ]
                 ) : appTheme.logo || appTheme.portraitLogo ? (
                     <img
-                        className={`ui ${
-                            appTheme.logoWide ? "small" : ""
-                        } logo`}
+                        className={`ui ${appTheme.logoWide ? "small" : ""} logo`}
                         src={appTheme.logo || appTheme.portraitLogo}
                         alt={lf("{0} Logo", appTheme.boardName)}
                     />
@@ -66,15 +60,9 @@ export const HeaderBar: React.FC<HeaderBarProps> = () => {
         pxt.tickEvent("teacherTool.home");
 
         // relprefix looks like "/beta---", need to chop off the hyphens and slash
-        let rel = pxt.webConfig?.relprefix.substr(
-            0,
-            pxt.webConfig.relprefix.length - 3
-        );
+        let rel = pxt.webConfig?.relprefix.substr(0, pxt.webConfig.relprefix.length - 3);
         if (pxt.appTarget.appTheme.homeUrl && rel) {
-            if (
-                pxt.appTarget.appTheme.homeUrl?.lastIndexOf("/") ===
-                pxt.appTarget.appTheme.homeUrl?.length - 1
-            ) {
+            if (pxt.appTarget.appTheme.homeUrl?.lastIndexOf("/") === pxt.appTarget.appTheme.homeUrl?.length - 1) {
                 rel = rel.substr(1);
             }
             window.open(pxt.appTarget.appTheme.homeUrl + rel);
@@ -85,12 +73,7 @@ export const HeaderBar: React.FC<HeaderBarProps> = () => {
 
     return (
         <header className="menubar" role="banner">
-            <MenuBar
-                className={`ui menu ${
-                    appTheme?.invertedMenu ? `inverted` : ""
-                } header`}
-                ariaLabel={lf("Header")}
-            >
+            <MenuBar className={`ui menu ${appTheme?.invertedMenu ? `inverted` : ""} header`} ariaLabel={lf("Header")}>
                 <div className="left menu">
                     {getOrganizationLogo()}
                     {getTargetLogo()}
diff --git a/teachertool/src/components/MakecodeFrame.tsx b/teachertool/src/components/MakecodeFrame.tsx
index c3783176468f..00da61048d49 100644
--- a/teachertool/src/components/MakecodeFrame.tsx
+++ b/teachertool/src/components/MakecodeFrame.tsx
@@ -6,10 +6,12 @@ import { getEditorUrl } from "../utils";
 
 interface MakeCodeFrameProps {}
 export const MakeCodeFrame: React.FC<MakeCodeFrameProps> = () => {
-    const { state: teacherTool } = useContext(AppStateContext)
+    const { state: teacherTool } = useContext(AppStateContext);
 
     function createIFrameUrl(shareId: string): string {
-        const editorUrl: string = pxt.BrowserUtils.isLocalHost() ? "http://localhost:3232/index.html" : getEditorUrl((window as any).pxtTargetBundle.appTheme.embedUrl);
+        const editorUrl: string = pxt.BrowserUtils.isLocalHost()
+            ? "http://localhost:3232/index.html"
+            : getEditorUrl((window as any).pxtTargetBundle.appTheme.embedUrl);
 
         let url = editorUrl;
         if (editorUrl.charAt(editorUrl.length - 1) === "/" && !pxt.BrowserUtils.isLocalHost()) {
@@ -21,7 +23,7 @@ export const MakeCodeFrame: React.FC<MakeCodeFrameProps> = () => {
 
     const handleIFrameRef = (el: HTMLIFrameElement | null) => {
         setEditorRef(el ?? undefined);
-    }
+    };
 
     /* eslint-disable @microsoft/sdl/react-iframe-missing-sandbox */
     return (
@@ -31,9 +33,10 @@ export const MakeCodeFrame: React.FC<MakeCodeFrameProps> = () => {
                     className="makecode-frame"
                     src={createIFrameUrl(teacherTool.projectMetadata.id)}
                     title={"title"}
-                    ref={handleIFrameRef} />
+                    ref={handleIFrameRef}
+                />
             )}
         </div>
     );
     /* eslint-enable @microsoft/sdl/react-iframe-missing-sandbox */
-}
+};
diff --git a/teachertool/src/hooks/index.ts b/teachertool/src/hooks/index.ts
index 13be40cfbe05..63adb117dfcf 100644
--- a/teachertool/src/hooks/index.ts
+++ b/teachertool/src/hooks/index.ts
@@ -1 +1 @@
-export { usePromise } from "./usePromise";
\ No newline at end of file
+export { usePromise } from "./usePromise";
diff --git a/teachertool/src/services/ackendRequests.ts b/teachertool/src/services/backendRequests.ts
similarity index 77%
rename from teachertool/src/services/ackendRequests.ts
rename to teachertool/src/services/backendRequests.ts
index e86b42514563..93424630c14a 100644
--- a/teachertool/src/services/ackendRequests.ts
+++ b/teachertool/src/services/backendRequests.ts
@@ -1,9 +1,7 @@
 import { ErrorCode } from "../types/errorCode";
 import { logError } from "./loggingService";
 
-export async function getProjectTextAsync(
-    projectId: string
-): Promise<pxt.Cloud.JsonText | undefined> {
+export async function getProjectTextAsync(projectId: string): Promise<pxt.Cloud.JsonText | undefined> {
     try {
         const projectTextUrl = `${pxt.Cloud.apiRoot}/${projectId}/text`;
         const response = await fetch(projectTextUrl);
@@ -18,9 +16,7 @@ export async function getProjectTextAsync(
     }
 }
 
-export async function getProjectMetaAsync(
-    projectId: string
-): Promise<pxt.Cloud.JsonScript | undefined> {
+export async function getProjectMetaAsync(projectId: string): Promise<pxt.Cloud.JsonScript | undefined> {
     try {
         const projectMetaUrl = `${pxt.Cloud.apiRoot}/${projectId}`;
         const response = await fetch(projectMetaUrl);
@@ -35,9 +31,7 @@ export async function getProjectMetaAsync(
     }
 }
 
-export async function downloadTargetConfigAsync(): Promise<
-    pxt.TargetConfig | undefined
-> {
+export async function downloadTargetConfigAsync(): Promise<pxt.TargetConfig | undefined> {
     try {
         return await pxt.targetConfigAsync();
     } catch (e) {
diff --git a/teachertool/src/services/loggingService.ts b/teachertool/src/services/loggingService.ts
index 5c2df766a7a7..12fd95473980 100644
--- a/teachertool/src/services/loggingService.ts
+++ b/teachertool/src/services/loggingService.ts
@@ -5,11 +5,7 @@ const timestamp = () => {
     return `[${time.getHours()}:${time.getMinutes()}:${time.getSeconds()}]`;
 };
 
-export const logError = (
-    errorCode: ErrorCode,
-    message?: any,
-    data: pxt.Map<string | number> = {}
-) => {
+export const logError = (errorCode: ErrorCode, message?: any, data: pxt.Map<string | number> = {}) => {
     let dataObj = { ...data };
     if (message) {
         if (typeof message === "object") {
diff --git a/teachertool/src/services/makecodeEditorService.ts b/teachertool/src/services/makecodeEditorService.ts
index a8e3d8465194..502e8cc30ce9 100644
--- a/teachertool/src/services/makecodeEditorService.ts
+++ b/teachertool/src/services/makecodeEditorService.ts
@@ -10,7 +10,7 @@ let makecodeEditorRef: HTMLIFrameElement | undefined;
 let readyForMessages: boolean;
 const messageQueue: pxt.editor.EditorMessageRequest[] = [];
 let nextId: number = 0;
-let pendingMessages: {[index: string]: PendingMessage} = {};
+let pendingMessages: { [index: string]: PendingMessage } = {};
 
 function onMessageReceived(event: MessageEvent) {
     logDebug(`Message received from iframe: ${JSON.stringify(event.data)}`);
@@ -35,14 +35,14 @@ function sendMessageAsync(message?: any) {
         const sendMessageCore = (message: any) => {
             logDebug(`Sending message to iframe: ${JSON.stringify(message)}`);
             makecodeEditorRef!.contentWindow!.postMessage(message, "*");
-        }
+        };
 
         if (message) {
             message.response = true;
             message.id = nextId++ + "";
             pendingMessages[message.id] = {
                 original: message,
-                handler: resolve
+                handler: resolve,
             };
             messageQueue.push(message);
         }
@@ -79,7 +79,7 @@ export async function setHighContrastAsync(on: boolean) {
     const result = await sendMessageAsync({
         type: "pxteditor",
         action: "sethighcontrast",
-        on: on
+        on: on,
     });
     console.log(result);
 }
@@ -91,8 +91,8 @@ export async function runEvalInEditorAsync(serializedRubric: string): Promise<px
         const response = await sendMessageAsync({
             type: "pxteditor",
             action: "runeval",
-            rubric: serializedRubric } as pxt.editor.EditorMessageRunEvalRequest
-        );
+            rubric: serializedRubric,
+        } as pxt.editor.EditorMessageRunEvalRequest);
         const result = response as pxt.editor.EditorMessageResponse;
         validateResponse(result, true); // Throws on failure
         evalResults = result.resp as pxt.blocks.EvaluationResult;
diff --git a/teachertool/src/state/actions.ts b/teachertool/src/state/actions.ts
index 374aa3bb58d6..0b90860a1170 100644
--- a/teachertool/src/state/actions.ts
+++ b/teachertool/src/state/actions.ts
@@ -40,7 +40,7 @@ type SetCatalog = ActionBase & {
 };
 
 type SetSelectedCriteria = ActionBase & {
-    type: "SET_SELECTED_CRITERIA"
+    type: "SET_SELECTED_CRITERIA";
     criteria: CriteriaInstance[];
 };
 
@@ -77,9 +77,7 @@ export type Action =
 /**
  * Action creators
  */
-const postNotification = (
-    notification: NotificationWithId
-): PostNotification => ({
+const postNotification = (notification: NotificationWithId): PostNotification => ({
     type: "POST_NOTIFICATION",
     notification,
 });
@@ -89,16 +87,12 @@ const removeNotification = (notificationId: string): RemoveNotification => ({
     notificationId,
 });
 
-const setProjectMetadata = (
-    metadata: pxt.Cloud.JsonScript | undefined
-): SetProjectMetadata => ({
+const setProjectMetadata = (metadata: pxt.Cloud.JsonScript | undefined): SetProjectMetadata => ({
     type: "SET_PROJECT_METADATA",
     metadata,
 });
 
-const setEvalResult = (
-    result: pxt.blocks.EvaluationResult | undefined
-): SetEvalResult => ({
+const setEvalResult = (result: pxt.blocks.EvaluationResult | undefined): SetEvalResult => ({
     type: "SET_EVAL_RESULT",
     result,
 });
@@ -142,5 +136,5 @@ export {
     setSelectedCriteria,
     removeCriteriaInstance,
     showModal,
-    hideModal
+    hideModal,
 };
diff --git a/teachertool/src/state/appStateContext.tsx b/teachertool/src/state/appStateContext.tsx
index 1274e2f28f5f..846e32cbfcf9 100644
--- a/teachertool/src/state/appStateContext.tsx
+++ b/teachertool/src/state/appStateContext.tsx
@@ -31,13 +31,9 @@ const initialAppStateContextProps: AppStateContextProps = {
     dispatch: undefined!,
 };
 
-export const AppStateContext = createContext<AppStateContextProps>(
-    initialAppStateContextProps
-);
+export const AppStateContext = createContext<AppStateContextProps>(initialAppStateContextProps);
 
-export function AppStateProvider(
-    props: React.PropsWithChildren<{}>
-): React.ReactElement {
+export function AppStateProvider(props: React.PropsWithChildren<{}>): React.ReactElement {
     // Read the URL parameters and set the initial state accordingly
     const url = window.location.href;
     const testCatalog = !!/testcatalog(?:[:=])1/.test(url) || !!/tc(?:[:=])1/.test(url);
@@ -47,8 +43,8 @@ export function AppStateProvider(
         ...initialAppState,
         flags: {
             ...initialAppState.flags,
-            testCatalog
-        }
+            testCatalog,
+        },
     });
 
     // Make state and dispatch available outside the React context
diff --git a/teachertool/src/state/helpers.ts b/teachertool/src/state/helpers.ts
index 75c4852d929b..55497c8a8f66 100644
--- a/teachertool/src/state/helpers.ts
+++ b/teachertool/src/state/helpers.ts
@@ -4,4 +4,4 @@ import { stateAndDispatch } from "./appStateContext";
 export function getCatalogCriteriaWithId(id: string): CatalogCriteria | undefined {
     const { state } = stateAndDispatch();
     return state.catalog?.find(c => c.id === id);
-}
\ No newline at end of file
+}
diff --git a/teachertool/src/state/index.ts b/teachertool/src/state/index.ts
index 0285ddafb797..8f7de79fb12d 100644
--- a/teachertool/src/state/index.ts
+++ b/teachertool/src/state/index.ts
@@ -1,5 +1,3 @@
 import { stateAndDispatch } from "./appStateContext";
 
-export {
-    stateAndDispatch
-};
+export { stateAndDispatch };
diff --git a/teachertool/src/state/reducer.ts b/teachertool/src/state/reducer.ts
index 004230443e12..bb8b48ff0842 100644
--- a/teachertool/src/state/reducer.ts
+++ b/teachertool/src/state/reducer.ts
@@ -8,24 +8,17 @@ export default function reducer(state: AppState, action: Action): AppState {
         case "POST_NOTIFICATION": {
             // Before posting the notification, ensure is doesn't already exist in the list.
             // Protect against duplicate action dispatches.
-            if (
-                !state.notifications.find(n => n.id === action.notification.id)
-            ) {
+            if (!state.notifications.find(n => n.id === action.notification.id)) {
                 return {
                     ...state,
-                    notifications: [
-                        ...state.notifications,
-                        action.notification,
-                    ],
+                    notifications: [...state.notifications, action.notification],
                 };
             } else {
                 return state;
             }
         }
         case "REMOVE_NOTIFICATION": {
-            const notifications = state.notifications.filter(
-                n => n.id !== action.notificationId
-            );
+            const notifications = state.notifications.filter(n => n.id !== action.notificationId);
             return {
                 ...state,
                 notifications,
@@ -58,7 +51,7 @@ export default function reducer(state: AppState, action: Action): AppState {
         case "REMOVE_CRITERIA_INSTANCE": {
             return {
                 ...state,
-                selectedCriteria: state.selectedCriteria.filter(c => c.instanceId !== action.instanceId)
+                selectedCriteria: state.selectedCriteria.filter(c => c.instanceId !== action.instanceId),
             };
         }
         case "SHOW_MODAL": {
diff --git a/teachertool/src/state/state.ts b/teachertool/src/state/state.ts
index 8e3abde58a02..41bc6a896994 100644
--- a/teachertool/src/state/state.ts
+++ b/teachertool/src/state/state.ts
@@ -11,7 +11,7 @@ export type AppState = {
     modal: ModalType | undefined;
     flags: {
         testCatalog: boolean;
-    }
+    };
 };
 
 export const initialAppState: AppState = {
@@ -22,6 +22,6 @@ export const initialAppState: AppState = {
     selectedCriteria: [],
     modal: undefined,
     flags: {
-        testCatalog: false
-    }
+        testCatalog: false,
+    },
 };
diff --git a/teachertool/src/transforms/addCriteriaToRubric.ts b/teachertool/src/transforms/addCriteriaToRubric.ts
index 3c1e99fe9d01..d0e2c0660d35 100644
--- a/teachertool/src/transforms/addCriteriaToRubric.ts
+++ b/teachertool/src/transforms/addCriteriaToRubric.ts
@@ -10,11 +10,13 @@ export function addCriteriaToRubric(catalogCriteriaIds: string[]) {
     const { state: teacherTool, dispatch } = stateAndDispatch();
 
     // Create instances for each of the catalog criteria.
-    const newSelectedCriteria = [...teacherTool.selectedCriteria ?? []]
-    for(const catalogCriteriaId of catalogCriteriaIds) {
+    const newSelectedCriteria = [...(teacherTool.selectedCriteria ?? [])];
+    for (const catalogCriteriaId of catalogCriteriaIds) {
         const catalogCriteria = getCatalogCriteriaWithId(catalogCriteriaId);
         if (!catalogCriteria) {
-            logError(ErrorCode.addingMissingCriteria, "Attempting to add criteria with unrecognized id", { id: catalogCriteriaId });
+            logError(ErrorCode.addingMissingCriteria, "Attempting to add criteria with unrecognized id", {
+                id: catalogCriteriaId,
+            });
             continue;
         }
 
@@ -32,7 +34,7 @@ export function addCriteriaToRubric(catalogCriteriaIds: string[]) {
         const criteriaInstance = {
             catalogCriteriaId,
             instanceId,
-            params
+            params,
         } as CriteriaInstance;
 
         newSelectedCriteria.push(criteriaInstance);
@@ -40,5 +42,7 @@ export function addCriteriaToRubric(catalogCriteriaIds: string[]) {
 
     dispatch(Actions.setSelectedCriteria(newSelectedCriteria));
 
-    pxt.tickEvent("teachertool.addcriteria", { ids: JSON.stringify(catalogCriteriaIds) });
-}
\ No newline at end of file
+    pxt.tickEvent("teachertool.addcriteria", {
+        ids: JSON.stringify(catalogCriteriaIds),
+    });
+}
diff --git a/teachertool/src/transforms/hideModal.ts b/teachertool/src/transforms/hideModal.ts
index ce5c6d958e30..59ea02157ef5 100644
--- a/teachertool/src/transforms/hideModal.ts
+++ b/teachertool/src/transforms/hideModal.ts
@@ -11,4 +11,4 @@ export function hideModal(modal: ModalType) {
     } else {
         logDebug(`Trying to hide '${modal}' model when it was not active`);
     }
-}
\ No newline at end of file
+}
diff --git a/teachertool/src/transforms/loadCatalogAsync.ts b/teachertool/src/transforms/loadCatalogAsync.ts
index 67fc996a8583..42c8c25a73ee 100644
--- a/teachertool/src/transforms/loadCatalogAsync.ts
+++ b/teachertool/src/transforms/loadCatalogAsync.ts
@@ -6,14 +6,11 @@ import { ErrorCode } from "../types/errorCode";
 
 const prodFiles = [
     "/teachertool/catalog.json", // target-specific catalog
-    "/teachertool/catalog-shared.json" // shared across all targets
+    "/teachertool/catalog-shared.json", // shared across all targets
 ];
 
 // Catalog entries still being tested, will only appear when in debug mode (?dbg=1)
-const testFiles = [
-    "/teachertool/catalog-test.json",
-    "/teachertool/catalog-shared-test.json"
-]
+const testFiles = ["/teachertool/catalog-test.json", "/teachertool/catalog-shared-test.json"];
 
 interface CatalogInfo {
     criteria: CatalogCriteria[];
@@ -27,7 +24,7 @@ export async function loadCatalogAsync() {
     for (const catalogFile of catalogFiles) {
         try {
             const catalogResponse = await fetch(catalogFile);
-            const catalogContent = await catalogResponse.json() as CatalogInfo;
+            const catalogContent = (await catalogResponse.json()) as CatalogInfo;
             fullCatalog = fullCatalog.concat(catalogContent.criteria ?? []);
         } catch (e) {
             logError(ErrorCode.loadCatalogFailed, e, { catalogFile });
@@ -36,4 +33,4 @@ export async function loadCatalogAsync() {
     }
 
     dispatch(Actions.setCatalog(fullCatalog));
-}
\ No newline at end of file
+}
diff --git a/teachertool/src/transforms/loadProjectAsync.ts b/teachertool/src/transforms/loadProjectAsync.ts
index 272e5e4fccf7..135a07012acb 100644
--- a/teachertool/src/transforms/loadProjectAsync.ts
+++ b/teachertool/src/transforms/loadProjectAsync.ts
@@ -8,5 +8,4 @@ export async function loadProjectAsync(projectId: string, bool: boolean) {
     const { dispatch } = stateAndDispatch();
     await setHighContrastAsync(bool);
     postNotification(makeNotification(`project ${projectId} evaluated`, 2000));
-
 }
diff --git a/teachertool/src/transforms/loadProjectMetadataAsync.ts b/teachertool/src/transforms/loadProjectMetadataAsync.ts
index a7a7ccb70279..c7c02f2985b9 100644
--- a/teachertool/src/transforms/loadProjectMetadataAsync.ts
+++ b/teachertool/src/transforms/loadProjectMetadataAsync.ts
@@ -1,6 +1,6 @@
 import { stateAndDispatch } from "../state";
 import * as Actions from "../state/actions";
-import { getProjectMetaAsync } from "../services/ackendRequests";
+import { getProjectMetaAsync } from "../services/backendRequests";
 import { logDebug } from "../services/loggingService";
 import { postNotification } from "./postNotification";
 import { makeNotification } from "../utils";
diff --git a/teachertool/src/transforms/removeCriteriaFromRubric.ts b/teachertool/src/transforms/removeCriteriaFromRubric.ts
index 285509f7f47b..6ab543e0d513 100644
--- a/teachertool/src/transforms/removeCriteriaFromRubric.ts
+++ b/teachertool/src/transforms/removeCriteriaFromRubric.ts
@@ -8,5 +8,7 @@ export function removeCriteriaFromRubric(instance: CriteriaInstance) {
 
     const { dispatch } = stateAndDispatch();
     dispatch(Actions.removeCriteriaInstance(instance.instanceId));
-    pxt.tickEvent("teachertool.removecriteria", { catalogCriteriaId: instance.catalogCriteriaId });
-}
\ No newline at end of file
+    pxt.tickEvent("teachertool.removecriteria", {
+        catalogCriteriaId: instance.catalogCriteriaId,
+    });
+}
diff --git a/teachertool/src/transforms/runEvaluateAsync.ts b/teachertool/src/transforms/runEvaluateAsync.ts
index 2364db298134..1420c28e0e39 100644
--- a/teachertool/src/transforms/runEvaluateAsync.ts
+++ b/teachertool/src/transforms/runEvaluateAsync.ts
@@ -15,4 +15,4 @@ export async function runEvaluateAsync(rubric: string) {
         // Just notify the user.
         postNotification(makeNotification(lf("Unable to evaluate project"), 2000));
     }
-}
\ No newline at end of file
+}
diff --git a/teachertool/src/transforms/showCatalogModal.ts b/teachertool/src/transforms/showCatalogModal.ts
index bbf53e20ac41..76ec379a048d 100644
--- a/teachertool/src/transforms/showCatalogModal.ts
+++ b/teachertool/src/transforms/showCatalogModal.ts
@@ -4,4 +4,4 @@ import * as Actions from "../state/actions";
 export function showCatalogModal() {
     const { dispatch } = stateAndDispatch();
     dispatch(Actions.showModal("catalog-display"));
-}
\ No newline at end of file
+}
diff --git a/teachertool/src/types/criteria.ts b/teachertool/src/types/criteria.ts
index afddd662a209..fb8ee2b6772c 100644
--- a/teachertool/src/types/criteria.ts
+++ b/teachertool/src/types/criteria.ts
@@ -26,4 +26,4 @@ export interface CriteriaParameter {
 export interface CriteriaParameterValue {
     name: string;
     value: any; // Undefined if no value has been selected.
-}
\ No newline at end of file
+}
diff --git a/teachertool/src/types/errorCode.ts b/teachertool/src/types/errorCode.ts
index bd9ff3732ee3..3b1b7416503d 100644
--- a/teachertool/src/types/errorCode.ts
+++ b/teachertool/src/types/errorCode.ts
@@ -4,5 +4,5 @@ export enum ErrorCode {
     loadCatalogFailed = "loadCatalogFailed",
     getProjectTextAsync = "getProjectTextAsync",
     getProjectMetaAsync = "getProjectMetaAsync",
-    downloadTargetConfigAsync = "downloadTargetConfigAsync"
-}
\ No newline at end of file
+    downloadTargetConfigAsync = "downloadTargetConfigAsync",
+}
diff --git a/teachertool/src/types/index.ts b/teachertool/src/types/index.ts
index 76dff186f9ce..5006d2786ad7 100644
--- a/teachertool/src/types/index.ts
+++ b/teachertool/src/types/index.ts
@@ -10,4 +10,4 @@ export type NotificationWithId = Notification & {
 
 export type Notifications = NotificationWithId[];
 
-export type ModalType = "catalog-display";
\ No newline at end of file
+export type ModalType = "catalog-display";
diff --git a/teachertool/src/utils/index.ts b/teachertool/src/utils/index.ts
index b115841da907..08869e87a75f 100644
--- a/teachertool/src/utils/index.ts
+++ b/teachertool/src/utils/index.ts
@@ -1,10 +1,7 @@
 import { nanoid } from "nanoid";
 import { NotificationWithId } from "../types";
 
-export function makeNotification(
-    message: string,
-    duration: number
-): NotificationWithId {
+export function makeNotification(message: string, duration: number): NotificationWithId {
     return {
         id: nanoid(),
         message,
@@ -24,4 +21,4 @@ export const getEditorUrl = (embedUrl: string) => {
     // example: https://arcade.makecode.com/abc123 and this would get returned
     const path = /\/([\da-zA-Z\.]+)(?:--)?/i.exec(window.location.pathname);
     return `${embedUrl.replace(/\/$/, "")}/${path?.[1] || ""}`;
-}
\ No newline at end of file
+};