Merge pull request joerick#328 from joerick/fix-insecure-contexts

Fix missing crypto API in some browser contexts
Carreau · Aug 5, 2024 · fd78849 · fd78849
2 parents cabe2d2 + a7f5a0a
commit fd78849
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 4 deletions.
diff --git a/html_renderer/package-lock.json b/html_renderer/package-lock.json
diff --git a/html_renderer/package.json b/html_renderer/package.json
@@ -20,5 +20,8 @@
     "tslib": "^2.6.3",
     "typescript": "^5.5.4",
     "vite": "^5.3.5"
+  },
+  "dependencies": {
+    "uuid": "^10.0.0"
   }
 }
diff --git a/html_renderer/src/App.svelte b/html_renderer/src/App.svelte
@@ -8,7 +8,7 @@
 
   // add favicon
   const favicon = document.createElement('link')
-  favicon.rel = 'shortut icon'
+  favicon.rel = 'shortcut icon'
   favicon.href = faviconImage
   document.head.appendChild(favicon)
 

diff --git a/html_renderer/src/lib/model/Frame.ts b/html_renderer/src/lib/model/Frame.ts
@@ -1,5 +1,6 @@
 import Group from './Group';
 import type {FrameData} from '../dataTypes';
+import { v4 as uuidv4 } from 'uuid';
 
 export default class Frame {
   uuid: string
@@ -20,7 +21,7 @@ export default class Frame {
   group: Group | null;
 
   constructor(jsonObject: FrameData, parent: Frame|null = null, context: FrameContext = {groups:{}}) {
-    this.uuid = crypto.randomUUID()
+    this.uuid = uuidv4()
     this.parent = parent
     this.function = jsonObject.function;
     this.filePath = jsonObject.file_path;

diff --git a/html_renderer/src/types.d.ts b/html_renderer/src/types.d.ts
@@ -0,0 +1,3 @@
+declare module 'uuid' {
+    export function v4(): string;
+}