Function renderTableRows

Support/SingleFileLibs/javascript/app.js:309–418

()

  // UI helpers
  function renderTableRows() {
    const filterText = (filterInput.value || '').toLowerCase();
    libsTbody.innerHTML = '';
    for (const name of state.libraryNames) {
      const deps = state.dependencyGraph[name]?.all_dependencies || [];
      const brief = state.libraryBriefByName[name] || '';
      if (filterText) {
        const hay = `${name} ${brief} ${deps.join(' ')}`.toLowerCase();
        if (!hay.includes(filterText)) continue;
      }
      const tr = document.createElement('tr');
      const tdName = document.createElement('td');
      const docUrl = `https://pagghiu.github.io/SaneCppLibraries/library_${name.replace(/[A-Z]/g, (m, i) => (i? '_' : '') + m.toLowerCase()).replace(/^_/, '').replace(/__+/g, '_')}.html`;
      tdName.innerHTML = `<strong><a href="${docUrl}" target="_blank" rel="noopener noreferrer">${name}</a></strong>`;
      const tdDesc = document.createElement('td');
      tdDesc.textContent = brief;
      // Dependencies moved below action button in action cell
      const tdAction = document.createElement('td');
      tdAction.className = 'fit';
      const actions = document.createElement('div');
      actions.className = 'row-actions';
      const btn = document.createElement('button');
      btn.className = 'ghost';
      btn.textContent = 'Generate / Download';
      btn.addEventListener('click', async () => {
        btn.disabled = true;
        // Inline progress UI
        const inline = document.createElement('div');
        inline.className = 'inline-progress';
        const row = document.createElement('div'); row.className = 'row';
        const label = document.createElement('div'); label.className = 'label'; label.textContent = 'Preparing…';
        const cancel = document.createElement('button'); cancel.className = 'cancel'; cancel.textContent = 'Cancel';
        const prog = document.createElement('div'); prog.className = 'progress';
        const bar = document.createElement('div'); bar.className = 'progress-bar'; prog.appendChild(bar);
        row.appendChild(label); row.appendChild(cancel);
        inline.appendChild(row); inline.appendChild(prog);
        tdAction.appendChild(inline);
        const controller = new AbortController();
        const signal = controller.signal;
        cancel.addEventListener('click', () => controller.abort());
        try {
          label.textContent = 'Fetching tree…';
          bar.style.width = '8%';
          const tree = await getRepoTree(state.currentRef);
          if (signal.aborted) throw new Error('Cancelled');
          label.textContent = 'Amalgamating…';
          bar.style.width = '60%';
          const content = await buildSingleLibraryHeader(name, state.currentRef, tree);
          if (signal.aborted) throw new Error('Cancelled');
          label.textContent = 'Saving…';
          bar.style.width = '90%';
          triggerDownload(`SaneCpp${name}.h`, content);
          bar.style.width = '100%';
          label.textContent = 'Done';
          setTimeout(() => inline.remove(), 700);
        } catch (e) {
          console.error(e);
          alert(`Failed to build ${name}: ${e.message}`);