langsys-js-typescript 0.4.0 → 0.4.1

package/dist/index.mjs

@@ -263,6 +263,9 @@ function isICU(template) {
   return ICU_PATTERN.test(template);
 }
 var ICU_PATTERN = /\{[^{}]+,\s*(plural|select|selectordinal|number|date|time)\s*[,}]/;
+function normalizeMarkupPlaceholders(text) {
+  return text.replace(/%([A-Za-z_][A-Za-z0-9_]*)%/g, "{$1}");
+}
 function interpolate(template, params, locale) {
   if (isICU(template)) {
     try {
@@ -1139,7 +1142,7 @@ function tokenizeElement(element) {
   const tokens = [];
   const clone = element.cloneNode(true);
   _walkForTokens(element, Array.from(clone.childNodes), tokens, []);
-  return { tokens, content: clone.outerHTML };
+  return { tokens, content: normalizeMarkupPlaceholders(clone.outerHTML) };
 }
 function _writeKnownContentBlockToCache(category, customId) {
   const lookupCat = category || "__uncategorized__";
@@ -1169,7 +1172,7 @@ function _walkForTokens(liveRoot, cloneNodes, tokens, indices) {
     }
     const contentToken = node.nodeValue?.replace(/\s+/g, " ").trim();
     if (node.nodeType === Node.TEXT_NODE && contentToken) {
-      tokens.push(contentToken);
+      tokens.push(normalizeMarkupPlaceholders(contentToken));
       return;
     }
     if (!node.hasChildNodes()) return;
@@ -1184,24 +1187,24 @@ function _tokenizeAttributes(element, tokens) {
   }
   for (const attr of TRANSLATABLE_ATTRIBUTES) {
     const value = element.getAttribute(attr)?.trim();
-    if (value) tokens.push(value);
+    if (value) tokens.push(normalizeMarkupPlaceholders(value));
   }
   if (VALUE_TRANSLATABLE_ELEMENTS.includes(tagName)) {
     const value = element.getAttribute("value")?.trim();
-    if (value) tokens.push(value);
+    if (value) tokens.push(normalizeMarkupPlaceholders(value));
   }
   if (tagName === "input") {
     const inputType = element.getAttribute("type")?.toLowerCase();
     if (inputType && VALUE_TRANSLATABLE_INPUT_TYPES.includes(inputType)) {
       const value = element.getAttribute("value")?.trim();
-      if (value) tokens.push(value);
+      if (value) tokens.push(normalizeMarkupPlaceholders(value));
     }
   }
   if (tagName === "select") {
     const options = element.querySelectorAll("option");
     options.forEach((option) => {
       const optionText = option.textContent?.trim();
-      if (optionText) tokens.push(optionText);
+      if (optionText) tokens.push(normalizeMarkupPlaceholders(optionText));
     });
   }
 }
@@ -1342,7 +1345,7 @@ var Translate = class {
       }
       if (isEmpty(node.nodeValue?.trim())) return;
       if (isEmpty(node.originalNodeValue)) {
-        node.originalNodeValue = node.nodeValue;
+        node.originalNodeValue = normalizeMarkupPlaceholders(node.nodeValue);
       }
       const contentToken = node.originalNodeValue?.replace(/\s+/g, " ").trim();
       if (!contentToken) return;
@@ -1391,7 +1394,7 @@ var Translate = class {
         const optionEl = option;
         if (!optionEl.originalAttributes) optionEl.originalAttributes = {};
         if (optionEl.originalAttributes["textContent"] === void 0) {
-          optionEl.originalAttributes["textContent"] = option.textContent || "";
+          optionEl.originalAttributes["textContent"] = normalizeMarkupPlaceholders(option.textContent || "");
         }
         const originalText = optionEl.originalAttributes["textContent"].trim();
         if (originalText) {
@@ -1405,7 +1408,7 @@ var Translate = class {
     const currentValue = element.getAttribute(attr);
     if (!currentValue) return;
     if (element.originalAttributes[attr] === void 0) {
-      element.originalAttributes[attr] = currentValue;
+      element.originalAttributes[attr] = normalizeMarkupPlaceholders(currentValue);
     }
     const originalValue = element.originalAttributes[attr].trim();
     if (!originalValue) return;
@@ -1424,7 +1427,7 @@ var SENT_SCAN = /\uE000(\d+)\uE001|\uE002(\d+)\uE003/g;
 function encodeRichText(root) {
   const slots = [];
   const phrase = _encodeNodes(Array.from(root.childNodes), slots);
-  return { phrase: phrase.replace(/\s+/g, " ").trim(), slots };
+  return { phrase: normalizeMarkupPlaceholders(phrase.replace(/\s+/g, " ").trim()), slots };
 }
 function _encodeNodes(nodes, slots) {
   let out = "";
@@ -1543,6 +1546,6 @@ var t = ((phrase, ...rest) => {
 });
 var tSignal = LangsysApp.Translations.tSignal;
 
-export { LangsysApp, LangsysAppAPI, Logger, PHRASE_MARKER_ATTR, Phrase, Translate, Translations, canonicalizeLocale, createSignal, currentlyLoadedLocale, encodeRichText, generateCustomId, getValue, interpolate, isContentBlockKnown, isEmpty, isICU, logger, markupTokenValues, md5, persist, reconstitute, registerContentBlock, sTranslations, stripSentinels, t, tSignal, tokenizeElement };
+export { LangsysApp, LangsysAppAPI, Logger, PHRASE_MARKER_ATTR, Phrase, Translate, Translations, canonicalizeLocale, createSignal, currentlyLoadedLocale, encodeRichText, generateCustomId, getValue, interpolate, isContentBlockKnown, isEmpty, isICU, logger, markupTokenValues, md5, normalizeMarkupPlaceholders, persist, reconstitute, registerContentBlock, sTranslations, stripSentinels, t, tSignal, tokenizeElement };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map