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/kml-timezones.js

@@ -1,11 +1,10 @@
-import Map from '../src/ol/Map.js';
-import View from '../src/ol/View.js';
 import KML from '../src/ol/format/KML.js';
-import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
+import Map from '../src/ol/Map.js';
 import Stamen from '../src/ol/source/Stamen.js';
 import VectorSource from '../src/ol/source/Vector.js';
+import View from '../src/ol/View.js';
 import {Fill, Stroke, Style} from '../src/ol/style.js';
-
+import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
 
 /*
  * Compute the style of the feature.  Here we want the opacity of polygons to
@@ -14,7 +13,7 @@ import {Fill, Stroke, Style} from '../src/ol/style.js';
  * currently midnight would have an opacity of 0.  This doesn't account for
  * daylight savings, so don't use it to plan your vacation.
  */
-const styleFunction = function(feature) {
+const styleFunction = function (feature) {
   let offset = 0;
   const name = feature.get('name'); // e.g. GMT -08:30
   const match = name.match(/([\-+]\d{2}):(\d{2})$/);
@@ -24,21 +23,22 @@ const styleFunction = function(feature) {
     offset = 60 * hours + minutes;
   }
   const date = new Date();
-  const local = new Date(date.getTime() +
-      (date.getTimezoneOffset() + offset) * 60000);
+  const local = new Date(
+    date.getTime() + (date.getTimezoneOffset() + offset) * 60000
+  );
   // offset from local noon (in hours)
-  let delta = Math.abs(12 - local.getHours() + (local.getMinutes() / 60));
+  let delta = Math.abs(12 - local.getHours() + local.getMinutes() / 60);
   if (delta > 12) {
     delta = 24 - delta;
   }
   const opacity = 0.75 * (1 - delta / 12);
   return new Style({
     fill: new Fill({
-      color: [0xff, 0xff, 0x33, opacity]
+      color: [0xff, 0xff, 0x33, opacity],
     }),
     stroke: new Stroke({
-      color: '#ffffff'
-    })
+      color: '#ffffff',
+    }),
   });
 };
 
@@ -46,16 +46,16 @@ const vector = new VectorLayer({
   source: new VectorSource({
     url: 'data/kml/timezones.kml',
     format: new KML({
-      extractStyles: false
-    })
+      extractStyles: false,
+    }),
   }),
-  style: styleFunction
+  style: styleFunction,
 });
 
 const raster = new TileLayer({
   source: new Stamen({
-    layer: 'toner'
-  })
+    layer: 'toner',
+  }),
 });
 
 const map = new Map({
@@ -63,26 +63,27 @@ const map = new Map({
   target: 'map',
   view: new View({
     center: [0, 0],
-    zoom: 2
-  })
+    zoom: 2,
+  }),
 });
 
 const info = $('#info');
 info.tooltip({
   animation: false,
-  trigger: 'manual'
+  trigger: 'manual',
 });
 
-const displayFeatureInfo = function(pixel) {
+const displayFeatureInfo = function (pixel) {
   info.css({
     left: pixel[0] + 'px',
-    top: (pixel[1] - 15) + 'px'
+    top: pixel[1] - 15 + 'px',
   });
-  const feature = map.forEachFeatureAtPixel(pixel, function(feature) {
+  const feature = map.forEachFeatureAtPixel(pixel, function (feature) {
     return feature;
   });
   if (feature) {
-    info.tooltip('hide')
+    info
+      .tooltip('hide')
       .attr('data-original-title', feature.get('name'))
       .tooltip('fixTitle')
       .tooltip('show');
@@ -91,7 +92,7 @@ const displayFeatureInfo = function(pixel) {
   }
 };
 
-map.on('pointermove', function(evt) {
+map.on('pointermove', function (evt) {
   if (evt.dragging) {
     info.tooltip('hide');
     return;
@@ -99,6 +100,6 @@ map.on('pointermove', function(evt) {
   displayFeatureInfo(map.getEventPixel(evt.originalEvent));
 });
 
-map.on('click', function(evt) {
+map.on('click', function (evt) {
   displayFeatureInfo(evt.pixel);
 });