Get client IP etc. from cloudflare trace (client-side; in the browser)

cloudflare-trace.js

// XXX: Use '/cdn-cgi/trace' if the site is on cloudflare to avoid CORS issues
// otherwise can use 'https://www.cloudflare.com/cdn-cgi/trace'

const trace = await fetch('https://www.cloudflare.com/cdn-cgi/trace')
  .then(x=>x.text())
  .then(x=>new URLSearchParams(x.replace(/\n/g, '&')));

console.log(trace.get('ip'))

// ------------------------------------------------------------

const ip = await fetch('https://www.cloudflare.com/cdn-cgi/trace')
  .then(x=>x.text())
  .then(x=>x.match(/ip=(.*)/)[1]);

console.log(ip)

// ------------------------------------------------------------

// More simple but probably worse availability than Cloudflare

const ip = await fetch('https://ifconfig.me/ip').then(x=>x.text())

console.log(ip)

// ------------------------------------------------------------

fetch('https://www.cloudflare.com/cdn-cgi/trace')
  .then(x=>x.text())
  .then(x=>new URLSearchParams(x.replace(/\n/g, '&')))
  .then(x=>console.log(Object.fromEntries(x)))