{
  renderedBlocks.map(({ region, blockData }) => {
    let content = "";

    // Switch statement to choose the right component based on block type
    switch (blockData.type) {
      case "block_content--basic":
        content = <BlockBasic {...blockData} />;
        break;
      case "block_content--image":
        content = <BlockImage {...blockData} />;
        break;
      case "block_content--code":
        content = <BlockCode {...blockData} />;
        break;
      default:
        content = "<p>Unknown block type</p>";
        break;
    }

    return <div class="pb-5">{content}</div>;
  })
}

<?php

/**
 * @file
 * Exports Drupal 7 comments to Remark42 JSON format (Commento format).
 */

/**
 * Implements hook_menu().
 */
function remark42_export_menu() {
  $items['admin/config/content/remark42_export'] = array(
    'title' => 'Remark42 Export (Commento)',
    'description' => 'Export Drupal 7 comments to Remark42 JSON (Commento format).',
    'page callback' => 'drupal_get_form',
    'page arguments' => array('remark42_export_page'),
    'access arguments' => array('administer site configuration'),
    'type' => MENU_NORMAL_ITEM,
  );
  return $items;
}

/**
 * Form definition for admin/config/content/remark42_export.
 */
function remark42_export_page($form, &$form_state) {
  $form['remark42_site_id'] = array(
    '#type' => 'textfield',
    '#title' => t('Remark42 Site ID'),
    '#description' => t('Enter your Remark42 site ID.'),
    '#required' => TRUE,
  );
  $form['submit'] = array(
    '#type' => 'submit',
    '#value' => t('Export Comments (Commento)'),
  );
  return $form;
}

/**
 * Submit handler for the export form.
 */
function remark42_export_page_submit($form, &$form_state) {
  $site_id = $form_state['values']['remark42_site_id'];

  try {
    $query = db_select('comment', 'c');
    $query->fields('c', array('cid', 'nid', 'uid', 'name', 'mail', 'created', 'pid'));
    $query->fields('f', array('comment_body_value'));
    $query->fields('ua', array('alias'));
    $query->leftJoin('field_data_comment_body', 'f', 'c.cid = f.entity_id AND f.entity_type = :comment_type', array(':comment_type' => 'comment'));
    $query->leftJoin('url_alias', 'ua', 'CONCAT(\'node/\', c.nid) = ua.source');
    $query->condition('c.status', 1);

    $comments = $query->execute()->fetchAll(PDO::FETCH_ASSOC);

    $remark42_data = array(
      'version' => 1,
      'comments' => array(),
      'commenters' => array(),
    );

    $commenter_hexes = array();

    foreach ($comments as $comment) {
      $comment_hex = md5($comment['cid']);
      $parent_hex = $comment['pid'] ? md5($comment['pid']) : 'root';
      $url = $comment['alias'] ? ltrim($comment['alias'], '/') : "node/" . $comment['nid'];
      $domain = $_SERVER['HTTP_HOST'];

      if ($comment['uid'] == 0) {
        if ($comment['mail']) {
          $commenter_hex = md5($comment['mail']);
        } elseif ($comment['name']) {
          $commenter_hex = md5($comment['name']);
        } else {
          $commenter_hex = md5('anonymous_' . $comment['cid']);
        }
      } else {
        $commenter_hex = md5($comment['uid']);
      }

      // Add trailing slash to URL
      $url .= (substr($url, -1) !== '/') ? '/' : '';

      $remark42_data['comments'][] = array(
        'commentHex' => $comment_hex,
        'domain' => $domain,
        'url' => $url,
        'commenterHex' => $commenter_hex,
        'markdown' => str_replace(array("\r\n", "\r", "\n"), '<br>', $comment['comment_body_value']),
        'html' => '',
        'parentHex' => $parent_hex,
        'score' => 0,
        'state' => 'approved',
        'creationDate' => date('Y-m-d\TH:i:s\Z', $comment['created']),
        'direction' => 0,
        'deleted' => false,
      );

      if (!isset($commenter_hexes[$commenter_hex])) {
        $remark42_data['commenters'][] = array(
          'commenterHex' => $commenter_hex,
          'email' => $comment['mail'],
          'name' => $comment['name'],
          'link' => '', // Add user profile link if available
          'photo' => '', // Add user photo URL if available
          'provider' => 'drupal',
          'joinDate' => date('Y-m-d\TH:i:s\Z', $comment['created']), // Add user registration date if available
          'isModerator' => false, // Adjust based on user role
        );
        $commenter_hexes[$commenter_hex] = true;
      }
    }

    // Generate JSON file.
    $filename = 'remark42_comments_commento_' . date('YmdHis') . '.json';
    $filepath = file_directory_temp() . '/' . $filename;
    file_put_contents($filepath, json_encode($remark42_data, JSON_PRETTY_PRINT));

    // Offer download.
    drupal_add_http_header('Content-Type', 'application/json');
    drupal_add_http_header('Content-Disposition', 'attachment; filename="' . $filename . '"');
    drupal_add_http_header('Content-Length', filesize($filepath));
    readfile($filepath);
    unlink($filepath); // Clean up temp file.
    drupal_exit();

  } catch (Exception $e) {
    drupal_set_message(t('An error occurred during export: @error', array('@error' => $e->getMessage())), 'error');
  }
}