don't assume window.crypto on demo app

Author: aaronshaf

packages/idb-cache-app/package.json

@@ -37,6 +37,7 @@
 		"@types/react-dom": "^18.3.7",
 		"idb": "^8.0.2",
 		"playwright": "^1.52.0",
-		"typescript": "^5.8.3"
+		"typescript": "^5.8.3",
+		"uuid": "^11.1.0"
 	}
 }

packages/idb-cache-app/src/App.tsx

@@ -1,4 +1,5 @@
 import "./App.css";
+import { v4 as uuidv4 } from "uuid";
 // import { IDBCache } from "@instructure/idb-cache";
 import { IDBCache } from "../../idb-cache/dist";
 import { useCallback, useRef, useState, useEffect } from "react";
@@ -33,13 +34,13 @@ const DEFAULT_MAX_CHUNKS_STORED = 5000;
 // Do *not* store cacheKey to localStorage in production.
 let initialCacheKey: string = localStorage.cacheKey;
 if (!initialCacheKey) {
-  initialCacheKey = crypto.randomUUID();
+  initialCacheKey = uuidv4();
   localStorage.cacheKey = initialCacheKey;
 }
 
 let initialCacheBuster: string = localStorage.cacheBuster;
 if (!initialCacheBuster) {
-  initialCacheBuster = crypto.randomUUID();
+  initialCacheBuster = uuidv4();
   localStorage.cacheBuster = initialCacheBuster;
 }