Make code prettier

This updates ESLint and our shared eslint-config-openlayers to use Prettier.  Most formatting changes were automatically applied with this:

    npm run lint -- --fix

A few manual changes were required:

 * In `examples/offscreen-canvas.js`, the `//eslint-disable-line` comment needed to be moved to the appropriate line to disable the error about the `'worker-loader!./offscreen-canvas.worker.js'` import.
 * In `examples/webpack/exapmle-builder.js`, spaces could not be added after a couple `function`s for some reason.  While editing this, I reworked `ExampleBuilder` to be a class.
 * In `src/ol/format/WMSGetFeatureInfo.js`, the `// @ts-ignore` comment needed to be moved down one line so it applied to the `parsersNS` argument.

examples/vector-tiles-4326.js

@@ -1,7 +1,7 @@
-import View from '../src/ol/View.js';
 import MVT from '../src/ol/format/MVT.js';
-import VectorTileSource from '../src/ol/source/VectorTile.js';
 import TileGrid from '../src/ol/tilegrid/TileGrid.js';
+import VectorTileSource from '../src/ol/source/VectorTile.js';
+import View from '../src/ol/View.js';
 
 import olms from 'ol-mapbox-style';
 import {defaultResolutions} from 'ol-mapbox-style/dist/util.js';
@@ -15,36 +15,41 @@ for (let i = 0; i < 14; ++i) {
   defaultResolutions[i] = maxResolution / Math.pow(2, i + 1);
 }
 
-olms('map', 'https://api.maptiler.com/maps/basic-4326/style.json?key=' + key).then(function(map) {
-
+olms(
+  'map',
+  'https://api.maptiler.com/maps/basic-4326/style.json?key=' + key
+).then(function (map) {
   // Custom tile grid for the EPSG:4326 projection
   const tileGrid = new TileGrid({
     extent: [-180, -90, 180, 90],
     tileSize: 512,
-    resolutions: defaultResolutions
+    resolutions: defaultResolutions,
   });
 
   const mapboxStyle = map.get('mapbox-style');
 
   // Replace the source with a EPSG:4326 projection source for each vector tile layer
-  map.getLayers().forEach(function(layer) {
+  map.getLayers().forEach(function (layer) {
     const mapboxSource = layer.get('mapbox-source');
     if (mapboxSource && mapboxStyle.sources[mapboxSource].type === 'vector') {
       const source = layer.getSource();
-      layer.setSource(new VectorTileSource({
-        format: new MVT(),
-        projection: 'EPSG:4326',
-        urls: source.getUrls(),
-        tileGrid: tileGrid
-      }));
+      layer.setSource(
+        new VectorTileSource({
+          format: new MVT(),
+          projection: 'EPSG:4326',
+          urls: source.getUrls(),
+          tileGrid: tileGrid,
+        })
+      );
     }
   });
 
   // Configure the map with a view with EPSG:4326 projection
-  map.setView(new View({
-    projection: 'EPSG:4326',
-    zoom: mapboxStyle.zoom,
-    center: mapboxStyle.center
-  }));
-
+  map.setView(
+    new View({
+      projection: 'EPSG:4326',
+      zoom: mapboxStyle.zoom,
+      center: mapboxStyle.center,
+    })
+  );
 });