Merge pull request #620 from nearbeach/develop

Hotfix - issue with crypto.randomUUID not working on http

src/js/components/diagnostic/DiagnosticUploadTest.vue

@@ -47,6 +47,9 @@
 //VueX
 import { mapGetters } from "vuex";
 
+//Mixins
+import { getRandomID } from "../../mixins/randomMixin";
+
 export default {
 	name: "DiagnosticUpload",
 	data() {
@@ -68,7 +71,8 @@ export default {
 			this.uploadState = "sending";
 
 			//Create a simple uuid
-			const uuid = crypto.randomUUID();
+			console.log("GET RANDOM ID: ", getRandomID());
+			const uuid = getRandomID();
 
 			//Create the file we are uploading
 			const document = new Blob([uuid], { type: "text/plain"});

src/js/mixins/randomMixin.js

@@ -0,0 +1,18 @@
+export function getRandomID() {
+    //If crypto.randomUUID works on browser - use that by default
+    if (crypto.randomUUID !== undefined) return crypto.randomUUID();
+
+    //Cryptop Random UUID did not work - default is to manually create uuid
+    let results = "";
+    const characters = "abcdefghijklmnopqrstuvwxyz0123456789";
+
+    //Loop through to create random 6 string
+    for (let i = 0; i < 6; i++) {
+        results += characters.charAt(
+            Math.floor(Math.random() * characters.length)
+        );
+    }
+
+    //Return our random string
+    return results;
+}

src/js/vuex/toastsVueX.js

@@ -1,3 +1,5 @@
+import { getRandomID } from "../mixins/randomMixin"
+
 export const moduleToasts = {
     state: () => ({
         toastList: [],
@@ -20,7 +22,7 @@ export const moduleToasts = {
                 message: "",
                 timestamp: timestamp.getTime(),
                 unique_type: "",
-                unique_uuid: crypto.randomUUID(),
+                unique_uuid: getRandomID(),
             };
 
             //Loop through each keys for the payload, and update the relevant field