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.

rendering/cases/layer-vectorimage/main.js

@@ -1,13 +1,13 @@
-import Feature from '../../../src/ol/Feature.js';
-import Map from '../../../src/ol/Map.js';
-import View from '../../../src/ol/View.js';
-import VectorSource from '../../../src/ol/source/Vector.js';
-import Style from '../../../src/ol/style/Style.js';
-import Stroke from '../../../src/ol/style/Stroke.js';
-import Polygon from '../../../src/ol/geom/Polygon.js';
 import Circle from '../../../src/ol/geom/Circle.js';
+import Feature from '../../../src/ol/Feature.js';
 import LineString from '../../../src/ol/geom/LineString.js';
+import Map from '../../../src/ol/Map.js';
+import Polygon from '../../../src/ol/geom/Polygon.js';
+import Stroke from '../../../src/ol/style/Stroke.js';
+import Style from '../../../src/ol/style/Style.js';
 import VectorImageLayer from '../../../src/ol/layer/VectorImage.js';
+import VectorSource from '../../../src/ol/source/Vector.js';
+import View from '../../../src/ol/View.js';
 
 const center = [1825927.7316762917, 6143091.089223046];
 
@@ -18,13 +18,13 @@ const vectorLayer1 = new VectorImageLayer({
   style: new Style({
     stroke: new Stroke({
       color: '#3399CC',
-      width: 1.25
-    })
-  })
+      width: 1.25,
+    }),
+  }),
 });
 const vectorLayer2 = new VectorImageLayer({
   source: source2,
-  opacity: 0.6
+  opacity: 0.6,
 });
 
 function addCircle(r, source) {
@@ -32,25 +32,33 @@ function addCircle(r, source) {
 }
 
 function addPolygon(r, source) {
-  source.addFeature(new Feature(new Polygon([
-    [
-      [center[0] - r, center[1] - r],
-      [center[0] + r, center[1] - r],
-      [center[0] + r, center[1] + r],
-      [center[0] - r, center[1] + r],
-      [center[0] - r, center[1] - r]
-    ]
-  ])));
+  source.addFeature(
+    new Feature(
+      new Polygon([
+        [
+          [center[0] - r, center[1] - r],
+          [center[0] + r, center[1] - r],
+          [center[0] + r, center[1] + r],
+          [center[0] - r, center[1] + r],
+          [center[0] - r, center[1] - r],
+        ],
+      ])
+    )
+  );
 }
 
-const smallLine = new Feature(new LineString([
-  [center[0], center[1] - 1],
-  [center[0], center[1] + 1]
-]));
-smallLine.setStyle(new Style({
-  zIndex: -99,
-  stroke: new Stroke({width: 75, color: 'red'})
-}));
+const smallLine = new Feature(
+  new LineString([
+    [center[0], center[1] - 1],
+    [center[0], center[1] + 1],
+  ])
+);
+smallLine.setStyle(
+  new Style({
+    zIndex: -99,
+    stroke: new Stroke({width: 75, color: 'red'}),
+  })
+);
 smallLine.getGeometry().translate(-1000, 1000);
 source1.addFeature(smallLine);
 addPolygon(100, source1);
@@ -60,32 +68,36 @@ addCircle(500, source1);
 addPolygon(600, source1);
 addPolygon(720, source1);
 
-const smallLine2 = new Feature(new LineString([
-  [center[0], center[1] - 1000],
-  [center[0], center[1] + 1000]
-]));
+const smallLine2 = new Feature(
+  new LineString([
+    [center[0], center[1] - 1000],
+    [center[0], center[1] + 1000],
+  ])
+);
 smallLine2.setStyle([
   new Style({
-    stroke: new Stroke({width: 35, color: 'blue'})
+    stroke: new Stroke({width: 35, color: 'blue'}),
   }),
   new Style({
-    stroke: new Stroke({width: 15, color: 'green'})
-  })
+    stroke: new Stroke({width: 15, color: 'green'}),
+  }),
 ]);
 smallLine2.getGeometry().translate(1000, 1000);
 source1.addFeature(smallLine2);
 
-const smallLine3 = new Feature(new LineString([
-  [center[0], center[1] - 1],
-  [center[0], center[1] + 1]
-]));
+const smallLine3 = new Feature(
+  new LineString([
+    [center[0], center[1] - 1],
+    [center[0], center[1] + 1],
+  ])
+);
 smallLine3.setStyle([
   new Style({
-    stroke: new Stroke({width: 75, color: 'red'})
+    stroke: new Stroke({width: 75, color: 'red'}),
   }),
   new Style({
-    stroke: new Stroke({width: 45, color: 'white'})
-  })
+    stroke: new Stroke({width: 45, color: 'white'}),
+  }),
 ]);
 smallLine3.getGeometry().translate(-1000, -1000);
 
@@ -94,15 +106,12 @@ addCircle(1000, source2);
 source2.addFeature(smallLine3);
 
 const map = new Map({
-  layers: [
-    vectorLayer1,
-    vectorLayer2
-  ],
+  layers: [vectorLayer1, vectorLayer2],
   target: 'map',
   view: new View({
     center: center,
-    zoom: 13
-  })
+    zoom: 13,
+  }),
 });
 
 map.getView().setRotation(Math.PI + Math.PI / 4);