125 lines
3.8 KiB
JavaScript
125 lines
3.8 KiB
JavaScript
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;
|
|
}
|
|
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_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", DB_VERSION)
|
|
request.onerror = function() {
|
|
console.log("DB failed to open...");
|
|
}
|
|
|
|
request.onsuccess = function() {
|
|
db = request.result;
|
|
if (!reload) {
|
|
console.log("Using stored data...")
|
|
load_local(init_func);
|
|
}
|
|
else {
|
|
console.log("Using new data...")
|
|
load(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...");
|
|
}
|
|
}
|