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/renderer/canvas/ImageLayer.js

@@ -1,14 +1,14 @@
 /**
  * @module ol/renderer/canvas/ImageLayer
  */
-import {ENABLE_RASTER_REPROJECTION} from '../../reproj/common.js';
+import CanvasLayerRenderer from './Layer.js';
 import ViewHint from '../../ViewHint.js';
+import {ENABLE_RASTER_REPROJECTION} from '../../reproj/common.js';
+import {compose as composeTransform, makeInverse} from '../../transform.js';
 import {containsExtent, intersects} from '../../extent.js';
+import {createTransformString} from '../../render/canvas.js';
 import {fromUserExtent} from '../../proj.js';
 import {getIntersection, isEmpty} from '../../extent.js';
-import CanvasLayerRenderer from './Layer.js';
-import {compose as composeTransform, makeInverse} from '../../transform.js';
-import {createTransformString} from '../../render/canvas.js';
 
 /**
  * @classdesc
@@ -16,7 +16,6 @@ import {createTransformString} from '../../render/canvas.js';
  * @api
  */
 class CanvasImageLayerRenderer extends CanvasLayerRenderer {
-
   /**
    * @param {import("../../layer/Image.js").default} imageLayer Image layer.
    */
@@ -54,10 +53,17 @@ class CanvasImageLayerRenderer extends CanvasLayerRenderer {
 
     let renderedExtent = frameState.extent;
     if (layerState.extent !== undefined) {
-      renderedExtent = getIntersection(renderedExtent, fromUserExtent(layerState.extent, viewState.projection));
+      renderedExtent = getIntersection(
+        renderedExtent,
+        fromUserExtent(layerState.extent, viewState.projection)
+      );
     }
 
-    if (!hints[ViewHint.ANIMATING] && !hints[ViewHint.INTERACTING] && !isEmpty(renderedExtent)) {
+    if (
+      !hints[ViewHint.ANIMATING] &&
+      !hints[ViewHint.INTERACTING] &&
+      !isEmpty(renderedExtent)
+    ) {
       if (imageSource) {
         let projection = viewState.projection;
         if (!ENABLE_RASTER_REPROJECTION) {
@@ -66,7 +72,12 @@ class CanvasImageLayerRenderer extends CanvasLayerRenderer {
             projection = sourceProjection;
           }
         }
-        const image = imageSource.getImage(renderedExtent, viewResolution, pixelRatio, projection);
+        const image = imageSource.getImage(
+          renderedExtent,
+          viewResolution,
+          pixelRatio,
+          projection
+        );
         if (image && this.loadImage(image)) {
           this.image_ = image;
         }
@@ -95,7 +106,8 @@ class CanvasImageLayerRenderer extends CanvasLayerRenderer {
     const viewCenter = viewState.center;
     const viewResolution = viewState.resolution;
     const size = frameState.size;
-    const scale = pixelRatio * imageResolution / (viewResolution * imagePixelRatio);
+    const scale =
+      (pixelRatio * imageResolution) / (viewResolution * imagePixelRatio);
 
     let width = Math.round(size[0] * pixelRatio);
     let height = Math.round(size[1] * pixelRatio);
@@ -107,11 +119,15 @@ class CanvasImageLayerRenderer extends CanvasLayerRenderer {
     }
 
     // set forward and inverse pixel transforms
-    composeTransform(this.pixelTransform,
-      frameState.size[0] / 2, frameState.size[1] / 2,
-      1 / pixelRatio, 1 / pixelRatio,
+    composeTransform(
+      this.pixelTransform,
+      frameState.size[0] / 2,
+      frameState.size[1] / 2,
+      1 / pixelRatio,
+      1 / pixelRatio,
       rotation,
-      -width / 2, -height / 2
+      -width / 2,
+      -height / 2
     );
     makeInverse(this.inversePixelTransform, this.pixelTransform);
 
@@ -132,8 +148,13 @@ class CanvasImageLayerRenderer extends CanvasLayerRenderer {
     // clipped rendering if layer extent is set
     let clipped = false;
     if (layerState.extent) {
-      const layerExtent = fromUserExtent(layerState.extent, viewState.projection);
-      clipped = !containsExtent(layerExtent, frameState.extent) && intersects(layerExtent, frameState.extent);
+      const layerExtent = fromUserExtent(
+        layerState.extent,
+        viewState.projection
+      );
+      clipped =
+        !containsExtent(layerExtent, frameState.extent) &&
+        intersects(layerExtent, frameState.extent);
       if (clipped) {
         this.clipUnrotated(context, frameState, layerExtent);
       }
@@ -141,14 +162,18 @@ class CanvasImageLayerRenderer extends CanvasLayerRenderer {
 
     const img = image.getImage();
 
-    const transform = composeTransform(this.tempTransform_,
-      width / 2, height / 2,
-      scale, scale,
+    const transform = composeTransform(
+      this.tempTransform_,
+      width / 2,
+      height / 2,
+      scale,
+      scale,
       0,
-      imagePixelRatio * (imageExtent[0] - viewCenter[0]) / imageResolution,
-      imagePixelRatio * (viewCenter[1] - imageExtent[3]) / imageResolution);
+      (imagePixelRatio * (imageExtent[0] - viewCenter[0])) / imageResolution,
+      (imagePixelRatio * (viewCenter[1] - imageExtent[3])) / imageResolution
+    );
 
-    this.renderedResolution = imageResolution * pixelRatio / imagePixelRatio;
+    this.renderedResolution = (imageResolution * pixelRatio) / imagePixelRatio;
 
     const dx = transform[4];
     const dy = transform[5];
@@ -163,8 +188,17 @@ class CanvasImageLayerRenderer extends CanvasLayerRenderer {
         previousAlpha = this.context.globalAlpha;
         this.context.globalAlpha = opacity;
       }
-      this.context.drawImage(img, 0, 0, +img.width, +img.height,
-        Math.round(dx), Math.round(dy), Math.round(dw), Math.round(dh));
+      this.context.drawImage(
+        img,
+        0,
+        0,
+        +img.width,
+        +img.height,
+        Math.round(dx),
+        Math.round(dy),
+        Math.round(dw),
+        Math.round(dh)
+      );
       if (opacity !== 1) {
         this.context.globalAlpha = previousAlpha;
       }
@@ -180,10 +214,7 @@ class CanvasImageLayerRenderer extends CanvasLayerRenderer {
     }
 
     return this.container;
-
   }
-
 }
 
-
 export default CanvasImageLayerRenderer;