mystiq/hydrogen-web
Archived
4
1
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity

some adjustments for lumia

Browse source
This commit is contained in:
Bruno Windels 2020-03-21 23:20:13 +01:00
parent 7ce13b0fd0
commit ae01a65b3c
1 changed files with 48 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

86
prototypes/idb2rwtxn.html
View file

@ -4,8 +4,8 @@
<meta charset="utf-8"> <meta charset="utf-8">
</head> </head>
<body> <body>
<button id="doit">Do It!</button> <button id="doit">Do It 3!</button>
<script type="module"> <script type="text/javascript">
function reqAsPromise(req) { function reqAsPromise(req) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
req.addEventListener("success", event => resolve(event.target.result)); req.addEventListener("success", event => resolve(event.target.result));
@ -21,54 +21,58 @@
} }
async function main() { async function main() {
let isNew = false; try {
const openReq = window.indexedDB.open("two-read-write-txn", 1);
openReq.onupgradeneeded = (ev) => {
const db = ev.target.result;
const store = db.createObjectStore("test", {keyPath: "id"});
store.add({id: 6});
};
const db = await reqAsPromise(openReq);
console.log("open txn1"); const openReq = window.indexedDB.open("two-read-write-txn", 1);
const txn1 = db.transaction("test", "readwrite"); openReq.onupgradeneeded = (ev) => {
const db = ev.target.result;
const store = db.createObjectStore("test", {keyPath: "id"});
store.add({id: 6});
};
const db = await reqAsPromise(openReq);
const test1 = txn1.objectStore("test"); console.log("open txn1");
console.log("request value1"); const txn1 = db.transaction("test", "readwrite");
const value1 = await reqAsPromise(test1.get(6));
console.log("value1", value1);
value1.previous = 5;
value1.next = null;
let txn2, test2, prom2, value2; const test1 = txn1.objectStore("test");
console.log("request value1");
const value1 = await reqAsPromise(test1.get(6));
console.log("value1", value1);
value1.previous = 5;
value1.next = null;
// prevent deadlock let txn2, test2, prom2, value2;
(async function() {
console.log("open txn2");
txn2 = db.transaction("test", "readwrite");
test2 = txn2.objectStore("test");
console.log("request value2");
prom2 = reqAsPromise(test2.get(6));
value2 = await prom2;
console.log("read value2");
})();
console.log("write value1"); // prevent deadlock
test1.put(value1); (async function() {
await txnAsPromise(txn1); console.log("open txn2");
txn2 = db.transaction("test", "readwrite");
test2 = txn2.objectStore("test");
console.log("request value2");
prom2 = reqAsPromise(test2.get(6));
value2 = await prom2;
console.log("read value2");
})();
await prom2; console.log("write value1");
console.log("value2", value2); test1.put(value1);
value2.next = 7; await txnAsPromise(txn1);
console.log("write value2");
test2.put(value2);
await txnAsPromise(txn2);
const txn3 = db.transaction("test", "readonly"); await prom2;
const value3 = await reqAsPromise(txn3.objectStore("test").get(6)); console.log("value2", value2);
value2.next = 7;
console.log("write value2");
test2.put(value2);
await txnAsPromise(txn2);
alert("done " + JSON.stringify(value3)); const txn3 = db.transaction("test", "readonly");
const value3 = await reqAsPromise(txn3.objectStore("test").get(6));
alert("done " + JSON.stringify(value3));
} catch (err) {
alert(`error ${err.message} ${err.name} ${err.stack}`);
}
} }
document.getElementById("doit").addEventListener("click", main); document.getElementById("doit").addEventListener("click", main);
</script> </script>