ydb-embedded-ui 6.10.1 → 6.10.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
@@ -12,8 +12,8 @@ You can preview working UI using YDB docker image. It will be UI with the latest
|
|
12
12
|
Run on a machine with Docker installed:
|
13
13
|
|
14
14
|
```
|
15
|
-
docker pull
|
16
|
-
docker run -dp 8765:8765
|
15
|
+
docker pull ghcr.io/ydb-platform/local-ydb:nightly
|
16
|
+
docker run -dp 8765:8765 ghcr.io/ydb-platform/local-ydb:nightly
|
17
17
|
```
|
18
18
|
|
19
19
|
Open http://localhost:8765 to view it in the browser.
|
@@ -25,7 +25,7 @@ Open http://localhost:8765 to view it in the browser.
|
|
25
25
|
docker run --rm -ti --name ydb-local -h localhost \
|
26
26
|
-p 8765:8765 \
|
27
27
|
-e MON_PORT=8765 \
|
28
|
-
|
28
|
+
ghcr.io/ydb-platform/local-ydb:nightly
|
29
29
|
```
|
30
30
|
2. Install dependencies with `npm ci`
|
31
31
|
3. Run the frontend app in the development mode, via invoking `npm run dev`
|
@@ -38,11 +38,8 @@ For API reference, open Swagger UI on http://localhost:8765/viewer/api/.
|
|
38
38
|
|
39
39
|
[Docs on YDB docker images](https://ydb.tech/en/docs/getting_started/self_hosted/ydb_docker)
|
40
40
|
|
41
|
-
|
42
|
-
|
43
|
-
To test new features, you can use ydb version that is currently in testing mode with `cr.yandex/yc/yandex-docker-local-ydb:edge` image
|
44
|
-
or use a build from `main` brunch with `ghcr.io/ydb-platform/local-ydb:nightly` image.
|
45
|
-
Also you can set specific version like `cr.yandex/yc/yandex-docker-local-ydb:23.1`
|
41
|
+
To test new features, you can use ydb version built from `main` brunch with `ghcr.io/ydb-platform/local-ydb:nightly` image.
|
42
|
+
Also you can set specific version like `ghcr.io/ydb-platform/local-ydb:24.1`
|
46
43
|
|
47
44
|
### Custom configuration in dev mode with .env file
|
48
45
|
|
@@ -105,7 +102,7 @@ npm run test:e2e
|
|
105
102
|
|
106
103
|
### CI
|
107
104
|
|
108
|
-
E2E tests are run in CI in `e2e_tests` job. Tests run on Playwright `webServer` (it is started with `npm run dev`), `webServer` uses docker container `
|
105
|
+
E2E tests are run in CI in `e2e_tests` job. Tests run on Playwright `webServer` (it is started with `npm run dev`), `webServer` uses docker container `ghcr.io/ydb-platform/local-ydb:nightly` as backend.
|
109
106
|
|
110
107
|
## Making a production bundle.
|
111
108
|
|
@@ -118,7 +115,7 @@ To test production bundle with latest YDB backend release, do the following:
|
|
118
115
|
|
119
116
|
1. Install dependencies with `npm ci`
|
120
117
|
2. Build a production bundle with a few tweaks for embedded version: `npm run build:embedded`.
|
121
|
-
3. Invoke `docker run -it --hostname localhost -dp 2135:2135 -p 8765:8765 -v ~/projects/ydb-embedded-ui/build:/ydb_data/node_1/content/monitoring
|
118
|
+
3. Invoke `docker run -it --hostname localhost -dp 2135:2135 -p 8765:8765 -v ~/projects/ydb-embedded-ui/build:/ydb_data/node_1/content/monitoring ghcr.io/ydb-platform/local-ydb:nightly`
|
122
119
|
4. Open [embedded YDB UI](http://localhost:8765/monitoring) to view it in the browser.
|
123
120
|
|
124
121
|
### Testing production bundle with specific cluster host
|
@@ -47,12 +47,8 @@
|
|
47
47
|
&__inspector {
|
48
48
|
overflow-y: auto;
|
49
49
|
|
50
|
-
width: 100%;
|
51
50
|
padding: 15px 20px;
|
52
51
|
@include json-tree-styles();
|
53
|
-
& .json-inspector__leaf.json-inspector__leaf_root.json-inspector__leaf_composite {
|
54
|
-
max-width: calc(100% - 50px);
|
55
|
-
}
|
56
52
|
|
57
53
|
&_fullscreen {
|
58
54
|
padding: 10px;
|
package/dist/styles/mixins.scss
CHANGED
@@ -196,6 +196,10 @@
|
|
196
196
|
}
|
197
197
|
|
198
198
|
@mixin json-tree-styles {
|
199
|
+
width: 100%;
|
200
|
+
|
201
|
+
word-wrap: break-word;
|
202
|
+
|
199
203
|
// stylelint-disable
|
200
204
|
font-family: var(--g-font-family-monospace) !important;
|
201
205
|
font-size: var(--g-text-code-1-font-size) !important;
|
@@ -276,4 +280,8 @@
|
|
276
280
|
color: var(--g-color-text-primary);
|
277
281
|
}
|
278
282
|
}
|
283
|
+
|
284
|
+
& .json-inspector__leaf.json-inspector__leaf_root.json-inspector__leaf_composite {
|
285
|
+
max-width: calc(100% - 50px);
|
286
|
+
}
|
279
287
|
}
|