Markdown: don't require preceding newline (#313)

Author: platypii

package.json

@@ -56,7 +56,7 @@
   },
   "dependencies": {
     "hightable": "0.18.5",
-    "hyparquet": "1.17.7",
+    "hyparquet": "1.17.8",
     "hyparquet-compressors": "1.1.1",
     "icebird": "0.3.0",
     "react": "18.3.1",
@@ -66,8 +66,8 @@
     "@eslint/js": "9.35.0",
     "@storybook/react-vite": "9.1.5",
     "@testing-library/react": "16.3.0",
-    "@types/node": "24.3.1",
-    "@types/react": "19.1.12",
+    "@types/node": "24.4.0",
+    "@types/react": "19.1.13",
     "@types/react-dom": "19.1.9",
     "@vitejs/plugin-react": "5.0.2",
     "@vitest/coverage-v8": "3.2.4",
@@ -76,14 +76,14 @@
     "eslint-plugin-react-hooks": "5.2.0",
     "eslint-plugin-react-refresh": "0.4.20",
     "eslint-plugin-storybook": "9.1.5",
-    "globals": "16.3.0",
-    "jsdom": "26.1.0",
+    "globals": "16.4.0",
+    "jsdom": "27.0.0",
     "nodemon": "3.1.10",
     "npm-run-all": "4.1.5",
     "storybook": "9.1.5",
     "typescript": "5.8.3",
-    "typescript-eslint": "8.42.0",
-    "vite": "7.1.4",
+    "typescript-eslint": "8.43.0",
+    "vite": "7.1.5",
     "vitest": "3.2.4"
   },
   "eslintConfig": {

src/components/Markdown/Markdown.test.tsx

@@ -536,4 +536,17 @@ describe('Markdown with tables', () => {
     expect(getByText('Row 2')).toBeDefined()
     expect(getByText('Data 2')).toBeDefined()
   })
+
+  it('renders a table without preceding newline', () => {
+    const text = 'Oldest houses:\n| id | year |\n|---|---|\n| 83 | 1920 |\n| 19 | 1951 |'
+    const { getByText, getByRole } = render(<Markdown text={text} />)
+    expect(getByRole('table')).toBeDefined()
+    expect(getByText('id')).toBeDefined()
+    expect(getByText('year')).toBeDefined()
+    expect(getByText('83')).toBeDefined()
+    expect(getByText('1920')).toBeDefined()
+    expect(getByText('19')).toBeDefined()
+    expect(getByText('1951')).toBeDefined()
+    expect(getByText('Oldest houses:')).toBeDefined()
+  })
 })

src/components/Markdown/Markdown.tsx

@@ -152,6 +152,12 @@ function parseMarkdown(text: string): Token[] {
       if (/^(#{1,6})\s+/.test(ln)) break // heading
       if (/^(\s*)([-*+–•‣◦○⚬]|\d+\.)\s+/.test(ln)) break // list item
       if (/^---+$/.test(ln.trim())) break // horizontal rule
+      // table start: a header row followed by a separator row
+      if (ln.includes('|') && i + 1 < lines.length) {
+        const sepLine = lines[i + 1] ?? ''
+        const tableSepRegex = /^\s*\|?\s*:?[-–—]+:?\s*(\|\s*:?[-–—]+:?\s*)*\|?\s*$/
+        if (sepLine.includes('|') && tableSepRegex.test(sepLine)) break
+      }
 
       paraLines.push(ln)
       i++