mg-squarespace: Better handling of blockquotes

Author: PaulAdamDavis

packages/mg-squarespace-xml/lib/process.js

@@ -69,6 +69,16 @@ const processContent = (html) => {
         }
     });
 
+    $html('figure blockquote').each((i, el) => {
+        const nextIsCaption = $(el).next('figcaption').length;
+        let captionText = '';
+        if (nextIsCaption) {
+            captionText = `<br><br>${$(el).next('figcaption').html()}`;
+            $(el).next('figcaption').remove();
+        }
+        $(el).html(`<p>${$(el).html()}${captionText}</p>`);
+    });
+
     // TODO: this should be a parser plugin
     // Wrap nested lists in HTML card
     $html('ul li ul, ol li ol, ol li ul, ul li ol').each((i, nestedList) => {

packages/mg-squarespace-xml/test/process.test.js

@@ -248,6 +248,27 @@ describe('Process', function () {
         expect(processed).not.toContain('<div class="sqs-audio-embed"');
     });
 
+    test('Can convert blockquotes', async function () {
+        let blockquote = `<p>Hello</p>
+<figure class="block-animation-none">
+  <blockquote data-animation-role="quote">
+    <span>“</span>Lorem ipsum<br><br>dolor simet.<span>”</span>
+  </blockquote>
+  <figcaption class="source">— Lipsum</figcaption>
+</figure>
+<p>World</p>`;
+
+        let processed = process.processContent(blockquote);
+
+        expect(processed).toEqual('<p>Hello</p>\n' +
+        '<figure class="block-animation-none">\n' +
+        '  <blockquote data-animation-role="quote"><p>\n' +
+        '    <span>“</span>Lorem ipsum<br><br>dolor simet.<span>”</span>\n' +
+        '  <br><br>— Lipsum</p></blockquote>\n' +
+        '  \n' +
+        '</figure>\n' +
+        '<p>World</p>');    });
+
     test('Can handle posts with no title', async function () {
         let ctx = {
             options: {