curl → Fetch API 変換

1. 左側のテキストエリアにcurlコマンドをペーストしてください
2. 出力形式（Fetch API・Axios・Python requests）をタブで選択します
3. 「変換」ボタンを押すと右側にコードが生成されます
4. 「コピー」ボタンで生成されたコードをクリップボードにコピーできます
5. サンプルボタンから代表的なcurlコマンドをワンクリックで入力できます

コアロジックはブラウザ標準APIのみで実装しています。外部ライブラリは不要で、そのままコピーしてご利用いただけます。parseCurl でcurl引数をトークン解析し、 toFetch で各形式に変換します。

function parseCurl(cmd: string): ParsedCurl {
  const tokens = tokenize(cmd.replace(/\\\n/g, ' ').trim())
  let i = 0
  if (tokens[i]?.toLowerCase() === 'curl') i++

  let url = '', method = ''
  const headers: Record<string, string> = {}
  let body: string | null = null

  while (i < tokens.length) {
    const tok = tokens[i]
    if (tok === '-X' || tok === '--request') {
      method = tokens[++i] ?? 'GET'; i++
    } else if (tok === '-H' || tok === '--header') {
      const h = tokens[++i] ?? ''; i++
      const idx = h.indexOf(':')
      if (idx > 0) headers[h.slice(0, idx).trim()] = h.slice(idx + 1).trim()
    } else if (tok === '-d' || tok === '--data' || tok === '--data-raw') {
      body = tokens[++i] ?? ''; i++
    } else if (!tok.startsWith('-')) {
      url = tok; i++
    } else { i++ }
  }
  if (!method) method = body ? 'POST' : 'GET'
  const ct = headers['Content-Type'] || ''
  return { url, method: method.toUpperCase(), headers, body, isJson: ct.includes('json') }
}

function toFetch(parsed: ParsedCurl): string {
  const { url, method, headers, body } = parsed
  const opts: string[] = []
  if (method !== 'GET') opts.push(`  method: '${method}'`)
  if (Object.keys(headers).length > 0) {
    const lines = Object.entries(headers).map(([k, v]) => `    '${k}': '${v}'`)
    opts.push(`  headers: {\n${lines.join(',\n')}\n  }`)
  }
  if (body !== null) opts.push(`  body: ${JSON.stringify(body)}`)
  if (opts.length === 0) return `const response = await fetch('${url}');\nconst data = await response.json();`
  return `const response = await fetch('${url}', {\n${opts.join(',\n')},\n});\nconst data = await response.json();`
}

このツールのソースコード（テストコードを含む）はGitHubで公開しています。 MITライセンスで自由に利用・改変できます。