Fix alignment

Related to micromark/micromark-extension-gfm-table@1feab0b Closes remarkjs/react-markdown#664 Closes remarkjs/remark-gfm#29.
syntax-tree · Dec 21, 2021 · a28b860 · a28b860
1 parent 59a11b2
commit a28b860
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 2 deletions.
diff --git a/index.js b/index.js
@@ -40,10 +40,17 @@ export const gfmTableFromMarkdown = {
 
 /** @type {FromMarkdownHandle} */
 function enterTable(token) {
-  /** @type {AlignType[]} */
+  /** @type {Array<'left'|'right'|'center'|'none'>} */
   // @ts-expect-error: `align` is custom.
   const align = token._align
-  this.enter({type: 'table', align, children: []}, token)
+  this.enter(
+    {
+      type: 'table',
+      align: align.map((d) => (d === 'none' ? null : d)),
+      children: []
+    },
+    token
+  )
   this.setData('inTable', true)
 }
 

diff --git a/test.js b/test.js
@@ -64,6 +64,37 @@ test('markdown -> mdast', (t) => {
     'should support tables'
   )
 
+  t.deepEqual(
+    removePosition(
+      fromMarkdown('| a | b | c | d |\n| - | :- | -: | :-: |', {
+        extensions: [gfmTable],
+        mdastExtensions: [gfmTableFromMarkdown]
+      }),
+      true
+    ),
+    {
+      type: 'root',
+      children: [
+        {
+          type: 'table',
+          align: [null, 'left', 'right', 'center'],
+          children: [
+            {
+              type: 'tableRow',
+              children: [
+                {type: 'tableCell', children: [{type: 'text', value: 'a'}]},
+                {type: 'tableCell', children: [{type: 'text', value: 'b'}]},
+                {type: 'tableCell', children: [{type: 'text', value: 'c'}]},
+                {type: 'tableCell', children: [{type: 'text', value: 'd'}]}
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    'should support alignment'
+  )
+
   t.deepEqual(
     removePosition(
       fromMarkdown('| `\\|` |\n | --- |', {