Merge pull request #1 from CodeSignal/feat/split-screen-side-sim-support

support embedded side-sim mounting

Author: tariel-codesignal

package.json

@@ -7,6 +7,7 @@
     "dev": "concurrently \"vite --host 0.0.0.0\" \"node server.js\"",
     "build": "vite build",
     "start": "IS_PRODUCTION=true node server.js",
+    "start:prod": "IS_PRODUCTION=true node server.js",
     "preview": "npm run build && npm run start"
   },
   "dependencies": {

src/components/TaskPanelMount.tsx

@@ -15,7 +15,7 @@ export function TaskPanelMount() {
 
   useEffect(() => {
     let active = true;
-    fetch('/api/task')
+    fetch('./api/task')
       .then((response) => {
         if (!response.ok) throw new Error(`task fetch failed: ${response.status}`);
         return response.json();
@@ -48,7 +48,7 @@ export function TaskPanelMount() {
       config: data.task,
       initialAnswer: data.submittedAnswer,
       onChange: (answer) => {
-        fetch('/api/task/answer', {
+        fetch('./api/task/answer', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify({ answer }),

src/lib/api.ts

@@ -7,7 +7,7 @@ let apiAvailable: boolean | null = null;
 
 export async function fetchConfig(): Promise<GeometryState> {
   try {
-    const response = await fetch('/api/config');
+    const response = await fetch('./api/config');
     if (response.status === 404) {
       apiAvailable = false;
       return readLocalState();
@@ -36,7 +36,7 @@ export async function postState(objects: GeomObject[]): Promise<void> {
   }
 
   try {
-    const response = await fetch('/api/state', {
+    const response = await fetch('./api/state', {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',