/** Shared utility functions. */

export function scroll(el) { el.scrollTop = el.scrollHeight; }

export function esc(s) {
  const d = document.createElement('span');
  d.textContent = s;
  return d.innerHTML;
}

export function truncate(s, n) {
  return s.length > n ? s.slice(0, n) + '\u2026' : s;
}

export function renderMarkdown(text) {
  let html = esc(text);
  // Code blocks
  html = html.replace(/```(\w*)\n([\s\S]*?)```/g, (_, lang, code) =>
    '<pre class="md-code"><code>' + code.trim() + '</code></pre>');
  // Inline code
  html = html.replace(/`([^`]+)`/g, '<code class="md-inline">$1</code>');
  // Bold
  html = html.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
  // Italic
  html = html.replace(/\*(.+?)\*/g, '<em>$1</em>');
  // Bullet lists
  html = html.replace(/^[\*\-]\s+(.+)$/gm, '<li>$1</li>');
  html = html.replace(/(<li>.*<\/li>\n?)+/g, m => '<ul>' + m + '</ul>');
  // Numbered lists
  html = html.replace(/^\d+\.\s+(.+)$/gm, '<li>$1</li>');
  // Line breaks (but not inside pre/code)
  html = html.replace(/\n/g, '<br>');
  return html;
}