Function remarkTableTitles

apps/site/util/table.ts:10–48

()

 * based on their corresponding table headers (th).
 */
export default function remarkTableTitles() {
  return (tree: Root) => {
    visit(tree, 'table', table => {
      // Ensure table has at least a header row and one data row
      if (table.children.length < 2) {
        return;
      }

      const [headerRow, ...dataRows] = table.children;

      if (headerRow.children.length <= 1) {
        table.data ??= {};

        table.data.hProperties = {
          'data-cards': 'false',
        };
      }

      // Extract header labels from the first row
      const headerLabels = headerRow.children.map(headerCell =>
        toString(headerCell.children)
      );

      // Assign data-label to each cell in data rows
      dataRows.forEach(row => {
        row.children.forEach((cell, idx) => {
          if (idx > headerLabels.length - 1) {
            return;
          }
          cell.data ??= {};

          cell.data.hProperties = {
            'data-label': headerLabels[idx],
          };
        });
      });
    });
  };
}