Function generateNotebookHTML

frontend/src/utils/notebookExport.ts:176–237

(cells: PythonCell[])

 * Generate HTML content for PDF export from notebook cells
 */
const generateNotebookHTML = (cells: PythonCell[]): string => {
  const cellsHTML = cells.map((cell, index) => {
    let cellHTML = `
      <div style="${pdfStyles.cellContainer}">
        <div style="${pdfStyles.cellHeader}">
          ${cell.type === 'code' ? 'Code' : 'Markdown'} Cell [${index + 1}]
        </div>
        <div style="${pdfStyles.cellContent}">
    `;

    if (cell.type === 'markdown') {
      // Render markdown as HTML
      cellHTML += convertMarkdownToHTML(cell.code);
    } else {
      // Render code with syntax highlighting
      cellHTML += `
        <pre style="${pdfStyles.codeBlock}">${cell.code}</pre>
      `;

      // Add outputs if they exist
      if (cell.output.length > 0) {
        cellHTML += `
          <div style="font-weight: bold; margin-top: 10px; margin-bottom: 5px; font-size: 12px;">
            Output:
          </div>
          <div style="${pdfStyles.outputBlock}">
        `;

        cell.output.forEach(output => {
          if (output.type === 'error') {
            cellHTML += `
              <div style="color: #d32f2f; font-weight: bold; margin-bottom: 5px; font-size: 11px; font-family: Consolas, Monaco, monospace;">
                ${output.content}
              </div>
            `;
          } else if (output.type === 'image') {
            cellHTML += `
              <img src="${output.content}" style="max-width: 100%; height: auto; border: 1px solid #ccc; border-radius: 4px;" />
            `;
          } else {
            cellHTML += `
              <div style="color: #333333; white-space: pre-wrap; margin-bottom: 5px; font-size: 11px; font-family: Consolas, Monaco, monospace;">
                ${output.content}
              </div>
            `;
          }
        });

        cellHTML += '</div>';
      }
    }

    cellHTML += `
        </div>
      </div>
    `;

    return cellHTML;