fix(Crowdin): preserve exact inline whitespace after translation

Update Crowdin whitespace boundary handling to capture and restore the full leading/trailing whitespace strings, not just a single space. This keeps original formatting intact for translated inline nodes, including newline boundaries in syntax-highlighted code blocks. Adds a regression test that verifies line breaks are restored between translated checklist lines.

Author: ReenigneArcher

src/js/crowdin.js

@@ -41,7 +41,9 @@ const CROWDIN_INLINE_ELEMENT_SELECTOR = [
  * @returns {Array<{
  *     node: Text,
  *     leading: boolean,
+ *     leadingWhitespace: string,
  *     trailing: boolean,
+ *     trailingWhitespace: string,
  *     previousInline: Element|null,
  *     nextInline: Element|null,
  *     whitespaceOnly: boolean
@@ -59,12 +61,16 @@ function _captureCrowdinWhitespaceBoundaries() {
             node.nextSibling.matches(CROWDIN_INLINE_ELEMENT_SELECTOR);
         const leading = previousIsInline && /^\s/.test(node.data);
         const trailing = nextIsInline && /\s$/.test(node.data);
+        const leadingWhitespace = leading ? /^\s+/.exec(node.data)[0] : '';
+        const trailingWhitespace = trailing ? /\s+$/.exec(node.data)[0] : '';
 
         if (leading || trailing) {
             boundaries.push({
                 node,
                 leading,
+                leadingWhitespace,
                 trailing,
+                trailingWhitespace,
                 previousInline: previousIsInline ? node.previousSibling : null,
                 nextInline: nextIsInline ? node.nextSibling : null,
                 whitespaceOnly: /^\s*$/.test(node.data),
@@ -119,11 +125,14 @@ function _restoreCrowdinWhitespaceBoundaries(boundaries) {
         const node = _resolveCrowdinWhitespaceNode(boundary);
         if (node === null) return;
 
-        if (boundary.leading && !/^\s/.test(node.data)) {
-            node.data = ' ' + node.data;
+        const currentLeadingWhitespace = /^\s*/.exec(node.data)[0];
+        if (boundary.leading && currentLeadingWhitespace !== boundary.leadingWhitespace) {
+            node.data = boundary.leadingWhitespace + node.data.slice(currentLeadingWhitespace.length);
         }
-        if (boundary.trailing && !/\s$/.test(node.data)) {
-            node.data += ' ';
+        const currentTrailingWhitespace = /\s*$/.exec(node.data)[0];
+        if (boundary.trailing && currentTrailingWhitespace !== boundary.trailingWhitespace) {
+            const translatedTextEnd = node.data.length - currentTrailingWhitespace.length;
+            node.data = node.data.slice(0, translatedTextEnd) + boundary.trailingWhitespace;
         }
     });
 }

tests/crowdin.test.js

@@ -175,6 +175,27 @@ describe('initCrowdIn', () => {
         expect(nextAnchor.textContent).toBe(' kept');
     });
 
+    it('should restore line breaks between translated syntax-highlighted lines', () => {
+        globalThis.document.body.innerHTML = [
+            '<pre id="code-block"><span></span><span class="k">- [x]</span> This is a complete item\n',
+            '<span class="k">- [ ]</span> This is an incomplete item\n</pre>',
+        ].join('');
+
+        initCrowdIn();
+        jest.runAllTimers();
+
+        const options = globalThis.proxyTranslator.init.mock.calls[0][0];
+        const codeBlock = globalThis.document.getElementById('code-block');
+        const firstLineText = codeBlock.querySelector('.k').nextSibling;
+
+        firstLineText.data = firstLineText.data.trim();
+        options.callback();
+
+        expect(codeBlock.textContent).toBe(
+            '- [x] This is a complete item\n- [ ] This is an incomplete item\n'
+        );
+    });
+
     it('should restore whitespace after later asynchronous DOM changes', async () => {
         globalThis.document.body.innerHTML = '<p id="translated">Use <a href="#">this link</a> here.</p>';