- Improved development environment

src/hooks/useCameraBlackboard.ts

@@ -4,8 +4,10 @@ import type { CameraBlackBoardOptions } from "../types/types";
 import { useEffect } from "react";
 import { toast } from "sonner";
 
+const camBase = import.meta.env.MODE !== "development" ? CAM_BASE : "";
+
 const getAllBlackboardData = async () => {
-  const response = await fetch(`${CAM_BASE}/api/blackboard`, {
+  const response = await fetch(`${camBase}/api/blackboard`, {
     signal: AbortSignal.timeout(500),
   });
   if (!response.ok) {
@@ -15,7 +17,7 @@ const getAllBlackboardData = async () => {
 };
 
 const viewBlackboardData = async (options: CameraBlackBoardOptions) => {
-  const response = await fetch(`${CAM_BASE}/api/blackboard`, {
+  const response = await fetch(`/${camBase}api/blackboard`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify(options),

src/utils/config.ts

@@ -1,4 +1,5 @@
 const rawCamBase = import.meta.env.VITE_AGX_BOX_URL;
-export const CAM_BASE = rawCamBase ? rawCamBase : window.location.origin;
+const environment = import.meta.env.MODE;
 
-export const OUTSIDE_CAM_BASE = import.meta.env.VITE_OUTSIDE_BASEURL;
+export const CAM_BASE =
+  environment === "development" ? rawCamBase : window.location.origin;