chore(Queries): crypto helper [YTFRONT-4612]

ytsaurus · Feb 5, 2025 · d493ff6 · d493ff6
1 parent 63dfad4
commit d493ff6
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/packages/ui/src/ui/pages/query-tracker/module/neuralNetwork/actions.ts b/packages/ui/src/ui/pages/query-tracker/module/neuralNetwork/actions.ts
@@ -3,11 +3,12 @@ import {RootState} from '../../../../store/reducers';
 import {wrapApiPromiseByToaster} from '../../../../utils/utils';
 import {YTApiId, ytApiV4Id} from '../../../../rum/rum-wrap-api';
 import {setContextId} from './neuralNetworkSlice';
+import {makeRandomUUID} from '../../utils/crypto';
 
 export const createContextId =
     (queryId: string): ThunkAction<void, RootState, unknown, any> =>
     async (dispatch) => {
-        const newContextId = crypto.randomUUID();
+        const newContextId = makeRandomUUID();
 
         await wrapApiPromiseByToaster(
             ytApiV4Id.alterQuery(YTApiId.alterQuery, {

diff --git a/packages/ui/src/ui/pages/query-tracker/module/query/actions.ts b/packages/ui/src/ui/pages/query-tracker/module/query/actions.ts
@@ -53,6 +53,7 @@ import {
 } from '../query-tracker-contants';
 import {loadVisualization} from '../queryChart/actions';
 import {selectNeuralNetworkContextId} from '../neuralNetwork/selectors';
+import {makeRandomUUID} from '../../utils/crypto';
 
 export const setCurrentClusterToQuery =
     (): ThunkAction<void, RootState, unknown, any> => (dispatch, getState) => {
@@ -225,7 +226,7 @@ export function createEmptyQuery(
         const state = getState();
         const defaultQueryACO = getDefaultQueryACO(state);
 
-        dispatch(setContextId(crypto.randomUUID()));
+        dispatch(setContextId(makeRandomUUID()));
         dispatch({
             type: SET_QUERY,
             data: {

diff --git a/packages/ui/src/ui/pages/query-tracker/utils/crypto.ts b/packages/ui/src/ui/pages/query-tracker/utils/crypto.ts
@@ -0,0 +1,12 @@
+export const makeRandomUUID = () => {
+    try {
+        return crypto.randomUUID();
+    } catch (e) {
+        // http and old browsers
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (item) => {
+            const random = Math.floor(Math.random() * 16);
+            const newValue = item === 'x' ? random : (random % 4) + 8;
+            return newValue.toString(16);
+        });
+    }
+};