wehub-resource-sync
93 lines
3.9 KiB
TypeScript
93 lines
3.9 KiB
TypeScript
export interface TableLink {
|
|
label: string;
|
|
url: string;
|
|
title?: string;
|
|
}
|
|
|
|
const MODALITY_ICONS: Record<string, string> = {
|
|
text: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4,7 4,4 20,4 20,7"></polyline><line x1="9" y1="20" x2="15" y2="20"></line><line x1="12" y1="4" x2="12" y2="20"></line></svg>`,
|
|
image: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg>`,
|
|
audio: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="m19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>`,
|
|
video: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m22 8-6 4 6 4V8Z"></path><rect width="14" height="12" x="2" y="6" rx="2" ry="2"></rect></svg>`,
|
|
pdf: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14,2 14,8 20,8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10,9 9,9 8,9"></polyline></svg>`,
|
|
};
|
|
|
|
export function escapeHtml(value: string | number) {
|
|
return String(value).replace(/[&<>'"]/g, (char) => {
|
|
switch (char) {
|
|
case "&":
|
|
return "&";
|
|
case "<":
|
|
return "<";
|
|
case ">":
|
|
return ">";
|
|
case "'":
|
|
return "'";
|
|
case '"':
|
|
return """;
|
|
default:
|
|
return char;
|
|
}
|
|
});
|
|
}
|
|
|
|
export function booleanText(value?: boolean) {
|
|
if (value === undefined) return "-";
|
|
return value ? "Yes" : "No";
|
|
}
|
|
|
|
export function formatCost(cost?: number) {
|
|
return cost === undefined ? "-" : `$${cost.toFixed(2)}`;
|
|
}
|
|
|
|
export function formatNumber(value?: number) {
|
|
return value === undefined ? "-" : value.toLocaleString();
|
|
}
|
|
|
|
export function knowledgeText(value?: string) {
|
|
return value ? value.substring(0, 7) : "-";
|
|
}
|
|
|
|
export function weightsText(value?: boolean) {
|
|
if (value === undefined) return "-";
|
|
return value ? "Open" : "Closed";
|
|
}
|
|
|
|
export function renderModalityIcon(modality: string) {
|
|
const label =
|
|
modality === "pdf"
|
|
? "PDF"
|
|
: modality[0]!.toUpperCase() + modality.slice(1);
|
|
const icon = MODALITY_ICONS[modality];
|
|
if (!icon) return "";
|
|
return `<span class="modality-icon" data-tooltip="${label}">${icon}</span>`;
|
|
}
|
|
|
|
export function renderModalities(modalities?: string[]) {
|
|
if (!modalities || modalities.length === 0) return "-";
|
|
return `<div class="modalities">${modalities
|
|
.map(renderModalityIcon)
|
|
.join("")}</div>`;
|
|
}
|
|
|
|
export function costSummary(input?: number, output?: number) {
|
|
if (input === undefined && output === undefined) return "-";
|
|
return `${formatCost(input)} / ${formatCost(output)}`;
|
|
}
|
|
|
|
export function capabilitySummary(capabilities: Array<[string, boolean | undefined]>) {
|
|
const active = capabilities
|
|
.filter(([, value]) => value === true)
|
|
.map(([label]) => label);
|
|
|
|
return active.length > 0 ? active.join(", ") : "-";
|
|
}
|
|
|
|
export function sortDate(value?: string) {
|
|
return value ?? "";
|
|
}
|
|
|
|
export function sortNumber(value?: number) {
|
|
return value === undefined ? "" : String(value);
|
|
}
|