@schukai/monster 4.73.1 → 4.74.0

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 
 
+## [4.74.0] - 2026-01-03
+
+### Add Features
+
+- Enhance database connection handling in config-manager
+
+
+
+## [4.73.2] - 2026-01-03
+
+### Bug Fixes
+
+- lookup [#360](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/360)
+
+
+
 ## [4.73.1] - 2026-01-03
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.73.1"}
+{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.74.0"}

package/source/components/datatable/datasource/rest.mjs

@@ -66,6 +66,7 @@ const readRequestIdSymbol = Symbol("readRequestId");
 const writeRequestIdSymbol = Symbol("writeRequestId");
 const lookupCacheSymbol = Symbol("lookupCache");
 const lookupPendingSymbol = Symbol("lookupPending");
+const lookupPendingFetchSymbol = Symbol("lookupPendingFetch");
 
 /**
  * A rest api datasource
@@ -823,6 +824,7 @@ async function resolveRemoteLookup(requestId, name, cfg) {
 
 	const cache = getLookupCache.call(this, name);
 	const pending = getLookupPending.call(this, name);
+	const pendingFetches = getLookupPendingFetches.call(this, name);
 
 	const ids = collectLookupIds.call(
 		this,
@@ -832,6 +834,21 @@ async function resolveRemoteLookup(requestId, name, cfg) {
 	const missingIds = ids.filter((id) => !cache.has(id) && !pending.has(id));
 
 	if (missingIds.length === 0) {
+		if (pending.size > 0) {
+			updateLookupRows.call(this, requestId, (rows) => {
+				if (!isString(cfg.loadingKey)) return;
+				for (const row of rows) {
+					if (pending.has(String(row[key]))) {
+						row[cfg.loadingKey] = true;
+					}
+				}
+			});
+
+			if (pendingFetches.size > 0) {
+				const fetches = Array.from(pendingFetches);
+				await Promise.all(fetches.map((promise) => promise.catch(() => null)));
+			}
+		}
 		applyLookupCache.call(this, requestId, cfg, cache);
 		return;
 	}
@@ -839,7 +856,7 @@ async function resolveRemoteLookup(requestId, name, cfg) {
 	updateLookupRows.call(this, requestId, (rows) => {
 		if (!isString(cfg.loadingKey)) return;
 		for (const row of rows) {
-			if (missingIds.includes(String(row[key]))) {
+			if (missingIds.includes(String(row[key])) || pending.has(String(row[key]))) {
 				row[cfg.loadingKey] = true;
 			}
 		}
@@ -847,7 +864,14 @@ async function resolveRemoteLookup(requestId, name, cfg) {
 
 	missingIds.forEach((id) => pending.add(id));
 
-	const response = await fetchLookupEntries.call(this, cfg, missingIds);
+	const fetchPromise = fetchLookupEntries.call(this, cfg, missingIds);
+	pendingFetches.add(fetchPromise);
+	let response;
+	try {
+		response = await fetchPromise;
+	} finally {
+		pendingFetches.delete(fetchPromise);
+	}
 	response.forEach((entry, id) => cache.set(id, entry));
 	missingIds.forEach((id) => pending.delete(id));
 
@@ -1137,6 +1161,21 @@ function getLookupPending(name) {
 	return this[lookupPendingSymbol].get(name);
 }
 
+/**
+ * @private
+ * @param {string} name
+ * @return {Set<Promise<Map<string, object>>>}
+ */
+function getLookupPendingFetches(name) {
+	if (!this[lookupPendingFetchSymbol]) {
+		this[lookupPendingFetchSymbol] = new Map();
+	}
+	if (!this[lookupPendingFetchSymbol].has(name)) {
+		this[lookupPendingFetchSymbol].set(name, new Set());
+	}
+	return this[lookupPendingFetchSymbol].get(name);
+}
+
 /**
  * @private
  * @return {string}

package/source/components/host/config-manager.mjs

@@ -195,6 +195,9 @@ function openDatabase() {
 	const request = window.indexedDB.open(name, version);
 
 	return new Promise((resolve, reject) => {
+		let upgradeComplete = true;
+		let openComplete = false;
+
 		request.onerror = (event) => {
 			console.error("Error opening database", event);
 			reject(request.error);
@@ -202,20 +205,26 @@ function openDatabase() {
 
 		request.onsuccess = (event) => {
 			this[indexDBInstanceSymbol] = event?.target?.result;
-			resolve(request.result);
+			openComplete = true;
+			if (upgradeComplete) {
+				resolve(request.result);
+			}
 		};
 
 		request.onupgradeneeded = (event) => {
 			const db = event.target.result;
+			this[indexDBInstanceSymbol] = db;
+			upgradeComplete = false;
 
-			let objectStore;
 			if (!db.objectStoreNames.contains(storageName)) {
-				objectStore = db.createObjectStore(storageName, { keyPath: KeyPath });
+				db.createObjectStore(storageName, { keyPath: KeyPath });
 			}
 
-			objectStore.transaction.oncomplete = (event) => {
-				console.log("Database upgrade complete");
-				resolve();
+			event.target.transaction.oncomplete = () => {
+				upgradeComplete = true;
+				if (openComplete) {
+					resolve(request.result);
+				}
 			};
 		};
 	});