ydb-embedded-ui 4.32.0 → 5.0.0

package/dist/utils/developerUI/developerUI.ts

@@ -1,42 +0,0 @@
-import {backend} from '../../store';
-import {pad9} from '../utils';
-
-// Current node connects with target node by itself using nodeId
-export const createDeveloperUILinkWithNodeId = (nodeId: number | string, host = backend) => {
-    const nodePathRegexp = /\/node\/\d+\/?$/g;
-
-    // In case current backend is already relative node path ({host}/node/{nodeId})
-    // We replace existing nodeId path with new nodeId path
-    if (nodePathRegexp.test(String(host))) {
-        return String(host).replace(nodePathRegexp, `/node/${nodeId}/`);
-    }
-
-    return `${host ?? ''}/node/${nodeId}/`;
-};
-
-interface PDiskDeveloperUILinkParams {
-    nodeId: number | string;
-    pDiskId: number | string;
-    host?: string;
-}
-
-export const createPDiskDeveloperUILink = ({nodeId, pDiskId, host}: PDiskDeveloperUILinkParams) => {
-    const pdiskPath = 'actors/pdisks/pdisk' + pad9(pDiskId);
-
-    return createDeveloperUILinkWithNodeId(nodeId, host) + pdiskPath;
-};
-
-interface VDiskDeveloperUILinkParams extends PDiskDeveloperUILinkParams {
-    vDiskSlotId: number | string;
-}
-
-export const createVDiskDeveloperUILink = ({
-    nodeId,
-    pDiskId,
-    vDiskSlotId,
-    host,
-}: VDiskDeveloperUILinkParams) => {
-    const vdiskPath = 'actors/vdisks/vdisk' + pad9(pDiskId) + '_' + pad9(vDiskSlotId);
-
-    return createDeveloperUILinkWithNodeId(nodeId, host) + vdiskPath;
-};

package/dist/utils/diagnostics.ts

@@ -1,24 +0,0 @@
-import {ValueOf} from '../types/common';
-
-const TOP_SHARDS_SORT_VALUES = {
-    CPUCores: 'CPUCores',
-    DataSize: 'DataSize',
-    InFlightTxCount: 'InFlightTxCount',
-} as const;
-
-const TOP_QUERIES_SORT_VALUES = {
-    CPUTimeUs: 'CPUTimeUs',
-    EndTime: 'EndTime',
-    ReadRows: 'ReadRows',
-    ReadBytes: 'ReadBytes',
-    UserSID: 'UserSID',
-} as const;
-
-type TopShardsSortValue = ValueOf<typeof TOP_SHARDS_SORT_VALUES>;
-type TopQueriesSortValue = ValueOf<typeof TOP_QUERIES_SORT_VALUES>;
-
-export const isSortableTopShardsProperty = (value: string): value is TopShardsSortValue =>
-    Object.values(TOP_SHARDS_SORT_VALUES).includes(value as TopShardsSortValue);
-
-export const isSortableTopQueriesProperty = (value: string): value is TopQueriesSortValue =>
-    Object.values(TOP_QUERIES_SORT_VALUES).includes(value as TopQueriesSortValue);

package/dist/utils/error.ts

@@ -1,24 +0,0 @@
-import type {AxiosError} from 'axios';
-
-import type {IResponseError, NetworkError} from '../types/api/error';
-import type {QueryError, QueryErrorResponse} from '../types/store/query';
-
-type RequestError = NetworkError | IResponseError | AxiosError | unknown;
-
-const isNetworkError = (error: RequestError): error is NetworkError => {
-    return Boolean(
-        error &&
-            typeof error === 'object' &&
-            'message' in error &&
-            (error as {message: unknown}).message === 'Network Error',
-    );
-};
-
-export const parseQueryError = (error: QueryError): QueryErrorResponse | string | undefined => {
-    if (isNetworkError(error)) {
-        return error.message;
-    }
-
-    // 401 Unauthorized error is handled by GenericAPI
-    return error ?? 'Unauthorized';
-};

package/dist/utils/filters.ts

@@ -1,23 +0,0 @@
-import {escapeRegExp} from 'lodash';
-
-import type {OrderType} from '@gravity-ui/react-data-table';
-import {DESCENDING} from '@gravity-ui/react-data-table/build/esm/lib/constants';
-
-export const prepareSortValue = (
-    sortValue: string | undefined,
-    sortOrder: OrderType = DESCENDING,
-) => {
-    if (!sortValue) {
-        return '';
-    }
-
-    if (sortOrder === DESCENDING) {
-        return '-' + sortValue;
-    }
-
-    return sortValue;
-};
-
-export const prepareSearchValue = (searchValue = '') => {
-    return new RegExp(escapeRegExp(searchValue), 'i');
-};

package/dist/utils/generateEvaluator.ts

@@ -1,21 +0,0 @@
-export const generateEvaluator =
-    <OkLevel extends string, WarnLevel extends string, CritLevel extends string>(
-        warn: number,
-        crit: number,
-        levels: [OkLevel, WarnLevel, CritLevel],
-    ) =>
-    (value: number) => {
-        if (0 <= value && value < warn) {
-            return levels[0];
-        }
-
-        if (warn <= value && value < crit) {
-            return levels[1];
-        }
-
-        if (crit <= value) {
-            return levels[2];
-        }
-
-        return undefined;
-    };

package/dist/utils/generateHash.ts

@@ -1,11 +0,0 @@
-import crc32 from 'crc-32';
-
-export const generateHash = (value: string) => {
-    // 1. crc32.str(value) - generate crc32 hash
-    // 2. (>>>) - use unsigned right shift operator (>>>) to avoid negative values
-    // 3. toString(16) - convert hash to hex format
-    // 4. toUpperCase() - convert hash to uppercase
-    // 5. padStart(8, '0') - fill hash with leading zeros if hash length < 8
-    // eslint-disable-next-line no-bitwise
-    return (crc32.str(value) >>> 0).toString(16).toUpperCase().padStart(8, '0');
-};

package/dist/utils/hooks/index.ts

@@ -1,9 +0,0 @@
-export * from './useAutofetcher';
-export * from './useTypedSelector';
-export * from './useSetting';
-export * from './useQueryModes';
-export * from './useTableSort';
-export * from './useSearchQuery';
-
-export * from './useNodesRequestParams';
-export * from './useStorageRequestParams';

package/dist/utils/hooks/useAutofetcher.ts

@@ -1,35 +0,0 @@
-import {DependencyList, useEffect, useRef} from 'react';
-
-import {AutoFetcher} from '../autofetcher';
-
-export const useAutofetcher = (
-    fetchData: (isBackground: boolean) => void,
-    deps: DependencyList,
-    enabled = true,
-) => {
-    const ref = useRef<AutoFetcher | null>(null);
-
-    if (ref.current === null) {
-        ref.current = new AutoFetcher();
-    }
-
-    const autofetcher = ref.current;
-
-    // initial fetch
-    useEffect(() => {
-        fetchData(false);
-    }, deps); // eslint-disable-line react-hooks/exhaustive-deps
-
-    useEffect(() => {
-        autofetcher.stop();
-
-        if (enabled) {
-            autofetcher.start();
-            autofetcher.fetch(() => fetchData(true));
-        }
-
-        return () => {
-            autofetcher.stop();
-        };
-    }, [enabled, ...deps]); // eslint-disable-line react-hooks/exhaustive-deps
-};

package/dist/utils/hooks/useNodesRequestParams.ts

@@ -1,42 +0,0 @@
-import {useMemo} from 'react';
-
-import type {NodesGeneralRequestParams} from '../../store/reducers/nodes/types';
-import type {ProblemFilterValue} from '../../store/reducers/settings/types';
-
-import {USE_BACKEND_PARAMS_FOR_TABLES_KEY} from '../constants';
-import {NodesUptimeFilterValues, getProblemParamValue, getUptimeParamValue} from '../nodes';
-import {useSetting} from './useSetting';
-
-interface NodesRawRequestParams
-    extends Omit<NodesGeneralRequestParams, 'problems_only' | 'uptime'> {
-    problemFilter?: ProblemFilterValue;
-    nodesUptimeFilter?: NodesUptimeFilterValues;
-}
-
-export const useNodesRequestParams = ({
-    filter,
-    problemFilter,
-    nodesUptimeFilter,
-    sortOrder,
-    sortValue,
-}: NodesRawRequestParams) => {
-    const [useBackendParamsForTables] = useSetting<boolean>(USE_BACKEND_PARAMS_FOR_TABLES_KEY);
-
-    // If backend params are enabled, update params value to use them in fetch request
-    // Otherwise no params will be updated, no hooks that depend on requestParams will be triggered
-    return useMemo(() => {
-        if (useBackendParamsForTables) {
-            const problemsOnly = getProblemParamValue(problemFilter);
-            const uptime = getUptimeParamValue(nodesUptimeFilter);
-
-            return {
-                filter,
-                problems_only: problemsOnly,
-                uptime,
-                sortOrder,
-                sortValue,
-            };
-        }
-        return undefined;
-    }, [useBackendParamsForTables, filter, problemFilter, nodesUptimeFilter, sortOrder, sortValue]);
-};

package/dist/utils/hooks/useQueryModes.ts

@@ -1,7 +0,0 @@
-import type {QueryMode} from '../../types/store/query';
-import {QUERY_INITIAL_MODE_KEY} from '../constants';
-import {useSetting} from './useSetting';
-
-export const useQueryModes = () => {
-    return useSetting<QueryMode>(QUERY_INITIAL_MODE_KEY);
-};

package/dist/utils/hooks/useSearchQuery.ts

@@ -1,9 +0,0 @@
-import {useLocation} from 'react-router';
-
-import {parseQuery} from '../../routes';
-
-export const useSearchQuery = () => {
-    const location = useLocation();
-
-    return parseQuery(location);
-};

package/dist/utils/hooks/useSetting.ts

@@ -1,24 +0,0 @@
-import {useCallback} from 'react';
-import {useDispatch} from 'react-redux';
-
-import {getSettingValue, setSettingValue} from '../../store/reducers/settings/settings';
-
-import {useTypedSelector} from './useTypedSelector';
-
-export const useSetting = <T>(key: string, defaultValue?: T): [T, (value: T) => void] => {
-    const dispatch = useDispatch();
-
-    const settingValue = useTypedSelector((state) => {
-        // Since we type setter value as T, we assume that received value is also T
-        return (getSettingValue(state, key) ?? defaultValue) as T;
-    });
-
-    const setValue = useCallback(
-        (value: T) => {
-            dispatch(setSettingValue(key, value));
-        },
-        [dispatch, key],
-    );
-
-    return [settingValue, setValue];
-};

package/dist/utils/hooks/useStorageRequestParams.ts

@@ -1,28 +0,0 @@
-import {useMemo} from 'react';
-
-import type {StorageSortAndFilterParams} from '../../store/reducers/storage/types';
-import {EVersion} from '../../types/api/storage';
-import {USE_BACKEND_PARAMS_FOR_TABLES_KEY} from '../constants';
-import {useSetting} from './useSetting';
-
-export const useStorageRequestParams = ({
-    filter,
-    sortOrder,
-    sortValue,
-}: StorageSortAndFilterParams) => {
-    const [useBackendParamsForTables] = useSetting<boolean>(USE_BACKEND_PARAMS_FOR_TABLES_KEY);
-
-    // If backend params are enabled, update params value to use them in fetch request
-    // Otherwise no params will be updated, no hooks that depend on requestParams will be triggered
-    return useMemo(() => {
-        if (useBackendParamsForTables) {
-            return {
-                version: EVersion.v2,
-                filter,
-                sortOrder,
-                sortValue,
-            };
-        }
-        return undefined;
-    }, [useBackendParamsForTables, filter, sortOrder, sortValue]);
-};

package/dist/utils/hooks/useTableSort.ts

@@ -1,37 +0,0 @@
-import {useMemo} from 'react';
-
-import {OrderType, SortOrder} from '@gravity-ui/react-data-table';
-import {DESCENDING} from '@gravity-ui/react-data-table/build/esm/lib/constants';
-
-interface SortParams {
-    sortValue: string | undefined;
-    sortOrder: OrderType | undefined;
-}
-
-export type HandleSort = (rawValue: SortOrder | SortOrder[] | undefined) => void;
-
-export const useTableSort = (
-    {sortValue, sortOrder = DESCENDING}: SortParams,
-    onSort: (params: SortParams) => void,
-): [SortOrder | undefined, HandleSort] => {
-    const sort: SortOrder | undefined = useMemo(() => {
-        if (!sortValue) {
-            return undefined;
-        }
-
-        return {
-            columnId: sortValue,
-            order: sortOrder,
-        };
-    }, [sortValue, sortOrder]);
-
-    const handleSort: HandleSort = (rawValue) => {
-        const value = Array.isArray(rawValue) ? rawValue[0] : rawValue;
-        onSort({
-            sortValue: value?.columnId,
-            sortOrder: value?.order,
-        });
-    };
-
-    return [sort, handleSort];
-};

package/dist/utils/hooks/useTypedSelector.ts

@@ -1,5 +0,0 @@
-import {TypedUseSelectorHook, useSelector} from 'react-redux';
-
-import {RootState} from '../../store';
-
-export const useTypedSelector: TypedUseSelectorHook<RootState> = useSelector;

package/dist/utils/i18n/i18n.ts

@@ -1,22 +0,0 @@
-import {I18N} from '@gravity-ui/i18n';
-import {configure as configureUiKit} from '@gravity-ui/uikit';
-import {configure as configureYdbUiComponents} from 'ydb-ui-components';
-
-import {LANGUAGE_KEY} from '../constants';
-import {settingsManager} from '../../services/settings';
-
-enum Lang {
-    En = 'en',
-    Ru = 'ru',
-}
-
-const defaultLang = Lang.En;
-const currentLang = settingsManager.readUserSettingsValue(LANGUAGE_KEY, defaultLang) as Lang;
-
-const i18n = new I18N();
-
-i18n.setLang(currentLang);
-configureYdbUiComponents({lang: currentLang});
-configureUiKit({lang: currentLang});
-
-export {i18n, Lang, currentLang, defaultLang};

package/dist/utils/index.ts

@@ -1,3 +0,0 @@
-export const getArray = (arrayLength: number) => {
-    return [...Array(arrayLength).keys()];
-};

package/dist/utils/monaco.ts

@@ -1,69 +0,0 @@
-import * as monaco from 'monaco-editor';
-
-export const LANGUAGE_S_EXPRESSION_ID = 's-expression';
-
-function registerSExpressionLanguage() {
-    monaco.languages.register({id: LANGUAGE_S_EXPRESSION_ID});
-    monaco.languages.setMonarchTokensProvider(LANGUAGE_S_EXPRESSION_ID, {
-        defaultToken: 'text',
-        ignoreCase: true,
-        tokenPostfix: '.yql',
-
-        brackets: [
-            {open: '[', close: ']', token: 'delimiter.square'},
-            {open: '(', close: ')', token: 'delimiter.parenthesis'},
-            {open: '{', close: '}', token: 'delimiter.curly'},
-        ],
-
-        keywordControl: 'bind|block|declare|export|import|lambda|let|quote|return'.split('|'),
-
-        escapes: /\\(?:[abfnrtv\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,
-
-        tokenizer: {
-            root: [
-                {include: '@whitespace'},
-                {include: '@comment'},
-                [/(#)((?:\w|[\\+-=<>'"&#])+)/, ['delimiter', 'constant']],
-                [
-                    /(?:\b(?:(defun|defmethod|defmacro))\b)(\s+)((?:\w|-|\?)*)/,
-                    ['type.function', 'text', 'entity.name'],
-                ],
-                [/(\*)(\S*)(\*)/, ['delimiter', 'variable', 'delimiter']],
-                {include: '@strings'},
-                [/'[^#\s)(]+/, 'variable.parameter'],
-                [/[(){}[\]]/, '@brackets'],
-                // identifiers and keywords
-                [
-                    /(?:(?:<=?|>=?|==|!=|[-+*/%])|[a-zA-Z][a-zA-Z0-9!]*)/,
-                    {
-                        cases: {
-                            '@keywordControl': {token: 'keyword.operator'},
-                            '@default': 'identifier',
-                        },
-                    },
-                ],
-            ],
-            whitespace: [[/\s+/, 'white']],
-            comment: [[/#.*/, 'comment']],
-            strings: [
-                [/'?"(?=.)/, {token: 'string', next: '@qqstring'}],
-                [/'?[@]{2}/, {token: 'string', next: '@multiline'}],
-                [/'?x"(?:[0-9A-Fa-f]{2})*"/, 'string'],
-            ],
-            qqstring: [
-                [/\\(?:[0-3][0-7][0-7]|x[0-9A-Fa-f]{2}|["tnrbfav\\])/, 'string.escape'],
-                [/[^"\\]+/, 'string'],
-                [/"|$/, {token: 'string', next: '@pop'}],
-            ],
-            multiline: [
-                [/[^@]+/, 'string'],
-                [/[@]{2}/, {token: 'string', next: '@pop'}],
-                [/./, {token: 'string'}],
-            ],
-        },
-    });
-}
-
-export function registerLanguages() {
-    registerSExpressionLanguage();
-}

package/dist/utils/nodes.ts

@@ -1,64 +0,0 @@
-import type {TSystemStateInfo} from '../types/api/nodes';
-import type {TNodeInfo} from '../types/api/nodesList';
-import type {NodesPreparedEntity} from '../store/reducers/nodes/types';
-import type {NodesMap} from '../types/store/nodesList';
-import type {ValueOf} from '../types/common';
-import type {ProblemFilterValue} from '../store/reducers/settings/types';
-import {ProblemFilterValues} from '../store/reducers/settings/settings';
-import {EFlag} from '../types/api/enums';
-
-import {HOUR_IN_SECONDS} from './constants';
-
-export enum NodesUptimeFilterValues {
-    'All' = 'All',
-    'SmallUptime' = 'SmallUptime',
-}
-
-export const NodesUptimeFilterTitles = {
-    [NodesUptimeFilterValues.All]: 'All',
-    [NodesUptimeFilterValues.SmallUptime]: 'Uptime < 1h',
-};
-
-export const isUnavailableNode = (node: NodesPreparedEntity | TSystemStateInfo) =>
-    !node.SystemState || node.SystemState === EFlag.Grey;
-
-export const prepareNodesMap = (nodesList?: TNodeInfo[]) => {
-    return nodesList?.reduce<NodesMap>((nodesMap, node) => {
-        if (node.Id && node.Host) {
-            nodesMap.set(Number(node.Id), node.Host);
-        }
-        return nodesMap;
-    }, new Map());
-};
-
-export const getProblemParamValue = (problemFilter: ProblemFilterValue | undefined) => {
-    return problemFilter === ProblemFilterValues.PROBLEMS;
-};
-
-export const getUptimeParamValue = (nodesUptimeFilter: NodesUptimeFilterValues | undefined) => {
-    return nodesUptimeFilter === NodesUptimeFilterValues.SmallUptime ? HOUR_IN_SECONDS : undefined;
-};
-
-/**
- * Values to sort /compute v2 and /nodes responses
- *
- * For actual values go to:\
- * /nodes: https://github.com/ydb-platform/ydb/blob/main/ydb/core/viewer/json_nodes.h\
- * /compute: https://github.com/ydb-platform/ydb/blob/main/ydb/core/viewer/json_compute.h
- */
-export const NODES_SORT_VALUES = {
-    NodeId: 'NodeId',
-    Host: 'Host',
-    DC: 'DC',
-    Rack: 'Rack',
-    Version: 'Version',
-    Uptime: 'Uptime',
-    Memory: 'Memory',
-    CPU: 'CPU',
-    LoadAverage: 'LoadAverage',
-} as const;
-
-export type NodesSortValue = ValueOf<typeof NODES_SORT_VALUES>;
-
-export const isSortableNodesProperty = (value: string): value is NodesSortValue =>
-    Object.values(NODES_SORT_VALUES).includes(value as NodesSortValue);

package/dist/utils/numeral.ts

@@ -1,8 +0,0 @@
-import numeral from 'numeral';
-import 'numeral/locales'; // Without this numeral will throw an error when using not 'en' locale
-
-import {i18n} from './i18n';
-
-numeral.locale(i18n.lang);
-
-export const configuredNumeral = numeral;

package/dist/utils/pdisk.ts

@@ -1,74 +0,0 @@
-import type {TPDiskStateInfo} from '../types/api/pdisk';
-
-// TODO: move to utils or index after converting them to TS
-/**
- * Parses a binary string containing a bit field into an object with binary values.
- * This is an implementation based on string manipulation, since JS can only perform
- * bitwise operations with 32-bits integers, and YDB sends uint64.
- * @see https://en.cppreference.com/w/c/language/bit_field
- * @param binaryString - binary string representing a bit field
- * @param bitFieldStruct - bit field description, <field => size in bits>, in order starting from the rightmost bit
- * @returns object with binary values
- */
-export const parseBitField = <T extends Record<string, number>>(
-    binaryString: string,
-    bitFieldStruct: T,
-): Record<keyof T, string> => {
-    const fields: Partial<Record<keyof T, string>> = {};
-
-    Object.entries(bitFieldStruct).reduce((prefixSize, [field, size]: [keyof T, number]) => {
-        const end = binaryString.length - prefixSize;
-        const start = end - size;
-        fields[field] = binaryString.substring(start, end) || '0';
-
-        return prefixSize + size;
-    }, 0);
-
-    return fields as Record<keyof T, string>;
-};
-
-export enum IPDiskType {
-    HDD = 'HDD', // ROT (Rotation?) = HDD
-    SSD = 'SSD',
-    MVME = 'NVME',
-}
-
-// Bear with me.
-// Disk type is determined by the field Category.
-// Category is a bit field defined as follows:
-// struct {
-//     ui64 IsSolidState : 1;
-//     ui64 Kind : 55;
-//     ui64 TypeExt : 8;
-// }
-// For compatibility TypeExt is not used for old types (ROT, SSD), so the following scheme is used:
-// ROT  -> IsSolidState# 0, TypeExt# 0
-// SSD  -> IsSolidState# 1, TypeExt# 0
-// NVME -> IsSolidState# 1, TypeExt# 2
-// Reference on bit fields: https://en.cppreference.com/w/c/language/bit_field
-export const getPDiskType = (data: TPDiskStateInfo): IPDiskType | undefined => {
-    if (!data.Category) {
-        return undefined;
-    }
-
-    // Category is uint64, too big for Number or bitwise operators, thus BigInt and a custom parser
-    const categotyBin = BigInt(data.Category).toString(2);
-    const categoryBitField = parseBitField(categotyBin, {
-        isSolidState: 1,
-        kind: 55,
-        typeExt: 8,
-    });
-
-    if (categoryBitField.isSolidState === '1') {
-        switch (parseInt(categoryBitField.typeExt, 2)) {
-            case 0:
-                return IPDiskType.SSD;
-            case 2:
-                return IPDiskType.MVME;
-        }
-    } else if (categoryBitField.typeExt === '0') {
-        return IPDiskType.HDD;
-    }
-
-    return undefined;
-};