Add code execution service to api gateway

Author: cheehongw

api_gateway/src/proxy/routes_config.ts

@@ -1,4 +1,4 @@
-import { collabServiceHostUrl, matchServiceHostUrl, questionServiceUrl, userServiceHostUrl } from "./service_addresses";
+import { collabServiceHostUrl, executionServiceHostUrl, matchServiceHostUrl, questionServiceUrl, userServiceHostUrl } from "./service_addresses";
 
 export const routes_config = [
     {
@@ -15,6 +15,13 @@ export const routes_config = [
             changeOrigin: true
         }
     },
+    {
+        url: "/api/code",
+        proxy: {
+            target: executionServiceHostUrl,
+            changeOrigin: true
+        }
+    },
     {
         url: "/auth",
         proxy: {

api_gateway/src/proxy/service_addresses.ts

@@ -4,4 +4,5 @@ export const isLocal = process.env.ENV_TYPE !== "docker";
 export const questionServiceUrl = isLocal ? "http://localhost:8080" : "http://question-service:8080/";
 export const userServiceHostUrl = isLocal ? "http://localhost:8081" : "http://user-service:8081/";
 export const matchServiceHostUrl = isLocal ? "http://localhost:8082" : "http://matching-service:8082"
-export const collabServiceHostUrl = isLocal ? "http://localhost:8083" : "http://collab-service:8083"
+export const collabServiceHostUrl = isLocal ? "http://localhost:8083" : "http://collab-service:8083"
+export const executionServiceHostUrl = isLocal ? "http://localhost:8090" : "http://code-execution:8090";

docker_compose_dev.yml

@@ -47,6 +47,7 @@ services:
       - profile_pictures:/usr/src/app/public/profile_pictures
 
   code-execution:
+    container_name: code-execution
     build: 
       context: ./code_execution
     environment:

frontend/src/api/code.ts

@@ -0,0 +1,13 @@
+import { apiGatewayClient } from "./gateway";
+
+export async function submitCodeForExecution(data_payload: any) {
+    const res = await apiGatewayClient.post("/api/code/submit", data_payload);
+
+    return res;
+}
+
+export async function getExecutionResult(token : string) {
+    const res = await apiGatewayClient.post(`/api/code/result/${token}`);
+
+    return res;
+}

frontend/src/contexts/sharededitor.context.tsx

@@ -18,7 +18,7 @@ import { Buffer } from "buffer";
 import data from "../data/lang_temps.json";
 import { ToastId, useToast } from "@chakra-ui/react";
 import { wsCollabUrl } from "../api/gateway";
-import { executionServiceClient } from "../api/server";
+import { getExecutionResult, submitCodeForExecution } from "../api/code";
 
 export type language = keyof typeof data;
 
@@ -146,17 +146,18 @@ export const SharedEditorProvider = ({
   const submitToServer = async (submission: submissionRecord) => {
     // curr submission and currsubmission in state should alr be submitted
     console.log("submitting answer to server");
-    const res = await executionServiceClient.post("/api/code/submit", {
+    const res = await submitCodeForExecution({
       lang: submission.lang,
       source_code: submission.code,
       qn__id: submission.qn_id,
       uid: submission.user,
-    });
+    })
+
     const token = res.data.token as string;
 
     _states.current?.set(TOKEN_STATE, token);
     _poll_interval.current = setInterval(async () => {
-      const res = await executionServiceClient.get(`/api/code/result/${token}`);
+      const res = await getExecutionResult(token);
       const result = res.data as SubmissionResult;
       _states.current?.set(SUBMISSION_RESULT_STATE, result);
       if (result.completed) {