@schukai/monster 3.104.0 → 3.105.0

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 
 
+## [3.105.0] - 2025-02-05
+
+### Add Features
+
+- new internal Translation
+
+
+
+## [3.104.1] - 2025-02-04
+
+### Bug Fixes
+
+- remove debug information and reset save button to state-button
+
+
+
 ## [3.104.0] - 2025-02-04
 
 ### Add Features

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@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":"3.104.0"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@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":"3.105.0"}

package/source/components/datatable/save-button.mjs

@@ -32,7 +32,7 @@ import { Datasource } from "./datasource.mjs";
 import { Rest as RestDatasource } from "./datasource/rest.mjs";
 import { BadgeStyleSheet } from "../stylesheet/badge.mjs";
 import { SaveButtonStyleSheet } from "./stylesheet/save-button.mjs";
-import "../form/message-state-button.mjs";
+import "../form/state-button.mjs";
 
 import {
 	handleDataSourceChanges,
@@ -315,13 +315,12 @@ function getTranslations() {
  * @throws {Error} the selector must match exactly one element
  */
 function initControlReferences() {
-
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
 	}
 
 	this[stateButtonElementSymbol] = this.shadowRoot.querySelector(
-		"[data-monster-role=save-button]",
+		"[data-monster-role=state-button]",
 	);
 
 	this[badgeElementSymbol] = this.shadowRoot.querySelector(
@@ -334,9 +333,9 @@ function initControlReferences() {
 				changed: new State(
 					"changed",
 					'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-arrow-up" viewBox="0 0 16 16">' +
-						'<path fill-rule="evenodd" d="M7.646 5.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 6.707V10.5a.5.5 0 0 1-1 0V6.707L6.354 7.854a.5.5 0 1 1-.708-.708z"/>' +
-						'<path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383m.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"/>' +
-						"</svg>",
+					'<path fill-rule="evenodd" d="M7.646 5.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 6.707V10.5a.5.5 0 0 1-1 0V6.707L6.354 7.854a.5.5 0 1 1-.708-.708z"/>' +
+					'<path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383m.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"/>' +
+					"</svg>",
 				),
 			};
 
@@ -347,9 +346,6 @@ function initControlReferences() {
 				"labels.button",
 				this.getOption("labels.button"),
 			);
-
-			console.log(this[stateButtonElementSymbol])
-
 		});
 	}
 
@@ -401,16 +397,14 @@ function updateOptionsFromArguments(options) {
 function getTemplate() {
 	// language=HTML
 	return `
-        <div data-monster-role="control" part="control"
-             data-monster-attributes="disabled path:disabled | if:true">
-            <monster-message-state-button part="button"
-				data-monster-role="save-button"
-			></monster-message-state-button>
-            <div data-monster-attributes="disabled path:disabled | if:true, class path:classes.badge"
-                 data-monster-role="badge"
-                 data-monster-replace="path:changes"></div>
-        </div>
-    `;
+		<div data-monster-role="control" part="control"
+			 data-monster-attributes="disabled path:disabled | if:true">
+			<monster-state-button data-monster-role="state-button">save</monster-state-button>
+			<div data-monster-attributes="disabled path:disabled | if:true, class path:classes.badge"
+				 data-monster-role="badge"
+				 data-monster-replace="path:changes"></div>
+		</div>
+	`;
 }
 
-registerCustomElement(SaveButton);
+registerCustomElement(SaveButton);

package/source/components/form/message-state-button.mjs

@@ -69,9 +69,6 @@ class MessageStateButton extends Popper {
 	 * @throws {TypeError} value is not an instance
 	 */
 	setState(state, timeout) {
-
-		console.log(this[buttonElementSymbol]);
-
 		return this[buttonElementSymbol].setState(state, timeout);
 	}
 

package/source/data/datasource/server/restapi.mjs

@@ -19,6 +19,7 @@ import { Server } from "../server.mjs";
 import { WriteError } from "./restapi/writeerror.mjs";
 import { DataFetchError } from "./restapi/data-fetch-error.mjs";
 import { clone } from "../../../util/clone.mjs";
+import {getInternalLocalizationMessage} from "../../../i18n/internal.mjs";
 
 export { RestAPI };
 
@@ -224,7 +225,9 @@ function fetchData(init, key, callback) {
 
 			if (acceptedStatus.indexOf(resp.status) === -1) {
 				throw new DataFetchError(
-					`the response does not contain an accepted status (actual: ${resp.status}).`,
+					getInternalLocalizationMessage(
+					    `i18n{the-response-does-not-contain-an-accepted-status::status=${resp.status}}`
+					),
 					response,
 				);
 			}
@@ -244,7 +247,9 @@ function fetchData(init, key, callback) {
 				}
 
 				throw new DataFetchError(
-					`the response does not contain a valid json (actual: ${body}).`,
+					getInternalLocalizationMessage(
+						`i18n{the-response-does-not-contain-a-valid-json::actual=${body}}`
+					),
 					response,
 				);
 			}

package/source/i18n/formatter.mjs

@@ -39,6 +39,8 @@ class Formatter extends TextFormatter {
 	 * Default values for the markers are `${` and `}`
 	 *
 	 * @param {object} object
+	 * @param {Translations} translation
+	 * @param {object} [options]
 	 * @throws {TypeError} value is not a object
 	 */
 	constructor(object, translation, options) {

package/source/i18n/internal.mjs

@@ -0,0 +1,139 @@
+/**
+ * Copyright © schukai GmbH and all contributing authors, {{copyRightYear}}. All rights reserved.
+ * Node module: @schukai/monster
+ *
+ * This source code is licensed under the GNU Affero General Public License version 3 (AGPLv3).
+ * The full text of the license can be found at: https://www.gnu.org/licenses/agpl-3.0.en.html
+ *
+ * For those who do not wish to adhere to the AGPLv3, a commercial license is available.
+ * Acquiring a commercial license allows you to use this software without complying with the AGPLv3 terms.
+ * For more information about purchasing a commercial license, please contact schukai GmbH.
+ *
+ * SPDX-License-Identifier: AGPL-3.0
+ */
+
+import {Formatter} from "./formatter.mjs";
+import {getLocaleOfDocument} from "../dom/locale.mjs";
+import {Translations} from "./translations.mjs";
+
+export {getInternalLocalizationMessage};
+
+let internalTranslations = null;
+getInternalTranslations();
+
+
+function getInternalTranslations() {
+
+    if (internalTranslations) {
+        return internalTranslations;
+    }
+
+    let locale = "en";
+    try {
+        let locale = getLocaleOfDocument();
+    } catch (error) {
+    }
+
+    let messages = {};
+
+    switch (locale.language) {
+        case "de":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Der Server hat die Anfrage nicht akzeptiert (Status \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `Die Antwort des Servers ist kein gültiges JSON (actual=\${actual}).`,
+            };
+            break;
+        case "es":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `El servidor no ha aceptado la solicitud (Estado \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `La respuesta del servidor no es un JSON válido (actual=\${actual}).`,
+            };
+            break;
+        case "zh":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `服务器未接受请求（状态 \${status}）。`,
+                "the-response-does-not-contain-a-valid-json": `服务器响应不是有效的JSON（实际=\${actual}）。`,
+            };
+            break;
+        case "fr":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Le serveur n'a pas accepté la demande (Statut \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `La réponse du serveur n'est pas un JSON valide (actuel=\${actual}).`,
+            };
+            break;
+        case "it":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Il server non ha accettato la richiesta (Stato \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `La risposta del server non è un JSON valido (attuale=\${actual}).`,
+            };
+            break;
+        case "nl":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `De server heeft het verzoek niet geaccepteerd (Status \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `De serverrespons is geen geldige JSON (actueel=\${actual}).`,
+            };
+            break;
+        case "sv":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Servern accepterade inte begäran (Status \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `Serverns svar är inte en giltig JSON (faktisk=\${actual}).`,
+            };
+            break;
+        case "pl":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Serwer nie zaakceptował żądania (Status \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `Odpowiedź serwera nie jest prawidłowym JSON-em (aktualne=\${actual}).`,
+            };
+            break;
+        case "da":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Serveren accepterede ikke forespørgslen (Status \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `Serverens svar er ikke en gyldig JSON (aktuel=\${actual}).`,
+            };
+            break;
+        case "fi":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Palvelin ei hyväksynyt pyyntöä (Tila \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `Palvelimen vastaus ei ole kelvollinen JSON (todellinen=\${actual}).`,
+            };
+            break;
+        case "no":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Serveren aksepterte ikke forespørselen (Status \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `Serverens respons er ikke en gyldig JSON (faktisk=\${actual}).`,
+            };
+            break;
+        case "cs":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Server nepřijal požadavek (Stav \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `Odpověď serveru není platný JSON (skutečný=\${actual}).`,
+            };
+            break;
+        default: // English
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `The server did not accept the request (Status \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `The server response is not a valid JSON (actual=\${actual}).`,
+            };
+    }
+
+
+    const translation = new Translations(locale);
+    translation.assignTranslations(messages);
+
+    internalTranslations = translation;
+
+    return translation
+}
+
+
+/**
+ * Returns the internal localization message.
+ * @param message
+ * @returns {string}
+ */
+
+function getInternalLocalizationMessage(message) {
+    const formatter = new Formatter({}, getInternalTranslations());
+    return formatter.format(message);
+
+}

package/source/i18n/map/languages.mjs

@@ -12,6 +12,35 @@
  * SPDX-License-Identifier: AGPL-3.0
  */
 
+/**
+ * Curretnly from Monster supported languages.
+ * @type {string[]}
+ */
+export const currentSupportedLanguages = [
+	"en", // English
+	"de", // German
+	"es", // Spanish
+	"zh", // Mandarin
+	"hi", // Hindi
+	"bn", // Bengali
+	"pt", // Portuguese
+	"ru", // Russian
+	"ja", // Japanese
+	"pa", // Western Punjabi
+	"mr", // Marathi
+	"fr", // French
+	"it", // Italian
+	"nl", // Dutch
+	"sv", // Swedish
+	"pl", // Polish
+	"da", // Danish
+	"fi", // Finnish
+	"no", // Norwegian
+	"cs" // Czech
+];
+
+
+
 export const languages = {
 	en: "English",
 	"en-GB": "English (United Kingdom)",

package/source/types/global.mjs

@@ -13,12 +13,12 @@
  */
 
 import {
-	validateFunction,
-	validateObject,
-	validateString,
+    validateFunction,
+    validateObject,
+    validateString,
 } from "./validate.mjs";
 
-export { getGlobal, getGlobalObject, getGlobalFunction };
+export {getGlobal, getGlobalObject, getGlobalFunction};
 
 /**
  * @type {object}
@@ -31,39 +31,40 @@ let globalReference;
  * @throws {Error} unsupported environment.
  */
 (function () {
-	if (typeof globalThis === "object") {
-		globalReference = globalThis;
-		return;
-	}
+    if (typeof globalThis === "object") {
+        globalReference = globalThis;
+        return;
+    }
 
-	if (typeof self !== "undefined") {
-		globalReference = self;
-		return;
-	} else if (typeof window !== "undefined") {
-		globalReference = window;
-		return;
-	}
+    if (typeof self !== "undefined") {
+        globalReference = self;
+        return;
+    } else if (typeof window !== "undefined") {
+        globalReference = window;
+        return;
+    }
 
-	Object.defineProperty(Object.prototype, "__monster__", {
-		get: function () {
-			return this;
-		},
-		configurable: true,
-	});
+    Object.defineProperty(Object.prototype, "__monster__", {
+        get: function () {
+            return this;
+        },
+        configurable: true,
+    });
 
-	if (typeof __monster__ === "object") {
-		__monster__.globalThis = __monster__;
-		delete Object.prototype.__monster__;
+    if (typeof __monster__ === "object") {
+        __monster__.globalThis = __monster__;
+        delete Object.prototype.__monster__;
 
-		globalReference = globalThis;
-		return;
-	}
+        globalReference = globalThis;
+        return;
+    }
 
-	try {
-		globalReference = Function("return this")();
-	} catch (e) {}
+    try {
+        globalReference = Function("return this")();
+    } catch (e) {
+    }
 
-	throw new Error("unsupported environment.");
+    throw new Error("unsupported environment.");
 })();
 
 /**
@@ -76,7 +77,7 @@ let globalReference;
  * @return {object} globalThis
  */
 function getGlobal() {
-	return globalReference;
+    return globalReference;
 }
 
 /**
@@ -111,12 +112,12 @@ function getGlobal() {
  * @throws {TypeError} value is not a string
  */
 function getGlobalObject(name) {
-	validateString(name);
-	const o = globalReference?.[name];
-	if (typeof o === "undefined")
-		throw new Error(`the object ${name} is not defined`);
-	validateObject(o);
-	return o;
+    validateString(name);
+    const o = globalReference?.[name];
+    if (typeof o === "undefined")
+        throw new Error(`the object ${name} is not defined`);
+    validateObject(o);
+    return o;
 }
 
 /**
@@ -149,10 +150,11 @@ function getGlobalObject(name) {
  * @throws {TypeError} value is not a string
  */
 function getGlobalFunction(name) {
-	validateString(name);
-	const f = globalReference?.[name];
-	if (typeof f === "undefined")
-		throw new Error(`the function ${name} is not defined`);
-	validateFunction(f);
-	return f;
+    validateString(name);
+    const f = globalReference?.[name];
+    if (typeof f === "undefined") {
+        throw new Error(`the function ${name} is not defined`);
+    }
+    validateFunction(f);
+    return f;
 }

package/source/types/version.mjs

@@ -156,7 +156,7 @@ function getMonsterVersion() {
 	}
 
 	/** don't touch, replaced by make with package.json version */
-	monsterVersion = new Version("3.102.6");
+	monsterVersion = new Version("3.104.1");
 
 	return monsterVersion;
 }

package/test/cases/monster.mjs

@@ -7,7 +7,7 @@ describe('Monster', function () {
         let monsterVersion
 
         /** don´t touch, replaced by make with package.json version */
-        monsterVersion = new Version("3.102.6")
+        monsterVersion = new Version("3.104.1")
 
         let m = getMonsterVersion();
 

package/test/web/test.html

@@ -9,8 +9,8 @@
 </head>
 <body>
 <div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;">
-  <h1 style='margin-bottom: 0.1em;'>Monster 3.102.6</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update So 2. Feb 23:18:18 CET 2025</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 3.104.1</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Mi 5. Feb 19:28:33 CET 2025</div>
 </div>
 <div id="mocha-errors"
      style="color: red;font-weight: bold;display: flex;align-items: center;justify-content: center;flex-direction: column;margin:20px;"></div>