add demo docker (#766)

* bump to 2.0.1

* update demo

* bump fe to 2.0.0

* update demo

* add ping url

Dockerfile

+FROM nikolaik/python-nodejs:python3.8-nodejs14 AS builder
+
+WORKDIR /home/visualdl
+COPY . .
+
+RUN apt-get update && apt-get -y --no-install-recommends install cmake && rm -rf /var/lib/apt/lists/*
+RUN ["pip", "install", "--disable-pip-version-check", "-r", "requirements.txt"]
+RUN ["python", "setup.py", "bdist_wheel"]
+
+
 FROM python:3-alpine as opencv
 
 WORKDIR /opt
@@ -109,24 +119,14 @@ RUN cp -p $(find `python -c "from distutils.sysconfig import get_python_lib; pri
 RUN tar zcf packages.tar.gz -C $(python -c "from distutils.sysconfig import get_python_lib; print(get_python_lib())") .
 
 
-FROM nikolaik/python-nodejs:python3.8-nodejs14 AS builder
-
-WORKDIR /home/visualdl
-COPY . .
-
-RUN apt-get update && apt-get -y --no-install-recommends install cmake && rm -rf /var/lib/apt/lists/*
-RUN ["pip", "install", "-r", "requirements.txt"]
-RUN ["python", "setup.py", "bdist_wheel"]
-
-
 FROM python:3-alpine
 
 WORKDIR /home/visualdl
+COPY --from=builder /home/visualdl/dist/* dist/
 COPY --from=opencv /usr/local/include/opencv* /usr/local/include/
 COPY --from=opencv /usr/local/lib/* /usr/local/lib/
 COPY --from=opencv /usr/local/lib64/* /usr/local/lib64/
 COPY --from=opencv /opt/packages.tar.gz .
-COPY --from=builder /home/visualdl/dist/* dist/
 COPY requirements.txt .
 
 RUN tar zxf packages.tar.gz -C $(python -c "from distutils.sysconfig import get_python_lib; print(get_python_lib())")
@@ -136,4 +136,4 @@ RUN sed -i -e '/opencv-python/d' requirements.txt
 RUN ["pip", "install", "--disable-pip-version-check", "-r", "requirements.txt"]
 RUN ["pip", "install", "--disable-pip-version-check", "--no-deps", "--find-links=dist", "visualdl"]
 
-ENTRYPOINT ["visualdl", "--logdir", "/home/visualdl/log"]
+ENTRYPOINT ["visualdl", "--logdir", "/home/visualdl/log", "--host", "0.0.0.0"]

Dockerfile.demo

+FROM nikolaik/python-nodejs:python3.8-nodejs14 AS builder
+
+WORKDIR /home/visualdl
+COPY . .
+
+RUN apt-get update && apt-get -y --no-install-recommends install cmake libgl1-mesa-glx && rm -rf /var/lib/apt/lists/*
+RUN ["pip", "install", "--disable-pip-version-check", "-r", "requirements.txt"]
+RUN ["python", "setup.py", "bdist_wheel"]
+RUN ["pip", "install", "--disable-pip-version-check", "--find-links=dist", "visualdl"]
+
+WORKDIR frontend
+ENV SCOPE server
+ENV PUBLIC_PATH /paddle/visualdl/demo
+ENV API_URL /paddle/visualdl/demo/api
+RUN ["./scripts/install.sh"]
+RUN ["./scripts/build.sh"]
+
+
+FROM node:14-alpine
+WORKDIR /home/visualdl
+COPY --from=builder /home/visualdl/frontend/ ./
+ENV NODE_ENV production
+ENV PUBLIC_PATH /paddle/visualdl/demo
+ENV API_URL /paddle/visualdl/demo/api
+ENV PING_URL /ping
+ENV DEMO true
+ENV HOST 0.0.0.0
+ENV PORT 8999
+RUN ["yarn", "install", "--frozen-lockfile"]
+ENTRYPOINT ["yarn", "workspace" , "@visualdl/server", "start"]

docker-compose.demo.yml

+version: '3.8'
+services:
+  demo:
+    build:
+      context: .
+      dockerfile: Dockerfile.demo
+    ports:
+      - "8999:8999"
+    environment:
+      PING_URL: /ping
+      PORT: 8999

docker-compose.yml

@@ -6,7 +6,7 @@ services:
       - "8000"
     volumes:
       - "log:/home/visualdl/log"
-    command: ["--api-only", "--host=0.0.0.0", "--port=8000"]
+    command: ["--api-only", "--port=8000"]
   frontend:
     build: ./frontend
     depends_on:

frontend/lerna.json

@@ -2,7 +2,7 @@
     "packages": [
         "packages/*"
     ],
-    "version": "2.0.0-beta.50",
+    "version": "2.0.0",
     "npmClient": "yarn",
     "useWorkspaces": true,
     "command": {

frontend/packages/cli/package.json

 {
     "name": "@visualdl/cli",
-    "version": "2.0.0-beta.50",
+    "version": "2.0.0",
     "description": "A platform to visualize the deep learning process and result.",
     "keywords": [
         "visualdl",
@@ -34,7 +34,7 @@
         "dist"
     ],
     "dependencies": {
-        "@visualdl/server": "2.0.0-beta.50",
+        "@visualdl/server": "2.0.0",
         "open": "7.1.0",
         "ora": "4.0.5",
         "pm2": "4.4.0",

frontend/packages/core/package.json

 {
     "name": "@visualdl/core",
-    "version": "2.0.0-beta.50",
+    "version": "2.0.0",
     "title": "VisualDL",
     "description": "A platform to visualize the deep learning process and result.",
     "keywords": [
@@ -34,9 +34,9 @@
     },
     "dependencies": {
         "@tippyjs/react": "4.1.0",
-        "@visualdl/i18n": "2.0.0-beta.50",
-        "@visualdl/netron": "2.0.0-beta.50",
-        "@visualdl/wasm": "2.0.0-beta.50",
+        "@visualdl/i18n": "2.0.0",
+        "@visualdl/netron": "2.0.0",
+        "@visualdl/wasm": "2.0.0",
         "bignumber.js": "9.0.0",
         "d3-format": "1.4.4",
         "echarts": "4.8.0",
@@ -80,7 +80,7 @@
         "@types/react-dom": "16.9.8",
         "@types/react-rangeslider": "2.2.3",
         "@types/styled-components": "5.1.2",
-        "@visualdl/mock": "2.0.0-beta.50",
+        "@visualdl/mock": "2.0.0",
         "babel-plugin-emotion": "10.0.33",
         "babel-plugin-styled-components": "1.11.1",
         "babel-plugin-typescript-to-proptypes": "1.4.0",

frontend/packages/demo/builder/audio.ts

-import type {Worker} from './types';
+import type {Data, Worker} from './types';
 
 interface Audio {
     step: number;
@@ -11,11 +11,11 @@ const worker: Worker = async io => {
         return;
     }
 
-    const tagsMap = await io.save<Record<string, string[]>>('/audio/tags');
-    for (const [run, tags] of Object.entries(tagsMap)) {
-        for (const tag of tags) {
-            const list = await io.save<Audio[]>('/audio/list', {run, tag});
-            for (const [index, audio] of Object.entries(list)) {
+    const {runs, tags} = await io.save<Data>('/audio/tags');
+    for (const [index, run] of runs.entries()) {
+        for (const tag of tags[index]) {
+            const list = (await io.save<Audio[]>('/audio/list', {run, tag})) ?? [];
+            for (const [index, audio] of list.entries()) {
                 await io.saveBinary('/audio/audio', {run, tag, index, ts: audio.wallTime});
             }
         }

frontend/packages/demo/builder/histogram.ts

-import type {Worker} from './types';
+import type {Data, Worker} from './types';
 
 const worker: Worker = async io => {
     const components = await io.getData<string[]>('/components');
@@ -6,10 +6,10 @@ const worker: Worker = async io => {
         return;
     }
 
-    const tagsMap = await io.save<Record<string, string[]>>('/histogram/tags');
+    const {runs, tags} = await io.save<Data>('/histogram/tags');
     const q = [];
-    for (const [run, tags] of Object.entries(tagsMap)) {
-        for (const tag of tags) {
+    for (const [index, run] of runs.entries()) {
+        for (const tag of tags[index]) {
             q.push(io.save('/histogram/list', {run, tag}));
         }
     }

frontend/packages/demo/builder/image.ts

-import type {Worker} from './types';
+import type {Data, Worker} from './types';
 
 interface Image {
     step: number;
@@ -11,11 +11,11 @@ const worker: Worker = async io => {
         return;
     }
 
-    const tagsMap = await io.save<Record<string, string[]>>('/image/tags');
-    for (const [run, tags] of Object.entries(tagsMap)) {
-        for (const tag of tags) {
-            const list = await io.save<Image[]>('/image/list', {run, tag});
-            for (const [index, image] of Object.entries(list)) {
+    const {runs, tags} = await io.save<Data>('/image/tags');
+    for (const [index, run] of runs.entries()) {
+        for (const tag of tags[index]) {
+            const list = (await io.save<Image[]>('/image/list', {run, tag})) ?? [];
+            for (const [index, image] of list.entries()) {
                 await io.saveBinary('/image/image', {run, tag, index, ts: image.wallTime});
             }
         }

frontend/packages/demo/builder/index.ts

@@ -29,7 +29,7 @@ async function start() {
             '--logdir',
             '.',
             '--model',
-            './graph/__model__',
+            './__model__',
             '--host',
             host,
             '--port',

frontend/packages/demo/builder/pr-curve.ts

-import type {Worker} from './types';
+import type {Data, Worker} from './types';
 
 const worker: Worker = async io => {
     const components = await io.getData<string[]>('/components');
@@ -6,10 +6,10 @@ const worker: Worker = async io => {
         return;
     }
 
-    const tagsMap = await io.save<Record<string, string[]>>('/pr-curve/tags');
-    for (const [run, tags] of Object.entries(tagsMap)) {
+    const {runs, tags} = await io.save<Data>('/pr-curve/tags');
+    for (const [index, run] of runs.entries()) {
         await io.save('/pr-curve/steps', {run});
-        for (const tag of tags) {
+        for (const tag of tags[index]) {
             await io.save('/pr-curve/list', {run, tag});
         }
     }

frontend/packages/demo/builder/scalar.ts

-import type {Worker} from './types';
+import type {Data, Worker} from './types';
 
 const worker: Worker = async io => {
     const components = await io.getData<string[]>('/components');
@@ -6,10 +6,10 @@ const worker: Worker = async io => {
         return;
     }
 
-    const tagsMap = await io.save<Record<string, string[]>>('/scalar/tags');
+    const {runs, tags} = await io.save<Data>('/scalar/tags');
     const q = [];
-    for (const [run, tags] of Object.entries(tagsMap)) {
-        for (const tag of tags) {
+    for (const [index, run] of runs.entries()) {
+        for (const tag of tags[index]) {
             q.push(io.save('/scalar/list', {run, tag}));
         }
     }

frontend/packages/demo/builder/types.ts

 import type IO from './io';
 
 export type Worker = (io: IO) => Promise<void>;
+
+export type Data = {
+    runs: string[];
+    tags: string[][];
+};

frontend/packages/demo/package.json

 {
     "name": "@visualdl/demo",
-    "version": "2.0.0-beta.50",
+    "version": "2.0.0",
     "description": "A platform to visualize the deep learning process and result.",
     "keywords": [
         "visualdl",

frontend/packages/demo/tsconfig.json

@@ -9,6 +9,7 @@
         "moduleResolution": "node",
         "esModuleInterop": true,
         "resolveJsonModule": true,
+        "downlevelIteration": true,
         "declaration": true,
         "skipLibCheck": true,
         "outDir": "dist"

frontend/packages/i18n/package.json

 {
     "name": "@visualdl/i18n",
-    "version": "2.0.0-beta.50",
+    "version": "2.0.0",
     "description": "A platform to visualize the deep learning process and result.",
     "keywords": [
         "visualdl",

frontend/packages/mock/package.json

 {
     "name": "@visualdl/mock",
-    "version": "2.0.0-beta.50",
+    "version": "2.0.0",
     "description": "A platform to visualize the deep learning process and result.",
     "keywords": [
         "visualdl",

frontend/packages/netron/package.json

 {
     "name": "@visualdl/netron",
-    "version": "2.0.0-beta.50",
+    "version": "2.0.0",
     "description": "A platform to visualize the deep learning process and result.",
     "keywords": [
         "visualdl",

frontend/packages/server/index.ts

@@ -63,6 +63,18 @@ async function start() {
         });
     }
 
+    if (
+        process.env.PING_URL &&
+        process.env.PING_URL !== '/' &&
+        process.env.PING_URL !== publicPath &&
+        process.env.PING_URL.startsWith('/')
+    ) {
+        server.get(process.env.PING_URL, (_req, res) => {
+            res.type('text/plain');
+            res.status(200).send('OK!');
+        });
+    }
+
     const {default: nextI18Next} = await import('@visualdl/core/utils/i18n');
     await nextI18Next.initPromise;
     server.use(nextI18NextMiddleware(nextI18Next));

frontend/packages/server/package.json

 {
     "name": "@visualdl/server",
-    "version": "2.0.0-beta.50",
+    "version": "2.0.0",
     "description": "A platform to visualize the deep learning process and result.",
     "keywords": [
         "visualdl",
@@ -37,9 +37,9 @@
         "ecosystem.config.d.ts"
     ],
     "dependencies": {
-        "@visualdl/core": "2.0.0-beta.50",
-        "@visualdl/demo": "2.0.0-beta.50",
-        "@visualdl/i18n": "2.0.0-beta.50",
+        "@visualdl/core": "2.0.0",
+        "@visualdl/demo": "2.0.0",
+        "@visualdl/i18n": "2.0.0",
         "express": "4.17.1",
         "http-proxy-middleware": "1.0.5",
         "next": "9.4.4",
@@ -51,7 +51,7 @@
         "@types/shelljs": "0.8.8",
         "@types/webpack": "4.41.21",
         "@types/webpack-dev-middleware": "3.7.1",
-        "@visualdl/mock": "2.0.0-beta.50",
+        "@visualdl/mock": "2.0.0",
         "cross-env": "7.0.2",
         "nodemon": "2.0.4",
         "shelljs": "0.8.4",

frontend/packages/serverless/package.json

 {
     "name": "@visualdl/serverless",
-    "version": "2.0.0-beta.50",
+    "version": "2.0.0",
     "description": "A platform to visualize the deep learning process and result.",
     "keywords": [
         "visualdl",
@@ -33,7 +33,7 @@
     "devDependencies": {
         "@types/node": "14.0.27",
         "@types/rimraf": "3.0.0",
-        "@visualdl/core": "2.0.0-beta.50",
+        "@visualdl/core": "2.0.0",
         "cross-env": "7.0.2",
         "rimraf": "3.0.2",
         "ts-node": "8.10.2",

frontend/packages/wasm/package.json

 {
     "name": "@visualdl/wasm",
-    "version": "2.0.0-beta.50",
+    "version": "2.0.0",
     "title": "VisualDL",
     "description": "A platform to visualize the deep learning process and result.",
     "keywords": [