Example: Contact Directory

let searchTimer;
document.getElementById('search').addEventListener('input', () => {
  clearTimeout(searchTimer);
  searchTimer = setTimeout(loadContacts, 300);
});

const result = await sdk.listRecords('contacts', {
  filter: { tags: { contains: 'vendor' } },
  sort: 'name:asc',
});

const filter = {};
if (query) filter.name = { contains: query };
if (tag) filter.tags = { contains: tag };

const result = await sdk.listRecords('contacts', {
  filter: Object.keys(filter).length ? filter : undefined,
  sort: 'name:asc',
});

// c.tags is an array of strings, or null/undefined if empty
const selectedTags = Array.isArray(c.tags) ? c.tags : [];

document.querySelectorAll('input[name="tags"]').forEach(cb => {
  cb.checked = selectedTags.includes(cb.value);
});

function escapeHtml(str) {
  if (str == null) return '';
  const div = document.createElement('div');
  div.textContent = String(str);
  return div.innerHTML;
}