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/linestring-style/main.js

@@ -1,69 +1,85 @@
-import Map from '../../../src/ol/Map.js';
-import View from '../../../src/ol/View.js';
 import Feature from '../../../src/ol/Feature.js';
 import LineString from '../../../src/ol/geom/LineString.js';
+import Map from '../../../src/ol/Map.js';
+import Stroke from '../../../src/ol/style/Stroke.js';
+import Style from '../../../src/ol/style/Style.js';
 import VectorLayer from '../../../src/ol/layer/Vector.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 View from '../../../src/ol/View.js';
 
 const vectorSource = new VectorSource();
 let feature;
 
 feature = new Feature({
-  geometry: new LineString([[-60, 60], [45, 60]])
+  geometry: new LineString([
+    [-60, 60],
+    [45, 60],
+  ]),
 });
 vectorSource.addFeature(feature);
 
 feature = new Feature({
-  geometry: new LineString([[-60, -50], [30, 10]])
+  geometry: new LineString([
+    [-60, -50],
+    [30, 10],
+  ]),
 });
-feature.setStyle(new Style({
-  stroke: new Stroke({color: '#f00', width: 3})
-}));
-vectorSource.addFeature(feature);
-
-feature = new Feature({
-  geometry: new LineString([[-110, -100], [0, 100], [100, -90]])
-});
-feature.setStyle(new Style({
-  stroke: new Stroke({
-    color: 'rgba(55, 55, 55, 0.75)',
-    width: 5,
-    lineCap: 'square',
-    lineDash: [4, 8],
-    lineJoin: 'round'
+feature.setStyle(
+  new Style({
+    stroke: new Stroke({color: '#f00', width: 3}),
   })
-}));
+);
 vectorSource.addFeature(feature);
 
 feature = new Feature({
-  geometry: new LineString([[-80, 80], [80, 80], [-40, -90]])
+  geometry: new LineString([
+    [-110, -100],
+    [0, 100],
+    [100, -90],
+  ]),
+});
+feature.setStyle(
+  new Style({
+    stroke: new Stroke({
+      color: 'rgba(55, 55, 55, 0.75)',
+      width: 5,
+      lineCap: 'square',
+      lineDash: [4, 8],
+      lineJoin: 'round',
+    }),
+  })
+);
+vectorSource.addFeature(feature);
+
+feature = new Feature({
+  geometry: new LineString([
+    [-80, 80],
+    [80, 80],
+    [-40, -90],
+  ]),
 });
 feature.setStyle([
   new Style({
-    stroke: new Stroke({color: '#F2F211', width: 5})
+    stroke: new Stroke({color: '#F2F211', width: 5}),
   }),
   new Style({
-    stroke: new Stroke({color: '#292921', width: 1})
-  })
+    stroke: new Stroke({color: '#292921', width: 1}),
+  }),
 ]);
 vectorSource.addFeature(feature);
 
-
 new Map({
   pixelRatio: 1,
   layers: [
     new VectorLayer({
-      source: vectorSource
-    })
+      source: vectorSource,
+    }),
   ],
   target: 'map',
   view: new View({
     center: [0, 0],
-    resolution: 1
-  })
+    resolution: 1,
+  }),
 });
 
 render();