Get a list of all mapbox layer ids grouped by feature component for easy toggling of mapbox streets layers

getStyleComponents.js

#!/usr/bin/env node
// usage node getStyleComponents.js > groups.json
// looks for a style named style.json, rename to match or use process.argv if you want

// then save these ids to an array and toggle with:
// layers?.forEach(lyr => map.setLayoutProperty(lyr, "visibility", value));

const style = require("./style.json");

const components = style.layers.reduce((map, lyr) => {
  const component = lyr.metadata?.["mapbox:featureComponent"];
  if (map[component]) {
    map[component].push(lyr.id);
  } else {
    map[component] = [lyr.id];
  }
  return map;
}, {});

console.log(components);