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

@@ -1,12 +1,11 @@
 import Feature from '../src/ol/Feature.js';
 import Map from '../src/ol/Map.js';
-import View from '../src/ol/View.js';
 import Point from '../src/ol/geom/Point.js';
 import VectorLayer from '../src/ol/layer/Vector.js';
 import VectorSource from '../src/ol/source/Vector.js';
+import View from '../src/ol/View.js';
 import {Fill, RegularShape, Stroke, Style} from '../src/ol/style.js';
 
-
 const stroke = new Stroke({color: 'black', width: 2});
 const fill = new Fill({color: 'red'});
 
@@ -17,8 +16,8 @@ const styles = {
       stroke: stroke,
       points: 4,
       radius: 10,
-      angle: Math.PI / 4
-    })
+      angle: Math.PI / 4,
+    }),
   }),
   'triangle': new Style({
     image: new RegularShape({
@@ -27,8 +26,8 @@ const styles = {
       points: 3,
       radius: 10,
       rotation: Math.PI / 4,
-      angle: 0
-    })
+      angle: 0,
+    }),
   }),
   'star': new Style({
     image: new RegularShape({
@@ -37,8 +36,8 @@ const styles = {
       points: 5,
       radius: 10,
       radius2: 4,
-      angle: 0
-    })
+      angle: 0,
+    }),
   }),
   'cross': new Style({
     image: new RegularShape({
@@ -47,8 +46,8 @@ const styles = {
       points: 4,
       radius: 10,
       radius2: 0,
-      angle: 0
-    })
+      angle: 0,
+    }),
   }),
   'x': new Style({
     image: new RegularShape({
@@ -57,8 +56,8 @@ const styles = {
       points: 4,
       radius: 10,
       radius2: 0,
-      angle: Math.PI / 4
-    })
+      angle: Math.PI / 4,
+    }),
   }),
   'stacked': [
     new Style({
@@ -68,8 +67,8 @@ const styles = {
         points: 4,
         radius: 5,
         angle: Math.PI / 4,
-        displacement: [0, 10]
-      })
+        displacement: [0, 10],
+      }),
     }),
     new Style({
       image: new RegularShape({
@@ -77,13 +76,12 @@ const styles = {
         stroke: stroke,
         points: 4,
         radius: 10,
-        angle: Math.PI / 4
-      })
-    })
-  ]
+        angle: Math.PI / 4,
+      }),
+    }),
+  ],
 };
 
-
 const styleKeys = ['x', 'cross', 'star', 'triangle', 'square', 'stacked'];
 const count = 250;
 const features = new Array(count);
@@ -95,20 +93,18 @@ for (let i = 0; i < count; ++i) {
 }
 
 const source = new VectorSource({
-  features: features
+  features: features,
 });
 
 const vectorLayer = new VectorLayer({
-  source: source
+  source: source,
 });
 
 const map = new Map({
-  layers: [
-    vectorLayer
-  ],
+  layers: [vectorLayer],
   target: 'map',
   view: new View({
     center: [0, 0],
-    zoom: 2
-  })
+    zoom: 2,
+  }),
 });