update demo to latest (#970)

* chore: update demo

* chore: update demo

* bump fe to 2.2.0

* bump fe to 2.2.0-1

* fix: docker runtime error

Author: PeterPanZH

Dockerfile

@@ -12,7 +12,7 @@ FROM python:3-alpine
 WORKDIR /home/visualdl
 COPY --from=builder /home/visualdl/dist/* dist/
 
-RUN apk add --no-cache jpeg-dev && \
+RUN apk add --no-cache jpeg-dev libstdc++ && \
     apk add --no-cache --virtual .build-deps build-base linux-headers zlib-dev && \
     pip install --disable-pip-version-check --find-links=dist visualdl && \
     apk del --no-network .build-deps && \

frontend/lerna.json

@@ -2,7 +2,7 @@
     "packages": [
         "packages/*"
     ],
-    "version": "2.1.5",
+    "version": "2.2.0-1",
     "npmClient": "yarn",
     "useWorkspaces": true,
     "command": {

frontend/packages/cli/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@visualdl/cli",
-    "version": "2.1.5",
+    "version": "2.2.0-1",
     "description": "A platform to visualize the deep learning process and result.",
     "keywords": [
         "visualdl",
@@ -34,7 +34,7 @@
         "dist"
     ],
     "dependencies": {
-        "@visualdl/server": "2.1.5",
+        "@visualdl/server": "2.2.0-1",
         "open": "8.0.9",
         "ora": "5.4.0",
         "pm2": "4.5.6",

frontend/packages/core/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@visualdl/core",
-    "version": "2.1.5",
+    "version": "2.2.0-1",
     "description": "A platform to visualize the deep learning process and result.",
     "keywords": [
         "visualdl",
@@ -35,8 +35,8 @@
     ],
     "dependencies": {
         "@tippyjs/react": "4.2.5",
-        "@visualdl/netron": "2.1.5",
-        "@visualdl/wasm": "2.1.5",
+        "@visualdl/netron": "2.2.0-1",
+        "@visualdl/wasm": "2.2.0-1",
         "bignumber.js": "9.0.1",
         "classnames": "2.3.1",
         "d3": "6.7.0",
@@ -113,7 +113,7 @@
         "@types/snowpack-env": "2.3.3",
         "@types/styled-components": "5.1.9",
         "@types/three": "0.128.0",
-        "@visualdl/mock": "2.1.5",
+        "@visualdl/mock": "2.2.0-1",
         "babel-plugin-styled-components": "1.12.0",
         "dotenv": "9.0.2",
         "enhanced-resolve": "5.8.2",

frontend/packages/core/src/hooks/useECharts.ts

@@ -63,7 +63,7 @@ const useECharts = <T extends HTMLElement, W extends HTMLElement = HTMLDivElemen
                 await import('echarts-gl');
             }
 
-            const echartInstance = echarts.init((ref.current as unknown) as HTMLDivElement);
+            const echartInstance = echarts.init(ref.current as unknown as HTMLDivElement);
 
             ref.current.addEventListener('mouseleave', hideTip);
 

frontend/packages/core/src/hooks/useTagFilter.ts

@@ -251,10 +251,10 @@ const useTagFilter = (type: Page, running: boolean) => {
         [state.tags]
     );
 
-    const runsInTags = useMemo(() => state.selectedRuns.filter(run => !!tags?.[run.label]?.length), [
-        state.selectedRuns,
-        tags
-    ]);
+    const runsInTags = useMemo(
+        () => state.selectedRuns.filter(run => !!tags?.[run.label]?.length),
+        [state.selectedRuns, tags]
+    );
 
     return {
         ...state,

frontend/packages/core/src/hooks/useThrottleFn.ts

@@ -51,7 +51,7 @@ function useThrottleFn<T extends Fn>(fn: T, options?: ThrottleOptions): ReturnVa
     );
 
     return {
-        run: (throttled as any) as T,
+        run: throttled as any as T,
         cancel: throttled.cancel
     };
 }

frontend/packages/core/src/resource/histogram/chart.ts

@@ -45,15 +45,15 @@ export const options: Record<Modes, EChartOption> = {
     },
     offset: {
         ...baseOptions,
-        visualMap: ({
+        visualMap: {
             type: 'continuous',
             show: false,
             dimension: 1,
             inRange: {
                 colorLightness: [0.5, 0.8],
                 colorSaturation: [0.5, 0.8]
             }
-        } as unknown) as VisualMap.Continuous[], // Fix echarts type bug
+        } as unknown as VisualMap.Continuous[], // Fix echarts type bug
         xAxis: {
             axisLine: {
                 onZero: false

frontend/packages/core/src/utils/fetch.ts

@@ -68,7 +68,7 @@ export type BlobResponse = {
 function getT(): Promise<TFunction> {
     return new Promise(resolve => {
         // Bug of i18next
-        i18next.changeLanguage((undefined as unknown) as string).then(t => resolve(t));
+        i18next.changeLanguage(undefined as unknown as string).then(t => resolve(t));
     });
 }
 

frontend/packages/demo/builder/audio.ts

@@ -14,23 +14,18 @@
  * limitations under the License.
  */
 
-import type {Data, Worker} from './types';
-
-interface Audio {
-    step: number;
-    wallTime: number;
-}
+import type {Sample, TagData, Worker} from './types';
 
 const worker: Worker = async io => {
     const components = await io.getData<string[]>('/components');
     if (!components.includes('audio')) {
         return;
     }
 
-    const {runs, tags} = await io.save<Data>('/audio/tags');
+    const {runs, tags} = await io.save<TagData>('/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})) ?? [];
+            const list = (await io.save<Sample[]>('/audio/list', {run, tag})) ?? [];
             for (const [index, audio] of list.entries()) {
                 await io.saveBinary('/audio/audio', {run, tag, index, ts: audio.wallTime});
             }