add public path argument (#624)

* style: lint shell scripts * fix: translation fix * feat: support changing public path when start * v2.0.0-beta.36 * feat: support changing public path when start * v2.0.0-beta.37 * build: core build fix * v2.0.0-beta.38 * build: build frontend from source code * fix: clean static files when exit * fix: dependency version mismatching * chore: remove unused api route * fix: navbar actived link missing * feat: redirect root * fix: scalar chart tooltip value error * feat: dynamic render nav items * fix: high-dimensional page background missing * v2.0.0-beta.39 * build: stop using script mode * v2.0.0-beta.40 * Revert "build: stop using script mode" This reverts commit 6c1ca297.

add public path argument (#624)
* style: lint shell scripts * fix: translation fix * feat: support changing public path when start * v2.0.0-beta.36 * feat: support changing public path when start * v2.0.0-beta.37 * build: core build fix * v2.0.0-beta.38 * build: build frontend from source code * fix: clean static files when exit * fix: dependency version mismatching * chore: remove unused api route * fix: navbar actived link missing * feat: redirect root * fix: scalar chart tooltip value error * feat: dynamic render nav items * fix: high-dimensional page background missing * v2.0.0-beta.39 * build: stop using script mode * v2.0.0-beta.40 * Revert "build: stop using script mode" This reverts commit 6c1ca297.
afc15b2c · Peter Pan · GitHub · f551ca15 · afc15b2c · afc15b2c
55 changed file
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -61,7 +61,6 @@ yarn
 [server](https://github.com/PaddlePaddle/VisualDL/blob/develop/frontend/packages/server/README.md)
 [serverless](https://github.com/PaddlePaddle/VisualDL/blob/develop/frontend/packages/serverless/README.md)
 [cli](https://github.com/PaddlePaddle/VisualDL/blob/develop/frontend/packages/cli/README.md)
-[app](https://github.com/PaddlePaddle/VisualDL/blob/develop/frontend/packages/app/README.md)
 [i18n](https://github.com/PaddlePaddle/VisualDL/blob/develop/frontend/packages/i18n/README.md)
 [wasm](https://github.com/PaddlePaddle/VisualDL/blob/develop/frontend/packages/wasm/README.md)
 [mock](https://github.com/PaddlePaddle/VisualDL/blob/develop/frontend/packages/mock/README.md)

--- a/frontend/README_cn.md
+++ b/frontend/README_cn.md
@@ -61,7 +61,6 @@ yarn
 [server](https://github.com/PaddlePaddle/VisualDL/blob/develop/frontend/packages/server/README.md)
 [serverless](https://github.com/PaddlePaddle/VisualDL/blob/develop/frontend/packages/serverless/README.md)
 [cli](https://github.com/PaddlePaddle/VisualDL/blob/develop/frontend/packages/cli/README.md)
-[app](https://github.com/PaddlePaddle/VisualDL/blob/develop/frontend/packages/app/README.md)
 [i18n](https://github.com/PaddlePaddle/VisualDL/blob/develop/frontend/packages/i18n/README.md)
 [wasm](https://github.com/PaddlePaddle/VisualDL/blob/develop/frontend/packages/wasm/README.md)
 [mock](https://github.com/PaddlePaddle/VisualDL/blob/develop/frontend/packages/mock/README.md)

--- a/frontend/lerna.json
+++ b/frontend/lerna.json
@@ -2,7 +2,7 @@
    "packages": [
        "packages/*"
    ],
-    "version": "2.0.0-beta.35",
+    "version": "2.0.0-beta.40",
    "npmClient": "yarn",
    "useWorkspaces": true,
    "command": {

--- a/frontend/package.json
+++ b/frontend/package.json
@@ -4,7 +4,7 @@
    "workspaces": [
        "packages/*"
    ],
-    "version": "2.0.0-beta.35",
+    "version": "2.0.0",
    "description": "A platform to visualize the deep learning process and result.",
    "keywords": [
        "visualdl",

--- a/frontend/packages/app/LICENSE
+++ b/frontend/packages/app/LICENSE
-../../../LICENSE
\ No newline at end of file
--- a/frontend/packages/app/README.md
+++ b/frontend/packages/app/README.md
-# VisualDL FrontEnd APP
-
-UNDER DEVELOPMENT
--- a/frontend/packages/app/electron-builder.yml
+++ b/frontend/packages/app/electron-builder.yml
-appId: org.paddlepaddle.visualdl
-productName: VisualDL
-files:
-    - 'index.js'
-    - 'resources/**/*'
-directories:
-    buildResources: ./resources
-mac:
-    category: public.app-category.developer-tools
-    darkModeSupport: false
-    hardenedRuntime: true
-    gatekeeperAssess: false
-    target:
-        - zip
-win:
-    target:
-        - nsis
-    verifyUpdateCodeSignature: false
-linux:
-    target:
-        - AppImage
-nsis:
-    perMachine: true
-publish: null
--- a/frontend/packages/app/index.js
+++ b/frontend/packages/app/index.js
-/* eslint-disable no-console */
-/* eslint-disable @typescript-eslint/no-var-requires */
-
-const path = require('path');
-const http = require('http');
-const {app, BrowserWindow, screen, nativeImage} = require('electron');
-const pm2 = require('pm2');
-
-const host = 'localhost';
-
-async function getPort() {
-    return new Promise((resolve, reject) => {
-        const server = http.createServer();
-        server.listen(0);
-        server.on('listening', () => {
-            resolve(server.address().port);
-            server.close();
-        });
-        server.on('error', reject);
-    });
-}
-
-async function createWindow() {
-    const {width, height} = screen.getPrimaryDisplay().workAreaSize;
-
-    const win = new BrowserWindow({
-        minWidth: 800,
-        minHeight: 600,
-        width,
-        height,
-        icon: nativeImage.createFromPath(path.join(__dirname, 'resources/icon.png')),
-        webPreferences: {
-            devTools: false,
-            nodeIntegration: true
-        },
-        show: false
-    });
-
-    win.once('ready-to-show', () => {
-        win.show();
-    });
-
-    return win;
-}
-
-function startServer({port, host}) {
-    return new Promise((resolve, reject) => {
-        pm2.connect(err => {
-            if (err) {
-                reject(err);
-            }
-            const app = require('@visualdl/server/ecosystem.config').apps[0];
-            pm2.start(
-                {
-                    ...app,
-                    instances: 1,
-                    env: {
-                        ...app.env,
-                        HOST: host,
-                        PORT: port,
-                        BACKEND: 'http://127.0.0.1:8040'
-                    }
-                },
-                err => {
-                    pm2.disconnect();
-                    if (err) {
-                        reject(err);
-                    } else {
-                        console.log(`Server listening at http://${host}:${port}`);
-                        resolve();
-                    }
-                }
-            );
-        });
-    });
-}
-
-function stopServer() {
-    return new Promise((resolve, reject) => {
-        pm2.connect(err => {
-            if (err) {
-                reject(err);
-            }
-            pm2.killDaemon(err => {
-                pm2.disconnect();
-                if (err) {
-                    reject(err);
-                } else {
-                    console.log('Server stopped');
-                    resolve();
-                }
-            });
-        });
-    });
-}
-
-app.on('ready', async () => {
-    let port = 0;
-    try {
-        port = await getPort();
-        await startServer({port, host});
-    } catch (e) {
-        console.error(e);
-        app.exit(1);
-        return;
-    }
-
-    try {
-        const win = await createWindow();
-        win.loadURL(`http://${host}:${port}`);
-    } catch (e) {
-        console.error(e);
-        app.exit(1);
-    }
-});
-
-// app.on('activate', async () => {
-//     if (BrowserWindow.getAllWindows().length === 0) {
-//         try {
-//             await createWindow();
-//         } catch (e) {
-//             console.error(e);
-//             app.exit(1);
-//         }
-//     }
-// });
-
-// Quit when all windows are closed.
-app.on('window-all-closed', () => {
-    app.quit();
-    // if (process.platform !== 'darwin') {
-    //     app.quit();
-    // }
-});
-
-app.on('will-quit', async event => {
-    event.preventDefault();
-    try {
-        await stopServer();
-        app.exit(0);
-    } catch (e) {
-        console.error(e);
-        app.exit(1);
-    }
-});
--- a/frontend/packages/app/package.json
+++ b/frontend/packages/app/package.json
-{
-    "name": "@visualdl/app",
-    "version": "2.0.0-beta.35",
-    "private": true,
-    "description": "A platform to visualize the deep learning process and result.",
-    "keywords": [
-        "visualdl",
-        "paddlepaddle",
-        "visualization",
-        "deep learning"
-    ],
-    "homepage": "https://github.com/PaddlePaddle/VisualDL",
-    "bugs": {
-        "url": "https://github.com/PaddlePaddle/VisualDL/issues"
-    },
-    "license": "Apache-2.0",
-    "author": "PeterPanZH <littlepanzh@gmail.com> (https://github.com/PeterPanZH)",
-    "contributors": [
-        "Niandalu <littlepanzh@gmail.com> (https://github.com/Niandalu)"
-    ],
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/PaddlePaddle/VisualDL.git",
-        "directory": "frontend/packages/app"
-    },
-    "scripts": {
-        "dev": "electron index.js",
-        "build": "electron-builder -mwl",
-        "test": "echo \"Error: no test specified\" && exit 0"
-    },
-    "dependencies": {
-        "@visualdl/server": "2.0.0-beta.35",
-        "pm2": "4.4.0"
-    },
-    "devDependencies": {
-        "electron": "8.2.5",
-        "electron-builder": "22.6.0"
-    },
-    "engines": {
-        "node": ">=10",
-        "npm": ">=6"
-    },
-    "publishConfig": {
-        "access": "public"
-    },
-    "husky": {
-        "hooks": {
-            "pre-commit": "lint-staged"
-        }
-    }
-}
--- a/frontend/packages/app/resources/icon.icns
+++ b/frontend/packages/app/resources/icon.icns
--- a/frontend/packages/app/resources/icon.ico
+++ b/frontend/packages/app/resources/icon.ico
--- a/frontend/packages/app/resources/icon.png
+++ b/frontend/packages/app/resources/icon.png
--- a/frontend/packages/app/resources/logo.svg
+++ b/frontend/packages/app/resources/logo.svg
-<svg height="31" viewBox="0 0 50 31" width="50" xmlns="http://www.w3.org/2000/svg"><g fill="#fff" fill-rule="evenodd" transform="translate(0 .0625)"><path d="m2.446115.0742695c-1.32588958 0-2.40434375 1.0740707-2.40434375 2.39411403s1.07845417 2.39382156 2.40434375 2.39382156 2.40434375-1.07377823 2.40434375-2.39382156-1.07845417-2.39411403-2.40434375-2.39411403" transform="translate(23.010417 .023203)"/><path d="m.23204292 23.3006269h3.46595625c.06922708 0 .13199166-.0401668.16068125-.1029517l10.45446458-22.89241762c.0531687-.1163081-.0322146-.24831243-.1605833-.24831243h-3.4659563c-.0691292 0-.1318937.04026424-.1605833.10295168l-10.45456252 22.89241757c-.05307083.1163081.0323125.2483125.16058334.2483125" transform="translate(24.0875 6.652667)"/><path d="m2.48757292.0742695c-1.32588959 0-2.40434375 1.0740707-2.40434375 2.39411403s1.07845416 2.39382156 2.40434375 2.39382156c1.32588958 0 2.40434375-1.07377823 2.40434375-2.39382156s-1.07845417-2.39411403-2.40434375-2.39411403" transform="translate(43.866667 .023203)"/><path d="m17.4206283.05694515h-3.4659562c-.0691292 0-.1318938.04026424-.1605834.10304917l-4.08253745 8.93954011h-8.13765833c-.1075125 0-.2050375.06278493-.24900209.16047204l-1.31139791 2.91052983c-.04513959.1002219.02849375.2135077.13884583.2135077h8.05922708l-4.87203958 10.6682704c-.05307083.1163081.0323125.2483125.16058333.2483125h3.46595625c.06922709 0 .13199167-.0401668.16058334-.1029517l10.45456253-22.89241762c.0531687-.1163081-.0322146-.24831243-.1605834-.24831243" transform="translate(0 6.652667)"/><path d="m29.3354319 12.1665001c-.3381063-2.99856519-2.8049209-5.35027016-5.8800917-5.45507419-.0279062-.00107241-.0550292.00302226-.0813687.00887179-.0140021-.0049721-.0284938-.00887179-.0441605-.00887179h-2.1002145c-.0522875 0-.0995813.03032005-.121123.07779872l-1.2130895 2.67576877c-.0396563.08754793.0247729.18679491.1211229.18679491h2.1414375c.4538437-.00653197.7861729.02330061 1.1568854.08062598 1.7253896.26693343 2.7979687 1.52672661 2.7732937 3.19686421-.0235 1.5783974-1.3395979 2.8354608-2.9250645 2.8354608h-7.669225c-.1306209 0-.2491.0760439-.3029542.1943018l-1.2729167 2.7896396c-.0615896.1347341.0376.2880892.1863354.2880892h8.9637813c3.7159375 0 6.6818333-3.1934519 6.2673521-6.8702698"/><path d="m50.1567746 12.1665001c-.3381063-2.99856519-2.8049209-5.35027016-5.8801896-5.45507419-.0279063-.00107241-.0549313.00302226-.0813688.00887179-.0139041-.0049721-.0283958-.00887179-.0440625-.00887179h-2.1003125c-.0521895 0-.0995812.03032005-.1211229.07779872l-1.2130896 2.67576877c-.0395583.08754793.024675.18679491.1212209.18679491h2.1413396c.4539416-.00653197.7862708.02330061 1.1569833.08062598 1.7252917.26693343 2.7978708 1.52672661 2.7731958 3.19686421-.0235 1.5783974-1.3395979 2.8354608-2.9250646 2.8354608h-7.669127c-.1306209 0-.2491.0760439-.3030521.1943018l-1.2729167 2.7896396c-.0614916.1347341.0376979.2880892.1863354.2880892h8.9638792c3.7158396 0 6.6817354-3.1934519 6.2673521-6.8702698"/></g></svg>
\ No newline at end of file
--- a/frontend/packages/cli/package.json
+++ b/frontend/packages/cli/package.json
 {
    "name": "@visualdl/cli",
-    "version": "2.0.0-beta.35",
+    "version": "2.0.0-beta.40",
    "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.35",
+        "@visualdl/server": "2.0.0-beta.40",
        "open": "7.0.3",
        "ora": "4.0.4",
        "pm2": "4.4.0",
@@ -59,5 +59,5 @@
            "pre-commit": "lint-staged"
        }
    },
-    "gitHead": "d9641c770d9bc4037b2f1cb644fba198bd11a752"
+    "gitHead": "ed915e4590c1527836cc802d7c6f5011a5b9a4a3"
 }
--- a/frontend/packages/core/build.ts
+++ b/frontend/packages/core/build.ts
@@ -8,7 +8,7 @@ import {writeFileSync} from 'fs';
 const next = require.resolve('next/dist/bin/next');
 export const projectRoot = path.dirname(require.resolve('@visualdl/core'));

-export default function (action: string, ...args: string[]): Promise<number> {
+export default function (action: 'build' | 'export', ...args: string[]): Promise<number> {
    return new Promise((resolve, reject) => {
        const capitalizedAction = action.replace(/^./, w => w.toUpperCase());


--- a/frontend/packages/core/components/ChartPage.tsx
+++ b/frontend/packages/core/components/ChartPage.tsx
@@ -155,13 +155,13 @@ const ChartPage = <T extends Item>({
                    ) : (
                        <Empty height={rem(500)}>
                            {search ? (
-                                <Trans i18nKey="search-empty">
+                                <Trans i18nKey="common:search-empty">
                                    Nothing found. Please try again with another word.
                                    <br />
                                    Or you can <a onClick={() => setInputValue('')}>see all charts</a>.
                                </Trans>
                            ) : (
-                                t('empty')
+                                t('common:empty')
                            )}
                        </Empty>
                    )}
@@ -174,14 +174,14 @@ const ChartPage = <T extends Item>({
        <div className={className}>
            <Search>
                <SearchInput
-                    placeholder={t('search-tags')}
+                    placeholder={t('common:search-tags')}
                    rounded
                    value={inputValue}
                    onChange={(value: string) => setInputValue(value)}
                />
            </Search>
            {searchValue ? (
-                <ChartCollapse title={t('search-result')} total={matchedTags.length}>
+                <ChartCollapse title={t('common:search-result')} total={matchedTags.length}>
                    {withCharts(pageMatchedTags, true)}
                    {pageMatchedTags.length ? <StyledPagination page={page} total={total} onChange={setPage} /> : null}
                </ChartCollapse>
@@ -198,7 +198,7 @@ const ChartPage = <T extends Item>({
                ))
            ) : (
                <Empty height={`calc(100vh - ${headerHeight} - ${rem(96)})`}>
-                    <Trans i18nKey="unselected-empty">
+                    <Trans i18nKey="common:unselected-empty">
                        Nothing selected.
                        <br />
                        Please select display data from right side.

--- a/frontend/packages/core/components/GraphsPage/NodeInfo.tsx
+++ b/frontend/packages/core/components/GraphsPage/NodeInfo.tsx
@@ -40,7 +40,7 @@ const PropertyList = styled(DataList)`
 const NodeInfo: FunctionComponent<NodeInfoProps> = props => {
    const {t} = useTranslation('graphs');
    if (!props.node) {
-        return <p>{t('click-node')}</p>;
+        return <p>{t('graphs:click-node')}</p>;
    }

    const node = props.node;
@@ -50,10 +50,10 @@ const NodeInfo: FunctionComponent<NodeInfoProps> = props => {
            return (
                <PropertyList
                    items={[
-                        {key: t('node-type'), value: typeName[node.type]},
-                        {key: t('node-name'), value: node.name},
-                        {key: t('node-data-shape'), value: node.shape},
-                        {key: t('node-data-type'), value: node.data_type}
+                        {key: t('graphs:node-type'), value: typeName[node.type]},
+                        {key: t('graphs:node-name'), value: node.name},
+                        {key: t('graphs:node-data-shape'), value: node.shape},
+                        {key: t('graphs:node-data-type'), value: node.data_type}
                    ]}
                />
            );
@@ -61,15 +61,15 @@ const NodeInfo: FunctionComponent<NodeInfoProps> = props => {
            return (
                <PropertyList
                    items={[
-                        {key: t('node-type'), value: typeName[node.type]},
-                        {key: t('input'), value: node.input},
-                        {key: t('op-type'), value: node.opType},
-                        {key: t('output'), value: node.output}
+                        {key: t('graphs:node-type'), value: typeName[node.type]},
+                        {key: t('graphs:input'), value: node.input},
+                        {key: t('graphs:op-type'), value: node.opType},
+                        {key: t('graphs:output'), value: node.output}
                    ]}
                />
            );
        case 'unknown':
-            return <PropertyList items={[{key: t('node-type'), value: typeName[node.guessType]}]} />;
+            return <PropertyList items={[{key: t('graphs:node-type'), value: typeName[node.guessType]}]} />;
        default:
            return null;
    }

--- a/frontend/packages/core/components/HighDimensionalPage/HighDimensionalChart.tsx
+++ b/frontend/packages/core/components/HighDimensionalPage/HighDimensionalChart.tsx
@@ -101,11 +101,11 @@ const HighDimensionalChart: FunctionComponent<HighDimensionalChartProps> = ({
    }, [points]);

    if (!data && error) {
-        return <Empty>{t('error')}</Empty>;
+        return <Empty>{t('common:error')}</Empty>;
    }

    if (!data && !loading) {
-        return <Empty>{t('empty')}</Empty>;
+        return <Empty>{t('common:empty')}</Empty>;
    }

    return <StyledScatterChart loading={loading} data={chartData} gl={dimension === '3d'} />;

--- a/frontend/packages/core/components/Image.tsx
+++ b/frontend/packages/core/components/Image.tsx
@@ -52,7 +52,7 @@ const Image = React.forwardRef<ImageRef, ImageProps>(({src, cache}, ref) => {
    }

    if (error) {
-        return <div>{t('error')}</div>;
+        return <div>{t('common:error')}</div>;
    }

    return <img src={url} />;

--- a/frontend/packages/core/components/Navbar.tsx
+++ b/frontend/packages/core/components/Navbar.tsx
@@ -15,19 +15,10 @@ import Icon from '~/components/Icon';
 import {InitConfig} from '@visualdl/i18n';
 import Language from '~/components/Language';
 import ee from '~/utils/event';
-import intersection from 'lodash/intersection';
 import styled from 'styled-components';
+import useNavItems from '~/hooks/useNavItems';
 import {useRouter} from 'next/router';

-const buildNavItems = process.env.NAV_ITEMS;
-const allNavItems = ['scalars', 'samples', 'graphs', 'high-dimensional'];
-const navItems = buildNavItems
-    ? intersection(
-          buildNavItems.split(',').map(item => item.trim()),
-          allNavItems
-      )
-    : allNavItems;
-
 const Nav = styled.nav`
    background-color: ${navbarBackgroundColor};
    color: ${textInvertColor};
@@ -101,7 +92,11 @@ const changeLanguage = () => {

 const Navbar: FunctionComponent = () => {
    const {t, i18n} = useTranslation('common');
-    const {pathname} = useRouter();
+    const {pathname, basePath} = useRouter();
+
+    const navItems = useNavItems();
+
+    const path = useMemo(() => pathname.replace(basePath, ''), [pathname, basePath]);

    const indexUrl = useMemo(() => {
        // TODO: fix type
@@ -125,7 +120,7 @@ const Navbar: FunctionComponent = () => {
                    return (
                        // https://nextjs.org/docs/api-reference/next/link#if-the-child-is-a-custom-component-that-wraps-an-a-tag
                        <Link href={href} key={name} passHref>
-                            <NavItem active={pathname === href}>
+                            <NavItem active={path === href}>
                                <span className="nav-text">{t(name)}</span>
                            </NavItem>
                        </Link>

--- a/frontend/packages/core/components/Pagination.tsx
+++ b/frontend/packages/core/components/Pagination.tsx
@@ -56,21 +56,21 @@ const Pagination: FunctionComponent<PaginationProps & WithStyled> = ({page, tota
        <Wrapper className={className}>
            <div>
                <Button disabled={currentPage <= 1} onClick={() => setPage(currentPage - 1)}>
-                    {t('previous-page')}
+                    {t('common:previous-page')}
                </Button>
                <Button disabled={currentPage >= total} onClick={() => setPage(currentPage + 1)}>
-                    {t('next-page')}
+                    {t('common:next-page')}
                </Button>
            </div>
            <div>
-                <span>{t('total-page', {count: total})}</span>
+                <span>{t('common:total-page', {count: total})}</span>
                <Input
                    value={jumpPage}
                    onChange={value => setJumpPage(value)}
                    onKeyDown={e => e.key === 'Enter' && setPage(jumpPage)}
                />
                <Button onClick={() => setPage(jumpPage)} type="primary">
-                    {t('confirm')}
+                    {t('common:confirm')}
                </Button>
            </div>
        </Wrapper>

--- a/frontend/packages/core/components/RunAside.tsx
+++ b/frontend/packages/core/components/RunAside.tsx
@@ -135,16 +135,16 @@ const RunAside: FunctionComponent<RunAsideProps> = ({
        <Aside>
            {children}
            <section className="run-section">
-                <Field className="run-select" label={t('select-runs')}>
+                <Field className="run-select" label={t('common:select-runs')}>
                    <SearchInput
                        className="search-input"
                        value={search}
                        onChange={setSearch}
-                        placeholder={t('search-runs')}
+                        placeholder={t('common:search-runs')}
                        rounded
                    />
                    <Checkbox value={selectAll} onChange={toggleSelectAll}>
-                        {t('select-all')}
+                        {t('common:select-all')}
                    </Checkbox>
                    <div className="run-list">
                        {filteredRuns.map((run, index) => (

--- a/frontend/packages/core/components/SamplesPage/SampleChart.tsx
+++ b/frontend/packages/core/components/SamplesPage/SampleChart.tsx
@@ -177,7 +177,7 @@ const SampleChart: FunctionComponent<SampleChartProps> = ({run, tag, brightness,
                items={[
                    {
                        icon: 'download',
-                        tooltip: t('download-image'),
+                        tooltip: t('samples:download-image'),
                        onClick: saveImage
                    }
                ]}

--- a/frontend/packages/core/components/SamplesPage/StepSlider.tsx
+++ b/frontend/packages/core/components/SamplesPage/StepSlider.tsx
@@ -45,7 +45,7 @@ const StepSlider: FunctionComponent<StepSliderProps> = ({onChange, onChangeCompl
    return (
        <>
            <Label>
-                <span>{`${t('step')}: ${steps[step] ?? '...'}`}</span>
+                <span>{`${t('samples:step')}: ${steps[step] ?? '...'}`}</span>
                {children && <span>{children}</span>}
            </Label>
            <FullWidthRangeSlider

--- a/frontend/packages/core/components/ScalarsPage/ScalarChart.tsx
+++ b/frontend/packages/core/components/ScalarsPage/ScalarChart.tsx
@@ -205,25 +205,25 @@ const ScalarChart: FunctionComponent<ScalarChartProps> = ({
                    {
                        icon: 'maximize',
                        activeIcon: 'minimize',
-                        tooltip: t('maximize'),
-                        activeTooltip: t('minimize'),
+                        tooltip: t('scalars:maximize'),
+                        activeTooltip: t('scalars:minimize'),
                        toggle: true,
                        onClick: toggleMaximized
                    },
                    {
                        icon: 'restore-size',
-                        tooltip: t('restore'),
+                        tooltip: t('scalars:restore'),
                        onClick: () => echart.current?.restore()
                    },
                    {
                        icon: 'log-axis',
-                        tooltip: t('axis'),
+                        tooltip: t('scalars:axis'),
                        toggle: true,
                        onClick: toggleYAxisType
                    },
                    {
                        icon: 'download',
-                        tooltip: t('download-image'),
+                        tooltip: t('scalars:download-image'),
                        onClick: () => echart.current?.saveAsImage()
                    }
                ]}

--- a/frontend/packages/core/components/ScatterChart.tsx
+++ b/frontend/packages/core/components/ScatterChart.tsx
 import React, {FunctionComponent, useEffect, useMemo} from 'react';
-import {WithStyled, position, primaryColor, size} from '~/utils/style';
+import {WithStyled, backgroundColor, position, primaryColor, size} from '~/utils/style';

 import GridLoader from 'react-spinners/GridLoader';
 import styled from 'styled-components';
@@ -7,6 +7,7 @@ import useECharts from '~/hooks/useECharts';

 const Wrapper = styled.div`
    position: relative;
+    background-color: ${backgroundColor};

    > .echarts {
        height: 100%;

--- a/frontend/packages/core/components/Select.tsx
+++ b/frontend/packages/core/components/Select.tsx
@@ -215,7 +215,7 @@ const Select = <T extends unknown>({
                ? multiple
                    ? (value as T[]).map(findLabelByValue).join(' / ')
                    : findLabelByValue(value as T)
-                : placeholder || t('select'),
+                : placeholder || t('common:select'),
        [multiple, value, findLabelByValue, isSelected, placeholder, t]
    );

@@ -227,7 +227,7 @@ const Select = <T extends unknown>({
            </Trigger>
            <List opened={isOpened} empty={isListEmpty}>
                {isListEmpty
-                    ? t('empty')
+                    ? t('common:empty')
                    : list.map((item, index) => {
                          if (multiple) {
                              return (

--- a/frontend/packages/core/hooks/useNavItems.ts
+++ b/frontend/packages/core/hooks/useNavItems.ts
+import {fetcher} from '~/utils/fetch';
+import intersection from 'lodash/intersection';
+import {useMemo} from 'react';
+import useRequest from '~/hooks/useRequest';
+
+const allNavItems = ['scalars', 'samples', 'high-dimensional'];
+export const navMap = {
+    scalar: 'scalars',
+    image: 'samples',
+    embeddings: 'high-dimensional'
+} as const;
+
+const useNavItems = () => {
+    const {data: components} = useRequest<(keyof typeof navMap)[]>('/components', fetcher, {
+        refreshInterval: 61 * 1000,
+        dedupingInterval: 29 * 1000,
+        errorRetryInterval: 29 * 1000,
+        errorRetryCount: Number.POSITIVE_INFINITY,
+        revalidateOnFocus: true,
+        revalidateOnReconnect: true,
+        refreshWhenHidden: false,
+        refreshWhenOffline: false
+    });
+
+    const navItems = useMemo(() => intersection(components?.map(component => navMap[component]) ?? [], allNavItems), [
+        components
+    ]);
+
+    return navItems;
+};
+
+export default useNavItems;
--- a/frontend/packages/core/next.config.js
+++ b/frontend/packages/core/next.config.js
@@ -31,7 +31,6 @@ module.exports = {
        DEFAULT_LANGUAGE,
        LOCALE_PATH,
        LANGUAGES,
-        NAV_ITEMS: process.env.NAV_ITEMS,
        PUBLIC_PATH: publicPath,
        API_URL: apiUrl
    },

--- a/frontend/packages/core/package.json
+++ b/frontend/packages/core/package.json
 {
    "name": "@visualdl/core",
-    "version": "2.0.0-beta.35",
+    "version": "2.0.0-beta.40",
    "title": "VisualDL",
    "description": "A platform to visualize the deep learning process and result.",
    "keywords": [
@@ -31,8 +31,8 @@
        "test": "echo \"Error: no test specified\" && exit 0"
    },
    "dependencies": {
-        "@visualdl/i18n": "2.0.0-beta.35",
-        "@visualdl/wasm": "2.0.0-beta.35",
+        "@visualdl/i18n": "2.0.0-beta.40",
+        "@visualdl/wasm": "2.0.0-beta.40",
        "bignumber.js": "9.0.0",
        "dagre-d3": "0.6.4",
        "echarts": "4.7.0",
@@ -73,7 +73,7 @@
        "@types/react": "16.9.34",
        "@types/react-dom": "16.9.7",
        "@types/styled-components": "5.1.0",
-        "@visualdl/mock": "2.0.0-beta.35",
+        "@visualdl/mock": "2.0.0-beta.40",
        "babel-plugin-emotion": "10.0.33",
        "babel-plugin-styled-components": "1.10.7",
        "babel-plugin-typescript-to-proptypes": "1.3.2",
@@ -96,5 +96,5 @@
            "pre-commit": "lint-staged"
        }
    },
-    "gitHead": "d9641c770d9bc4037b2f1cb644fba198bd11a752"
+    "gitHead": "ed915e4590c1527836cc802d7c6f5011a5b9a4a3"
 }
--- a/frontend/packages/core/pages/404.tsx
+++ b/frontend/packages/core/pages/404.tsx
@@ -14,7 +14,7 @@ const Error = styled.div`
 const Error404: NextI18NextPage = () => {
    const {t} = useTranslation('errors');

-    return <Error>404 - {t('page-not-found')}</Error>;
+    return <Error>404 - {t('errors:page-not-found')}</Error>;
 };

 // 404 page cannot have getInitialProps or getServerSideProps

--- a/frontend/packages/core/pages/_document.tsx
+++ b/frontend/packages/core/pages/_document.tsx
@@ -48,6 +48,9 @@ export default class VDLDocument extends Document<VDLDocumentProps> {
            <Html lang={language} dir={languageDir}>
                <Head />
                <body>
+                    <script
+                        dangerouslySetInnerHTML={{__html: `__vdl_public_path__='${process.env.PUBLIC_PATH}'`}}
+                    ></script>
                    <Main />
                    <NextScript />
                </body>

--- a/frontend/packages/core/pages/_error.tsx
+++ b/frontend/packages/core/pages/_error.tsx
@@ -18,7 +18,11 @@ interface ErrorProps {
 const Error: NextI18NextPage<ErrorProps> = ({statusCode}) => {
    const {t} = useTranslation('errors');

-    return <ErrorDiv>{statusCode ? t('error-with-status', {statusCode}) : t('error-without-status')}</ErrorDiv>;
+    return (
+        <ErrorDiv>
+            {statusCode ? t('errors:error-with-status', {statusCode}) : t('errors:error-without-status')}
+        </ErrorDiv>
+    );
 };

 Error.getInitialProps = ({res, err}) => {

--- a/frontend/packages/core/pages/graphs.tsx
+++ b/frontend/packages/core/pages/graphs.tsx
@@ -264,21 +264,21 @@ const Graphs: NextI18NextPage = () => {
        <AsideSection>
            <SubSection>
                <Button rounded type="primary" icon="download" onClick={downloadImage}>
-                    {t('download-image')}
+                    {t('graphs:download-image')}
                </Button>
                <Button rounded type="primary" icon="revert" onClick={fitScreen}>
-                    {t('restore-image')}
+                    {t('graphs:restore-image')}
                </Button>
            </SubSection>

            <SubSection>
-                <Field label={`${t('scale')}:`}>
+                <Field label={`${t('graphs:scale')}:`}>
                    <RangeSlider min={MIN_SCALE} max={MAX_SCALE} step={0.1} value={scale} onChange={setScale} />
                </Field>
            </SubSection>

            <SubSection>
-                <Field label={`${t('node-info')}:`} />
+                <Field label={`${t('graphs:node-info')}:`} />
                <NodeInfo node={currentNode} />
            </SubSection>
        </AsideSection>

--- a/frontend/packages/core/pages/high-dimensional.tsx
+++ b/frontend/packages/core/pages/high-dimensional.tsx
@@ -77,13 +77,13 @@ const HighDimensional: NextI18NextPage = () => {
            </Field>
            <Field>
                <Checkbox value={labelVisibility} onChange={setLabelVisibility}>
-                    {t('display-all-label')}
+                    {t('high-dimensional:display-all-label')}
                </Checkbox>
            </Field>
            <AsideDivider />
            <AsideTitle>
                <StyledIcon type="dimension" />
-                {t('dimension')}
+                {t('high-dimensional:dimension')}
            </AsideTitle>
            <Field>
                <RadioGroup value={dimension} onChange={value => setDimension(value)}>
@@ -97,7 +97,7 @@ const HighDimensional: NextI18NextPage = () => {
            <AsideDivider />
            <AsideTitle>
                <StyledIcon type="reduction" />
-                {t('reduction-method')}
+                {t('high-dimensional:reduction-method')}
            </AsideTitle>
            <Field>
                <RadioGroup value={reduction} onChange={value => setReduction(value)}>

--- a/frontend/packages/core/pages/index.tsx
+++ b/frontend/packages/core/pages/index.tsx
 import {NextI18NextPage, Router} from '~/utils/i18n';
+import React, {useEffect} from 'react';
+import {headerHeight, primaryColor, size} from '~/utils/style';

-import {useEffect} from 'react';
+import HashLoader from 'react-spinners/HashLoader';
+import styled from 'styled-components';
+import useNavItems from '~/hooks/useNavItems';
+
+const Loading = styled.div`
+    ${size(`calc(100vh - ${headerHeight})`, '100vw')}
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overscroll-behavior: none;
+    cursor: progress;
+`;

 const Index: NextI18NextPage = () => {
+    const navItmes = useNavItems();
+
    useEffect(() => {
-        Router.replace('/scalars');
-    }, []);
+        if (navItmes.length) {
+            Router.replace(`/${navItmes[0]}`);
+        }
+    }, [navItmes]);

-    return null;
+    return (
+        <Loading>
+            <HashLoader size="60px" color={primaryColor} />
+        </Loading>
+    );
 };

 Index.getInitialProps = () => {
    return {
-        namespacesRequired: ['common']
+        namespacesRequired: []
    };
 };


--- a/frontend/packages/core/pages/samples.tsx
+++ b/frontend/packages/core/pages/samples.tsx
@@ -57,16 +57,16 @@ const Samples: NextI18NextPage = () => {
        >
            <section>
                <Checkbox value={showActualSize} onChange={setShowActualSize}>
-                    {t('show-actual-size')}
+                    {t('samples:show-actual-size')}
                </Checkbox>
            </section>
            <section>
-                <Field label={t('brightness')}>
+                <Field label={t('samples:brightness')}>
                    <Slider min={0} max={2} step={0.01} value={brightness} onChange={setBrightness} />
                </Field>
            </section>
            <section>
-                <Field label={t('contrast')}>
+                <Field label={t('samples:contrast')}>
                    <Slider min={0} max={2} step={0.01} value={contrast} onChange={setContrast} />
                </Field>
            </section>

--- a/frontend/packages/core/pages/scalars.tsx
+++ b/frontend/packages/core/pages/scalars.tsx
@@ -48,7 +48,6 @@ const Scalars: NextI18NextPage = () => {
    const [xAxis, setXAxis] = useState<XAxis>(xAxisValues[0]);

    const [tooltipSorting, setTooltipSorting] = useState<TooltipSorting>(toolTipSortingValues[0]);
-    const onChangeTooltipSorting = (value: TooltipSorting) => setTooltipSorting(value);

    const [ignoreOutliers, setIgnoreOutliers] = useState(false);

@@ -62,24 +61,24 @@ const Scalars: NextI18NextPage = () => {
        >
            <section>
                <Checkbox value={ignoreOutliers} onChange={setIgnoreOutliers}>
-                    {t('ignore-outliers')}
+                    {t('scalars:ignore-outliers')}
                </Checkbox>
                <TooltipSortingDiv>
-                    <span>{t('tooltip-sorting')}</span>
+                    <span>{t('scalars:tooltip-sorting')}</span>
                    <Select
                        list={toolTipSortingValues.map(value => ({label: t(`tooltip-sorting-value.${value}`), value}))}
                        value={tooltipSorting}
-                        onChange={onChangeTooltipSorting}
+                        onChange={setTooltipSorting}
                    />
                </TooltipSortingDiv>
            </section>
            <section>
-                <Field label={t('smoothing')}>
+                <Field label={t('scalars:smoothing')}>
                    <Slider min={0} max={0.99} step={0.01} value={smoothing} onChangeComplete={setSmoothing} />
                </Field>
            </section>
            <section>
-                <Field label={t('x-axis')}>
+                <Field label={t('scalars:x-axis')}>
                    <RadioGroup value={xAxis} onChange={setXAxis}>
                        {xAxisValues.map(value => (
                            <RadioButton key={value} value={value}>

--- a/frontend/packages/core/public/locales/zh/common.json
+++ b/frontend/packages/core/public/locales/zh/common.json
@@ -8,7 +8,6 @@
    "search-result": "搜索结果",
    "search-empty": "没有找到您期望的内容，你可以尝试其他搜索词<1/>或者点击<3>查看全部图表</3>",
    "unselected-empty": "未选中任何数据<1/>请在右侧操作栏选择要展示的数据",
-    "all": "全部",
    "empty": "空空如也",
    "select": "请选择",
    "select-all": "全选",

--- a/frontend/packages/core/resource/scalars/index.ts
+++ b/frontend/packages/core/resource/scalars/index.ts
@@ -205,7 +205,7 @@ export const tooltip = (data: TooltipData[], i18n: I18n) => {
            run: item.run,
            // use precision then toString to remove trailling 0
            smoothed: new BigNumber(data[indexPropMap.smoothed] ?? Number.NaN).precision(5).toString(),
-            value: new BigNumber(data[indexPropMap.smoothed] ?? Number.NaN).precision(5).toString(),
+            value: new BigNumber(data[indexPropMap.value] ?? Number.NaN).precision(5).toString(),
            step: data[indexPropMap.step],
            time: formatTime(data[indexPropMap.time], i18n.language),
            // Relative display value should take easy-read into consideration.

--- a/frontend/packages/i18n/package.json
+++ b/frontend/packages/i18n/package.json
 {
    "name": "@visualdl/i18n",
-    "version": "2.0.0-beta.35",
+    "version": "2.0.0-beta.40",
    "description": "A platform to visualize the deep learning process and result.",
    "keywords": [
        "visualdl",
@@ -73,5 +73,5 @@
            "pre-commit": "lint-staged"
        }
    },
-    "gitHead": "d9641c770d9bc4037b2f1cb644fba198bd11a752"
+    "gitHead": "ed915e4590c1527836cc802d7c6f5011a5b9a4a3"
 }
--- a/frontend/packages/i18n/src/config/create-config.ts
+++ b/frontend/packages/i18n/src/config/create-config.ts
@@ -96,9 +96,10 @@ export const createConfig = (userConfig: Config): Config => {
        /*
            Set client side backend
        */
+        const publicPath = (window as any).__vdl_public_path__ || '';
        combinedConfig.backend = {
-            loadPath: `${process.env.PUBLIC_PATH}/${clientLocalePath}/${localeStructure}.${localeExtension}`,
-            addPath: `${process.env.PUBLIC_PATH}/${clientLocalePath}/${localeStructure}.missing.${localeExtension}`
+            loadPath: `${publicPath}/${clientLocalePath}/${localeStructure}.${localeExtension}`,
+            addPath: `${publicPath}/${clientLocalePath}/${localeStructure}.missing.${localeExtension}`
        };

        combinedConfig.ns = [combinedConfig.defaultNS];

--- a/frontend/packages/mock/data/components.ts
+++ b/frontend/packages/mock/data/components.ts
+export default ['scalar', 'image', 'embeddings'];
--- a/frontend/packages/mock/package.json
+++ b/frontend/packages/mock/package.json
 {
    "name": "@visualdl/mock",
-    "version": "2.0.0-beta.35",
+    "version": "2.0.0-beta.40",
    "description": "A platform to visualize the deep learning process and result.",
    "keywords": [
        "visualdl",
@@ -56,5 +56,5 @@
            "pre-commit": "lint-staged"
        }
    },
-    "gitHead": "d9641c770d9bc4037b2f1cb644fba198bd11a752"
+    "gitHead": "ed915e4590c1527836cc802d7c6f5011a5b9a4a3"
 }
--- a/frontend/packages/server/package.json
+++ b/frontend/packages/server/package.json
 {
    "name": "@visualdl/server",
-    "version": "2.0.0-beta.35",
+    "version": "2.0.0-beta.40",
    "description": "A platform to visualize the deep learning process and result.",
    "keywords": [
        "visualdl",
@@ -24,7 +24,7 @@
    },
    "scripts": {
        "dev": "cross-env NODE_ENV=development nodemon --watch index.ts --watch webpack.config.js --exec \"ts-node index.ts\"",
-        "build": "cross-env API_URL=/api ts-node build.ts",
+        "build": "cross-env API_URL=/api ts-node --script-mode build.ts",
        "start": "pm2-runtime ecosystem.config.js",
        "test": "echo \"Error: no test specified\" && exit 0"
    },
@@ -36,8 +36,8 @@
        "ecosystem.config.d.ts"
    ],
    "dependencies": {
-        "@visualdl/core": "2.0.0-beta.35",
-        "@visualdl/i18n": "2.0.0-beta.35",
+        "@visualdl/core": "2.0.0-beta.40",
+        "@visualdl/i18n": "2.0.0-beta.40",
        "express": "4.17.1",
        "http-proxy-middleware": "1.0.3",
        "next": "9.3.6",
@@ -49,7 +49,7 @@
        "@types/shelljs": "0.8.7",
        "@types/webpack": "4.41.12",
        "@types/webpack-dev-middleware": "3.7.0",
-        "@visualdl/mock": "2.0.0-beta.35",
+        "@visualdl/mock": "2.0.0-beta.40",
        "cross-env": "7.0.2",
        "nodemon": "2.0.3",
        "shelljs": "0.8.4",
@@ -72,5 +72,5 @@
            "pre-commit": "lint-staged"
        }
    },
-    "gitHead": "d9641c770d9bc4037b2f1cb644fba198bd11a752"
+    "gitHead": "ed915e4590c1527836cc802d7c6f5011a5b9a4a3"
 }
--- a/frontend/packages/serverless/build.ts
+++ b/frontend/packages/serverless/build.ts
@@ -28,8 +28,12 @@ async function start() {
        await builder('build');
        await builder('export', '-o', dist);
    } catch (e) {
+        if ('number' === typeof e) {
            process.exit(e);
        }
+        console.error(e);
+        process.exit(1);
+    }
    process.exit(0);
 }


--- a/frontend/packages/serverless/package.json
+++ b/frontend/packages/serverless/package.json
 {
    "name": "@visualdl/serverless",
-    "version": "2.0.0-beta.35",
+    "version": "2.0.0-beta.40",
    "description": "A platform to visualize the deep learning process and result.",
    "keywords": [
        "visualdl",
@@ -27,13 +27,13 @@
        "dist"
    ],
    "scripts": {
-        "build": "cross-env PUBLIC_PATH=/app API_URL=/api ts-node build.ts",
+        "build": "cross-env ts-node --script-mode build.ts",
        "test": "echo \"Error: no test specified\" && exit 0"
    },
    "devDependencies": {
        "@types/node": "13.13.5",
        "@types/rimraf": "3.0.0",
-        "@visualdl/core": "2.0.0-beta.35",
+        "@visualdl/core": "2.0.0-beta.40",
        "cross-env": "7.0.2",
        "rimraf": "3.0.2",
        "ts-node": "8.10.1",
@@ -51,5 +51,5 @@
            "pre-commit": "lint-staged"
        }
    },
-    "gitHead": "d9641c770d9bc4037b2f1cb644fba198bd11a752"
+    "gitHead": "ed915e4590c1527836cc802d7c6f5011a5b9a4a3"
 }
--- a/frontend/packages/wasm/package.json
+++ b/frontend/packages/wasm/package.json
 {
    "name": "@visualdl/wasm",
-    "version": "2.0.0-beta.35",
+    "version": "2.0.0-beta.40",
    "title": "VisualDL",
    "description": "A platform to visualize the deep learning process and result.",
    "keywords": [
@@ -49,5 +49,5 @@
            "pre-commit": "lint-staged"
        }
    },
-    "gitHead": "d9641c770d9bc4037b2f1cb644fba198bd11a752"
+    "gitHead": "ed915e4590c1527836cc802d7c6f5011a5b9a4a3"
 }
--- a/frontend/scripts/build.sh
+++ b/frontend/scripts/build.sh
@@ -2,7 +2,7 @@

 set -e

-WORKING_PATH=`pwd`
+WORKING_PATH=$(pwd)
 SERVER_DIR="packages/server/dist"
 SERVER_DIR_PATH="$WORKING_PATH/$SERVER_DIR"
 SERVERLESS_DIR="packages/serverless/dist"
@@ -10,15 +10,31 @@ SERVERLESS_DIR_PATH="$WORKING_PATH/$SERVERLESS_DIR"
 OUTPUT="output"
 OUTPUT_PATH="$WORKING_PATH/$OUTPUT"

+# clean
+rm -rf "$SERVER_DIR_PATH"
+rm -rf "$SERVERLESS_DIR_PATH"
+
 # build
-npx lerna run build
+if [ "$SCOPE" = "serverless" ]; then
+    npx lerna run --scope "@visualdl/serverless" --include-dependencies build
+elif [ "$SCOPE" = "server" ]; then
+    npx lerna run --scope "@visualdl/server" --include-dependencies build
+elif [ "$SCOPE" = "cli" ]; then
+    npx lerna run --scope "@visualdl/cli" --include-dependencies build
+else
+    npx lerna run build
+fi

 # generate output
-rm -rf $OUTPUT_PATH
-mkdir -p $OUTPUT_PATH
+rm -rf "$OUTPUT_PATH"
+mkdir -p "$OUTPUT_PATH"

 # package server files
-(cd $SERVER_DIR_PATH && tar zcf $OUTPUT_PATH/server.tar.gz .)
+if [ -d "$SERVER_DIR_PATH" ]; then
+    (cd "$SERVER_DIR_PATH" && tar zcf "${OUTPUT_PATH}/server.tar.gz" .)
+fi

 # package serverless files
-(cd $SERVERLESS_DIR_PATH && tar zcf $OUTPUT_PATH/serverless.tar.gz .)
+if [ -d "$SERVERLESS_DIR_PATH" ]; then
+    (cd "$SERVERLESS_DIR_PATH" && tar zcf "${OUTPUT_PATH}/serverless.tar.gz" .)
+fi
--- a/frontend/scripts/install.sh
+++ b/frontend/scripts/install.sh
@@ -6,7 +6,7 @@ set -e
 # https://rustup.rs/
 if ! hash rustup 2>/dev/null; then
    curl https://sh.rustup.rs -sSf | sh -s -- --no-modify-path --default-toolchain nightly -y
-    source $HOME/.cargo/env
+    source "$HOME/.cargo/env"
 fi


@@ -18,25 +18,11 @@ fi
 # fi


-# wine
-if hash apt 2>/dev/null; then
-    sudo dpkg --add-architecture i386
-    wget -nc https://download.opensuse.org/repositories/Emulators:/Wine:/Debian/xUbuntu_18.04/Release.key
-    sudo apt-key add Release.key
-    sudo apt-add-repository 'deb https://download.opensuse.org/repositories/Emulators:/Wine:/Debian/xUbuntu_18.04/ ./'
-
-    wget -nc https://dl.winehq.org/wine-builds/winehq.key
-    sudo apt-key add winehq.key
-    sudo apt-add-repository 'deb https://dl.winehq.org/wine-builds/ubuntu/ bionic main'
-
-    sudo apt update
-    sudo apt install --install-recommends winehq-stable
-fi
-
-
 # yarn
-curl --compressed -o- -L https://yarnpkg.com/install.sh | bash
-export PATH="$HOME/.yarn/bin:$HOME/.config/yarn/global/node_modules/.bin:$PATH"
+if ! hash yarn 2>/dev/null; then
+    curl --compressed -o- -L https://yarnpkg.com/install.sh | bash
+    export PATH="$HOME/.yarn/bin:$HOME/.config/yarn/global/node_modules/.bin:$PATH"
+fi

 # yarn install
 yarn install --frozen-lockfile
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -2,11 +2,6 @@
 # yarn lockfile v1


-"7zip-bin@~5.0.3":
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/7zip-bin/-/7zip-bin-5.0.3.tgz#bc5b5532ecafd923a61f2fb097e3b108c0106a3f"
-  integrity sha512-GLyWIFBbGvpKPGo55JyRZAo4lVbnBiD52cKlw/0Vt+wnmKvWJkpZvsjVoaIolyBXDeAQKSicRtqFNPem9w0WYA==
-
 "@ampproject/toolbox-core@^2.2.0":
  version "2.2.0"
  resolved "https://registry.yarnpkg.com/@ampproject/toolbox-core/-/toolbox-core-2.2.0.tgz#3878c5fbdd2acdd865f070ded43ee84652a7a16b"
@@ -1022,30 +1017,6 @@
    lodash "^4.17.13"
    to-fast-properties "^2.0.0"

-"@develar/schema-utils@~2.6.5":
-  version "2.6.5"
-  resolved "https://registry.yarnpkg.com/@develar/schema-utils/-/schema-utils-2.6.5.tgz#3ece22c5838402419a6e0425f85742b961d9b6c6"
-  integrity sha512-0cp4PsWQ/9avqTVMCtZ+GirikIA36ikvjtHweU4/j8yLtgObI0+JUPhYFScgwlteveGB1rt3Cm8UhN04XayDig==
-  dependencies:
-    ajv "^6.12.0"
-    ajv-keywords "^3.4.1"
-
-"@electron/get@^1.0.1":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@electron/get/-/get-1.9.0.tgz#7fa6e61d7ff50fb82a8a41f437af7de3b97aa9a5"
-  integrity sha512-OBIKtF6ttIJotDXe4KJMUyTBO4xMii+mFjlA8R4CORuD4HvCUaCK3lPjhdTRCvuEv6gzWNbAvd9DNBv0v780lw==
-  dependencies:
-    debug "^4.1.1"
-    env-paths "^2.2.0"
-    fs-extra "^8.1.0"
-    got "^9.6.0"
-    progress "^2.0.3"
-    sanitize-filename "^1.6.2"
-    sumchecker "^3.0.1"
-  optionalDependencies:
-    global-agent "^2.0.2"
-    global-tunnel-ng "^2.7.1"
-
 "@emotion/cache@^10.0.27":
  version "10.0.29"
  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-10.0.29.tgz#87e7e64f412c060102d589fe7c6dc042e6f9d1e0"
@@ -2385,11 +2356,6 @@
  resolved "https://registry.yarnpkg.com/@types/dagre/-/dagre-0.7.43.tgz#5c63be4feec5ea10b202241cefdcc2e7d7c26e7a"
  integrity sha512-P9YsQSFS3+zrTeRWwzD1yqVz81wEL1OXqLwaMqdmB+Mq8pyiOeGzhZtNJPfqbBV1smcMtv4dCCNp9DGSEfTkCQ==

-"@types/debug@^4.1.5":
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.5.tgz#b14efa8852b7768d898906613c23f688713e02cd"
-  integrity sha512-Q1y515GcOdTHgagaVFhHnIFQ38ygs/kmxdNpvpou+raI9UO3YZcHDngBSYKQklcKlvA7iuQlmIKbzvmxcOE9CQ==
-
 "@types/echarts@4.6.0":
  version "4.6.0"
  resolved "https://registry.yarnpkg.com/@types/echarts/-/echarts-4.6.0.tgz#0dbf5c35db16ed23f9e61370179989fcd62c2678"
@@ -2435,13 +2401,6 @@
  resolved "https://registry.yarnpkg.com/@types/file-saver/-/file-saver-2.0.1.tgz#e18eb8b069e442f7b956d313f4fadd3ef887354e"
  integrity sha512-g1QUuhYVVAamfCifK7oB7G3aIl4BbOyzDOqVyUfEr4tfBKrXfeH+M+Tg7HKCXSrbzxYdhyCP7z9WbKo0R2hBCw==

-"@types/fs-extra@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@types/fs-extra/-/fs-extra-8.1.0.tgz#1114834b53c3914806cd03b3304b37b3bd221a4d"
-  integrity sha512-UoOfVEzAUpeSPmjm7h1uk5MH6KZma2z2O7a75onTGjnNvAvMVrPzPL/vBbT65iIGHWj6rokwfmYcmxmlSf2uwg==
-  dependencies:
-    "@types/node" "*"
-
 "@types/geojson@*":
  version "7946.0.7"
  resolved "https://registry.yarnpkg.com/@types/geojson/-/geojson-7946.0.7.tgz#c8fa532b60a0042219cdf173ca21a975ef0666ad"
@@ -2513,11 +2472,6 @@
  resolved "https://registry.yarnpkg.com/@types/node/-/node-13.13.5.tgz#96ec3b0afafd64a4ccea9107b75bf8489f0e5765"
  integrity sha512-3ySmiBYJPqgjiHA7oEaIo2Rzz0HrOZ7yrNO5HWyaE5q0lQ3BppDZ3N53Miz8bw2I7gh1/zir2MGVZBvpb1zq9g==

-"@types/node@^12.0.12":
-  version "12.12.35"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.12.35.tgz#1e61b226c14380f4384f70cfe49a65c2c553ad2b"
-  integrity sha512-ASYsaKecA7TUsDrqIGPNk3JeEox0z/0XR/WsJJ8BIX/9+SkMSImQXKWfU/yBrSyc7ZSE/NPqLu36Nur0miCFfQ==
-
 "@types/nprogress@0.2.0":
  version "0.2.0"
  resolved "https://registry.yarnpkg.com/@types/nprogress/-/nprogress-0.2.0.tgz#86c593682d4199212a0509cc3c4d562bbbd6e45f"
@@ -2669,7 +2623,7 @@
  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-15.0.0.tgz#cb3f9f741869e20cce330ffbeb9271590483882d"
  integrity sha512-FA/BWv8t8ZWJ+gEOnLLd8ygxH/2UFbAvgEonyfN6yWGLKc7zVjbpl2Y4CTjid9h2RfgPP6SEt6uHwEOply00yw==

-"@types/yargs@15.0.4", "@types/yargs@^15.0.4":
+"@types/yargs@15.0.4":
  version "15.0.4"
  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.4.tgz#7e5d0f8ca25e9d5849f2ea443cf7c402decd8299"
  integrity sha512-9T1auFmbPZoxHz0enUFlUuKRy3it01R+hlggyVUMtnCTQRunsQYifnSGb8hET4Xo8yiC0o0r1paW3ud5+rbURg==
@@ -3096,39 +3050,6 @@ anymatch@~3.1.1:
    normalize-path "^3.0.0"
    picomatch "^2.0.4"

-app-builder-bin@3.5.8:
-  version "3.5.8"
-  resolved "https://registry.yarnpkg.com/app-builder-bin/-/app-builder-bin-3.5.8.tgz#4b96cf7d114171b20f32138082dc7cf20f16b85d"
-  integrity sha512-ni3q7QTfQNWHNWuyn5x3FZu6GnQZv+TFnfgk5++svqleKEhHGqS1mIaKsh7x5pBX6NFXU3/+ktk98wA/AW4EXw==
-
-app-builder-lib@22.6.0:
-  version "22.6.0"
-  resolved "https://registry.yarnpkg.com/app-builder-lib/-/app-builder-lib-22.6.0.tgz#65782fa8fc96180a22c008eb78c1355349bb0b86"
-  integrity sha512-ky2aLYy92U+Gh6dKq/e8/bNmCotp6/GMhnX8tDZPv9detLg9WuBnWWi1ktBPlpbl1DREusy+TIh+9rgvfduQoA==
-  dependencies:
-    "7zip-bin" "~5.0.3"
-    "@develar/schema-utils" "~2.6.5"
-    async-exit-hook "^2.0.1"
-    bluebird-lst "^1.0.9"
-    builder-util "22.6.0"
-    builder-util-runtime "8.7.0"
-    chromium-pickle-js "^0.2.0"
-    debug "^4.1.1"
-    ejs "^3.1.2"
-    electron-publish "22.6.0"
-    fs-extra "^9.0.0"
-    hosted-git-info "^3.0.4"
-    is-ci "^2.0.0"
-    isbinaryfile "^4.0.6"
-    js-yaml "^3.13.1"
-    lazy-val "^1.0.4"
-    minimatch "^3.0.4"
-    normalize-package-data "^2.5.0"
-    read-config-file "6.0.0"
-    sanitize-filename "^1.6.3"
-    semver "^7.3.2"
-    temp-file "^3.3.7"
-
 aproba@^1.0.3, aproba@^1.1.1:
  version "1.2.0"
  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
@@ -3296,11 +3217,6 @@ async-each@^1.0.1:
  resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.3.tgz#b727dbf87d7651602f06f4d4ac387f47d91b0cbf"
  integrity sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==

-async-exit-hook@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/async-exit-hook/-/async-exit-hook-2.0.1.tgz#8bd8b024b0ec9b1c01cccb9af9db29bd717dfaf3"
-  integrity sha512-NW2cX8m1Q7KPA7a5M2ULQeZ2wR5qI5PAbw5L0UOMxdioVk9PMZ0h1TmyZEkPYrCvYjDlFICusOu1dlEKAAeXBw==
-
 async-limiter@~1.0.0:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
@@ -3314,11 +3230,6 @@ async-listener@^0.6.0:
    semver "^5.3.0"
    shimmer "^1.1.0"

-async@0.9.x:
-  version "0.9.2"
-  resolved "https://registry.yarnpkg.com/async/-/async-0.9.2.tgz#aea74d5e61c1f899613bf64bda66d4c78f2fd17d"
-  integrity sha1-rqdNXmHB+JlhO/ZL2mbUx48v0X0=
-
 async@1.5:
  version "1.5.2"
  resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
@@ -3341,11 +3252,6 @@ asynckit@^0.4.0:
  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
  integrity sha1-x57Zf380y48robyXkLzDZkdLS3k=

-at-least-node@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
-  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
-
 atob-lite@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/atob-lite/-/atob-lite-2.0.0.tgz#0fef5ad46f1bd7a8502c65727f0367d5ee43d696"
@@ -3535,13 +3441,6 @@ blessed@0.1.81:
  resolved "https://registry.yarnpkg.com/blessed/-/blessed-0.1.81.tgz#f962d687ec2c369570ae71af843256e6d0ca1129"
  integrity sha1-+WLWh+wsNpVwrnGvhDJW5tDKESk=

-bluebird-lst@^1.0.9:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/bluebird-lst/-/bluebird-lst-1.0.9.tgz#a64a0e4365658b9ab5fe875eb9dfb694189bb41c"
-  integrity sha512-7B1Rtx82hjnSD4PGLAjVWeYH3tHAcVUmChh85a3lltKQm6FresXh9ErQo6oAv6CqxttczC3/kEg8SY5NluPuUw==
-  dependencies:
-    bluebird "^3.5.5"
-
 bluebird@^3.5.1, bluebird@^3.5.3, bluebird@^3.5.5:
  version "3.7.2"
  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
@@ -3573,11 +3472,6 @@ boolbase@^1.0.0, boolbase@~1.0.0:
  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
  integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=

-boolean@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/boolean/-/boolean-3.0.1.tgz#35ecf2b4a2ee191b0b44986f14eb5f052a5cbb4f"
-  integrity sha512-HRZPIjPcbwAVQvOTxR4YE3o8Xs98NqbbL1iEZDCz7CL8ql0Lt5iOyJFxfnAB0oFs8Oh02F/lLlg30Mexv46LjA==
-
 boxen@^4.2.0:
  version "4.2.0"
  resolved "https://registry.yarnpkg.com/boxen/-/boxen-4.2.0.tgz#e411b62357d6d6d36587c8ac3d5d974daa070e64"
@@ -3726,11 +3620,6 @@ btoa-lite@^1.0.0:
  resolved "https://registry.yarnpkg.com/btoa-lite/-/btoa-lite-1.0.0.tgz#337766da15801210fdd956c22e9c6891ab9d0337"
  integrity sha1-M3dm2hWAEhD92VbCLpxokaudAzc=

-buffer-crc32@~0.2.3:
-  version "0.2.13"
-  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
-  integrity sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=
-
 buffer-from@^1.0.0:
  version "1.1.1"
  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
@@ -3750,34 +3639,6 @@ buffer@^4.3.0:
    ieee754 "^1.1.4"
    isarray "^1.0.0"

-builder-util-runtime@8.7.0:
-  version "8.7.0"
-  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-8.7.0.tgz#e48ad004835c8284662e8eaf47a53468c66e8e8d"
-  integrity sha512-G1AqqVM2vYTrSFR982c1NNzwXKrGLQjVjaZaWQdn4O6Z3YKjdMDofw88aD9jpyK9ZXkrCxR0tI3Qe9wNbyTlXg==
-  dependencies:
-    debug "^4.1.1"
-    sax "^1.2.4"
-
-builder-util@22.6.0:
-  version "22.6.0"
-  resolved "https://registry.yarnpkg.com/builder-util/-/builder-util-22.6.0.tgz#25a3aca05d2c44949f0600282264dace8d289ee7"
-  integrity sha512-jgdES2ExJYkuXC3DEaGAjFctKNA81C4QDy8zdoc+rqdSqheTizuDNtZg02uMFklmUES4V4fggmqds+Y7wraqng==
-  dependencies:
-    "7zip-bin" "~5.0.3"
-    "@types/debug" "^4.1.5"
-    "@types/fs-extra" "^8.1.0"
-    app-builder-bin "3.5.8"
-    bluebird-lst "^1.0.9"
-    builder-util-runtime "8.7.0"
-    chalk "^4.0.0"
-    debug "^4.1.1"
-    fs-extra "^9.0.0"
-    is-ci "^2.0.0"
-    js-yaml "^3.13.1"
-    source-map-support "^0.5.19"
-    stat-mode "^1.0.0"
-    temp-file "^3.3.7"
-
 builtin-status-codes@^3.0.0:
  version "3.0.0"
  resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
@@ -4055,11 +3916,6 @@ chrome-trace-event@^1.0.2:
  dependencies:
    tslib "^1.9.0"

-chromium-pickle-js@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/chromium-pickle-js/-/chromium-pickle-js-0.2.0.tgz#04a106672c18b085ab774d983dfa3ea138f22205"
-  integrity sha1-BKEGZywYsIWrd02YPfo+oTjyIgU=
-
 ci-info@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
@@ -4309,7 +4165,7 @@ concat-map@0.0.1:
  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
  integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=

-concat-stream@^1.5.0, concat-stream@^1.6.2:
+concat-stream@^1.5.0:
  version "1.6.2"
  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
  integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
@@ -4519,7 +4375,7 @@ core-js-pure@^3.0.0:
  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.6.5.tgz#c79e75f5e38dbc85a662d91eea52b8256d53b813"
  integrity sha512-lacdXOimsiD0QyNf9BC/mxivNJ/ybBGJXQFKzRekp1WTHoVUWsUHEn+2T8GJAzzIhyOuXA+gOxCVN3l+5PLPUA==

-core-js@3.6.5, core-js@^3.6.4:
+core-js@3.6.5:
  version "3.6.5"
  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.6.5.tgz#7395dc273af37fb2e50e9bd3d9fe841285231d1a"
  integrity sha512-vZVEEwZoIsI+vPEuoF9Iqf5H7/M3eeQqWlQnYa8FSKKePuYTf5MWnxb5SDAzCa60b3JBRS5g9b+Dq7b1y/RCrA==
@@ -5137,7 +4993,7 @@ dayjs@~1.8.24, dayjs@~1.8.25:
  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.8.25.tgz#d09a8696cee7191bc1289e739f96626391b9c73c"
  integrity sha512-Pk36juDfQQGDCgr0Lqd1kw15w3OS6xt21JaLPE3lCfsEf8KrERGwDNwvK1tRjrjqFC0uZBJncT4smZQ4F+uV5g==

-debug@2, debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.9:
+debug@2, debug@2.6.9, debug@^2.2.0, debug@^2.3.3:
  version "2.6.9"
  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
@@ -5303,7 +5159,7 @@ detect-indent@^5.0.0:
  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-5.0.0.tgz#3871cc0a6a002e8c3e5b3cf7f336264675f06b9d"
  integrity sha1-OHHMCmoALow+Wzz38zYmRnXwa50=

-detect-node@2.0.4, detect-node@^2.0.4:
+detect-node@2.0.4:
  version "2.0.4"
  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
  integrity sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==
@@ -5342,18 +5198,6 @@ dir-glob@^2.2.2:
  dependencies:
    path-type "^3.0.0"

-dmg-builder@22.6.0:
-  version "22.6.0"
-  resolved "https://registry.yarnpkg.com/dmg-builder/-/dmg-builder-22.6.0.tgz#78c3dee24f5713f4844d458949041e31fe7eec30"
-  integrity sha512-rJxuGhHIpcuDGBtWZMM8aLxkbZNgYO2MO5dUerDIBXebhX1K8DA23iz/uZ8ahcRNgWEv57b8GDqJbXKEfr5T0A==
-  dependencies:
-    app-builder-lib "22.6.0"
-    builder-util "22.6.0"
-    fs-extra "^9.0.0"
-    iconv-lite "^0.5.1"
-    js-yaml "^3.13.1"
-    sanitize-filename "^1.6.3"
-
 doctrine@^2.1.0:
  version "2.1.0"
  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
@@ -5436,16 +5280,6 @@ dot-prop@^5.2.0:
  dependencies:
    is-obj "^2.0.0"

-dotenv-expand@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
-  integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==
-
-dotenv@^8.2.0:
-  version "8.2.0"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.2.0.tgz#97e619259ada750eea3e4ea3e26bceea5424b16a"
-  integrity sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==
-
 duplexer3@^0.1.4:
  version "0.1.4"
  resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
@@ -5494,47 +5328,6 @@ ee-first@1.1.1:
  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
  integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=

-ejs@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.2.tgz#a9986e6920a60f2a3229e87d4f0f3c073209874c"
-  integrity sha512-zFuywxrAWtX5Mk2KAuoJNkXXbfezpNA0v7i+YC971QORguPekpjpAgeOv99YWSdKXwj7JxI2QAWDeDkE8fWtXw==
-  dependencies:
-    jake "^10.6.1"
-
-electron-builder@22.6.0:
-  version "22.6.0"
-  resolved "https://registry.yarnpkg.com/electron-builder/-/electron-builder-22.6.0.tgz#3ac81634e27026892d66f3a52568e65a7d28d26a"
-  integrity sha512-aLHlB6DTfjJ3MI4AUIFeWnwIozNgNlbOk2c2sTHxB10cAKp0dBVSPZ7xF5NK0uwDhElvRzJQubnHtJD6zKg42Q==
-  dependencies:
-    "@types/yargs" "^15.0.4"
-    app-builder-lib "22.6.0"
-    bluebird-lst "^1.0.9"
-    builder-util "22.6.0"
-    builder-util-runtime "8.7.0"
-    chalk "^4.0.0"
-    dmg-builder "22.6.0"
-    fs-extra "^9.0.0"
-    is-ci "^2.0.0"
-    lazy-val "^1.0.4"
-    read-config-file "6.0.0"
-    sanitize-filename "^1.6.3"
-    update-notifier "^4.1.0"
-    yargs "^15.3.1"
-
-electron-publish@22.6.0:
-  version "22.6.0"
-  resolved "https://registry.yarnpkg.com/electron-publish/-/electron-publish-22.6.0.tgz#11dca595cfe3c0fdbc364c28dbb8838a1c6ec799"
-  integrity sha512-+v05SBf9qR7Os5au+fifloNHy5QxHQkUGudBj68YaTb43Pn37UkwRxSc49Lf13s4wW32ohM45g8BOVInPJEdnA==
-  dependencies:
-    "@types/fs-extra" "^8.1.0"
-    bluebird-lst "^1.0.9"
-    builder-util "22.6.0"
-    builder-util-runtime "8.7.0"
-    chalk "^4.0.0"
-    fs-extra "^9.0.0"
-    lazy-val "^1.0.4"
-    mime "^2.4.4"
-
 electron-to-chromium@^1.3.322, electron-to-chromium@^1.3.390:
  version "1.3.403"
  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.403.tgz#c8bab4e2e72bf78bc28bad1cc355c061f9cc1918"
@@ -5545,15 +5338,6 @@ electron-to-chromium@^1.3.413:
  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.414.tgz#9d0a92defefda7cc1cf8895058b892795ddd6b41"
  integrity sha512-UfxhIvED++qLwWrAq9uYVcqF8FdeV9sU2S7qhiHYFODxzXRrd1GZRl/PjITHsTEejgibcWDraD8TQqoHb1aCBQ==

-electron@8.2.5:
-  version "8.2.5"
-  resolved "https://registry.yarnpkg.com/electron/-/electron-8.2.5.tgz#ae3cb23d5517b2189fd35298e487198d65d1a291"
-  integrity sha512-LxSCUwmlfJtRwthd3ofpYaZ+1C2hQSW8Ep1DD9K3VbnDItO+kb3t1z35daJgAab78j54aOwo9gMxJtvU0Ftj6w==
-  dependencies:
-    "@electron/get" "^1.0.1"
-    "@types/node" "^12.0.12"
-    extract-zip "^1.0.3"
-
 elegant-spinner@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/elegant-spinner/-/elegant-spinner-2.0.0.tgz#f236378985ecd16da75488d166be4b688fd5af94"
@@ -5599,7 +5383,7 @@ emojis-list@^3.0.0:
  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==

-encodeurl@^1.0.2, encodeurl@~1.0.2:
+encodeurl@~1.0.2:
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
  integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
@@ -5712,11 +5496,6 @@ es5-ext@^0.10.35, es5-ext@^0.10.50:
    es6-symbol "~3.1.3"
    next-tick "~1.0.0"

-es6-error@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d"
-  integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
-
 es6-iterator@2.0.3, es6-iterator@~2.0.3:
  version "2.0.3"
  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7"
@@ -5766,11 +5545,6 @@ escape-string-regexp@1.0.5, escape-string-regexp@^1.0.2, escape-string-regexp@^1
  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=

-escape-string-regexp@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
-  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
-
 escodegen@1.x.x:
  version "1.14.1"
  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.14.1.tgz#ba01d0c8278b5e95a9a45350142026659027a457"
@@ -6123,16 +5897,6 @@ extglob@^2.0.4:
    snapdragon "^0.8.1"
    to-regex "^3.0.1"

-extract-zip@^1.0.3:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-1.7.0.tgz#556cc3ae9df7f452c493a0cfb51cc30277940927"
-  integrity sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==
-  dependencies:
-    concat-stream "^1.6.2"
-    debug "^2.6.9"
-    mkdirp "^0.5.4"
-    yauzl "^2.10.0"
-
 extsprintf@1.3.0:
  version "1.3.0"
  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
@@ -6190,13 +5954,6 @@ fclone@1.0.11, fclone@~1.0.11:
  resolved "https://registry.yarnpkg.com/fclone/-/fclone-1.0.11.tgz#10e85da38bfea7fc599341c296ee1d77266ee640"
  integrity sha1-EOhdo4v+p/xZk0HClu4ddyZu5kA=

-fd-slicer@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
-  integrity sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=
-  dependencies:
-    pend "~1.2.0"
-
 figgy-pudding@^3.4.1, figgy-pudding@^3.5.1:
  version "3.5.2"
  resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.2.tgz#b4eee8148abb01dcf1d1ac34367d59e12fa61d6e"
@@ -6233,13 +5990,6 @@ file-uri-to-path@1, file-uri-to-path@1.0.0:
  resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
  integrity sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==

-filelist@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.1.tgz#f10d1a3ae86c1694808e8f20906f43d4c9132dbb"
-  integrity sha512-8zSK6Nu0DQIC08mUC46sWGXi+q3GGpKydAG36k+JDba6VRpkevvOWUW5a/PhShij4+vHT9M+ghgG7eM+a9JDUQ==
-  dependencies:
-    minimatch "^3.0.4"
-
 fill-range@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-4.0.0.tgz#d544811d428f98eb06a63dc402d2403c328c38f7"
@@ -6450,16 +6200,6 @@ fs-extra@^8.1.0:
    jsonfile "^4.0.0"
    universalify "^0.1.0"

-fs-extra@^9.0.0:
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.0.0.tgz#b6afc31036e247b2466dc99c29ae797d5d4580a3"
-  integrity sha512-pmEYSk3vYsG/bF651KPUXZ+hvjpgWYw/Gc7W9NFUe3ZVLczKKWIij3IKpOrQcdw4TILtibFslZ0UmR8Vvzig4g==
-  dependencies:
-    at-least-node "^1.0.0"
-    graceful-fs "^4.2.0"
-    jsonfile "^6.0.1"
-    universalify "^1.0.0"
-
 fs-minipass@^1.2.5:
  version "1.2.7"
  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-1.2.7.tgz#ccff8570841e7fe4265693da88936c55aed7f7c7"
@@ -6721,19 +6461,6 @@ glob@^7.0.0, glob@^7.0.5, glob@^7.1.1, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
    once "^1.3.0"
    path-is-absolute "^1.0.0"

-global-agent@^2.0.2:
-  version "2.1.8"
-  resolved "https://registry.yarnpkg.com/global-agent/-/global-agent-2.1.8.tgz#99d153662b2c04cbc1199ffbc081a3aa656ac50f"
-  integrity sha512-VpBe/rhY6Rw2VDOTszAMNambg+4Qv8j0yiTNDYEXXXxkUNGWLHp8A3ztK4YDBbFNcWF4rgsec6/5gPyryya/+A==
-  dependencies:
-    boolean "^3.0.0"
-    core-js "^3.6.4"
-    es6-error "^4.1.1"
-    matcher "^2.1.0"
-    roarr "^2.15.2"
-    semver "^7.1.2"
-    serialize-error "^5.0.0"
-
 global-dirs@^2.0.1:
  version "2.0.1"
  resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-2.0.1.tgz#acdf3bb6685bcd55cb35e8a052266569e9469201"
@@ -6777,16 +6504,6 @@ global-prefix@^3.0.0:
    kind-of "^6.0.2"
    which "^1.3.1"

-global-tunnel-ng@^2.7.1:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/global-tunnel-ng/-/global-tunnel-ng-2.7.1.tgz#d03b5102dfde3a69914f5ee7d86761ca35d57d8f"
-  integrity sha512-4s+DyciWBV0eK148wqXxcmVAbFVPqtc3sEtUE/GTQfuU80rySLcMhUmHKSHI7/LDj8q0gDYI1lIhRRB7ieRAqg==
-  dependencies:
-    encodeurl "^1.0.2"
-    lodash "^4.17.10"
-    npm-conf "^1.1.3"
-    tunnel "^0.0.6"
-
 globals@^11.1.0:
  version "11.12.0"
  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
@@ -6799,13 +6516,6 @@ globals@^12.1.0:
  dependencies:
    type-fest "^0.8.1"

-globalthis@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.1.tgz#40116f5d9c071f9e8fb0037654df1ab3a83b7ef9"
-  integrity sha512-mJPRTc/P39NH/iNG4mXa9aIhNymaQikTrnspeCa2ZuJ+mH2QN/rXwtX3XwKrHqWgUQFbNZKtHM105aHzJalElw==
-  dependencies:
-    define-properties "^1.1.3"
-
 globby@^9.2.0:
  version "9.2.0"
  resolved "https://registry.yarnpkg.com/globby/-/globby-9.2.0.tgz#fd029a706c703d29bdd170f4b6db3a3f7a7cb63d"
@@ -7008,13 +6718,6 @@ hosted-git-info@^2.1.4, hosted-git-info@^2.7.1:
  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.8.tgz#7539bd4bc1e0e0a895815a2e0262420b12858488"
  integrity sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==

-hosted-git-info@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-3.0.4.tgz#be4973eb1fd2737b11c9c7c19380739bb249f60d"
-  integrity sha512-4oT62d2jwSDBbLLFLZE+1vPuQ1h8p9wjrJ8Mqx5TjsyWmBMV5B13eJqn8pvluqubLf3cJPTfiYCIwNwDNmzScQ==
-  dependencies:
-    lru-cache "^5.1.1"
-
 hsl-regex@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/hsl-regex/-/hsl-regex-1.0.0.tgz#d49330c789ed819e276a4c0d272dffa30b18fe6e"
@@ -7211,13 +6914,6 @@ iconv-lite@0.4, iconv-lite@0.4.24, iconv-lite@^0.4.24, iconv-lite@^0.4.4, iconv-
  dependencies:
    safer-buffer ">= 2.1.2 < 3"

-iconv-lite@^0.5.1:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.5.1.tgz#b2425d3c7b18f7219f2ca663d103bddb91718d64"
-  integrity sha512-ONHr16SQvKZNSqjQT9gy5z24Jw+uqfO02/ngBSBoqChZ+W8qXX7GPRa1RoUnzGADw8K63R1BXUMzarCVQBpY8Q==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3"
-
 icss-utils@^4.0.0, icss-utils@^4.1.1:
  version "4.1.1"
  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-4.1.1.tgz#21170b53789ee27447c2f47dd683081403f9a467"
@@ -7775,11 +7471,6 @@ isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
  integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=

-isbinaryfile@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/isbinaryfile/-/isbinaryfile-4.0.6.tgz#edcb62b224e2b4710830b67498c8e4e5a4d2610b"
-  integrity sha512-ORrEy+SNVqUhrCaal4hA4fBzhggQQ+BaLntyPOdoEiwlKZW9BZiJXjg3RMiruE4tPEI3pyVPpySHQF/dKWperg==
-
 isexe@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
@@ -7815,16 +7506,6 @@ isstream@~0.1.2:
  resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
  integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=

-jake@^10.6.1:
-  version "10.6.1"
-  resolved "https://registry.yarnpkg.com/jake/-/jake-10.6.1.tgz#c9c476cfd6e726ef600ee9bb2b880d5425ff8c79"
-  integrity sha512-pHUK3+V0BjOb1XSi95rbBksrMdIqLVC9bJqDnshVyleYsET3H0XAq+3VB2E3notcYvv4wRdRHn13p7vobG+wfQ==
-  dependencies:
-    async "0.9.x"
-    chalk "^2.4.2"
-    filelist "^1.0.1"
-    minimatch "^3.0.4"
-
 jest-worker@24.9.0:
  version "24.9.0"
  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
@@ -7922,15 +7603,6 @@ jsonfile@^4.0.0:
  optionalDependencies:
    graceful-fs "^4.1.6"

-jsonfile@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.0.1.tgz#98966cba214378c8c84b82e085907b40bf614179"
-  integrity sha512-jR2b5v7d2vIOust+w3wtFKZIfpC2pnRmFAhAC/BuweZFQR8qZzxH1OyrQ10HmdVYiXWkYUqPVsz91cG7EL2FBg==
-  dependencies:
-    universalify "^1.0.0"
-  optionalDependencies:
-    graceful-fs "^4.1.6"
-
 jsonparse@^1.2.0:
  version "1.3.1"
  resolved "https://registry.yarnpkg.com/jsonparse/-/jsonparse-1.3.1.tgz#3f4dae4a91fac315f71062f8521cc239f1366280"
@@ -7992,11 +7664,6 @@ latest-version@^5.0.0:
  dependencies:
    package-json "^6.3.0"

-lazy-val@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/lazy-val/-/lazy-val-1.0.4.tgz#882636a7245c2cfe6e0a4e3ba6c5d68a137e5c65"
-  integrity sha512-u93kb2fPbIrfzBuLjZE+w+fJbUUMhNDXxNmMfaqNgpfQf1CO5ZSe2LfsnBqVAk7i/2NF48OSoRj+Xe2VT+lE8Q==
-
 lazy@~1.0.11:
  version "1.0.11"
  resolved "https://registry.yarnpkg.com/lazy/-/lazy-1.0.11.tgz#daa068206282542c088288e975c297c1ae77b690"
@@ -8227,7 +7894,7 @@ lodash.uniq@^4.5.0:
  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
  integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=

-lodash@4.17.15, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.12, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.2.1:
+lodash@4.17.15, lodash@^4.17.11, lodash@^4.17.12, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.2.1:
  version "4.17.15"
  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
  integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
@@ -8369,13 +8036,6 @@ map-visit@^1.0.0:
  dependencies:
    object-visit "^1.0.0"

-matcher@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/matcher/-/matcher-2.1.0.tgz#64e1041c15b993e23b786f93320a7474bf833c28"
-  integrity sha512-o+nZr+vtJtgPNklyeUKkkH42OsK8WAfdgaJE2FNxcjLPg+5QbeEoT6vRj8Xq/iv18JlQ9cmKsEu0b94ixWf1YQ==
-  dependencies:
-    escape-string-regexp "^2.0.0"
-
 md5.js@^1.3.4:
  version "1.3.5"
  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
@@ -8693,7 +8353,7 @@ mkdirp@0.5.3:
  dependencies:
    minimist "^1.2.5"

-mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@^0.5.4, mkdirp@~0.5.1:
+mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
  version "0.5.5"
  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
  integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
@@ -9093,14 +8753,6 @@ npm-bundled@^1.0.1:
  dependencies:
    npm-normalize-package-bin "^1.0.1"

-npm-conf@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/npm-conf/-/npm-conf-1.1.3.tgz#256cc47bd0e218c259c4e9550bf413bc2192aff9"
-  integrity sha512-Yic4bZHJOt9RCFbRP3GgpqhScOY4HH3V2P8yBj6CeYq118Qr+BLXqT2JvpJ00mryLESpgOxf5XlFv4ZjXxLScw==
-  dependencies:
-    config-chain "^1.1.11"
-    pify "^3.0.0"
-
 npm-lifecycle@^3.1.2:
  version "3.1.5"
  resolved "https://registry.yarnpkg.com/npm-lifecycle/-/npm-lifecycle-3.1.5.tgz#9882d3642b8c82c815782a12e6a1bfeed0026309"
@@ -9750,11 +9402,6 @@ pbkdf2@^3.0.3:
    safe-buffer "^5.0.1"
    sha.js "^2.4.8"

-pend@~1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
-  integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA=
-
 performance-now@^2.1.0:
  version "2.1.0"
  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
@@ -10291,7 +9938,7 @@ process@^0.11.10:
  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
  integrity sha1-czIwDoQBYb2j5podHZGn1LwW8YI=

-progress@^2.0.0, progress@^2.0.3:
+progress@^2.0.0:
  version "2.0.3"
  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
@@ -10638,17 +10285,6 @@ read-cmd-shim@^1.0.1:
  dependencies:
    graceful-fs "^4.1.2"

-read-config-file@6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/read-config-file/-/read-config-file-6.0.0.tgz#224b5dca6a5bdc1fb19e63f89f342680efdb9299"
-  integrity sha512-PHjROSdpceKUmqS06wqwP92VrM46PZSTubmNIMJ5DrMwg1OgenSTSEHIkCa6TiOJ+y/J0xnG1fFwG3M+Oi1aNA==
-  dependencies:
-    dotenv "^8.2.0"
-    dotenv-expand "^5.1.0"
-    js-yaml "^3.13.1"
-    json5 "^2.1.2"
-    lazy-val "^1.0.4"
-
 "read-package-json@1 || 2", read-package-json@^2.0.0, read-package-json@^2.0.13:
  version "2.1.1"
  resolved "https://registry.yarnpkg.com/read-package-json/-/read-package-json-2.1.1.tgz#16aa66c59e7d4dad6288f179dd9295fd59bb98f1"
@@ -11108,18 +10744,6 @@ ripemd160@^2.0.0, ripemd160@^2.0.1:
    hash-base "^3.0.0"
    inherits "^2.0.1"

-roarr@^2.15.2:
-  version "2.15.3"
-  resolved "https://registry.yarnpkg.com/roarr/-/roarr-2.15.3.tgz#65248a291a15af3ebfd767cbf7e44cb402d1d836"
-  integrity sha512-AEjYvmAhlyxOeB9OqPUzQCo3kuAkNfuDk/HqWbZdFsqDFpapkTjiw+p4svNEoRLvuqNTxqfL+s+gtD4eDgZ+CA==
-  dependencies:
-    boolean "^3.0.0"
-    detect-node "^2.0.4"
-    globalthis "^1.0.1"
-    json-stringify-safe "^5.0.1"
-    semver-compare "^1.0.0"
-    sprintf-js "^1.1.2"
-
 run-async@^2.2.0, run-async@^2.4.0:
  version "2.4.0"
  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.0.tgz#e59054a5b86876cfae07f431d18cbaddc594f1e8"
@@ -11173,13 +10797,6 @@ safe-regex@^1.1.0:
  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==

-sanitize-filename@^1.6.2, sanitize-filename@^1.6.3:
-  version "1.6.3"
-  resolved "https://registry.yarnpkg.com/sanitize-filename/-/sanitize-filename-1.6.3.tgz#755ebd752045931977e30b2025d340d7c9090378"
-  integrity sha512-y/52Mcy7aw3gRm7IrcGDFx/bCk4AhRh2eI9luHOQM86nZsqwiRkkq2GekHXBBD+SmPidc8i2PqtYZl+pWJ8Oeg==
-  dependencies:
-    truncate-utf8-bytes "^1.0.0"
-
 sass-loader@8.0.2:
  version "8.0.2"
  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-8.0.2.tgz#debecd8c3ce243c76454f2e8290482150380090d"
@@ -11266,12 +10883,7 @@ semver@7.0.0:
  resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
  integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==

-semver@^7.1.2:
-  version "7.2.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.2.2.tgz#d01432d74ed3010a20ffaf909d63a691520521cd"
-  integrity sha512-Zo84u6o2PebMSK3zjJ6Zp5wi8VnQZnEaCP13Ul/lt1ANsLACxnJxq4EEm1PY94/por1Hm9+7xpIswdS5AkieMA==
-
-semver@^7.2, semver@^7.3.2:
+semver@^7.2:
  version "7.3.2"
  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
  integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
@@ -11300,13 +10912,6 @@ send@0.17.1:
    range-parser "~1.2.1"
    statuses "~1.5.0"

-serialize-error@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/serialize-error/-/serialize-error-5.0.0.tgz#a7ebbcdb03a5d71a6ed8461ffe0fc1a1afed62ac"
-  integrity sha512-/VtpuyzYf82mHYTtI4QKtwHa79vAdU5OQpNPAmE/0UDdlGT0ZxHwC+J6gXkw29wwoVI8fMPsfcVHOwXtUQYYQA==
-  dependencies:
-    type-fest "^0.8.0"
-
 serialize-javascript@^2.1.2:
  version "2.1.2"
  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-2.1.2.tgz#ecec53b0e0317bdc95ef76ab7074b7384785fa61"
@@ -11564,14 +11169,6 @@ source-map-support@^0.5.17:
    buffer-from "^1.0.0"
    source-map "^0.6.0"

-source-map-support@^0.5.19:
-  version "0.5.19"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
-  integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==
-  dependencies:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
 source-map-url@^0.4.0:
  version "0.4.0"
  resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
@@ -11644,7 +11241,7 @@ split@^1.0.0:
  dependencies:
    through "2"

-sprintf-js@1.1.2, sprintf-js@^1.1.2:
+sprintf-js@1.1.2:
  version "1.1.2"
  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.2.tgz#da1765262bf8c0f571749f2ad6c26300207ae673"
  integrity sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==
@@ -11681,11 +11278,6 @@ stable@^0.1.8:
  resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
  integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==

-stat-mode@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/stat-mode/-/stat-mode-1.0.0.tgz#68b55cb61ea639ff57136f36b216a291800d1465"
-  integrity sha512-jH9EhtKIjuXZ2cWxmXS8ZP80XyC3iasQxMDV8jzhNJpfDb7VbQLVW4Wvsxz9QZvzV+G4YoSfBUVKDOyxLzi/sg==
-
 static-extend@^0.1.1:
  version "0.1.2"
  resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
@@ -11998,13 +11590,6 @@ stylis@3.5.4:
  resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.5.4.tgz#f665f25f5e299cf3d64654ab949a57c768b73fbe"
  integrity sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q==

-sumchecker@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/sumchecker/-/sumchecker-3.0.1.tgz#6377e996795abb0b6d348e9b3e1dfb24345a8e42"
-  integrity sha512-MvjXzkz/BOfyVDkG0oFOtBxHX2u3gKbMHIF/dXblZsgD3BWOFLmHovIpZY7BykJdAjcqRCBi1WYBNdEC9yI7vg==
-  dependencies:
-    debug "^4.1.0"
-
 supports-color@6.0.0:
  version "6.0.0"
  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.0.0.tgz#76cfe742cf1f41bb9b1c29ad03068c05b4c0e40a"
@@ -12114,14 +11699,6 @@ temp-dir@^1.0.0:
  resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-1.0.0.tgz#0a7c0ea26d3a39afa7e0ebea9c1fc0bc4daa011d"
  integrity sha1-CnwOom06Oa+n4OvqnB/AvE2qAR0=

-temp-file@^3.3.7:
-  version "3.3.7"
-  resolved "https://registry.yarnpkg.com/temp-file/-/temp-file-3.3.7.tgz#686885d635f872748e384e871855958470aeb18a"
-  integrity sha512-9tBJKt7GZAQt/Rg0QzVWA8Am8c1EFl+CAv04/aBVqlx5oyfQ508sFIABshQ0xbZu6mBrFLWIUXO/bbLYghW70g==
-  dependencies:
-    async-exit-hook "^2.0.1"
-    fs-extra "^8.1.0"
-
 temp-write@^3.4.0:
  version "3.4.0"
  resolved "https://registry.yarnpkg.com/temp-write/-/temp-write-3.4.0.tgz#8cff630fb7e9da05f047c74ce4ce4d685457d492"
@@ -12334,13 +11911,6 @@ trim-off-newlines@^1.0.0:
  resolved "https://registry.yarnpkg.com/trim-off-newlines/-/trim-off-newlines-1.0.1.tgz#9f9ba9d9efa8764c387698bcbfeb2c848f11adb3"
  integrity sha1-n5up2e+odkw4dpi8v+sshI8RrbM=

-truncate-utf8-bytes@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/truncate-utf8-bytes/-/truncate-utf8-bytes-1.0.2.tgz#405923909592d56f78a5818434b0b78489ca5f2b"
-  integrity sha1-QFkjkJWS1W94pYGENLC3hInKXys=
-  dependencies:
-    utf8-byte-length "^1.0.1"
-
 ts-loader@7.0.3:
  version "7.0.3"
  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-7.0.3.tgz#1ba06fd3dae612ecf8b952f89145f9ac7489805f"
@@ -12397,11 +11967,6 @@ tunnel-agent@^0.6.0:
  dependencies:
    safe-buffer "^5.0.1"

-tunnel@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/tunnel/-/tunnel-0.0.6.tgz#72f1314b34a5b192db012324df2cc587ca47f92c"
-  integrity sha512-1h/Lnq9yajKY2PEbBadPXj3VxsDDu844OnaAo52UVmIzIvwwtBPIuNvkjuzBlTWpfJyUbG3ez0KSBibQkj4ojg==
-
 tv4@^1.3.0:
  version "1.3.0"
  resolved "https://registry.yarnpkg.com/tv4/-/tv4-1.3.0.tgz#d020c846fadd50c855abb25ebaecc68fc10f7963"
@@ -12429,7 +11994,7 @@ type-fest@^0.3.0:
  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.3.1.tgz#63d00d204e059474fe5e1b7c011112bbd1dc29e1"
  integrity sha512-cUGJnCdr4STbePCgqNFbpVNCepa+kAVohJs1sLhxzdH+gnEoOd8VhbYa7pD3zZYGiURWM2xzEII3fQcRizDkYQ==

-type-fest@^0.8.0, type-fest@^0.8.1:
+type-fest@^0.8.1:
  version "0.8.1"
  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
  integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
@@ -12590,11 +12155,6 @@ universalify@^0.1.0:
  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==

-universalify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-1.0.0.tgz#b61a1da173e8435b2fe3c67d29b9adf8594bd16d"
-  integrity sha512-rb6X1W158d7pRQBg5gkR8uPaSfiids68LTJQYOtEUhoJUWBdaQHsuT/EUduxXYxcrt4r5PJ4fuHW1MHT6p0qug==
-
 unpipe@1.0.0, unpipe@~1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
@@ -12618,7 +12178,7 @@ upath@^1.1.1, upath@^1.2.0:
  resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
  integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==

-update-notifier@^4.0.0, update-notifier@^4.1.0:
+update-notifier@^4.0.0:
  version "4.1.0"
  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-4.1.0.tgz#4866b98c3bc5b5473c020b1250583628f9a328f3"
  integrity sha512-w3doE1qtI0/ZmgeoDoARmI5fjDoT93IfKgEGqm26dGUOh8oNpaSTsGNdYRN/SjOuo10jcJGwkEL3mroKzktkew==
@@ -12674,11 +12234,6 @@ use@^3.1.0:
  resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"
  integrity sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==

-utf8-byte-length@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/utf8-byte-length/-/utf8-byte-length-1.0.4.tgz#f45f150c4c66eee968186505ab93fcbb8ad6bf61"
-  integrity sha1-9F8VDExm7uloGGUFq5P8u4rWv2E=
-
 util-deprecate@^1.0.1, util-deprecate@~1.0.1:
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
@@ -13208,7 +12763,7 @@ yargs@13.3.2, yargs@^13.3.0:
    y18n "^4.0.0"
    yargs-parser "^13.1.2"

-yargs@15.3.1, yargs@^15.3.1:
+yargs@15.3.1:
  version "15.3.1"
  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.3.1.tgz#9505b472763963e54afe60148ad27a330818e98b"
  integrity sha512-92O1HWEjw27sBfgmXiixJWT5hRBp2eobqXicLtPBIDBhYB+1HpwZlXmbW2luivBJHBzki+7VyCLRtAkScbTBQA==
@@ -13247,14 +12802,6 @@ yarn@1.22.4:
  resolved "https://registry.yarnpkg.com/yarn/-/yarn-1.22.4.tgz#01c1197ca5b27f21edc8bc472cd4c8ce0e5a470e"
  integrity sha512-oYM7hi/lIWm9bCoDMEWgffW8aiNZXCWeZ1/tGy0DWrN6vmzjCXIKu2Y21o8DYVBUtiktwKcNoxyGl/2iKLUNGA==

-yauzl@^2.10.0:
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
-  integrity sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=
-  dependencies:
-    buffer-crc32 "~0.2.3"
-    fd-slicer "~1.1.0"
-
 yn@3.1.1:
  version "3.1.1"
  resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"

--- a/requirements.txt
+++ b/requirements.txt
-numpy == 1.16.6; python_version < "3.0"
-numpy ; python_version >= "3.0"
-recommonmark >= 0.6.0
+numpy
+requests
 scipy == 1.2.3; python_version < "3.0"
 scipy >= 1.4.1; python_version >= "3.0"
-Sphinx == 1.8.5; python_version < "3.0"
-Sphinx >= 2.4.4; python_version >= "3.0"
-sphinx-rtd-theme >= 0.4.3
 flake8 >= 3.7.9
 Pillow == 6.2.2; python_version < "3.0"
 Pillow >= 7.0.0; python_version >= "3.0"

--- a/scripts/build.sh
+++ b/scripts/build.sh
@@ -2,106 +2,45 @@
 set -e

 TOP_DIR=$(pwd)
-FRONTEND_DIR=$TOP_DIR/frontend
-BACKEND_DIR=$TOP_DIR/visualdl
-BUILD_DIR=$TOP_DIR/build
+FRONTEND_DIR=${TOP_DIR}/frontend
+BUILD_DIR=${TOP_DIR}/build

-mkdir -p $BUILD_DIR
+mkdir -p "$BUILD_DIR"

 build_frontend_fake() {
    mkdir -p "$BUILD_DIR/package/dist"
 }

-build_frontend_from_source() {
-    build_frontend_fake
-
-    cd $FRONTEND_DIR
-    ./scripts/install.sh
-    ./scripts/build.sh
-
-    # extract
-    tar zxf "$FRONTEND_DIR/output/serverless.tar.gz" -C "$BUILD_DIR/package/serverless"
-}
-
 build_frontend() {
-    local PACKAGE="@visualdl/serverless"
-    local NAME=${PACKAGE#*@}
-    local NAME=${NAME////-}
-    echo $NAME
-    local TAG="latest"
-    local TARBALL="${PACKAGE}@${TAG}"
-
-    # get version
-    local VERSION=`npm view ${TARBALL} dist-tags.${TAG}`
-    if [ "$?" -ne "0" ]; then
-        echo "Cannot get version"
-        exit 1
-    fi
-    local FILENAME="${NAME}-${VERSION}.tgz"
-
-    # get sha1sum
-    local SHA1SUM=`npm view ${TARBALL} dist.shasum`
-    if [ "$?" -ne "0" ]; then
-        echo "Cannot get sha1sum"
-        exit 1
-    fi
-    rm -f "$BUILD_DIR/${NAME}-*.tgz.sha1"
-    echo "${SHA1SUM} ${FILENAME}" > "$BUILD_DIR/${FILENAME}.sha1"
-
-    local DOWNLOAD="1"
-    # cached file exists
-    if [ -f "$BUILD_DIR/$FILENAME" ]; then
-        # check sha1sum
-        (cd $BUILD_DIR && sha1sum -c "${FILENAME}.sha1")
-        # check pass, use chached file
-        if [ "$?" -eq "0" ]; then
-            echo "Using cached npm package file ${FILENAME}"
-            DOWNLOAD="0"
-        fi
-    fi
-
-    if [ "$DOWNLOAD" -eq "1" ]; then
-        echo "Donwloading npm package, please wait..."
-
-        # remove cache
-        rm -f "$BUILD_DIR/${NAME}-*.tgz"
-
-        # download file
-        FILENAME=`(cd $BUILD_DIR && npm pack ${TARBALL})`
+    mkdir -p "$BUILD_DIR/package/dist"

-        # check sha1sum of downloaded file
-        (cd $BUILD_DIR && sha1sum -c "${FILENAME}.sha1")
-        if [ "$?" -ne "0" ]; then
-            echo "Check sum failed, download may not finish correctly."
-            exit 1
-        else
-            echo "Check sum pass."
-        fi
-    fi
+    cd "$FRONTEND_DIR"
+    ./scripts/install.sh
+    SCOPE="serverless" PUBLIC_PATH="/{{PUBLIC_PATH}}" API_URL="/{{PUBLIC_PATH}}/api" ./scripts/build.sh

    # extract
-    tar zxf "$BUILD_DIR/$FILENAME" -C "$BUILD_DIR"
+    tar zxf "$FRONTEND_DIR/output/serverless.tar.gz" -C "$BUILD_DIR/package/dist"
 }

 clean_env() {
-    rm -rf $TOP_DIR/visualdl/server/dist
-    rm -rf $BUILD_DIR/bdist*
-    rm -rf $BUILD_DIR/lib*
-    rm -rf $BUILD_DIR/temp*
-    rm -rf $BUILD_DIR/scripts*
-    rm -rf $BUILD_DIR/package
+    rm -rf "$TOP_DIR/visualdl/server/dist"
+    rm -rf "$BUILD_DIR/bdist*"
+    rm -rf "$BUILD_DIR/lib*"
+    rm -rf "$BUILD_DIR/temp*"
+    rm -rf "$BUILD_DIR/scripts*"
+    rm -rf "$BUILD_DIR/package"
 }

 package() {
-    cp -rf $BUILD_DIR/package/dist $TOP_DIR/visualdl/server/
+    cp -rf "$BUILD_DIR/package/dist" "$TOP_DIR/visualdl/server/"
 }

 ARG=$1
-echo "ARG: " $ARG
+echo "ARG: ${ARG}"

 clean_env

-if [ "$ARG" = "travis-CI" ]; then
+if [[ "$ARG" = "travis-CI" ]]; then
    build_frontend_fake
 else
    build_frontend

--- a/visualdl/server/app.py
+++ b/visualdl/server/app.py
@@ -19,6 +19,7 @@ import json
 import os
 import time
 import sys
+import signal
 import multiprocessing
 import threading
 import re
@@ -27,12 +28,11 @@ import requests
 from visualdl.reader.reader import LogReader
 from argparse import ArgumentParser

-from flask import (Flask, Response, redirect, request, send_file,
-                   send_from_directory)
+from flask import (Flask, Response, redirect, request, send_file, send_from_directory)
 from flask_babel import Babel

 import visualdl.server
-from visualdl.server import lib
+from visualdl.server import (lib, template)
 from visualdl.server.log import logger
 from visualdl.python.cache import MemCache

@@ -45,7 +45,8 @@ support_language = ["en", "zh"]
 default_language = support_language[0]

 server_path = os.path.abspath(os.path.dirname(sys.argv[0]))
-static_file_path = os.path.join(SERVER_DIR, "./dist")
+static_file_path = os.path.join(SERVER_DIR, "./static")
+template_file_path = os.path.join(SERVER_DIR, "./dist")
 mock_data_path = os.path.join(SERVER_DIR, "./mock_data/")


@@ -56,13 +57,15 @@ class ParseArgs(object):
                 port=8040,
                 model_pb="",
                 cache_timeout=20,
-                 language=None):
+                 language=None,
+                 public_path=None):
        self.logdir = logdir
        self.host = host
        self.port = port
        self.model_pb = model_pb
        self.cache_timeout = cache_timeout
        self.language = language
+        self.public_path = public_path


 def try_call(function, *args, **kwargs):
@@ -120,6 +123,14 @@ def parse_args():
        type=str,
        action="store",
        help="set the default language")
+    parser.add_argument(
+        "-P",
+        "--public-path",
+        type=str,
+        action="store",
+        default="/app",
+        help="set public path"
+    )

    args = parser.parse_args()
    if not args.logdir:
@@ -155,94 +166,86 @@ def create_app(args):
    CACHE = MemCache(timeout=args.cache_timeout)
    cache_get = lib.cache_get(CACHE)

+    public_path = args.public_path.rstrip('/')
+    api_path = public_path + '/api'
+
    @babel.localeselector
    def get_locale():
-        language = args.language
-        if not language or language not in support_language:
-            language = request.accept_languages.best_match(support_language)
-        return language
+        lang = args.language
+        if not lang or lang not in support_language:
+            lang = request.accept_languages.best_match(support_language)
+        return lang

    @app.route("/")
+    def base():
+        return redirect(public_path, code=302)
+
+    @app.route(public_path + "/")
    def index():
-        language = get_locale()
-        if language == default_language:
-            return redirect('/app/index', code=302)
-        return redirect('/app/' + language + '/index', code=302)
+        lang = get_locale()
+        if lang == default_language:
+            return redirect(public_path + '/index', code=302)
+        return redirect(public_path + '/' + lang + '/index', code=302)

-    @app.route('/app/<path:filename>')
+    @app.route(public_path + '/<path:filename>')
    def serve_static(filename):
        return send_from_directory(
            os.path.join(server_path, static_file_path), filename
            if re.search(r'\..+$', filename) else filename + '.html')

-    @app.route('/graphs/image')
-    def serve_graph():
-        return send_file(os.path.join(os.getcwd(), graph_image_path))
-
-    @app.route('/api/logdir')
-    def logdir():
-        result = gen_result(0, "", {"logdir": args.logdir})
-        return Response(json.dumps(result), mimetype='application/json')
-
-    @app.route('/api/language')
-    def language():
-        data = get_locale()
-        result = gen_result(0, "", data)
-        return Response(json.dumps(result), mimetype='application/json')
-
-    @app.route("/api/components")
+    @app.route(api_path + "/components")
    def components():
        data = cache_get('/data/components', lib.get_components, log_reader)
        result = gen_result(0, "", data)
        return Response(json.dumps(result), mimetype='application/json')

-    @app.route('/api/runs')
+    @app.route(api_path + '/runs')
    def runs():
        data = cache_get('/data/runs', lib.get_runs, log_reader)
        result = gen_result(0, "", data)
        return Response(json.dumps(result), mimetype='application/json')

-    @app.route('/api/tags')
+    @app.route(api_path + '/tags')
    def tags():
        data = cache_get('/data/tags', lib.get_tags, log_reader)
        result = gen_result(0, "", data)
        return Response(json.dumps(result), mimetype='application/json')

-    @app.route('/api/logs')
+    @app.route(api_path + '/logs')
    def logs():
        data = cache_get('/data/logs', lib.get_logs, log_reader)
        result = gen_result(0, "", data)
        return Response(json.dumps(result), mimetype='application/json')

-    @app.route("/api/scalars/tags")
+    @app.route(api_path + "/scalars/tags")
    def scalar_tags():
        data = cache_get("/data/plugin/scalars/tags", try_call,
                         lib.get_scalar_tags, log_reader)
        result = gen_result(0, "", data)
        return Response(json.dumps(result), mimetype='application/json')

-    @app.route("/api/images/tags")
+    @app.route(api_path + "/images/tags")
    def image_tags():
        data = cache_get("/data/plugin/images/tags", try_call,
                         lib.get_image_tags, log_reader)
        result = gen_result(0, "", data)
        return Response(json.dumps(result), mimetype='application/json')

-    @app.route("/api/audio/tags")
+    @app.route(api_path + "/audio/tags")
    def audio_tags():
        data = cache_get("/data/plugin/audio/tags", try_call,
                         lib.get_audio_tags, log_reader)
        result = gen_result(0, "", data)
        return Response(json.dumps(result), mimetype='application/json')

-    @app.route("/api/embeddings/tags")
+    @app.route(api_path + "/embeddings/tags")
    def embeddings_tags():
        data = cache_get("/data/plugin/embeddings/tags", try_call,
                         lib.get_embeddings_tags, log_reader)
        result = gen_result(0, "", data)
        return Response(json.dumps(result), mimetype='application/json')

-    @app.route('/api/scalars/list')
+    @app.route(api_path + '/scalars/list')
    def scalars():
        run = request.args.get('run')
        tag = request.args.get('tag')
@@ -251,7 +254,7 @@ def create_app(args):
        result = gen_result(0, "", data)
        return Response(json.dumps(result), mimetype='application/json')

-    @app.route('/api/images/list')
+    @app.route(api_path + '/images/list')
    def images():
        mode = request.args.get('run')
        tag = request.args.get('tag')
@@ -263,7 +266,7 @@ def create_app(args):

        return Response(json.dumps(result), mimetype='application/json')

-    @app.route('/api/images/image')
+    @app.route(api_path + '/images/image')
    def individual_image():
        mode = request.args.get('run')
        tag = request.args.get('tag')  # include a index
@@ -275,7 +278,7 @@ def create_app(args):
                         mode, tag, step_index)
        return Response(data, mimetype="image/png")

-    @app.route('/api/embeddings/embedding')
+    @app.route(api_path + '/embeddings/embedding')
    def embeddings():
        run = request.args.get('run')
        tag = request.args.get('tag', 'default')
@@ -288,7 +291,7 @@ def create_app(args):
        result = gen_result(0, "", data)
        return Response(json.dumps(result), mimetype='application/json')

-    @app.route('/api/audio/list')
+    @app.route(api_path + '/audio/list')
    def audio():
        run = request.args.get('run')
        tag = request.args.get('tag')
@@ -300,7 +303,7 @@ def create_app(args):

        return Response(json.dumps(result), mimetype='application/json')

-    @app.route('/api/audio/audio')
+    @app.route(api_path + '/audio/audio')
    def individual_audio():
        run = request.args.get('run')
        tag = request.args.get('tag')  # include a index
@@ -319,6 +322,7 @@ def create_app(args):

 def _open_browser(app, index_url):
    while True:
+        # noinspection PyBroadException
        try:
            requests.get(index_url)
            break
@@ -333,6 +337,7 @@ def _run(logdir,
         model_pb="",
         cache_timeout=20,
         language=None,
+         public_path="/app",
         open_browser=False):
    args = ParseArgs(
        logdir=logdir,
@@ -340,10 +345,11 @@ def _run(logdir,
        port=port,
        model_pb=model_pb,
        cache_timeout=cache_timeout,
-        language=language)
+        language=language,
+        public_path=public_path)
    logger.info(" port=" + str(args.port))
    app = create_app(args)
-    index_url = "http://" + host + ":" + str(port)
+    index_url = "http://" + host + ":" + str(port) + args.public_path
    if open_browser:
        threading.Thread(
            target=_open_browser, kwargs={"app": app,
@@ -357,6 +363,7 @@ def run(logdir,
        model_pb="",
        cache_timeout=20,
        language=None,
+        public_path="/app",
        open_browser=False):
    kwarg = {
        "logdir": logdir,
@@ -365,6 +372,7 @@ def run(logdir,
        "model_pb": model_pb,
        "cache_timeout": cache_timeout,
        "language": language,
+        "public_path": public_path,
        "open_browser": open_browser
    }

@@ -373,16 +381,27 @@ def run(logdir,
    return p.pid


+def render_template(args):
+    template.render(
+        template_file_path,
+        static_file_path,
+        PUBLIC_PATH=args.public_path.strip('/'))
+
+
+def clean_template(signalnum, frame):
+    template.clean(static_file_path)
+    sys.exit(0)
+
+
 def main():
    args = parse_args()
+    render_template(args)
+    for sig in [signal.SIGINT, signal.SIGHUP, signal.SIGTERM]:
+        signal.signal(sig, clean_template)
    logger.info(" port=" + str(args.port))
    app = create_app(args=args)
    app.run(debug=False, host=args.host, port=args.port, threaded=False)


 if __name__ == "__main__":
-
-    args = parse_args()
-    logger.info(" port=" + str(args.port))
-    app = create_app(args=args)
-    app.run(debug=False, host=args.host, port=args.port, threaded=False)
+    main()
--- a/visualdl/server/template.py
+++ b/visualdl/server/template.py
+# Copyright (c) 2017 VisualDL Authors. All Rights Reserve.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+# =======================================================================
+
+import os
+from shutil import (copytree, rmtree)
+
+
+def render(path, dest, **context):
+    clean(dest)
+    copytree(path, dest)
+    for root, dirs, files in os.walk(dest):
+        for file in files:
+            if file.endswith(".html") or file.endswith(".js") or file.endswith(".css"):
+                file_path = os.path.join(root, file)
+                content = ""
+                with open(file_path, "r") as f:
+                    content = f.read()
+                for key, value in context.items():
+                    content = content.replace("{{" + key + "}}", value)
+                with open(file_path, "w") as f:
+                    f.write(content)
+
+
+def clean(path):
+    if os.path.exists(path):
+        rmtree(path)