Parse the compile response instead of assuming it's valid

Author: shepmaster

ui/frontend/compileActions.ts

@@ -1,4 +1,5 @@
 import { AsyncThunk, createAsyncThunk } from '@reduxjs/toolkit';
+import * as z from 'zod';
 
 import { SimpleThunkAction, adaptFetchError, jsonPost, routes } from './actions';
 import { compileRequestPayloadSelector } from './selectors';
@@ -17,11 +18,12 @@ interface CompileRequestBody {
   processAssembly: string;
 }
 
-interface CompileResponseBody {
-  code: string;
-  stdout: string;
-  stderr: string;
-}
+const CompileResponseBody = z.object({
+  code: z.string(),
+  stdout: z.string(),
+  stderr: z.string(),
+});
+type CompileResponseBody = z.infer<typeof CompileResponseBody>;
 
 interface Props {
   sliceName: string;
@@ -34,9 +36,10 @@ interface CompileActions {
 }
 
 export const makeCompileActions = ({ sliceName, target }: Props): CompileActions => {
-  const action = createAsyncThunk(sliceName, async (payload: CompileRequestBody) =>
-    adaptFetchError(() => jsonPost<CompileResponseBody>(routes.compile, payload)),
-  );
+  const action = createAsyncThunk(sliceName, async (payload: CompileRequestBody) => {
+    const d = await adaptFetchError(() => jsonPost(routes.compile, payload));
+    return CompileResponseBody.parseAsync(d);
+  });
 
   const performCompile = (): SimpleThunkAction => (dispatch, getState) => {
     const state = getState();