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/street-labels.js

@@ -1,50 +1,55 @@
-import Map from '../src/ol/Map.js';
-import View from '../src/ol/View.js';
-import {getCenter} from '../src/ol/extent.js';
 import GeoJSON from '../src/ol/format/GeoJSON.js';
-import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
-import XYZ from '../src/ol/source/XYZ.js';
+import Map from '../src/ol/Map.js';
 import VectorSource from '../src/ol/source/Vector.js';
+import View from '../src/ol/View.js';
+import XYZ from '../src/ol/source/XYZ.js';
 import {Fill, Style, Text} from '../src/ol/style.js';
+import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
+import {getCenter} from '../src/ol/extent.js';
 
 const style = new Style({
   text: new Text({
     font: 'bold 11px "Open Sans", "Arial Unicode MS", "sans-serif"',
     placement: 'line',
     fill: new Fill({
-      color: 'white'
-    })
-  })
+      color: 'white',
+    }),
+  }),
 });
 
 const key = 'get_your_own_D6rA4zTHduk6KOKTXzGB';
-const attributions = '<a href="https://www.maptiler.com/copyright/" target="_blank">&copy; MapTiler</a> ' +
+const attributions =
+  '<a href="https://www.maptiler.com/copyright/" target="_blank">&copy; MapTiler</a> ' +
   '<a href="https://www.openstreetmap.org/copyright" target="_blank">&copy; OpenStreetMap contributors</a>';
 
 const viewExtent = [1817379, 6139595, 1827851, 6143616];
 const map = new Map({
-  layers: [new TileLayer({
-    source: new XYZ({
-      attributions: attributions,
-      url: 'https://api.maptiler.com/tiles/satellite/{z}/{x}/{y}.jpg?key=' + key,
-      maxZoom: 20
-    })
-  }), new VectorLayer({
-    declutter: true,
-    source: new VectorSource({
-      format: new GeoJSON(),
-      url: 'data/geojson/vienna-streets.geojson'
+  layers: [
+    new TileLayer({
+      source: new XYZ({
+        attributions: attributions,
+        url:
+          'https://api.maptiler.com/tiles/satellite/{z}/{x}/{y}.jpg?key=' + key,
+        maxZoom: 20,
+      }),
     }),
-    style: function(feature) {
-      style.getText().setText(feature.get('name'));
-      return style;
-    }
-  })],
+    new VectorLayer({
+      declutter: true,
+      source: new VectorSource({
+        format: new GeoJSON(),
+        url: 'data/geojson/vienna-streets.geojson',
+      }),
+      style: function (feature) {
+        style.getText().setText(feature.get('name'));
+        return style;
+      },
+    }),
+  ],
   target: 'map',
   view: new View({
     extent: viewExtent,
     center: getCenter(viewExtent),
     zoom: 17,
-    minZoom: 14
-  })
+    minZoom: 14,
+  }),
 });