fix(modal): fallback for non https context randomUUID

vnphanquang · Sep 29, 2022 · 0d37ceb · 0d37ceb
1 parent ae12a08
commit 0d37ceb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/gold-pens-begin.md b/.changeset/gold-pens-begin.md
@@ -0,0 +1,5 @@
+---
+"@svelte-put/modal": patch
+---
+
+fallback in case `crypto.randomUUID` is not available (ex. non HTTPS context)
diff --git a/packages/misc/modal/src/lib/modal.ts b/packages/misc/modal/src/lib/modal.ts
@@ -56,7 +56,7 @@ export function createModalStore() {
       };
     });
 
-    let id: string = crypto.randomUUID();
+    let id: string = (crypto && crypto.randomUUID && crypto.randomUUID()) ?? `modal-indexed-${modals.length}`;
     let props: ComponentProps<Component>;
     let component: ComponentType<Component>;
     if (typeof input === 'function') {