@schukai/monster 4.56.0 → 4.57.0

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 
 
+## [4.57.0] - 2025-12-29
+
+### Add Features
+
+- Add logging levels to DataSet, DataSource, and Form components
+### Changes
+
+- update flake
+
+
+
 ## [4.56.0] - 2025-12-29
 
 ### Add Features

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.56.0"}
+{"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.57.0"}

package/source/components/datatable/dataset.mjs

@@ -96,6 +96,7 @@ class DataSet extends CustomElement {
 	 * @property {boolean} features.refreshOnMutation Refresh on mutation
 	 * @property {object} refreshOnMutation The refresh on mutation
 	 * @property {string} refreshOnMutation.selector The selector
+	 * @property {string} logLevel The log level. Possible values are 'debug', 'info', 'warn', 'error'.
 	 */
 	get defaults() {
 		const obj = Object.assign({}, super.defaults, {
@@ -112,6 +113,8 @@ class DataSet extends CustomElement {
 				index: 0,
 			},
 
+			logLevel: "error",
+
 			features: {
 				/**
 				 * @since 3.70.0
@@ -199,6 +202,13 @@ class DataSet extends CustomElement {
 					pathWithIndex = String(index);
 				}
 
+				if (this.getOption("logLevel") === "debug") {
+					console.log("monster-dataset: write", {
+						path: pathWithIndex,
+						data: internalData,
+					});
+				}
+
 				const data = this[datasourceLinkedElementSymbol]?.data;
 				if (!data) {
 					reject(new Error("No data"));

package/source/components/datatable/datasource.mjs

@@ -68,7 +68,9 @@ class Datasource extends CustomElement {
 	 * @property {string} templates.main Main template
 	 */
 	get defaults() {
-		return Object.assign({}, super.defaults, {});
+		return Object.assign({}, super.defaults, {
+			logLevel: "error",
+		});
 	}
 
 	/**
@@ -91,6 +93,11 @@ class Datasource extends CustomElement {
 	 * @param {Object} data
 	 */
 	set data(data) {
+		if (this.getOption("logLevel") === "debug") {
+			console.log("monster-datasource: set data", {
+				data: data,
+			});
+		}
 		this[dataSourceSymbol].set(data);
 	}
 

package/source/components/form/form.mjs

@@ -186,6 +186,13 @@ function initEventHandler() {
       const events = this.getOption("writeBack.events");
       for (const event of events) {
         this.addEventListener(event, (e) => {
+          if (this.getOption("logLevel") === "debug") {
+            console.log("monster-form: event triggered write", {
+              element: e.target,
+              event: e.type,
+            });
+          }
+
           if (!this.reportValidity()) {
             this.classList.add("invalid");
             setTimeout(() => {