Fix maps not loading in safari

src/helpers/shared.js

@@ -75,6 +75,9 @@ export function groupBy(array, key) {
 }
 
 export const isMacLike = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
+export const isSafari = /^((?!chrome|android).)*safari/i.test(
+  navigator.userAgent
+);
 
 export function shuffle(array) {
   let temp = [...array];

src/workers/DatabaseWorker.js

@@ -8,6 +8,7 @@ import { encode, decode } from "@msgpack/msgpack";
 
 import { getDatabase } from "../database";
 import blobToBuffer from "../helpers/blobToBuffer";
+import { isSafari } from "../helpers/shared";
 
 // Worker to load large amounts of database data on a separate thread
 let service = {
@@ -45,6 +46,10 @@ let service = {
    * @param {string} table
    */
   async putData(data, table) {
+    if (isSafari) {
+      // Safari is unable to put data into indexedb and have useLiveQuery update
+      return false;
+    }
     try {
       let db = getDatabase({});
       const decoded = decode(data);