Fix whitespace on the ends of italics/bold/strikethrough breaking `fi…

…elds.markdoc` (#1178)

.changeset/fuzzy-bulldogs-add.md

@@ -0,0 +1,5 @@
+---
+'@keystatic/core': patch
+---
+
+Fix whitespace on the ends of italics/bold/strikethrough breaking `fields.markdoc`

packages/keystatic/src/form/fields/markdoc/editor/markdoc/serialize.ts

@@ -34,7 +34,7 @@ function _inline(
       {},
       textblockChildren(
         fragment,
-        (text): MarkdocNode => new Ast.Node('text', { value: text }),
+        (content): MarkdocNode => new Ast.Node('text', { content }),
         node => getLeafContent(node, state),
         mark => getWrapperForMark(mark, state)
       )

packages/keystatic/src/form/fields/markdoc/editor/tests/markdoc.test.tsx

@@ -566,3 +566,24 @@ test('more', () => {
     "
   `);
 });
+
+for (const [mark, symbol] of [
+  ['bold', '**'],
+  ['italic', '*'],
+  ['strikethrough', '~~'],
+] as const) {
+  test(`whitespace is ejected from ${mark}`, () => {
+    const editor = (
+      <doc>
+        <paragraph>
+          <text>something</text>
+          <text {...{ [mark]: true }}>
+            <cursor /> a{' '}
+          </text>
+          <text>something</text>
+        </paragraph>
+      </doc>
+    );
+    expect(toMarkdoc(editor)).toBe(`something ${symbol}a${symbol} something\n`);
+  });
+}

packages/keystatic/src/form/fields/markdoc/editor/tests/mdx.test.tsx

@@ -932,3 +932,24 @@ test('more', () => {
     "
   `);
 });
+
+for (const [mark, symbol] of [
+  ['bold', '**'],
+  ['italic', '*'],
+  ['strikethrough', '~~'],
+] as const) {
+  test(`whitespace is ejected from ${mark}`, () => {
+    const editor = (
+      <doc>
+        <paragraph>
+          <text>something</text>
+          <text {...{ [mark]: true }}>
+            <cursor /> a{' '}
+          </text>
+          <text>something</text>
+        </paragraph>
+      </doc>
+    );
+    expect(toMDX(editor)).toBe(`something ${symbol}a${symbol} something\n`);
+  });
+}