@schukai/monster 4.38.9 → 4.39.0

package/source/i18n/util.mjs

@@ -23,24 +23,24 @@ import { languages } from "./map/languages.mjs";
  * @return {number} The normalized number as a floating-point value. Returns NaN if the input is not a parsable number.
  */
 export function normalizeNumber(input, locale = navigator.language) {
-	if (input === null || input === undefined) return NaN;
-	if (typeof input === "number") return input; // If input is already a number, return it directly
-	if (typeof input !== "string") return NaN;
-
-	const cleaned = input.trim().replace(/\s/g, "");
-	const decimalSeparator = getDecimalSeparator(locale);
-	let normalized = cleaned;
-
-	if (decimalSeparator === "," && cleaned.includes(".")) {
-		normalized = cleaned.replace(/\./g, "").replace(",", ".");
-	} else if (decimalSeparator === "." && cleaned.includes(",")) {
-		normalized = cleaned.replace(/,/g, "").replace(".", ".");
-	} else if (decimalSeparator === "," && cleaned.includes(",")) {
-		normalized = cleaned.replace(",", ".");
-	}
-
-	const result = parseFloat(normalized);
-	return Number.isNaN(result) ? NaN : result;
+  if (input === null || input === undefined) return NaN;
+  if (typeof input === "number") return input; // If input is already a number, return it directly
+  if (typeof input !== "string") return NaN;
+
+  const cleaned = input.trim().replace(/\s/g, "");
+  const decimalSeparator = getDecimalSeparator(locale);
+  let normalized = cleaned;
+
+  if (decimalSeparator === "," && cleaned.includes(".")) {
+    normalized = cleaned.replace(/\./g, "").replace(",", ".");
+  } else if (decimalSeparator === "." && cleaned.includes(",")) {
+    normalized = cleaned.replace(/,/g, "").replace(".", ".");
+  } else if (decimalSeparator === "," && cleaned.includes(",")) {
+    normalized = cleaned.replace(",", ".");
+  }
+
+  const result = parseFloat(normalized);
+  return Number.isNaN(result) ? NaN : result;
 }
 
 /**
@@ -50,9 +50,9 @@ export function normalizeNumber(input, locale = navigator.language) {
  * @return {string} The decimal separator used in the specified locale.
  */
 function getDecimalSeparator(locale = navigator.language) {
-	const numberWithDecimal = 1.1;
-	const formatted = new Intl.NumberFormat(locale).format(numberWithDecimal);
-	return formatted.replace(/\d/g, "")[0]; // z.B. "," oder "."
+  const numberWithDecimal = 1.1;
+  const formatted = new Intl.NumberFormat(locale).format(numberWithDecimal);
+  return formatted.replace(/\d/g, "")[0]; // z.B. "," oder "."
 }
 
 /**
@@ -64,125 +64,132 @@ function getDecimalSeparator(locale = navigator.language) {
  * @return {Object} An object containing information about the detected language, preferred language, and available languages.
  */
 export function detectUserLanguagePreference() {
-	const currentLang = document.documentElement.lang;
-
-	let preferredLanguages = [];
-
-	if (typeof navigator.language === "string" && navigator.language.length > 0) {
-		preferredLanguages = [navigator.language];
-	}
-
-	if (Array.isArray(navigator.languages) && navigator.languages.length > 0) {
-		preferredLanguages = navigator.languages;
-	}
-
-	// add to preferredLanguages all the base languages of the preferred languages
-	preferredLanguages = preferredLanguages.concat(
-		preferredLanguages.map((lang) => lang.split("-")[0]),
-	);
-
-	if (!currentLang && preferredLanguages.length === 0) {
-		return {
-			message: "No language information available.",
-		};
-	}
-
-	const linkTags = document.querySelectorAll("link[hreflang]");
-	if (linkTags.length === 0) {
-		return {
-			current: currentLang || null,
-			message: "No <link> tags with hreflang available.",
-		};
-	}
-
-	const availableLanguages = [...linkTags].map((link) => {
-		const fullLang = link.hreflang;
-		const baseLang = fullLang.split("-")[0];
-		let label = link.getAttribute("data-monster-label");
-		if (!label) {
-			label = link.getAttribute("title");
-			if (!label) {
-				label = languages?.[fullLang];
-				if (!label) {
-					label = languages?.[baseLang];
-				}
-			}
-		}
-
-		return {
-			fullLang,
-			baseLang,
-			label,
-			href: link.href,
-		};
-	});
-
-	// filter availableLanguages to only include languages that are in the preferredLanguages array
-	const offerableLanguages = availableLanguages.filter(
-		(lang) =>
-			preferredLanguages.includes(lang.fullLang) ||
-			preferredLanguages.includes(lang.baseLang),
-	);
-
-	if (offerableLanguages.length === 0) {
-		return {
-			current: currentLang || null,
-			message: "No available languages match the user's preferences.",
-			available: availableLanguages.map((lang) => ({
-				...lang,
-				weight: 1,
-			})),
-		};
-	}
-
-	// Helper function to determine the "weight" of a language match
-	function getWeight(langEntry) {
-		// Full match has priority 3
-		if (preferredLanguages.includes(langEntry.fullLang)) return 3;
-		// Base language match has priority 2
-		if (preferredLanguages.includes(langEntry.baseLang)) return 2;
-		// No match is priority 1
-		return 1;
-	}
-
-	// Sort the available languages by descending weight
-	offerableLanguages.sort((a, b) => getWeight(b) - getWeight(a));
-
-	// The best match is the first in the sorted list
-	const bestMatch = offerableLanguages[0];
-	const bestMatchWeight = getWeight(bestMatch);
-
-	const currentLabel = languages?.[currentLang] || currentLang;
-
-	// If we found a language that matches user preferences (weight > 1)
-	if (bestMatchWeight > 0) {
-		return {
-			current: currentLang || null,
-			currentLabel: currentLabel,
-			preferred: {
-				full: bestMatch.fullLang,
-				base: bestMatch.baseLang,
-				label: bestMatch.label,
-				href: bestMatch.href,
-			},
-			available: availableLanguages.map((lang) => ({
-				...lang,
-				weight: getWeight(lang),
-			})),
-			offerable: offerableLanguages.map((lang) => ({
-				...lang,
-				weight: getWeight(lang),
-			})),
-		};
-	}
-
-	// If no language matched the user's preferences
-	return {
-		current: currentLang || null,
-		message: "None of the preferred languages are available.",
-		available: availableLanguages.map((lang) => ({
-			...lang,
-			weight: getWeight(lang),
-		})),
-	};
+  const currentLang = document.documentElement.lang;
+
+  let preferredLanguages = [];
+
+  if (typeof navigator.language === "string" && navigator.language.length > 0) {
+    preferredLanguages = [navigator.language];
+  }
+
+  if (Array.isArray(navigator.languages) && navigator.languages.length > 0) {
+    preferredLanguages = navigator.languages;
+  }
+
+  // add to preferredLanguages all the base languages of the preferred languages
+  preferredLanguages = preferredLanguages.concat(
+    preferredLanguages.map((lang) => lang.split("-")[0]),
+  );
+
+  if (!currentLang && preferredLanguages.length === 0) {
+    return {
+      message: "No language information available.",
+    };
+  }
+
+  const linkTags = document.querySelectorAll("link[hreflang]");
+  if (linkTags.length === 0) {
+    return {
+      current: currentLang || null,
+      message: "No <link> tags with hreflang available.",
+    };
+  }
+
+  const availableLanguages = [...linkTags].map((link) => {
+    const fullLang = link.getAttribute("hreflang");
+    const baseLang = fullLang.split("-")[0];
+    let label = link.getAttribute("data-monster-label");
+    if (!label) {
+      label = link.getAttribute("title");
+      if (!label) {
+        label = languages?.[fullLang];
+        if (!label) {
+          label = languages?.[baseLang];
+        }
+      }
+    }
+
+    return {
+      fullLang,
+      baseLang,
+      label,
+      href: link.getAttribute("href"),
+    };
+  });
+
+  // filter availableLanguages to only include languages that are in the preferredLanguages array
+  const offerableLanguages = availableLanguages.filter(
+    (lang) =>
+      preferredLanguages.includes(lang.fullLang) ||
+      preferredLanguages.includes(lang.baseLang),
+  );
+
+  const allOfferableLanguages = availableLanguages.filter(
+    (lang) => lang.baseLang !== currentLang && lang.fullLang !== currentLang,
+  );
+
+  if (offerableLanguages.length === 0) {
+    return {
+      current: currentLang || null,
+      message: "No available languages match the user's preferences.",
+      available: availableLanguages.map((lang) => ({
+        ...lang,
+        weight: 1,
+      })),
+      allOfferable: allOfferableLanguages,
+    };
+  }
+
+  // Helper function to determine the "weight" of a language match
+  function getWeight(langEntry) {
+    // Full match has priority 3
+    if (preferredLanguages.includes(langEntry.fullLang)) return 3;
+    // Base language match has priority 2
+    if (preferredLanguages.includes(langEntry.baseLang)) return 2;
+    // No match is priority 1
+    return 1;
+  }
+
+  // Sort the available languages by descending weight
+  offerableLanguages.sort((a, b) => getWeight(b) - getWeight(a));
+
+  // The best match is the first in the sorted list
+  const bestMatch = offerableLanguages[0];
+  const bestMatchWeight = getWeight(bestMatch);
+
+  const currentLabel = languages?.[currentLang] || currentLang;
+
+  // If we found a language that matches user preferences (weight > 0)
+  if (bestMatchWeight > 0) {
+    return {
+      current: currentLang || null,
+      currentLabel: currentLabel,
+      preferred: {
+        full: bestMatch.fullLang,
+        base: bestMatch.baseLang,
+        label: bestMatch.label,
+        href: bestMatch.href,
+      },
+      available: availableLanguages.map((lang) => ({
+        ...lang,
+        weight: getWeight(lang),
+      })),
+      offerable: offerableLanguages.map((lang) => ({
+        ...lang,
+        weight: getWeight(lang),
+      })),
+      allOfferable: allOfferableLanguages,
+    };
+  }
+
+  // If no language matched the user's preferences
+  return {
+    current: currentLang || null,
+    message: "None of the preferred languages are available.",
+    available: availableLanguages.map((lang) => ({
+      ...lang,
+      weight: getWeight(lang),
+    })),
+    allOfferable: allOfferableLanguages,
+  };
 }