ui: Add Plotly graph import function for replay

Signed-off-by: Tobias Falkenstein <[email protected]>

Author: Patrick Schuster

ui/Dockerfile

@@ -1,5 +1,5 @@
 # Prepare production build image
-FROM node:13.8.0-alpine3.11 AS production
+FROM node:14.16.1-alpine3.11 AS production
 
 # Configure yarn
 RUN yarn config set strict-ssl false
@@ -8,7 +8,7 @@ RUN yarn config set strict-ssl false
 RUN yarn global add serve
 
 # Create build image
-FROM node:13.8.0-alpine3.11 AS base
+FROM node:14.16.1-alpine3.11 AS base
 
 # Set working directory
 RUN mkdir /app
@@ -35,4 +35,4 @@ FROM production
 COPY --from=base /app/build /app
 
 # Start server
-ENTRYPOINT ["serve", "-s", "app"]
+ENTRYPOINT ["serve", "-s", "-p", "5000", "app"]

ui/LICENSE-3RD-PARTY.txt

@@ -2,7 +2,7 @@
 #
 
 CLOE_ROOT := ..
-CLOE_VERSION := $(shell $(MAKE) -s -C ../ -f Makefile.package info-version)
+CLOE_VERSION := $(shell sed -rn "s/^ *\"version\": *\"(.*)\".*$$/\1/p" package.json)
 
 HAS_GIT := $(shell [ -d ${CLOE_ROOT}/.git ] && echo "true")
 ifeq (${HAS_GIT},true)
@@ -29,6 +29,8 @@ DOCKER_IMAGE    := ${IMAGE_BASE}:${IMAGE_VERSION}
 DOCKER_RUN_ARGS := -p=5000:5000
 DOCKER_CONTEXT  := .
 
+CONTAINER_NAME := cloe-ui
+
 .PHONY: help
 .DEFAULT: help
 help:
@@ -53,4 +55,4 @@ image:
 	docker tag ${DOCKER_IMAGE} ${DOCKER_IMAGE}
 
 run:
-	docker run --rm ${DOCKER_RUN_ARGS} ${DOCKER_IMAGE}
+	docker run --rm --name=${CONTAINER_NAME} ${DOCKER_RUN_ARGS} ${DOCKER_IMAGE}

ui/Makefile

@@ -1,6 +1,6 @@
 {
   "name": "cloe-ui",
-  "version": "0.16.0",
+  "version": "0.18.0-nightly-2021-11-10",
   "cloe-compatibility": "0.16",
   "license": "Apache-2.0",
   "private": true,
@@ -16,8 +16,8 @@
     "jsonpath": "^1.0.2",
     "less": "^3.9.0",
     "mathjs": "^7.5.1",
-    "node-sass": "^4.12.0",
-    "pako": "^2.0.3",
+    "node-sass": "^4.14.0",
+    "plotly.js": "^2.2.1",
     "randomcolor": "^0.5.4",
     "react": "^16.8.6",
     "react-beautiful-dnd": "^11.0.4",
@@ -28,7 +28,8 @@
     "react-scripts": "^3.0.1",
     "react-scroll": "^1.7.12",
     "react-switch": "^5.0.1",
-    "serve": "^11.2.0",
+    "serve": "^13.0.2",
+    "socket.io-client": "^4.1.3",
     "three": "^0.125.2",
     "three-orbit-controls": "^82.1.0",
     "three-spritetext": "^1.5.2"
@@ -98,5 +99,6 @@
     "arrowParens": "always",
     "semi": true,
     "tabWidth": 2
-  }
-}
+  },
+  "proxy": "http://localhost:4000"
+}