fix: UUID generator that nashorn not supported

Author: scottsut

frontend/src/app/pages/DashBoardPage/components/WidgetManager/utils/init.ts

@@ -27,7 +27,7 @@ import type {
 import { Widget } from 'app/pages/DashBoardPage/types/widgetTypes';
 import type { ChartStyleConfig } from 'app/types/ChartConfig';
 import { getInitialLocale } from 'locales/utils';
-import { uuidv4 } from 'utils/utils';
+import { universalUUID } from 'utils/utils';
 
 export const initTitleTpl = () => {
   const titleTpl: ChartStyleConfig = {
@@ -472,7 +472,7 @@ export const initFreeWidgetRect = (): RectConfig => ({
 
 export const widgetTpl = (): Widget => {
   return {
-    id: uuidv4(),
+    id: universalUUID(),
     dashboardId: '',
     datachartId: '',
     relations: [],
@@ -502,7 +502,7 @@ export const widgetTpl = (): Widget => {
 };
 
 export const initClientId = () => {
-  return 'client_' + uuidv4();
+  return 'client_' + universalUUID();
 };
 export const initWidgetName = (i18nMap: object, local?: string) => {
   if (local && i18nMap[local]) {

frontend/src/utils/utils.ts

@@ -10,10 +10,18 @@ import {
   FONT_WEIGHT_REGULAR,
 } from 'styles/StyleConstants';
 import { APIResponse } from 'types';
+import { default as uuidv4 } from 'uuid/dist/umd/uuidv4.min';
 import { SaveFormModel } from '../app/pages/MainPage/pages/VizPage/SaveFormContext';
 import { removeToken } from './auth';
 
-export { default as uuidv4 } from 'uuid/dist/umd/uuidv4.min';
+export { uuidv4 };
+
+// For environments that do not support crypto.getRandomValues, such as nashorn.
+export function universalUUID() {
+  return typeof crypto === 'undefined'
+    ? `_${Math.random().toString(36).substring(2)}`
+    : uuidv4();
+}
 
 export function errorHandle(error) {
   if (error?.response) {