@schukai/monster 3.51.4 → 3.52.0

package/source/i18n/providers/embed.mjs

@@ -28,131 +28,140 @@ export { Embed };
  * @tutorial i18n-locale-and-formatter
  */
 class Embed extends Provider {
-    /**
-     * ```html
-     * <script id="translations" type="application/json">
-     * {
-     *     "hello": "Hallo"
-     * }
-     * </script>
-     * ```
-     *
-     *
-     * ```javascript
-     * new Embed('translations')
-     * ```
-     *
-     * @param {HTMLElement|string} elementOrId
-     * @param {Object} options
-     */
-    constructor(elementOrId, options) {
-        super(options);
-
-        if (options === undefined) {
-            options = {};
-        }
-
-        if (elementOrId instanceof HTMLElement) {
-            /**
-             * @property {HTMLElement|string}
-             */
-            this.translateElement = elementOrId;
-        } else {
-            /**
-             * @property {HTMLElement|string}
-             */
-            this.translateElement = getDocument().getElementById(validateString(elementOrId));
-        }
-
-        /**
-         * @private
-         * @property {Object} options
-         */
-        this[internalSymbol] = extend({}, super.defaults, this.defaults, validateObject(options));
-    }
-
-    /**
-     * Defaults
-     *
-     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API}
-     */
-    get defaults() {
-        return extend({}, super.defaults);
-    }
-
-    /**
-     *
-     * @param {Locale|string} locale
-     * @return {Promise}
-     */
-    getTranslations(locale) {
-        if (isString(locale)) {
-            locale = parseLocale(locale);
-        }
-
-        return new Promise((resolve, reject) => {
-            if (this.translateElement === null) {
-                reject(new Error("Text not found"));
-                return;
-            }
-
-            if (!(this.translateElement instanceof HTMLScriptElement)) {
-                reject(new Error("Element is not a script tag"));
-                return;
-            }
-
-            if (this.translateElement.type !== "application/json") {
-                reject(new Error("Element is not a script tag with type application/json"));
-                return;
-            }
-
-            let translations = null;
-            try {
-                translations = JSON.parse(this.translateElement.innerHTML.trim());
-            } catch (e) {
-                reject(e);
-                return;
-            }
-
-            if (translations === null) {
-                reject(new Error("Translations not found or invalid"));
-                return;
-            }
-
-            const t = new Translations(locale);
-            t.assignTranslations(translations);
-
-            resolve(t);
-        });
-    }
-
-    /**
-     * Initializes the translations for the current document.
-     *
-     * `script[data-monster-role=translations]` is searched for and the translations are assigned to the element.
-     *
-     * @param element
-     * @returns {Promise<unknown[]>}
-     */
-    static assignTranslationsToElement(element) {
-        const d = getDocument();
-
-        if (!(element instanceof HTMLElement)) {
-            element = d.querySelector("body");
-        }
-
-        const list = d.querySelectorAll("script[data-monster-role=translations]");
-        if (list === null) {
-            return;
-        }
-
-        const promises = [];
-
-        list.forEach((translationElement) => {
-            const p = new Embed(translationElement);
-            promises.push(p.assignToElement(undefined, element));
-        });
-
-        return Promise.all(promises);
-    }
+	/**
+	 * ```html
+	 * <script id="translations" type="application/json">
+	 * {
+	 *     "hello": "Hallo"
+	 * }
+	 * </script>
+	 * ```
+	 *
+	 *
+	 * ```javascript
+	 * new Embed('translations')
+	 * ```
+	 *
+	 * @param {HTMLElement|string} elementOrId
+	 * @param {Object} options
+	 */
+	constructor(elementOrId, options) {
+		super(options);
+
+		if (options === undefined) {
+			options = {};
+		}
+
+		if (elementOrId instanceof HTMLElement) {
+			/**
+			 * @property {HTMLElement|string}
+			 */
+			this.translateElement = elementOrId;
+		} else {
+			/**
+			 * @property {HTMLElement|string}
+			 */
+			this.translateElement = getDocument().getElementById(
+				validateString(elementOrId),
+			);
+		}
+
+		/**
+		 * @private
+		 * @property {Object} options
+		 */
+		this[internalSymbol] = extend(
+			{},
+			super.defaults,
+			this.defaults,
+			validateObject(options),
+		);
+	}
+
+	/**
+	 * Defaults
+	 *
+	 * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API}
+	 */
+	get defaults() {
+		return extend({}, super.defaults);
+	}
+
+	/**
+	 *
+	 * @param {Locale|string} locale
+	 * @return {Promise}
+	 */
+	getTranslations(locale) {
+		if (isString(locale)) {
+			locale = parseLocale(locale);
+		}
+
+		return new Promise((resolve, reject) => {
+			if (this.translateElement === null) {
+				reject(new Error("Text not found"));
+				return;
+			}
+
+			if (!(this.translateElement instanceof HTMLScriptElement)) {
+				reject(new Error("Element is not a script tag"));
+				return;
+			}
+
+			if (this.translateElement.type !== "application/json") {
+				reject(
+					new Error("Element is not a script tag with type application/json"),
+				);
+				return;
+			}
+
+			let translations = null;
+			try {
+				translations = JSON.parse(this.translateElement.innerHTML.trim());
+			} catch (e) {
+				reject(e);
+				return;
+			}
+
+			if (translations === null) {
+				reject(new Error("Translations not found or invalid"));
+				return;
+			}
+
+			const t = new Translations(locale);
+			t.assignTranslations(translations);
+
+			resolve(t);
+		});
+	}
+
+	/**
+	 * Initializes the translations for the current document.
+	 *
+	 * `script[data-monster-role=translations]` is searched for and the translations are assigned to the element.
+	 *
+	 * @param element
+	 * @returns {Promise<unknown[]>}
+	 */
+	static assignTranslationsToElement(element) {
+		const d = getDocument();
+
+		if (!(element instanceof HTMLElement)) {
+			element = d.querySelector("body");
+		}
+
+		const list = d.querySelectorAll("script[data-monster-role=translations]");
+		if (list === null) {
+			return;
+		}
+
+		const promises = [];
+
+		list.forEach((translationElement) => {
+			const p = new Embed(translationElement);
+			promises.push(p.assignToElement(undefined, element));
+		});
+
+		return Promise.all(promises);
+	}
 }

package/source/i18n/providers/fetch.mjs

@@ -29,89 +29,97 @@ export { Fetch };
  * @tutorial i18n-locale-and-formatter
  */
 class Fetch extends Provider {
-    /**
-     * As options the key `fetch` can be passed. This config object is passed to the fetch method as init.
-     *
-     * The url may contain placeholders (language, script, region, variants, extlang, privateUse), so you can specify one url for all translations.
-     *
-     * ```
-     * new Fetch('https://www.example.com/assets/${language}.json')
-     * ```
-     *
-     * @param {string|URL} url
-     * @param {Object} options see {@link Monster.I18n.Providers.Fetch#defaults}
-     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/fetch}
-     */
-    constructor(url, options) {
-        super(options);
+	/**
+	 * As options the key `fetch` can be passed. This config object is passed to the fetch method as init.
+	 *
+	 * The url may contain placeholders (language, script, region, variants, extlang, privateUse), so you can specify one url for all translations.
+	 *
+	 * ```
+	 * new Fetch('https://www.example.com/assets/${language}.json')
+	 * ```
+	 *
+	 * @param {string|URL} url
+	 * @param {Object} options see {@link Monster.I18n.Providers.Fetch#defaults}
+	 * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/fetch}
+	 */
+	constructor(url, options) {
+		super(options);
 
-        if (isInstance(url, URL)) {
-            url = url.toString();
-        }
+		if (isInstance(url, URL)) {
+			url = url.toString();
+		}
 
-        if (options === undefined) {
-            options = {};
-        }
+		if (options === undefined) {
+			options = {};
+		}
 
-        validateString(url);
+		validateString(url);
 
-        /**
-         * @property {string}
-         */
-        this.url = url;
+		/**
+		 * @property {string}
+		 */
+		this.url = url;
 
-        /**
-         * @private
-         * @property {Object} options
-         */
-        this[internalSymbol] = extend({}, super.defaults, this.defaults, validateObject(options));
-    }
+		/**
+		 * @private
+		 * @property {Object} options
+		 */
+		this[internalSymbol] = extend(
+			{},
+			super.defaults,
+			this.defaults,
+			validateObject(options),
+		);
+	}
 
-    /**
-     * Defaults
-     *
-     * @property {Object} fetch
-     * @property {String} fetch.method=GET
-     * @property {String} fetch.mode=cors
-     * @property {String} fetch.cache=no-cache
-     * @property {String} fetch.credentials=omit
-     * @property {String} fetch.redirect=follow
-     * @property {String} fetch.referrerPolicy=no-referrer
-     *
-     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API}
-     */
-    get defaults() {
-        return extend(
-            {
-                fetch: {
-                    method: "GET", // *GET, POST, PUT, DELETE, etc.
-                    mode: "cors", // no-cors, *cors, same-origin
-                    cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
-                    credentials: "omit", // include, *same-origin, omit
-                    redirect: "follow", // manual, *follow, error
-                    referrerPolicy: "no-referrer", // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
-                },
-            },
-            super.defaults,
-        );
-    }
+	/**
+	 * Defaults
+	 *
+	 * @property {Object} fetch
+	 * @property {String} fetch.method=GET
+	 * @property {String} fetch.mode=cors
+	 * @property {String} fetch.cache=no-cache
+	 * @property {String} fetch.credentials=omit
+	 * @property {String} fetch.redirect=follow
+	 * @property {String} fetch.referrerPolicy=no-referrer
+	 *
+	 * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API}
+	 */
+	get defaults() {
+		return extend(
+			{
+				fetch: {
+					method: "GET", // *GET, POST, PUT, DELETE, etc.
+					mode: "cors", // no-cors, *cors, same-origin
+					cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
+					credentials: "omit", // include, *same-origin, omit
+					redirect: "follow", // manual, *follow, error
+					referrerPolicy: "no-referrer", // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
+				},
+			},
+			super.defaults,
+		);
+	}
 
-    /**
-     *
-     * @param {Locale|string} locale
-     * @return {Promise}
-     */
-    getTranslations(locale) {
-        if (isString(locale)) {
-            locale = parseLocale(locale);
-        }
+	/**
+	 *
+	 * @param {Locale|string} locale
+	 * @return {Promise}
+	 */
+	getTranslations(locale) {
+		if (isString(locale)) {
+			locale = parseLocale(locale);
+		}
 
-        let formatter = new Formatter(locale.getMap());
+		const formatter = new Formatter(locale.getMap());
 
-        return getGlobalFunction("fetch")(formatter.format(this.url), this.getOption("fetch", {}))
-            .then((response) => response.json())
-            .then((data) => {
-                return new Translations(locale).assignTranslations(data);
-            });
-    }
+		return getGlobalFunction("fetch")(
+			formatter.format(this.url),
+			this.getOption("fetch", {}),
+		)
+			.then((response) => response.json())
+			.then((data) => {
+				return new Translations(locale).assignTranslations(data);
+			});
+	}
 }