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.

test/spec/ol/renderer/layer.test.js

@@ -1,111 +1,110 @@
 import ImageWrapper from '../../../../src/ol/Image.js';
-import Map from '../../../../src/ol/Map.js';
-import View from '../../../../src/ol/View.js';
 import Layer from '../../../../src/ol/layer/Layer.js';
-import TileLayer from '../../../../src/ol/layer/Tile.js';
 import LayerRenderer from '../../../../src/ol/renderer/Layer.js';
+import Map from '../../../../src/ol/Map.js';
+import TileLayer from '../../../../src/ol/layer/Tile.js';
+import View from '../../../../src/ol/View.js';
 import XYZ from '../../../../src/ol/source/XYZ.js';
 import {fromKey} from '../../../../src/ol/tilecoord.js';
 
-
-describe('ol.renderer.Layer', function() {
+describe('ol.renderer.Layer', function () {
   let renderer;
   const eventType = 'change';
 
-  beforeEach(function() {
+  beforeEach(function () {
     const layer = new Layer({});
     renderer = new LayerRenderer(layer);
   });
 
-  describe('#loadImage', function() {
+  describe('#loadImage', function () {
     let image;
     let imageLoadFunction;
 
-    beforeEach(function() {
+    beforeEach(function () {
       const extent = [];
       const resolution = 1;
       const pixelRatio = 1;
       const src = '';
       const crossOrigin = '';
       imageLoadFunction = sinon.spy();
-      image = new ImageWrapper(extent, resolution, pixelRatio, src, crossOrigin, imageLoadFunction);
+      image = new ImageWrapper(
+        extent,
+        resolution,
+        pixelRatio,
+        src,
+        crossOrigin,
+        imageLoadFunction
+      );
     });
 
-    describe('load IDLE image', function() {
-
-      it('returns false', function() {
+    describe('load IDLE image', function () {
+      it('returns false', function () {
         const loaded = renderer.loadImage(image);
         expect(loaded).to.be(false);
       });
 
-      it('registers a listener', function() {
+      it('registers a listener', function () {
         renderer.loadImage(image);
         const listeners = image.listeners_[eventType];
         expect(listeners).to.have.length(1);
       });
-
     });
 
-    describe('load LOADED image', function() {
-
-      it('returns true', function() {
+    describe('load LOADED image', function () {
+      it('returns true', function () {
         image.state = 2; // LOADED
         const loaded = renderer.loadImage(image);
         expect(loaded).to.be(true);
       });
 
-      it('does not register a listener', function() {
+      it('does not register a listener', function () {
         image.state = 2; // LOADED
         const loaded = renderer.loadImage(image);
         expect(loaded).to.be(true);
       });
-
     });
 
-    describe('load LOADING image', function() {
-
-      beforeEach(function() {
+    describe('load LOADING image', function () {
+      beforeEach(function () {
         renderer.loadImage(image);
         expect(image.getState()).to.be(1); // LOADING
       });
 
-      it('returns false', function() {
+      it('returns false', function () {
         const loaded = renderer.loadImage(image);
         expect(loaded).to.be(false);
       });
 
-      it('does not register a new listener', function() {
+      it('does not register a new listener', function () {
         renderer.loadImage(image);
         const listeners = image.listeners_[eventType];
         expect(listeners).to.have.length(1);
       });
-
     });
-
   });
 
-  describe('manageTilePyramid behavior', function() {
+  describe('manageTilePyramid behavior', function () {
     let target, map, view, source;
 
-    beforeEach(function(done) {
+    beforeEach(function (done) {
       target = document.createElement('div');
       Object.assign(target.style, {
         position: 'absolute',
         left: '-1000px',
         top: '-1000px',
         width: '360px',
-        height: '180px'
+        height: '180px',
       });
       document.body.appendChild(target);
 
       view = new View({
         center: [0, 0],
         multiWorld: true,
-        zoom: 0
+        zoom: 0,
       });
 
       source = new XYZ({
-        url: '#{x}/{y}/{z}'
+        url: '#{x}/{y}/{z}',
       });
 
       map = new Map({
@@ -113,27 +112,27 @@ describe('ol.renderer.Layer', function() {
         view: view,
         layers: [
           new TileLayer({
-            source: source
-          })
-        ]
+            source: source,
+          }),
+        ],
       });
-      map.once('postrender', function() {
+      map.once('postrender', function () {
         done();
       });
     });
 
-    afterEach(function() {
+    afterEach(function () {
       map.dispose();
       document.body.removeChild(target);
     });
 
-    it('accesses tiles from current zoom level last', function(done) {
+    it('accesses tiles from current zoom level last', function (done) {
       // expect most recent tile in the cache to be from zoom level 0
       const key = source.tileCache.peekFirstKey();
       const tileCoord = fromKey(key);
       expect(tileCoord[0]).to.be(0);
 
-      map.once('moveend', function() {
+      map.once('moveend', function () {
         // expect most recent tile in the cache to be from zoom level 4
         const key = source.tileCache.peekFirstKey();
         const tileCoord = fromKey(key);