const ING_DB_VERSION = 1; // @See https://github.com/mdn/learning-area/blob/master/javascript/apis/client-side-storage/indexeddb/video-store/index.js let db; let reload = false; let ings; let recipes; /* * Load item set from local DB. Calls init() on success. */ async function ing_load_local(init_func) { let get_tx = db.transaction(['ing_db', 'recipe_db'], 'readonly'); let ings_store = get_tx.objectStore('ing_db'); let recipes_store = get_tx.objectStore('recipe_db'); let request3 = ings_store.getAll(); request3.onerror = function(event) { console.log("Could not read local ingredient db..."); } request3.onsuccess = function(event) { console.log("Successfully read local ingredient db."); ings = request3.result; } let request4 = recipes_store.getAll(); request4.onerror = function(event) { console.log("Could not read local recipe db..."); } request4.onsuccess = function(event) { console.log("Successfully read local recipe db."); recipes = request4.result; init_func(); } await get_tx.complete; db.close(); } /* * Load item set from remote DB (aka a big json file). Calls init() on success. */ async function load_ings(init_func) { let getUrl = window.location; let baseUrl = getUrl.protocol + "//" + getUrl.host + "/" + getUrl.pathname.split('/')[1]; let url = baseUrl + "/ingreds_compress.json"; url = url.replace("/crafter.html", ""); //JANK let result = await (await fetch(url)).json(); result = await (await fetch(url)).json(); ings = result.ingredients; url = url.replace("/ingreds_compress.json", "/recipes_compress.json"); result = await (await fetch(url)).json(); recipes = result.recipes; // https://developer.mozilla.org/en-US/docs/Web/API/IDBObjectStore/clear /*let clear_tx2 = db.transaction(['ing_db'], 'readwrite'); let clear_ings = clear_tx2.objectStore('ing_db'); let clear_tx3 = db.transaction(['recipe_db'], 'readwrite'); let clear_recipes = clear_tx3.objectStore('recipe_db'); await clear_ings.clear(); await clear_recipes.clear(); await clear_tx2.complete; await clear_tx3.complete;*/ let add_promises = []; let add_tx2 = db.transaction(['ing_db'], 'readwrite'); let ings_store = add_tx2.objectStore('ing_db'); for (const ing in ings) { add_promises.push(ings_store.add(ings[ing], ing)); } let add_tx3 = db.transaction(['recipe_db'], 'readwrite'); let recipes_store = add_tx3.objectStore('recipe_db'); for (const recipe in recipes) { add_promises.push(recipes_store.add(recipes[recipe], recipe)); } add_promises.push(add_tx2.complete); add_promises.push(add_tx3.complete); Promise.all(add_promises).then((values) => { db.close(); init_func(); }); } function load_ing_init(init_func) { let request = window.indexedDB.open("ing_db", ING_DB_VERSION) request.onerror = function() { console.log("DB failed to open..."); } request.onsuccess = function() { db = request.result; if (!reload) { console.log("Using stored data...") ing_load_local(init_func); } else { console.log("Using new data...") load_ings(init_func); } } request.onupgradeneeded = function(e) { reload = true; let db = e.target.result; try { db.deleteObjectStore('ing_db'); } catch (error) { console.log("Could not delete ingredient DB. This is probably fine"); } try { db.deleteObjectStore('recipe_db'); } catch (error) { console.log("Could not delete recipe DB. This is probably fine"); } db.createObjectStore('ing_db'); db.createObjectStore('recipe_db'); console.log("DB setup complete..."); } }