@glossarist/concept-browser 0.7.8 → 0.7.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glossarist/concept-browser",
-  "version": "0.7.8",
+  "version": "0.7.9",
   "description": "Vue SPA for browsing Glossarist terminology datasets with cross-reference resolution, graph visualization, and multi-language support",
   "type": "module",
   "bin": {

package/src/__tests__/math.test.ts

@@ -33,6 +33,15 @@ describe('renderMath', () => {
     expect(result).toContain('<li>second item</li>');
   });
 
+  it('converts AsciiDoc pipe-delimited tables to <table>', () => {
+    const input = 'Intro text\n\n|===\n| a | b | c\n| d | e | f\n|===';
+    const result = renderMath(input);
+    expect(result).toContain('<table class="concept-table">');
+    expect(result).toContain('<tr><td>a</td><td>b</td><td>c</td></tr>');
+    expect(result).toContain('<tr><td>d</td><td>e</td><td>f</td></tr>');
+    expect(result).not.toContain('|===');
+  });
+
   it('resolves URN inline refs via xrefResolver', () => {
     const resolver = (uri: string, term: string) => `[${term}→${uri}]`;
     const result = renderMath(

package/src/style.css

@@ -146,6 +146,19 @@
     margin: 0.25rem 0;
   }
 
+  .concept-table {
+    border-collapse: collapse;
+    margin: 0.75rem 0;
+    font-size: 0.875rem;
+    width: 100%;
+  }
+  .concept-table td {
+    border: 1px solid var(--ink-200, #d1d5db);
+    padding: 0.375rem 0.625rem;
+    vertical-align: top;
+    text-align: left;
+  }
+
   /* Smooth collapse for language sections */
   .lang-content {
     overflow: hidden;

package/src/utils/math.ts

@@ -54,7 +54,20 @@ function mathPlaceholder(expr: string, format: string, bold: boolean): string {
 }
 
 function convertLists(text: string): string {
-  let result = text.replace(/(?:^|\n)((?:[ \t]*\* [^\n]+)(?:\n[ \t]*\* [^\n]+)*)/g, (_, block) => {
+  // AsciiDoc pipe-delimited tables: |=== ... |===
+  let result = text.replace(/\|===\n([\s\S]*?)\n\|===/g, (_, body) => {
+    const rows = body.split('\n').filter(line => line.trim().length > 0);
+    const htmlRows = rows.map(row => {
+      // Each row starts with "| " — strip the leading pipe then split on " | "
+      const cells = row.replace(/^\| */, '').split(/ \| /);
+      const htmlCells = cells.map(c => `<td>${c.trim()}</td>`).join('');
+      return `<tr>${htmlCells}</tr>`;
+    });
+    return `<table class="concept-table">${htmlRows.join('')}</table>`;
+  });
+
+  // Bullet lists: * item
+  result = result.replace(/(?:^|\n)((?:[ \t]*\* [^\n]+)(?:\n[ \t]*\* [^\n]+)*)/g, (_, block) => {
     if (/^\*stem:\[/.test(block.trimStart())) return _;
     const items: string[] = [];
     const re = /[ \t]*\* ([^\n]+)/g;
@@ -67,6 +80,7 @@ function convertLists(text: string): string {
     return `\n<ul class="concept-list">${lis}</ul>`;
   });
 
+  // Numbered lists: 1) item or 1. item
   result = result.replace(/(?:^|\n)((?:[ \t]*\d+[).][ \t]+[^\n]+)(?:\n[ \t]*\d+[).][ \t]+[^\n]+)*)/g, (_, block) => {
     const items: string[] = [];
     const re = /[ \t]*\d+[).][ \t]+([^\n]+)/g;