build the web stuff in

Author: robotastic

occlusion-mapper/Dockerfile

@@ -1,4 +1,14 @@
+FROM node:16.17.1-alpine3.16 as build
+COPY client  /
+WORKDIR /client
+RUN ls
+RUN npm run build
+
+
 FROM iqtlabs/edgetech-core:latest
+WORKDIR /app
+RUN mkdir static
+COPY --from=build /build/* /app/static
 COPY pyproject.toml .
 COPY poetry.lock .
 RUN pip3 install poetry==1.5.1

client/.gitignore occlusion-mapper/client/.gitignore

@@ -5,6 +5,8 @@ import React, { useCallback, useState, useEffect } from 'react'
 import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts';
 import { Container, Row, Col, Button } from 'react-bootstrap';
 
+
+
 window.addEventListener('error', e => {
   if (e.message === 'ResizeObserver loop limit exceeded' || e.message === 'ResizeObserver loop completed with undelivered notifications.') {
     const resizeObserverErrDiv = document.getElementById(
@@ -32,7 +34,7 @@ function App() {
   useEffect(() => {
     try {
 
-      fetch(`http://localhost:5000/camera-point?azimuth=${azimuth}&elevation=${elevation}&zoom=${zoom}`).then(response => response.json()).then(data => console.log(data));
+      fetch(`/camera-point?azimuth=${azimuth}&elevation=${elevation}&zoom=${zoom}`).then(response => response.json()).then(data => console.log(data));
     } catch (err) {
       console.log(err.message)
     }
@@ -114,7 +116,7 @@ function App() {
   }
 
   const saveMapping = () => {
-    fetch('http://localhost:5000/save-mapping', {
+    fetch(`/save-mapping`, {
       method: 'POST',
       headers: {
         'Accept': 'application/json',

client/README.md occlusion-mapper/client/README.md

@@ -40,7 +40,7 @@ export const BasicStream = () => {
 
   return (
     <BasicPlayer
-      hostname="192.168.1.111"
+      hostname="10.20.26.11"
       format="RTP_H264"
       autoPlay
       autoRetry