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.

src/ol/TileQueue.js

@@ -1,39 +1,36 @@
 /**
  * @module ol/TileQueue
  */
-import TileState from './TileState.js';
 import EventType from './events/EventType.js';
 import PriorityQueue, {DROP} from './structs/PriorityQueue.js';
-
+import TileState from './TileState.js';
 
 /**
  * @typedef {function(import("./Tile.js").default, string, import("./coordinate.js").Coordinate, number): number} PriorityFunction
  */
 
-
 class TileQueue extends PriorityQueue {
-
   /**
    * @param {PriorityFunction} tilePriorityFunction Tile priority function.
    * @param {function(): ?} tileChangeCallback Function called on each tile change event.
    */
   constructor(tilePriorityFunction, tileChangeCallback) {
-
     super(
       /**
        * @param {Array} element Element.
        * @return {number} Priority.
        */
-      function(element) {
+      function (element) {
         return tilePriorityFunction.apply(null, element);
       },
       /**
        * @param {Array} element Element.
        * @return {string} Key.
        */
-      function(element) {
-        return (/** @type {import("./Tile.js").default} */ (element[0]).getKey());
-      });
+      function (element) {
+        return /** @type {import("./Tile.js").default} */ (element[0]).getKey();
+      }
+    );
 
     /** @private */
     this.boundHandleTileChange_ = this.handleTileChange.bind(this);
@@ -55,7 +52,6 @@ class TileQueue extends PriorityQueue {
      * @type {!Object<string,boolean>}
      */
     this.tilesLoadingKeys_ = {};
-
   }
 
   /**
@@ -85,7 +81,11 @@ class TileQueue extends PriorityQueue {
   handleTileChange(event) {
     const tile = /** @type {import("./Tile.js").default} */ (event.target);
     const state = tile.getState();
-    if (tile.hifi && state === TileState.LOADED || state === TileState.ERROR || state === TileState.EMPTY) {
+    if (
+      (tile.hifi && state === TileState.LOADED) ||
+      state === TileState.ERROR ||
+      state === TileState.EMPTY
+    ) {
       tile.removeEventListener(EventType.CHANGE, this.boundHandleTileChange_);
       const tileKey = tile.getKey();
       if (tileKey in this.tilesLoadingKeys_) {
@@ -103,8 +103,11 @@ class TileQueue extends PriorityQueue {
   loadMoreTiles(maxTotalLoading, maxNewLoads) {
     let newLoads = 0;
     let state, tile, tileKey;
-    while (this.tilesLoading_ < maxTotalLoading && newLoads < maxNewLoads &&
-           this.getCount() > 0) {
+    while (
+      this.tilesLoading_ < maxTotalLoading &&
+      newLoads < maxNewLoads &&
+      this.getCount() > 0
+    ) {
       tile = /** @type {import("./Tile.js").default} */ (this.dequeue()[0]);
       tileKey = tile.getKey();
       state = tile.getState();
@@ -118,10 +121,8 @@ class TileQueue extends PriorityQueue {
   }
 }
 
-
 export default TileQueue;
 
-
 /**
  * @param {import('./PluggableMap.js').FrameState} frameState Frame state.
  * @param {import("./Tile.js").default} tile Tile.
@@ -130,7 +131,13 @@ export default TileQueue;
  * @param {number} tileResolution Tile resolution.
  * @return {number} Tile priority.
  */
-export function getTilePriority(frameState, tile, tileSourceKey, tileCenter, tileResolution) {
+export function getTilePriority(
+  frameState,
+  tile,
+  tileSourceKey,
+  tileCenter,
+  tileResolution
+) {
   // Filter out tiles at higher zoom levels than the current zoom level, or that
   // are outside the visible extent.
   if (!frameState || !(tileSourceKey in frameState.wantedTiles)) {
@@ -148,6 +155,8 @@ export function getTilePriority(frameState, tile, tileSourceKey, tileCenter, til
   const center = frameState.viewState.center;
   const deltaX = tileCenter[0] - center[0];
   const deltaY = tileCenter[1] - center[1];
-  return 65536 * Math.log(tileResolution) +
-      Math.sqrt(deltaX * deltaX + deltaY * deltaY) / tileResolution;
+  return (
+    65536 * Math.log(tileResolution) +
+    Math.sqrt(deltaX * deltaX + deltaY * deltaY) / tileResolution
+  );
 }