@schukai/monster 4.38.7 → 4.38.8

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 
 
+## [4.38.8] - 2025-08-13
+
+### Bug Fixes
+
+- handle message base64
+
+
+
 ## [4.38.7] - 2025-08-07
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.3","@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.38.7"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.3","@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.38.8"}

package/source/components/content/viewer/message.mjs

@@ -379,8 +379,22 @@ class MessageContent extends CustomElement {
 
 		if (part.content && part.filename && part.contentType) {
 			try {
-				// Assuming part.content is base64 encoded. Adjust if your content is raw binary.
-				const decodedContent = atob(part.content);
+				let content = part.content || "";
+				const contentTransferEncoding = (
+					part?.contentTransferEncoding || ""
+				).toLowerCase();
+				switch (contentTransferEncoding) {
+					case "base64":
+						content = atob(content);
+
+					case "quoted-printable":
+						content = decodeQuotedPrintable(content);
+						break;
+
+					default:
+				}
+
+				const decodedContent = content;
 				const uint8Array = new Uint8Array(decodedContent.length);
 				for (let i = 0; i < decodedContent.length; i++) {
 					uint8Array[i] = decodedContent.charCodeAt(i);
@@ -714,6 +728,19 @@ function getTranslations() {
 	}
 }
 
+function decodeQuotedPrintable(input) {
+	// Soft line breaks (= am Zeilenende) entfernen
+	let str = input.replace(/=\r?\n/g, "");
+
+	// =XX in das entsprechende Byte umwandeln
+	const bytes = str.replace(/=([A-Fa-f0-9]{2})/g, (_, hex) =>
+		String.fromCharCode(parseInt(hex, 16)),
+	);
+
+	// Als UTF-8 interpretieren
+	return decodeURIComponent(escape(bytes));
+}
+
 /**
  * @private
  * @param index
@@ -726,15 +753,20 @@ function downloadAttachmentByIndex(index, attachments) {
 		return;
 	}
 
-	const { filename, contentType, content } = part;
+	const { filename, contentType, content, contentTransferEncoding } = part;
 
 	try {
 		let decodedContent;
-		if (contentType.startsWith("text/")) {
-			// Check if it's a text type
-			decodedContent = content; // Content is plain text
-		} else {
-			decodedContent = atob(content); // Assume base64 for other types
+		if (
+			contentTransferEncoding &&
+			contentTransferEncoding.toLowerCase() === "base64"
+		) {
+			decodedContent = atob(content);
+		} else if (
+			contentTransferEncoding &&
+			contentTransferEncoding.toLowerCase() === "quoted-printable"
+		) {
+			decodedContent = decodeQuotedPrintable(content);
 		}
 
 		const len = decodedContent.length;

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

@@ -16,9 +16,9 @@ import { Datasource, dataSourceSymbol } from "../datasource.mjs";
 import { DatasourceStyleSheet } from "../stylesheet/datasource.mjs";
 import { instanceSymbol } from "../../../constants.mjs";
 import {
-  assembleMethodSymbol,
-  registerCustomElement,
-  getSlottedElements,
+	assembleMethodSymbol,
+	registerCustomElement,
+	getSlottedElements,
 } from "../../../dom/customelement.mjs";
 import { isArray } from "../../../types/is.mjs";
 
@@ -37,174 +37,174 @@ const dataChangeEventHandlerSymbol = Symbol("dataChangeEventHandler");
  * @summary A dom datasource
  */
 class Dom extends Datasource {
-  /**
-   * This method is called by the `instanceof` operator.
-   * @return {symbol}
-   */
-  static get [instanceSymbol]() {
-    return Symbol.for("@schukai/monster/components/datasource/dom@@instance");
-  }
-
-  /**
-   * To set the options via the HTML tag, the attribute `data-monster-options` must be used.
-   * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control}
-   *
-   * The individual configuration values can be found in the table.
-   *
-   * @property {Object} templates Template definitions
-   * @property {string} templates.main Main template
-   * @property {Object} features Feature definitions
-   * @property {boolean} features.autoInit Automatically initializes the component
-   */
-  get defaults() {
-    return Object.assign({}, super.defaults, {
-      templates: {
-        main: getTemplate(),
-      },
-
-      features: {
-        autoInit: true,
-      },
-
-      /** @private */
-      sys: {
-        pagination: {
-          pages: 1,
-          objectsPerPage: 10,
-          currentPage: 1,
-        },
-      },
-    });
-  }
-
-  /**
-   * @return {void}
-   */
-  [assembleMethodSymbol]() {
-    super[assembleMethodSymbol]();
-    initEventHandler.call(this);
-    updateDataSource.call(this);
-  }
-
-  /**
-   * This method set the current page of the pagination
-   *
-   * @param {string} page
-   * @return {Dom}
-   */
-  setParameters({ page }) {
-    this.setOption("sys.pagination.currentPage", page);
-    return this;
-  }
-
-  /**
-   *
-   * @return {CSSStyleSheet[]}
-   */
-  static getCSSStyleSheet() {
-    return [DatasourceStyleSheet];
-  }
-
-  /**
-   * @private
-   * @return {string}
-   */
-  static getTag() {
-    return "monster-datasource-dom";
-  }
-
-  /**
-   * Reloads the data
-   * @return {Promise<never>|*}
-   */
-  reload() {}
-
-  /**
-   * @return {void}
-   */
-  connectedCallback() {
-    super.connectedCallback();
-
-    if (this.getOption("features.autoInit")) {
-      updateDataSource.call(this);
-    }
-  }
-
-  /**
-   * @return {int}
-   */
-  currentPage() {
-    return this.getOption("sys.pagination.currentPage");
-  }
+	/**
+	 * This method is called by the `instanceof` operator.
+	 * @return {symbol}
+	 */
+	static get [instanceSymbol]() {
+		return Symbol.for("@schukai/monster/components/datasource/dom@@instance");
+	}
+
+	/**
+	 * To set the options via the HTML tag, the attribute `data-monster-options` must be used.
+	 * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control}
+	 *
+	 * The individual configuration values can be found in the table.
+	 *
+	 * @property {Object} templates Template definitions
+	 * @property {string} templates.main Main template
+	 * @property {Object} features Feature definitions
+	 * @property {boolean} features.autoInit Automatically initializes the component
+	 */
+	get defaults() {
+		return Object.assign({}, super.defaults, {
+			templates: {
+				main: getTemplate(),
+			},
+
+			features: {
+				autoInit: true,
+			},
+
+			/** @private */
+			sys: {
+				pagination: {
+					pages: 1,
+					objectsPerPage: 10,
+					currentPage: 1,
+				},
+			},
+		});
+	}
+
+	/**
+	 * @return {void}
+	 */
+	[assembleMethodSymbol]() {
+		super[assembleMethodSymbol]();
+		initEventHandler.call(this);
+		updateDataSource.call(this);
+	}
+
+	/**
+	 * This method set the current page of the pagination
+	 *
+	 * @param {string} page
+	 * @return {Dom}
+	 */
+	setParameters({ page }) {
+		this.setOption("sys.pagination.currentPage", page);
+		return this;
+	}
+
+	/**
+	 *
+	 * @return {CSSStyleSheet[]}
+	 */
+	static getCSSStyleSheet() {
+		return [DatasourceStyleSheet];
+	}
+
+	/**
+	 * @private
+	 * @return {string}
+	 */
+	static getTag() {
+		return "monster-datasource-dom";
+	}
+
+	/**
+	 * Reloads the data
+	 * @return {Promise<never>|*}
+	 */
+	reload() {}
+
+	/**
+	 * @return {void}
+	 */
+	connectedCallback() {
+		super.connectedCallback();
+
+		if (this.getOption("features.autoInit")) {
+			updateDataSource.call(this);
+		}
+	}
+
+	/**
+	 * @return {int}
+	 */
+	currentPage() {
+		return this.getOption("sys.pagination.currentPage");
+	}
 }
 
 /**
  * @private
  */
 function initEventHandler() {
-  /**
-   * @param {Event} event
-   */
-  this[dataChangeEventHandlerSymbol] = (event) => {
-    updateDataSource.call(this);
-  };
-
-  new MutationObserver(this[dataChangeEventHandlerSymbol]).observe(this, {
-    childList: true,
-    subtree: true,
-    characterData: true,
-  });
+	/**
+	 * @param {Event} event
+	 */
+	this[dataChangeEventHandlerSymbol] = (event) => {
+		updateDataSource.call(this);
+	};
+
+	new MutationObserver(this[dataChangeEventHandlerSymbol]).observe(this, {
+		childList: true,
+		subtree: true,
+		characterData: true,
+	});
 }
 
 /**
  * @private
  */
 function updateDataSource() {
-  let data = null;
-  getSlottedElements.call(this).forEach((element) => {
-    if (!(element instanceof HTMLScriptElement)) {
-      return;
-    }
-    if (element.type !== "application/json") {
-      return;
-    }
-
-    const d = JSON.parse(element.textContent);
-    if (data === null) {
-      if (isArray(d)) {
-        data = [];
-      } else {
-        data = {};
-      }
-    }
-
-    if (isArray(data) && !isArray(d)) {
-      throw new Error("Type mismatch");
-    }
-
-    if (!isArray(data) && isArray(d)) {
-      throw new Error("Type mismatch");
-    }
-
-    if (isArray(data)) {
-      data.push(...d);
-      return;
-    }
-
-    data = Object.assign({}, d);
-  });
-
-  if (data === null) {
-    data = [];
-  }
-
-  // set pagination
-  this.setOption("sys.pagination.objectsPerPage", 1);
-  this.setOption("sys.pagination.pages", data.length);
-  this.setOption("sys.pagination.currentPage", 1);
-
-  /** call setter */
-  this.data = data;
+	let data = null;
+	getSlottedElements.call(this).forEach((element) => {
+		if (!(element instanceof HTMLScriptElement)) {
+			return;
+		}
+		if (element.type !== "application/json") {
+			return;
+		}
+
+		const d = JSON.parse(element.textContent);
+		if (data === null) {
+			if (isArray(d)) {
+				data = [];
+			} else {
+				data = {};
+			}
+		}
+
+		if (isArray(data) && !isArray(d)) {
+			throw new Error("Type mismatch");
+		}
+
+		if (!isArray(data) && isArray(d)) {
+			throw new Error("Type mismatch");
+		}
+
+		if (isArray(data)) {
+			data.push(...d);
+			return;
+		}
+
+		data = Object.assign({}, d);
+	});
+
+	if (data === null) {
+		data = [];
+	}
+
+	// set pagination
+	this.setOption("sys.pagination.objectsPerPage", 1);
+	this.setOption("sys.pagination.pages", data.length);
+	this.setOption("sys.pagination.currentPage", 1);
+
+	/** call setter */
+	this.data = data;
 }
 
 /**
@@ -212,8 +212,8 @@ function updateDataSource() {
  * @return {string}
  */
 function getTemplate() {
-  // language=HTML
-  return `
+	// language=HTML
+	return `
         <slot data-monster-role="datasource"></slot>`;
 }