new.js

var db;
var if_compiling = 0;
function compile_dict(text_dict) {
	console.log("Dictionary downloaded. Compiling dictionary; please wait... Retry?");
	var entries = text_dict.split(/[\r\n]+/);
	var tx = db.transaction(["mon_verb"], "readwrite");
	var os = tx.objectStore("mon_verb");
	for (var i = 0; i < entries.length-1; i++) { // entries.length-1 to strip the blank entry after the last newline
		var items = entries[i].split("\t");
		os.add({ id: i, graph: xlit2graph(items[0]), graph_ax: confuse_ax(xlit2graph(items[0])), xlit: items[0], phone: items[1] });
	}
	tx.oncomplete = function(event) {
		console.log("Dictionary compiled. Reload?");
		refresh_LB_deconj_lemma();
	};
	tx.onerror = function(event) {
		console.log("Failed to compile the dictionary. Retry?");
	};
}
function send_req_dict() {
	var req_dict = new XMLHttpRequest();
	req_dict.onreadystatechange = function() {
		if (this.readyState == 4 && this.status == 200) {
			compile_dict(this.response); // req_dict.response is the text of the dict file
		}
	};
	req_dict.open("GET", "dict.txt", true);
	req_dict.send();
	console.log("Downloading dictionary; please wait... Retry?");
}
function open_db() {
	//prefixes of implementation that we want to test
	window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
	//prefixes of window.IDB objects
	window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.msIDBTransaction;
	window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || window.msIDBKeyRange;
	if (!window.indexedDB) {
		window.alert("Your browser doesn't support a stable version of IndexedDB.");
		return;
	}

	try {
		var req_open_db = window.indexedDB.open("db_dict", 1); // version number
		console.log('#0: openning of DB requested')
	} catch(err) {console.error(err)}
		
	req_open_db.onblocked = function(event) {
		// If some other tab is loaded with a version lower than requested of the database, then it needs to be closed before we can proceed.
		alert("Please close all other tabs with this site open! | 请关闭其他由该站点打开的本标签页！");
	};
	
	req_open_db.onupgradeneeded = function(event) { // if the requested version is higher than the local version
		console.log('#1: req_open_db.onupgradeneeded');
		db = event.target.result; // or this.result, or req_open_db.result; // get db
		os = db.createObjectStore("mon_verb", {keyPath: "id", autoIncrement: true});
		os.createIndex("by_graph", "graph", {unique: false});
		os.createIndex("by_graph_ax", "graph_ax", {unique: false});
		os.transaction.oncomplete = function(event) {
			if_compiling = 1;
			send_req_dict();
		};
		console.log('#1# req_open_db.onupgradeneeded');
	}
	
	req_open_db.onsuccess = function(event) {
		console.log("#2: req_open_db.onsuccess");
		db = event.target.result; // get db
		db.onerror = function(event) {
			// Generic error handler for all errors targeted at this database's requests!
			alert("Database error: " + event.target.errorCode);
		};
		db.onversionchange = event => { // new version requested, or deleted, in another tab
			db.close();
			alert("A new version of this page is ready. Please reload or close this tab! | 本页面有新版本。请重载或关闭本标签页！");
		};
		if (!if_compiling) {
			console.log("Dictionary loaded last time.");
			refresh_LB_deconj_lemma();
		}
		console.log("#2# req_open_db.onsuccess");
	};

	req_open_db.onerror = function(event) { // if the requested version is lower than the local version
		console.log("#9: ", req_open_db.error.name);
	};
}
open_db();
function confuse_ax(s, if_suffix=0) {
	if(if_suffix) return s.replace(/ᡍ(?=[^ᡃ])/g, "ᡄᡄ");
	else return s.slice(0, 1)+s.slice(1).replace(/ᡍ(?=[^ᡃ])/g, "ᡄᡄ");
}
function hlink(innerHTML, href) {
	return "<a target='_blank' rel='noopener noreferrer' href='" + href + "'>" + innerHTML + "</a>"
}
function lookup_by_graph (graph, if_confuse_teeth=0) { // async request for appending lemma by lemma
	try {
		var tx = db.transaction(["mon_verb"], "readonly");
	} catch(err) {console.error(err)}
	var index_name = if_confuse_teeth ? "by_graph_ax" : "by_graph";
	graph = if_confuse_teeth ? confuse_ax(graph) : graph;
	// console.log("lookup_by_graph:", "if_confuse_teeth=", if_confuse_teeth, "index_name=", index_name, "graph=", graph);
	var req_query = tx.objectStore("mon_verb").index(index_name).openCursor(IDBKeyRange.only(graph));
	req_query.onsuccess = function() {
		var cursor = req_query.result;
		if (cursor) {
			// Called for each matching record.
			var entry = cursor.value;
			document.getElementById("lemmas").innerHTML += entry.graph + " <span class='IPA'>("
				+ "<span class='xlit'>"+entry.xlit+"</span>"
				+ (!entry.phone ? '' : ' /'+hlink(entry.phone,
					"http://hkuri.cneas.tohoku.ac.jp/p01/mongol/list?groupId=12&keyword="+xlit2unicode(entry.xlit) )+"/")
				+ (!entry.cyr ? '' : ' '+hlink(entry.cyr,
					"https://mongoltoli.mn/search.php?opt=2&word="+xlit2unicode(entry.xlit) ))
				+ ")</span><br>";
			cursor.continue();
			// console.log("id", entry.id);
		}
	};
}