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/geolocation.js

@@ -1,45 +1,45 @@
 import Feature from '../src/ol/Feature.js';
 import Geolocation from '../src/ol/Geolocation.js';
 import Map from '../src/ol/Map.js';
-import View from '../src/ol/View.js';
 import Point from '../src/ol/geom/Point.js';
-import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
-import {OSM, Vector as VectorSource} from '../src/ol/source.js';
+import View from '../src/ol/View.js';
 import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
+import {OSM, Vector as VectorSource} from '../src/ol/source.js';
+import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
 
 const view = new View({
   center: [0, 0],
-  zoom: 2
+  zoom: 2,
 });
 
 const map = new Map({
   layers: [
     new TileLayer({
-      source: new OSM()
-    })
+      source: new OSM(),
+    }),
   ],
   target: 'map',
-  view: view
+  view: view,
 });
 
 const geolocation = new Geolocation({
   // enableHighAccuracy must be set to true to have the heading value.
   trackingOptions: {
-    enableHighAccuracy: true
+    enableHighAccuracy: true,
   },
-  projection: view.getProjection()
+  projection: view.getProjection(),
 });
 
 function el(id) {
   return document.getElementById(id);
 }
 
-el('track').addEventListener('change', function() {
+el('track').addEventListener('change', function () {
   geolocation.setTracking(this.checked);
 });
 
 // update the HTML page when the position changes.
-geolocation.on('change', function() {
+geolocation.on('change', function () {
   el('accuracy').innerText = geolocation.getAccuracy() + ' [m]';
   el('altitude').innerText = geolocation.getAltitude() + ' [m]';
   el('altitudeAccuracy').innerText = geolocation.getAltitudeAccuracy() + ' [m]';
@@ -48,40 +48,41 @@ geolocation.on('change', function() {
 });
 
 // handle geolocation error.
-geolocation.on('error', function(error) {
+geolocation.on('error', function (error) {
   const info = document.getElementById('info');
   info.innerHTML = error.message;
   info.style.display = '';
 });
 
 const accuracyFeature = new Feature();
-geolocation.on('change:accuracyGeometry', function() {
+geolocation.on('change:accuracyGeometry', function () {
   accuracyFeature.setGeometry(geolocation.getAccuracyGeometry());
 });
 
 const positionFeature = new Feature();
-positionFeature.setStyle(new Style({
-  image: new CircleStyle({
-    radius: 6,
-    fill: new Fill({
-      color: '#3399CC'
+positionFeature.setStyle(
+  new Style({
+    image: new CircleStyle({
+      radius: 6,
+      fill: new Fill({
+        color: '#3399CC',
+      }),
+      stroke: new Stroke({
+        color: '#fff',
+        width: 2,
+      }),
     }),
-    stroke: new Stroke({
-      color: '#fff',
-      width: 2
-    })
   })
-}));
+);
 
-geolocation.on('change:position', function() {
+geolocation.on('change:position', function () {
   const coordinates = geolocation.getPosition();
-  positionFeature.setGeometry(coordinates ?
-    new Point(coordinates) : null);
+  positionFeature.setGeometry(coordinates ? new Point(coordinates) : null);
 });
 
 new VectorLayer({
   map: map,
   source: new VectorSource({
-    features: [accuracyFeature, positionFeature]
-  })
+    features: [accuracyFeature, positionFeature],
+  }),
 });