lingo.dev 0.125.2 → 0.125.4

package/build/cli.mjs

@@ -3639,8 +3639,8 @@ function serializeElement(node) {
   const attrString = Object.entries(attributes).map(([key, value]) => ` ${key}="${escapeAttributeValue(String(value))}"`).join("");
   const children = Array.isArray(node.$$) ? node.$$ : [];
   if (children.length === 0) {
-    const textContent3 = node._ ?? "";
-    return `<${name}${attrString}>${textContent3}</${name}>`;
+    const textContent2 = node._ ?? "";
+    return `<${name}${attrString}>${textContent2}</${name}>`;
   }
   const childContent = children.map(serializeElement).join("");
   return `<${name}${attrString}>${childContent}</${name}>`;
@@ -3731,119 +3731,241 @@ function createPullOutputCleaner() {
 // src/cli/loaders/html.ts
 import * as htmlparser2 from "htmlparser2";
 import { DomHandler } from "domhandler";
-import * as domutils from "domutils";
+import * as domutils2 from "domutils";
 import * as DomSerializer from "dom-serializer";
+
+// src/cli/utils/element-extraction.ts
+import * as domutils from "domutils";
+var SVG_TRANSLATABLE_TAGS = /* @__PURE__ */ new Set([
+  "title",
+  "text",
+  "desc"
+]);
+var PHRASING_ELEMENTS = /* @__PURE__ */ new Set([
+  // Text-level semantics
+  "a",
+  "abbr",
+  "b",
+  "bdi",
+  "bdo",
+  "br",
+  "cite",
+  "code",
+  "data",
+  "dfn",
+  "em",
+  "i",
+  "kbd",
+  "mark",
+  "q",
+  "ruby",
+  "s",
+  "samp",
+  "small",
+  "span",
+  "strong",
+  "sub",
+  "sup",
+  "time",
+  "u",
+  "var",
+  "wbr",
+  // Media
+  "audio",
+  "img",
+  "video",
+  "picture",
+  // Interactive
+  "button",
+  "input",
+  "label",
+  "select",
+  "textarea",
+  // Embedded
+  "canvas",
+  "iframe",
+  "object",
+  "svg",
+  "math",
+  // Other
+  "del",
+  "ins",
+  "map",
+  "area"
+]);
+var BLOCK_ELEMENTS = /* @__PURE__ */ new Set([
+  "div",
+  "p",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "ul",
+  "ol",
+  "li",
+  "dl",
+  "dt",
+  "dd",
+  "blockquote",
+  "pre",
+  "article",
+  "aside",
+  "nav",
+  "section",
+  "header",
+  "footer",
+  "main",
+  "figure",
+  "figcaption",
+  "table",
+  "thead",
+  "tbody",
+  "tfoot",
+  "tr",
+  "td",
+  "th",
+  "caption",
+  "form",
+  "fieldset",
+  "legend",
+  "details",
+  "summary",
+  "address",
+  "hr",
+  "search",
+  "dialog",
+  "noscript",
+  "title"
+]);
+var UNLOCALIZABLE_TAGS = /* @__PURE__ */ new Set([
+  "script",
+  "style"
+]);
+var BASE_LOCALIZABLE_ATTRIBUTES = {
+  meta: ["content"],
+  img: ["alt", "title"],
+  input: ["placeholder", "title"],
+  textarea: ["placeholder", "title"],
+  a: ["title"],
+  abbr: ["title"],
+  button: ["title"],
+  link: ["title"]
+};
+function isInsideUnlocalizableTag(element, unlocalizableTags = UNLOCALIZABLE_TAGS) {
+  let current = element.parent;
+  while (current && current.type === "tag") {
+    if (unlocalizableTags.has(current.name.toLowerCase())) {
+      return true;
+    }
+    current = current.parent;
+  }
+  return false;
+}
+function hasTranslatableContent(element) {
+  const text = domutils.textContent(element);
+  return text.trim().length > 0;
+}
+function isLeafBlock(element, blockElements = BLOCK_ELEMENTS) {
+  const childElements = element.children.filter(
+    (child) => child.type === "tag"
+  );
+  for (const child of childElements) {
+    if (blockElements.has(child.name.toLowerCase())) {
+      return false;
+    }
+  }
+  return hasTranslatableContent(element);
+}
+function isInsideSvg(element) {
+  let current = element.parent;
+  while (current && current.type === "tag") {
+    if (current.name.toLowerCase() === "svg") {
+      return true;
+    }
+    current = current.parent;
+  }
+  return false;
+}
+function containsSvgDescendant(element) {
+  const childElements = element.children.filter(
+    (child) => child.type === "tag"
+  );
+  for (const child of childElements) {
+    if (child.name.toLowerCase() === "svg") {
+      return true;
+    }
+    if (containsSvgDescendant(child)) {
+      return true;
+    }
+  }
+  return false;
+}
+function getSvgExtractionStrategy(element) {
+  const tagName = element.name.toLowerCase();
+  if (tagName === "svg") {
+    return "skip-recurse";
+  }
+  const inSvg = isInsideSvg(element);
+  if (!inSvg) {
+    return "process-normal";
+  }
+  return SVG_TRANSLATABLE_TAGS.has(tagName) ? "extract" : "skip-recurse";
+}
+function createElementExtractor(context, result) {
+  function extractFromElement(element, pathParts) {
+    const path20 = pathParts.join("/");
+    const tagName = element.name.toLowerCase();
+    if (isInsideUnlocalizableTag(element)) {
+      return;
+    }
+    context.extractAttributes(element, path20);
+    const svgStrategy = getSvgExtractionStrategy(element);
+    if (svgStrategy === "extract") {
+      const content = context.getInnerHTML(element).trim();
+      if (content) {
+        result[path20] = content;
+      }
+      return;
+    }
+    if (svgStrategy === "skip-recurse") {
+      let childIndex2 = 0;
+      const childElements2 = element.children.filter(
+        (child) => child.type === "tag"
+      );
+      for (const child of childElements2) {
+        extractFromElement(child, [...pathParts, childIndex2++]);
+      }
+      return;
+    }
+    if (BLOCK_ELEMENTS.has(tagName) && isLeafBlock(element) && !containsSvgDescendant(element)) {
+      const content = context.getInnerHTML(element).trim();
+      if (content) {
+        result[path20] = content;
+      }
+      return;
+    }
+    if (PHRASING_ELEMENTS.has(tagName) && hasTranslatableContent(element) && !containsSvgDescendant(element)) {
+      const content = context.getInnerHTML(element).trim();
+      if (content) {
+        result[path20] = content;
+      }
+      return;
+    }
+    let childIndex = 0;
+    const childElements = element.children.filter(
+      (child) => child.type === "tag"
+    );
+    for (const child of childElements) {
+      extractFromElement(child, [...pathParts, childIndex++]);
+    }
+  }
+  return extractFromElement;
+}
+
+// src/cli/loaders/html.ts
 function createHtmlLoader() {
-  const PHRASING_ELEMENTS = /* @__PURE__ */ new Set([
-    // Text-level semantics
-    "a",
-    "abbr",
-    "b",
-    "bdi",
-    "bdo",
-    "br",
-    "cite",
-    "code",
-    "data",
-    "dfn",
-    "em",
-    "i",
-    "kbd",
-    "mark",
-    "q",
-    "ruby",
-    "s",
-    "samp",
-    "small",
-    "span",
-    "strong",
-    "sub",
-    "sup",
-    "time",
-    "u",
-    "var",
-    "wbr",
-    // Media
-    "audio",
-    "img",
-    "video",
-    "picture",
-    // Interactive
-    "button",
-    "input",
-    "label",
-    "select",
-    "textarea",
-    // Embedded
-    "canvas",
-    "iframe",
-    "object",
-    "svg",
-    "math",
-    // Other
-    "del",
-    "ins",
-    "map",
-    "area"
-  ]);
-  const BLOCK_ELEMENTS = /* @__PURE__ */ new Set([
-    "div",
-    "p",
-    "h1",
-    "h2",
-    "h3",
-    "h4",
-    "h5",
-    "h6",
-    "ul",
-    "ol",
-    "li",
-    "dl",
-    "dt",
-    "dd",
-    "blockquote",
-    "pre",
-    "article",
-    "aside",
-    "nav",
-    "section",
-    "header",
-    "footer",
-    "main",
-    "figure",
-    "figcaption",
-    "table",
-    "thead",
-    "tbody",
-    "tfoot",
-    "tr",
-    "td",
-    "th",
-    "caption",
-    "form",
-    "fieldset",
-    "legend",
-    "details",
-    "summary",
-    "address",
-    "hr",
-    "search",
-    "dialog",
-    "noscript",
-    "title"
-    // <title> should be treated as a block element for translation
-  ]);
-  const UNLOCALIZABLE_TAGS = /* @__PURE__ */ new Set(["script", "style"]);
-  const LOCALIZABLE_ATTRIBUTES2 = {
-    meta: ["content"],
-    img: ["alt", "title"],
-    input: ["placeholder", "title"],
-    textarea: ["placeholder", "title"],
-    a: ["title"],
-    abbr: ["title"],
-    button: ["title"],
-    link: ["title"]
-  };
   return createLoader({
     async pull(locale, input2) {
       const result = {};
@@ -3855,37 +3977,14 @@ function createHtmlLoader() {
       parser.write(input2);
       parser.end();
       const dom = handler.dom;
-      function isInsideUnlocalizableTag(element) {
-        let current = element.parent;
-        while (current && current.type === "tag") {
-          if (UNLOCALIZABLE_TAGS.has(current.name.toLowerCase())) {
-            return true;
-          }
-          current = current.parent;
-        }
-        return false;
-      }
-      function hasTranslatableContent(element) {
-        const text = domutils.textContent(element);
-        return text.trim().length > 0;
-      }
-      function isLeafBlock(element) {
-        const childElements = element.children.filter(
-          (child) => child.type === "tag"
-        );
-        for (const child of childElements) {
-          if (BLOCK_ELEMENTS.has(child.name.toLowerCase())) {
-            return false;
-          }
-        }
-        return hasTranslatableContent(element);
-      }
       function getInnerHTML2(element) {
-        return element.children.map((child) => DomSerializer.default(child, { encodeEntities: false })).join("");
+        return element.children.map(
+          (child) => DomSerializer.default(child, { encodeEntities: false })
+        ).join("");
       }
       function extractAttributes(element, path20) {
         const tagName = element.name.toLowerCase();
-        const attrs = LOCALIZABLE_ATTRIBUTES2[tagName];
+        const attrs = BASE_LOCALIZABLE_ATTRIBUTES[tagName];
         if (!attrs) return;
         for (const attr of attrs) {
           const value = element.attribs?.[attr];
@@ -3894,47 +3993,22 @@ function createHtmlLoader() {
           }
         }
       }
-      function extractFromElement(element, pathParts) {
-        const path20 = pathParts.join("/");
-        if (isInsideUnlocalizableTag(element)) {
-          return;
-        }
-        extractAttributes(element, path20);
-        const tagName = element.name.toLowerCase();
-        if (BLOCK_ELEMENTS.has(tagName) && isLeafBlock(element)) {
-          const content = getInnerHTML2(element).trim();
-          if (content) {
-            result[path20] = content;
-          }
-          return;
-        }
-        if (PHRASING_ELEMENTS.has(tagName) && hasTranslatableContent(element)) {
-          const content = getInnerHTML2(element).trim();
-          if (content) {
-            result[path20] = content;
-          }
-          return;
-        }
-        let childIndex = 0;
-        const childElements = element.children.filter(
-          (child) => child.type === "tag"
-        );
-        for (const child of childElements) {
-          extractFromElement(child, [...pathParts, childIndex++]);
-        }
-      }
-      const html = domutils.findOne(
+      const extractFromElement = createElementExtractor(
+        { getInnerHTML: getInnerHTML2, extractAttributes },
+        result
+      );
+      const html = domutils2.findOne(
         (elem) => elem.type === "tag" && elem.name.toLowerCase() === "html",
         dom,
         true
       );
       if (html) {
-        const head = domutils.findOne(
+        const head = domutils2.findOne(
           (elem) => elem.type === "tag" && elem.name.toLowerCase() === "head",
           html.children,
           true
         );
-        const body = domutils.findOne(
+        const body = domutils2.findOne(
           (elem) => elem.type === "tag" && elem.name.toLowerCase() === "body",
           html.children,
           true
@@ -3979,7 +4053,7 @@ function createHtmlLoader() {
       );
       parser.end();
       const dom = handler.dom;
-      const html = domutils.findOne(
+      const html = domutils2.findOne(
         (elem) => elem.type === "tag" && elem.name.toLowerCase() === "html",
         dom,
         true
@@ -4009,13 +4083,13 @@ function createHtmlLoader() {
         let current = null;
         if (html) {
           if (rootTag === "head") {
-            current = domutils.findOne(
+            current = domutils2.findOne(
               (elem) => elem.type === "tag" && elem.name.toLowerCase() === "head",
               html.children,
               true
             );
           } else if (rootTag === "body") {
-            current = domutils.findOne(
+            current = domutils2.findOne(
               (elem) => elem.type === "tag" && elem.name.toLowerCase() === "body",
               html.children,
               true
@@ -4432,9 +4506,9 @@ function serializeXmlNode(node) {
   const attrString = Object.entries(attrs).map(([key, value]) => ` ${key}="${escapeAttributeValue2(String(value))}"`).join("");
   const children = node.$$ || [];
   if (children.length === 0) {
-    const textContent3 = node._ || "";
-    if (textContent3) {
-      return `<${name}${attrString}>${textContent3}</${name}>`;
+    const textContent2 = node._ || "";
+    if (textContent2) {
+      return `<${name}${attrString}>${textContent2}</${name}>`;
     }
     return `<${name}${attrString} />`;
   }
@@ -4490,9 +4564,9 @@ function serializeElement2(node, indent2 = "") {
   const attrString = Object.entries(attributes).map(([key, value]) => ` ${key}="${escapeAttributeValue2(String(value))}"`).join("");
   const children = Array.isArray(node.$$) ? node.$$ : [];
   if (children.length === 0) {
-    const textContent3 = node._ ?? "";
-    if (textContent3) {
-      return `${indent2}<${name}${attrString}>${textContent3}</${name}>`;
+    const textContent2 = node._ ?? "";
+    if (textContent2) {
+      return `${indent2}<${name}${attrString}>${textContent2}</${name}>`;
     }
     return `${indent2}<${name}${attrString} />`;
   }
@@ -6053,10 +6127,10 @@ function formatXml(xml) {
     if (cdataNode) {
       return `${indent2}${openTag}<![CDATA[${cdataNode.nodeValue}]]></${tagName}>`;
     }
-    const textContent3 = element.textContent?.trim() || "";
+    const textContent2 = element.textContent?.trim() || "";
     const hasOnlyText = element.childNodes.length === 1 && element.childNodes[0].nodeType === 3;
-    if (hasOnlyText && textContent3) {
-      return `${indent2}${openTag}${textContent3}</${tagName}>`;
+    if (hasOnlyText && textContent2) {
+      return `${indent2}${openTag}${textContent2}</${tagName}>`;
     }
     const children = Array.from(element.children);
     if (children.length === 0) {
@@ -9376,14 +9450,14 @@ function parseEjsForTranslation(input2) {
     if (part.type === "ejs") {
       template += part.content;
     } else {
-      const textContent3 = part.content;
+      const textContent2 = part.content;
       const htmlTagRegex = /<[^>]+>/g;
       const textParts = [];
       let lastTextIndex = 0;
       let htmlMatch;
-      while ((htmlMatch = htmlTagRegex.exec(textContent3)) !== null) {
+      while ((htmlMatch = htmlTagRegex.exec(textContent2)) !== null) {
         if (htmlMatch.index > lastTextIndex) {
-          const textBefore = textContent3.slice(lastTextIndex, htmlMatch.index);
+          const textBefore = textContent2.slice(lastTextIndex, htmlMatch.index);
           if (textBefore.trim()) {
             textParts.push({ type: "text", content: textBefore });
           } else {
@@ -9393,8 +9467,8 @@ function parseEjsForTranslation(input2) {
         textParts.push({ type: "html", content: htmlMatch[0] });
         lastTextIndex = htmlMatch.index + htmlMatch[0].length;
       }
-      if (lastTextIndex < textContent3.length) {
-        const remainingText = textContent3.slice(lastTextIndex);
+      if (lastTextIndex < textContent2.length) {
+        const remainingText = textContent2.slice(lastTextIndex);
         if (remainingText.trim()) {
           textParts.push({ type: "text", content: remainingText });
         } else {
@@ -9402,11 +9476,11 @@ function parseEjsForTranslation(input2) {
         }
       }
       if (textParts.length === 0) {
-        const trimmedContent = textContent3.trim();
+        const trimmedContent = textContent2.trim();
         if (trimmedContent) {
-          textParts.push({ type: "text", content: textContent3 });
+          textParts.push({ type: "text", content: textContent2 });
         } else {
-          textParts.push({ type: "html", content: textContent3 });
+          textParts.push({ type: "html", content: textContent2 });
         }
       }
       for (const textPart of textParts) {
@@ -9478,117 +9552,15 @@ function createEjsLoader() {
 // src/cli/loaders/twig.ts
 import * as htmlparser23 from "htmlparser2";
 import { DomHandler as DomHandler3 } from "domhandler";
-import * as domutils2 from "domutils";
+import * as domutils3 from "domutils";
 import * as DomSerializer2 from "dom-serializer";
 function createTwigLoader() {
-  const PHRASING_ELEMENTS = /* @__PURE__ */ new Set([
-    // Text-level semantics
-    "a",
-    "abbr",
-    "b",
-    "bdi",
-    "bdo",
-    "br",
-    "cite",
-    "code",
-    "data",
-    "dfn",
-    "em",
-    "i",
-    "kbd",
-    "mark",
-    "q",
-    "ruby",
-    "s",
-    "samp",
-    "small",
-    "span",
-    "strong",
-    "sub",
-    "sup",
-    "time",
-    "u",
-    "var",
-    "wbr",
-    // Media
-    "audio",
-    "img",
-    "video",
-    "picture",
-    // Interactive
-    "button",
-    "input",
-    "label",
-    "select",
-    "textarea",
-    // Embedded
-    "canvas",
-    "iframe",
-    "object",
-    "svg",
-    "math",
-    // Other
-    "del",
-    "ins",
-    "map",
-    "area"
-  ]);
-  const BLOCK_ELEMENTS = /* @__PURE__ */ new Set([
-    "div",
-    "p",
-    "h1",
-    "h2",
-    "h3",
-    "h4",
-    "h5",
-    "h6",
-    "ul",
-    "ol",
-    "li",
-    "dl",
-    "dt",
-    "dd",
-    "blockquote",
-    "pre",
-    "article",
-    "aside",
-    "nav",
-    "section",
-    "header",
-    "footer",
-    "main",
-    "figure",
-    "figcaption",
-    "table",
-    "thead",
-    "tbody",
-    "tfoot",
-    "tr",
-    "td",
-    "th",
-    "caption",
-    "form",
-    "fieldset",
-    "legend",
-    "details",
-    "summary",
-    "address",
-    "hr",
-    "search",
-    "dialog",
-    "noscript",
-    "title"
-  ]);
-  const UNLOCALIZABLE_TAGS = /* @__PURE__ */ new Set(["script", "style"]);
   const LOCALIZABLE_ATTRIBUTES2 = {
-    meta: ["content"],
-    img: ["alt", "title"],
+    ...BASE_LOCALIZABLE_ATTRIBUTES,
     input: ["placeholder", "title", "aria-label"],
     textarea: ["placeholder", "title", "aria-label"],
     button: ["title", "aria-label"],
-    a: ["title", "aria-label"],
-    abbr: ["title"],
-    link: ["title"]
+    a: ["title", "aria-label"]
   };
   function preprocessTwig(input2) {
     const twigBlocks = [];
@@ -9622,33 +9594,10 @@ function createTwigLoader() {
       parser.write(processed);
       parser.end();
       const dom = handler.dom;
-      function isInsideUnlocalizableTag(element) {
-        let current = element.parent;
-        while (current && current.type === "tag") {
-          if (UNLOCALIZABLE_TAGS.has(current.name.toLowerCase())) {
-            return true;
-          }
-          current = current.parent;
-        }
-        return false;
-      }
-      function hasTranslatableContent(element) {
-        const text = domutils2.textContent(element);
-        return text.trim().length > 0;
-      }
-      function isLeafBlock(element) {
-        const childElements = element.children.filter(
-          (child) => child.type === "tag"
-        );
-        for (const child of childElements) {
-          if (BLOCK_ELEMENTS.has(child.name.toLowerCase())) {
-            return false;
-          }
-        }
-        return hasTranslatableContent(element);
-      }
       function getInnerHTML2(element) {
-        const html2 = element.children.map((child) => DomSerializer2.default(child, { encodeEntities: false })).join("");
+        const html2 = element.children.map(
+          (child) => DomSerializer2.default(child, { encodeEntities: false })
+        ).join("");
         return postprocessTwig(html2, twigBlocks);
       }
       function extractAttributes(element, path20) {
@@ -9663,47 +9612,22 @@ function createTwigLoader() {
           }
         }
       }
-      function extractFromElement(element, pathParts) {
-        const path20 = pathParts.join("/");
-        if (isInsideUnlocalizableTag(element)) {
-          return;
-        }
-        extractAttributes(element, path20);
-        const tagName = element.name.toLowerCase();
-        if (BLOCK_ELEMENTS.has(tagName) && isLeafBlock(element)) {
-          const content = getInnerHTML2(element).trim();
-          if (content) {
-            result[path20] = content;
-          }
-          return;
-        }
-        if (PHRASING_ELEMENTS.has(tagName) && hasTranslatableContent(element)) {
-          const content = getInnerHTML2(element).trim();
-          if (content) {
-            result[path20] = content;
-          }
-          return;
-        }
-        let childIndex = 0;
-        const childElements = element.children.filter(
-          (child) => child.type === "tag"
-        );
-        for (const child of childElements) {
-          extractFromElement(child, [...pathParts, childIndex++]);
-        }
-      }
-      const html = domutils2.findOne(
+      const extractFromElement = createElementExtractor(
+        { getInnerHTML: getInnerHTML2, extractAttributes },
+        result
+      );
+      const html = domutils3.findOne(
         (elem) => elem.type === "tag" && elem.name.toLowerCase() === "html",
         dom,
         true
       );
       if (html) {
-        const head = domutils2.findOne(
+        const head = domutils3.findOne(
           (elem) => elem.type === "tag" && elem.name.toLowerCase() === "head",
           html.children,
           true
         );
-        const body = domutils2.findOne(
+        const body = domutils3.findOne(
           (elem) => elem.type === "tag" && elem.name.toLowerCase() === "body",
           html.children,
           true
@@ -9744,10 +9668,12 @@ function createTwigLoader() {
         lowerCaseTags: false,
         lowerCaseAttributeNames: false
       });
-      parser.write(processed || "<!DOCTYPE html><html><head></head><body></body></html>");
+      parser.write(
+        processed || "<!DOCTYPE html><html><head></head><body></body></html>"
+      );
       parser.end();
       const dom = handler.dom;
-      const html = domutils2.findOne(
+      const html = domutils3.findOne(
         (elem) => elem.type === "tag" && elem.name.toLowerCase() === "html",
         dom,
         true
@@ -9777,13 +9703,13 @@ function createTwigLoader() {
         let current = null;
         if (html) {
           if (rootTag === "head") {
-            current = domutils2.findOne(
+            current = domutils3.findOne(
               (elem) => elem.type === "tag" && elem.name.toLowerCase() === "head",
               html.children,
               true
             );
           } else if (rootTag === "body") {
-            current = domutils2.findOne(
+            current = domutils3.findOne(
               (elem) => elem.type === "tag" && elem.name.toLowerCase() === "body",
               html.children,
               true
@@ -9831,7 +9757,9 @@ function createTwigLoader() {
           }
         }
       }
-      const serialized = DomSerializer2.default(dom, { encodeEntities: false });
+      const serialized = DomSerializer2.default(dom, {
+        encodeEntities: false
+      });
       return postprocessTwig(serialized, twigBlocks);
     }
   });
@@ -15246,7 +15174,7 @@ async function renderHero2() {
 // package.json
 var package_default = {
   name: "lingo.dev",
-  version: "0.125.2",
+  version: "0.125.4",
   description: "Lingo.dev CLI",
   private: false,
   repository: {