Blogs/blogs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Sort data table resource numbers
Some checks failed
Build / build (push) Has been cancelled
Details

Browse source
This commit is contained in:
Neeldhara Misra 2026-06-29 03:41:39 +05:30
parent b2684d5cee
commit d598004d79
9 changed files with 94 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

3
CONTENT_BRIDGE.md
View file

@ -286,7 +286,8 @@ The data file should contain either a top-level array or an object with an
`items` array. The `src` path is resolved relative to the Markdown file. Use `items` array. The `src` path is resolved relative to the Markdown file. Use
`columns` to control the visible columns, `headers` to rename table headers, `columns` to control the visible columns, `headers` to rename table headers,
`link` to choose the column that should link through the row's `link` field, `link` to choose the column that should link through the row's `link` field,
and `number` to prefix that linked column with a row number such as `slno`. and `number` to prefix and sort that linked column by a row number such as
`slno`.
In Obsidian this remains a readable code fence next to the data file. In Astro In Obsidian this remains a readable code fence next to the data file. In Astro
it becomes static HTML enhanced with local search and sort. In PDF it becomes a it becomes static HTML enhanced with local search and sort. In PDF it becomes a

2
docs/PARSER.md
View file

@ -344,7 +344,7 @@ Attributes:
| `headers="key:Label,..."` | Optional | Human-readable labels for selected columns. | | `headers="key:Label,..."` | Optional | Human-readable labels for selected columns. |
| `link="title"` | Optional | Column whose value links through the row's URL field. | | `link="title"` | Optional | Column whose value links through the row's URL field. |
| `url="link"` | Optional | URL field used by the linked column; defaults to `link`. | | `url="link"` | Optional | URL field used by the linked column; defaults to `link`. |
| `number="slno"` | Optional | Prefix the linked column with a row number field. | | `number="slno"` | Optional | Prefix and sort the linked column by a row number field. |
| `caption="Resources"` | Optional | Visible toolbar title and accessible table caption. | | `caption="Resources"` | Optional | Visible toolbar title and accessible table caption. |
| `search="false"` | Optional | Disable local table search; enabled by default. | | `search="false"` | Optional | Disable local table search; enabled by default. |
| `sort="false"` | Optional | Disable sortable headers; enabled by default. | | `sort="false"` | Optional | Disable sortable headers; enabled by default. |

20
sites/art/src/remark/semantic-blocks.mjs
View file

@ -220,19 +220,25 @@ function displayValue(value) {
return VALUE_LABELS[value] || value; return VALUE_LABELS[value] || value;
} }
function numberLabel(row, field) {
if (!field) return "";
const value = row[field];
if (value === undefined || value === null || value === "") return "";
return String(value).padStart(2, "0");
}
function renderCell(row, column, options) { function renderCell(row, column, options) {
const raw = row[column] ?? ""; const raw = row[column] ?? "";
const display = displayValue(raw); const display = displayValue(raw);
const sortValue = attribute(sortText(display)); const numberPrefix =
column === options.linkColumn ? numberLabel(row, options.numberField) : "";
const sortValue = attribute(
[numberPrefix, sortText(display)].filter(Boolean).join(" "),
);
const cellAttrs = `data-column="${attribute(column)}" data-sort-value="${sortValue}"`; const cellAttrs = `data-column="${attribute(column)}" data-sort-value="${sortValue}"`;
if (column === options.linkColumn && row[options.urlField]) { if (column === options.linkColumn && row[options.urlField]) {
const numberValue = row[options.numberField]; const prefix = numberPrefix ? `${numberPrefix}. ` : "";
const numberLabel =
numberValue === undefined || numberValue === null || numberValue === ""
? ""
: String(numberValue).padStart(2, "0");
const prefix = options.numberField && numberLabel ? `${numberLabel}. ` : "";
return `<td ${cellAttrs}><a href="${attribute(row[options.urlField])}">${escapeHtml(prefix)}${inlineMarkup(display)}</a></td>`; return `<td ${cellAttrs}><a href="${attribute(row[options.urlField])}">${escapeHtml(prefix)}${inlineMarkup(display)}</a></td>`;
} }

20
sites/poetry/src/remark/semantic-blocks.mjs
View file

@ -220,19 +220,25 @@ function displayValue(value) {
return VALUE_LABELS[value] || value; return VALUE_LABELS[value] || value;
} }
function numberLabel(row, field) {
if (!field) return "";
const value = row[field];
if (value === undefined || value === null || value === "") return "";
return String(value).padStart(2, "0");
}
function renderCell(row, column, options) { function renderCell(row, column, options) {
const raw = row[column] ?? ""; const raw = row[column] ?? "";
const display = displayValue(raw); const display = displayValue(raw);
const sortValue = attribute(sortText(display)); const numberPrefix =
column === options.linkColumn ? numberLabel(row, options.numberField) : "";
const sortValue = attribute(
[numberPrefix, sortText(display)].filter(Boolean).join(" "),
);
const cellAttrs = `data-column="${attribute(column)}" data-sort-value="${sortValue}"`; const cellAttrs = `data-column="${attribute(column)}" data-sort-value="${sortValue}"`;
if (column === options.linkColumn && row[options.urlField]) { if (column === options.linkColumn && row[options.urlField]) {
const numberValue = row[options.numberField]; const prefix = numberPrefix ? `${numberPrefix}. ` : "";
const numberLabel =
numberValue === undefined || numberValue === null || numberValue === ""
? ""
: String(numberValue).padStart(2, "0");
const prefix = options.numberField && numberLabel ? `${numberLabel}. ` : "";
return `<td ${cellAttrs}><a href="${attribute(row[options.urlField])}">${escapeHtml(prefix)}${inlineMarkup(display)}</a></td>`; return `<td ${cellAttrs}><a href="${attribute(row[options.urlField])}">${escapeHtml(prefix)}${inlineMarkup(display)}</a></td>`;
} }

20
sites/puzzles/src/remark/semantic-blocks.mjs
View file

@ -220,19 +220,25 @@ function displayValue(value) {
return VALUE_LABELS[value] || value; return VALUE_LABELS[value] || value;
} }
function numberLabel(row, field) {
if (!field) return "";
const value = row[field];
if (value === undefined || value === null || value === "") return "";
return String(value).padStart(2, "0");
}
function renderCell(row, column, options) { function renderCell(row, column, options) {
const raw = row[column] ?? ""; const raw = row[column] ?? "";
const display = displayValue(raw); const display = displayValue(raw);
const sortValue = attribute(sortText(display)); const numberPrefix =
column === options.linkColumn ? numberLabel(row, options.numberField) : "";
const sortValue = attribute(
[numberPrefix, sortText(display)].filter(Boolean).join(" "),
);
const cellAttrs = `data-column="${attribute(column)}" data-sort-value="${sortValue}"`; const cellAttrs = `data-column="${attribute(column)}" data-sort-value="${sortValue}"`;
if (column === options.linkColumn && row[options.urlField]) { if (column === options.linkColumn && row[options.urlField]) {
const numberValue = row[options.numberField]; const prefix = numberPrefix ? `${numberPrefix}. ` : "";
const numberLabel =
numberValue === undefined || numberValue === null || numberValue === ""
? ""
: String(numberValue).padStart(2, "0");
const prefix = options.numberField && numberLabel ? `${numberLabel}. ` : "";
return `<td ${cellAttrs}><a href="${attribute(row[options.urlField])}">${escapeHtml(prefix)}${inlineMarkup(display)}</a></td>`; return `<td ${cellAttrs}><a href="${attribute(row[options.urlField])}">${escapeHtml(prefix)}${inlineMarkup(display)}</a></td>`;
} }

20
sites/reflections/src/remark/semantic-blocks.mjs
View file

@ -220,19 +220,25 @@ function displayValue(value) {
return VALUE_LABELS[value] || value; return VALUE_LABELS[value] || value;
} }
function numberLabel(row, field) {
if (!field) return "";
const value = row[field];
if (value === undefined || value === null || value === "") return "";
return String(value).padStart(2, "0");
}
function renderCell(row, column, options) { function renderCell(row, column, options) {
const raw = row[column] ?? ""; const raw = row[column] ?? "";
const display = displayValue(raw); const display = displayValue(raw);
const sortValue = attribute(sortText(display)); const numberPrefix =
column === options.linkColumn ? numberLabel(row, options.numberField) : "";
const sortValue = attribute(
[numberPrefix, sortText(display)].filter(Boolean).join(" "),
);
const cellAttrs = `data-column="${attribute(column)}" data-sort-value="${sortValue}"`; const cellAttrs = `data-column="${attribute(column)}" data-sort-value="${sortValue}"`;
if (column === options.linkColumn && row[options.urlField]) { if (column === options.linkColumn && row[options.urlField]) {
const numberValue = row[options.numberField]; const prefix = numberPrefix ? `${numberPrefix}. ` : "";
const numberLabel =
numberValue === undefined || numberValue === null || numberValue === ""
? ""
: String(numberValue).padStart(2, "0");
const prefix = options.numberField && numberLabel ? `${numberLabel}. ` : "";
return `<td ${cellAttrs}><a href="${attribute(row[options.urlField])}">${escapeHtml(prefix)}${inlineMarkup(display)}</a></td>`; return `<td ${cellAttrs}><a href="${attribute(row[options.urlField])}">${escapeHtml(prefix)}${inlineMarkup(display)}</a></td>`;
} }

20
sites/research/src/remark/semantic-blocks.mjs
View file

@ -220,19 +220,25 @@ function displayValue(value) {
return VALUE_LABELS[value] || value; return VALUE_LABELS[value] || value;
} }
function numberLabel(row, field) {
if (!field) return "";
const value = row[field];
if (value === undefined || value === null || value === "") return "";
return String(value).padStart(2, "0");
}
function renderCell(row, column, options) { function renderCell(row, column, options) {
const raw = row[column] ?? ""; const raw = row[column] ?? "";
const display = displayValue(raw); const display = displayValue(raw);
const sortValue = attribute(sortText(display)); const numberPrefix =
column === options.linkColumn ? numberLabel(row, options.numberField) : "";
const sortValue = attribute(
[numberPrefix, sortText(display)].filter(Boolean).join(" "),
);
const cellAttrs = `data-column="${attribute(column)}" data-sort-value="${sortValue}"`; const cellAttrs = `data-column="${attribute(column)}" data-sort-value="${sortValue}"`;
if (column === options.linkColumn && row[options.urlField]) { if (column === options.linkColumn && row[options.urlField]) {
const numberValue = row[options.numberField]; const prefix = numberPrefix ? `${numberPrefix}. ` : "";
const numberLabel =
numberValue === undefined || numberValue === null || numberValue === ""
? ""
: String(numberValue).padStart(2, "0");
const prefix = options.numberField && numberLabel ? `${numberLabel}. ` : "";
return `<td ${cellAttrs}><a href="${attribute(row[options.urlField])}">${escapeHtml(prefix)}${inlineMarkup(display)}</a></td>`; return `<td ${cellAttrs}><a href="${attribute(row[options.urlField])}">${escapeHtml(prefix)}${inlineMarkup(display)}</a></td>`;
} }

20
sites/reviews/src/remark/semantic-blocks.mjs
View file

@ -220,19 +220,25 @@ function displayValue(value) {
return VALUE_LABELS[value] || value; return VALUE_LABELS[value] || value;
} }
function numberLabel(row, field) {
if (!field) return "";
const value = row[field];
if (value === undefined || value === null || value === "") return "";
return String(value).padStart(2, "0");
}
function renderCell(row, column, options) { function renderCell(row, column, options) {
const raw = row[column] ?? ""; const raw = row[column] ?? "";
const display = displayValue(raw); const display = displayValue(raw);
const sortValue = attribute(sortText(display)); const numberPrefix =
column === options.linkColumn ? numberLabel(row, options.numberField) : "";
const sortValue = attribute(
[numberPrefix, sortText(display)].filter(Boolean).join(" "),
);
const cellAttrs = `data-column="${attribute(column)}" data-sort-value="${sortValue}"`; const cellAttrs = `data-column="${attribute(column)}" data-sort-value="${sortValue}"`;
if (column === options.linkColumn && row[options.urlField]) { if (column === options.linkColumn && row[options.urlField]) {
const numberValue = row[options.numberField]; const prefix = numberPrefix ? `${numberPrefix}. ` : "";
const numberLabel =
numberValue === undefined || numberValue === null || numberValue === ""
? ""
: String(numberValue).padStart(2, "0");
const prefix = options.numberField && numberLabel ? `${numberLabel}. ` : "";
return `<td ${cellAttrs}><a href="${attribute(row[options.urlField])}">${escapeHtml(prefix)}${inlineMarkup(display)}</a></td>`; return `<td ${cellAttrs}><a href="${attribute(row[options.urlField])}">${escapeHtml(prefix)}${inlineMarkup(display)}</a></td>`;
} }

20
sites/vibes/src/remark/semantic-blocks.mjs
View file

@ -220,19 +220,25 @@ function displayValue(value) {
return VALUE_LABELS[value] || value; return VALUE_LABELS[value] || value;
} }
function numberLabel(row, field) {
if (!field) return "";
const value = row[field];
if (value === undefined || value === null || value === "") return "";
return String(value).padStart(2, "0");
}
function renderCell(row, column, options) { function renderCell(row, column, options) {
const raw = row[column] ?? ""; const raw = row[column] ?? "";
const display = displayValue(raw); const display = displayValue(raw);
const sortValue = attribute(sortText(display)); const numberPrefix =
column === options.linkColumn ? numberLabel(row, options.numberField) : "";
const sortValue = attribute(
[numberPrefix, sortText(display)].filter(Boolean).join(" "),
);
const cellAttrs = `data-column="${attribute(column)}" data-sort-value="${sortValue}"`; const cellAttrs = `data-column="${attribute(column)}" data-sort-value="${sortValue}"`;
if (column === options.linkColumn && row[options.urlField]) { if (column === options.linkColumn && row[options.urlField]) {
const numberValue = row[options.numberField]; const prefix = numberPrefix ? `${numberPrefix}. ` : "";
const numberLabel =
numberValue === undefined || numberValue === null || numberValue === ""
? ""
: String(numberValue).padStart(2, "0");
const prefix = options.numberField && numberLabel ? `${numberLabel}. ` : "";
return `<td ${cellAttrs}><a href="${attribute(row[options.urlField])}">${escapeHtml(prefix)}${inlineMarkup(display)}</a></td>`; return `<td ${cellAttrs}><a href="${attribute(row[options.urlField])}">${escapeHtml(prefix)}${inlineMarkup(display)}</a></td>`;
} }