feat: initial import

Author: tsufiev

.eslintrc

@@ -0,0 +1,4 @@
+{
+    "extends": ["@yandex-cloud/eslint-config", "prettier"],
+    "root": true
+}

.gitignore

@@ -0,0 +1,25 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+/dist
+
+# misc
+.idea
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.npmrc

@@ -0,0 +1 @@
+registry=https://registry.npmjs.org

.prettierrc.js

@@ -0,0 +1 @@
+module.exports = require('@yandex-cloud/prettier-config');

README.md

@@ -0,0 +1,28 @@
+# ydb-embedded-ui
+
+Local viewer for YDB clusters
+
+## How to work with this repo
+
+### Development
+
+1) Run on a machine with Docker installed:
+   ```
+   docker pull registry.yandex.net/yandex-docker-local-ydb:testing`
+   docker run --hostname localhost -e YDB_ALLOW_ORIGIN="http://localhost:3000" -dp 2135:2135 -dp 8765:8765 registry.yandex.net/yandex-docker-local-ydb:testing
+   ```
+2) Run the frontend app in the development mode, via invoking `npm run dev`
+3) Open [http://localhost:3000](http://localhost:3000) to view it in the browser. The page will reload if you make edits.\
+   You will also see any lint errors in the console.
+
+### Making a production bundle.
+
+Base command `npm run build` builds the app for production to the `build` folder.\
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.
+
+To test production bundle with latest YDB backend release, do the following:
+1) Build a production bundle with a few tweaks for embedded version: `npm run build:embedded`.
+2) Invoke `docker run -it --hostname localhost -e YDB_LOCAL_SURVIVE_RESTART=true -dp 2135:2135 -p 8765:8765 -v ~/projects/ydb-embedded-ui-opensource/build:/ydb_data/node_1/contentmonitoring cr.yandex/yc/yandex-docker-local-ydb:latest`
+3) Open [embedded YDB UI](http://localhost:8765/monitoring) to view it in the browser.

config-overrides.js

@@ -0,0 +1,22 @@
+const _ = require('lodash');
+const path = require('path');
+
+const srcRoot = path.resolve(__dirname, 'src');
+const commonRoot = path.resolve(__dirname, 'node_modules/@yandex-data-ui/common');
+
+module.exports = function override(config, env) {
+    //do stuff with the webpack config...
+
+    const oneOfRule = config.module.rules.find((r) => r.oneOf);
+    oneOfRule.oneOf.splice(0, 0, {
+        test: /\.svg$/,
+        include: [path.resolve(srcRoot, 'assets/icons'), path.resolve(commonRoot, 'assets/icons')],
+        loader: '@svgr/webpack',
+        options: {dimensions: false},
+    });
+    if (env === 'production') {
+        config.output.publicPath = 'resources/';
+        config.output.path = path.resolve(__dirname, 'build/');
+    }
+    return config;
+};