metaplex-foundation_developer-hub/src/components/apiComponents/languageComponents/javascriptRequestRenderer.jsx

import { Fence } from '@/components/Fence'
import renderRequestBody from '@/lib/api/renderRequestBody'

const JavascriptRequestRenderer = ({ method, url, headers, body }) => {
  const headerString = headers
    ? headers.map(({ key, value }) => `'${key}': '${value}'`).join(', ')
    : ''
  const bodyString = body ? renderRequestBody(body) : ''

  const object = {
    method: 'POST',
    headers: headers
      ? `{${headerString}}`
      : { 'Content-Type': 'application/json' },
    body: {
      jsonrpc: '2.0',
      id: 'test',
      method: method,
      id: 'test',
      params: bodyString,
    },
  }

  const code = `const res = await fetch('${url}', ${JSON.stringify(
    object,
    null,
    2
  )})
  
const data = await response.json();
`

  return (
    <Fence className="w-full" language="javascript">
      {code}
    </Fence>
  )
}

export default JavascriptRequestRenderer