https://wordpress.stackexchange.com/questions/426845

wordpress-browserlist-info.js

const {getAppropriateEcmaVersionForBrowserslist} = require('browserslist-generator');

const WORDPRESS_BROWSERLIST_URL = 'https://raw.githubusercontent.com/WordPress/gutenberg/refs/heads/trunk/packages/browserslist-config/index.js';
const BROWSERSLIST_URL_BASE = 'https://browserl.ist/?q=';

async function getWordPressBrowserlistQueries() {
  const res = await fetch(WORDPRESS_BROWSERLIST_URL);
  const text = await res.text();
  const queries = [...text.matchAll(/^\s*'([^']+)',?\s*$/gm)].map(([, query]) => query);

  return queries;
}

function getBrowserslistUrl(queries = []) {
  return BROWSERSLIST_URL_BASE + queries
    .map(
      query => encodeURIComponent(query)
    )
    .join(',%0A')
    .replaceAll('%20', '+');
}

getWordPressBrowserlistQueries().then(queries => {
  console.log('WordPress Browserlist Info');
  console.log('==========================');
  console.log('Browserlist:', WORDPRESS_BROWSERLIST_URL);
  console.log('Date:', new Date().toISOString());
  console.log('Queries:');
  queries.forEach(query => console.log('    ', query));
  console.log('ECMAScript Compatibility:', getAppropriateEcmaVersionForBrowserslist(queries, {syntaxOnly: true}));
  console.log('Audience Coverage: see', getBrowserslistUrl(queries));
});