langsys-js-typescript 0.6.3 → 0.6.5

package/dist/index.mjs

@@ -1,5 +1,36 @@
 import { IntlMessageFormat } from 'intl-messageformat';
 
+// src/logger.ts
+var STYLES = {
+  log: "display:inline-block;background:rgb(239,239,244);color:black;font-weight:bold;padding:3px 7px;border-radius:3px",
+  warn: "display:inline-block;background:gold;color:black;font-weight:bold;padding:3px 7px;border-radius:3px",
+  error: "display:inline-block;background:#e0005a;color:#fff;font-weight:bold;padding:3px 7px;border-radius:3px"
+};
+var supportsStyle = typeof window !== "undefined";
+function emit(level, label, args) {
+  if (supportsStyle) {
+    console[level](`%c${label}`, STYLES[level], ...args);
+  } else {
+    console[level](`[${label}]`, ...args);
+  }
+}
+var Logger = class {
+  constructor(debugEnabled = false) {
+    this.debugEnabled = debugEnabled;
+  }
+  log(...args) {
+    if (!this.debugEnabled) return;
+    emit("log", "Langsys Debug", args);
+  }
+  warn(...args) {
+    emit("warn", "Langsys Warning", args);
+  }
+  error(...args) {
+    emit("error", "Langsys Error", args);
+  }
+};
+var logger = new Logger(false);
+
 // src/locale.ts
 function canonicalizeLocale(locale) {
   if (!locale || typeof locale !== "string") return locale;
@@ -8,6 +39,9 @@ function canonicalizeLocale(locale) {
     const [canonical] = Intl.getCanonicalLocales(cleaned);
     return canonical ?? cleaned;
   } catch {
+    if (logger.debugEnabled) logger.warn(
+      `"${locale}" is not a valid BCP 47 locale tag. Falling back to best-effort casing, which will very likely miss the catalog and render base language with no other symptom.`
+    );
     return cleaned.split("-").map((part, i) => {
       if (i === 0) return part.toLowerCase();
       if (part.length === 4) return part[0].toUpperCase() + part.slice(1).toLowerCase();
@@ -51,37 +85,6 @@ function getValue(signal) {
   return signal.get();
 }
 
-// src/logger.ts
-var STYLES = {
-  log: "display:inline-block;background:rgb(239,239,244);color:black;font-weight:bold;padding:3px 7px;border-radius:3px",
-  warn: "display:inline-block;background:gold;color:black;font-weight:bold;padding:3px 7px;border-radius:3px",
-  error: "display:inline-block;background:#e0005a;color:#fff;font-weight:bold;padding:3px 7px;border-radius:3px"
-};
-var supportsStyle = typeof window !== "undefined";
-function emit(level, label, args) {
-  if (supportsStyle) {
-    console[level](`%c${label}`, STYLES[level], ...args);
-  } else {
-    console[level](`[${label}]`, ...args);
-  }
-}
-var Logger = class {
-  constructor(debugEnabled = false) {
-    this.debugEnabled = debugEnabled;
-  }
-  log(...args) {
-    if (!this.debugEnabled) return;
-    emit("log", "Langsys Debug", args);
-  }
-  warn(...args) {
-    emit("warn", "Langsys Warning", args);
-  }
-  error(...args) {
-    emit("error", "Langsys Error", args);
-  }
-};
-var logger = new Logger(false);
-
 // src/api.ts
 var LangsysAppAPIClass = class {
   constructor() {
@@ -287,14 +290,76 @@ function warnUnmatchedParams(source, texts, params, context) {
 }
 function interpolate(template, params, locale) {
   if (isICU(template)) {
-    try {
-      return new IntlMessageFormat(template, locale || "en").format(params);
-    } catch {
-      return simpleInterpolate(template, params, locale);
+    const resolved = locale || "en";
+    const hasNullParam = !!params && Object.values(params).some((value) => value === null);
+    if (!hasNullParam) {
+      try {
+        return new IntlMessageFormat(template, resolved).format(params);
+      } catch {
+      }
+    }
+    {
+      try {
+        const ast = new IntlMessageFormat(template, resolved).ast;
+        if (!Array.isArray(ast)) return simpleInterpolate(template, params, locale);
+        const recovered = _recoverMissingArgs(JSON.parse(JSON.stringify(ast)), params);
+        return new IntlMessageFormat(recovered, resolved).format(params);
+      } catch {
+        return simpleInterpolate(template, params, locale);
+      }
     }
   }
   return simpleInterpolate(template, params, locale);
 }
+var ICU_LITERAL = 0;
+var ICU_ARGUMENT = 1;
+var ICU_NUMBER = 2;
+var ICU_DATE = 3;
+var ICU_TIME = 4;
+var ICU_SELECT = 5;
+var ICU_PLURAL = 6;
+var ICU_POUND = 7;
+var ICU_TAG = 8;
+function _recoverMissingArgs(nodes, params) {
+  const out = [];
+  for (const node of nodes) {
+    const name = node.value;
+    const value = name !== void 0 && name in params ? params[name] : void 0;
+    const supplied = value !== void 0 && value !== null;
+    if (node.type === ICU_TAG) {
+      out.push({ ...node, children: _recoverMissingArgs(node.children ?? [], params) });
+      continue;
+    }
+    if (node.type === ICU_SELECT || node.type === ICU_PLURAL) {
+      if (supplied) {
+        const options = {};
+        for (const [key, branch2] of Object.entries(node.options ?? {})) {
+          options[key] = { value: _recoverMissingArgs(branch2.value, params) };
+        }
+        out.push({ ...node, options });
+        continue;
+      }
+      const other = node.options?.other;
+      if (!other) {
+        out.push(node);
+        continue;
+      }
+      const branch = _recoverMissingArgs(other.value, params);
+      out.push(
+        ...branch.map(
+          (child) => child.type === ICU_POUND ? { type: ICU_LITERAL, value: `{${name}}` } : child
+        )
+      );
+      continue;
+    }
+    if (!supplied && (node.type === ICU_ARGUMENT || node.type === ICU_NUMBER || node.type === ICU_DATE || node.type === ICU_TIME)) {
+      out.push({ type: ICU_LITERAL, value: `{${name}}` });
+      continue;
+    }
+    out.push(node);
+  }
+  return out;
+}
 function simpleInterpolate(template, params, locale) {
   return template.replace(/\{([^{},]+)\}/g, (match, rawKey) => {
     const key = rawKey.trim();