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/line-arrows.js

@@ -1,50 +1,52 @@
-import Map from '../src/ol/Map.js';
-import View from '../src/ol/View.js';
-import Point from '../src/ol/geom/Point.js';
 import Draw from '../src/ol/interaction/Draw.js';
-import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
-import {OSM, Vector as VectorSource} from '../src/ol/source.js';
+import Map from '../src/ol/Map.js';
+import Point from '../src/ol/geom/Point.js';
+import View from '../src/ol/View.js';
 import {Icon, 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 raster = new TileLayer({
-  source: new OSM()
+  source: new OSM(),
 });
 
 const source = new VectorSource();
 
-const styleFunction = function(feature) {
+const styleFunction = function (feature) {
   const geometry = feature.getGeometry();
   const styles = [
     // linestring
     new Style({
       stroke: new Stroke({
         color: '#ffcc33',
-        width: 2
-      })
-    })
+        width: 2,
+      }),
+    }),
   ];
 
-  geometry.forEachSegment(function(start, end) {
+  geometry.forEachSegment(function (start, end) {
     const dx = end[0] - start[0];
     const dy = end[1] - start[1];
     const rotation = Math.atan2(dy, dx);
     // arrows
-    styles.push(new Style({
-      geometry: new Point(end),
-      image: new Icon({
-        src: 'data/arrow.png',
-        anchor: [0.75, 0.5],
-        rotateWithView: true,
-        rotation: -rotation
+    styles.push(
+      new Style({
+        geometry: new Point(end),
+        image: new Icon({
+          src: 'data/arrow.png',
+          anchor: [0.75, 0.5],
+          rotateWithView: true,
+          rotation: -rotation,
+        }),
       })
-    }));
+    );
   });
 
   return styles;
 };
 const vector = new VectorLayer({
   source: source,
-  style: styleFunction
+  style: styleFunction,
 });
 
 const map = new Map({
@@ -52,11 +54,13 @@ const map = new Map({
   target: 'map',
   view: new View({
     center: [-11000000, 4600000],
-    zoom: 4
-  })
+    zoom: 4,
+  }),
 });
 
-map.addInteraction(new Draw({
-  source: source,
-  type: 'LineString'
-}));
+map.addInteraction(
+  new Draw({
+    source: source,
+    type: 'LineString',
+  })
+);