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/vector.js

@@ -1,11 +1,10 @@
 /**
  * @module ol/renderer/vector
  */
-import {getUid} from '../util.js';
-import ImageState from '../ImageState.js';
-import GeometryType from '../geom/GeometryType.js';
 import BuilderType from '../render/canvas/BuilderType.js';
-
+import GeometryType from '../geom/GeometryType.js';
+import ImageState from '../ImageState.js';
+import {getUid} from '../util.js';
 
 /**
  * Tolerance for geometry simplification in device pixels.
@@ -13,7 +12,6 @@ import BuilderType from '../render/canvas/BuilderType.js';
  */
 const SIMPLIFY_TOLERANCE = 0.5;
 
-
 /**
  * @const
  * @type {Object<import("../geom/GeometryType.js").default,
@@ -28,10 +26,9 @@ const GEOMETRY_RENDERERS = {
   'MultiLineString': renderMultiLineStringGeometry,
   'MultiPolygon': renderMultiPolygonGeometry,
   'GeometryCollection': renderGeometryCollectionGeometry,
-  'Circle': renderCircleGeometry
+  'Circle': renderCircleGeometry,
 };
 
-
 /**
  * @param {import("../Feature.js").FeatureLike} feature1 Feature 1.
  * @param {import("../Feature.js").FeatureLike} feature2 Feature 2.
@@ -41,7 +38,6 @@ export function defaultOrder(feature1, feature2) {
   return parseInt(getUid(feature1), 10) - parseInt(getUid(feature2), 10);
 }
 
-
 /**
  * @param {number} resolution Resolution.
  * @param {number} pixelRatio Pixel ratio.
@@ -52,17 +48,15 @@ export function getSquaredTolerance(resolution, pixelRatio) {
   return tolerance * tolerance;
 }
 
-
 /**
  * @param {number} resolution Resolution.
  * @param {number} pixelRatio Pixel ratio.
  * @return {number} Pixel tolerance.
  */
 export function getTolerance(resolution, pixelRatio) {
-  return SIMPLIFY_TOLERANCE * resolution / pixelRatio;
+  return (SIMPLIFY_TOLERANCE * resolution) / pixelRatio;
 }
 
-
 /**
  * @param {import("../render/canvas/BuilderGroup.js").default} builderGroup Builder group.
  * @param {import("../geom/Circle.js").default} geometry Geometry.
@@ -73,19 +67,24 @@ function renderCircleGeometry(builderGroup, geometry, style, feature) {
   const fillStyle = style.getFill();
   const strokeStyle = style.getStroke();
   if (fillStyle || strokeStyle) {
-    const circleReplay = builderGroup.getBuilder(style.getZIndex(), BuilderType.CIRCLE);
+    const circleReplay = builderGroup.getBuilder(
+      style.getZIndex(),
+      BuilderType.CIRCLE
+    );
     circleReplay.setFillStrokeStyle(fillStyle, strokeStyle);
     circleReplay.drawCircle(geometry, feature);
   }
   const textStyle = style.getText();
   if (textStyle) {
-    const textReplay = builderGroup.getBuilder(style.getZIndex(), BuilderType.TEXT);
+    const textReplay = builderGroup.getBuilder(
+      style.getZIndex(),
+      BuilderType.TEXT
+    );
     textReplay.setTextStyle(textStyle, builderGroup.addDeclutter(false));
     textReplay.drawText(geometry, feature);
   }
 }
 
-
 /**
  * @param {import("../render/canvas/BuilderGroup.js").default} replayGroup Replay group.
  * @param {import("../Feature.js").FeatureLike} feature Feature.
@@ -96,7 +95,14 @@ function renderCircleGeometry(builderGroup, geometry, style, feature) {
  * @return {boolean} `true` if style is loading.
  * @template T
  */
-export function renderFeature(replayGroup, feature, style, squaredTolerance, listener, opt_transform) {
+export function renderFeature(
+  replayGroup,
+  feature,
+  style,
+  squaredTolerance,
+  listener,
+  opt_transform
+) {
   let loading = false;
   const imageStyle = style.getImage();
   if (imageStyle) {
@@ -112,12 +118,17 @@ export function renderFeature(replayGroup, feature, style, squaredTolerance, lis
       loading = true;
     }
   }
-  renderFeatureInternal(replayGroup, feature, style, squaredTolerance, opt_transform);
+  renderFeatureInternal(
+    replayGroup,
+    feature,
+    style,
+    squaredTolerance,
+    opt_transform
+  );
 
   return loading;
 }
 
-
 /**
  * @param {import("../render/canvas/BuilderGroup.js").default} replayGroup Replay group.
  * @param {import("../Feature.js").FeatureLike} feature Feature.
@@ -125,12 +136,21 @@ export function renderFeature(replayGroup, feature, style, squaredTolerance, lis
  * @param {number} squaredTolerance Squared tolerance.
  * @param {import("../proj.js").TransformFunction} [opt_transform] Optional transform function.
  */
-function renderFeatureInternal(replayGroup, feature, style, squaredTolerance, opt_transform) {
+function renderFeatureInternal(
+  replayGroup,
+  feature,
+  style,
+  squaredTolerance,
+  opt_transform
+) {
   const geometry = style.getGeometryFunction()(feature);
   if (!geometry) {
     return;
   }
-  const simplifiedGeometry = geometry.simplifyTransformed(squaredTolerance, opt_transform);
+  const simplifiedGeometry = geometry.simplifyTransformed(
+    squaredTolerance,
+    opt_transform
+  );
   const renderer = style.getRenderer();
   if (renderer) {
     renderGeometry(replayGroup, simplifiedGeometry, style, feature);
@@ -140,7 +160,6 @@ function renderFeatureInternal(replayGroup, feature, style, squaredTolerance, op
   }
 }
 
-
 /**
  * @param {import("../render/canvas/BuilderGroup.js").default} replayGroup Replay group.
  * @param {import("../geom/Geometry.js").default|import("../render/Feature.js").default} geometry Geometry.
@@ -156,27 +175,33 @@ function renderGeometry(replayGroup, geometry, style, feature) {
     return;
   }
   const replay = replayGroup.getBuilder(style.getZIndex(), BuilderType.DEFAULT);
-  replay.drawCustom(/** @type {import("../geom/SimpleGeometry.js").default} */ (geometry), feature, style.getRenderer());
+  replay.drawCustom(
+    /** @type {import("../geom/SimpleGeometry.js").default} */ (geometry),
+    feature,
+    style.getRenderer()
+  );
 }
 
-
 /**
  * @param {import("../render/canvas/BuilderGroup.js").default} replayGroup Replay group.
  * @param {import("../geom/GeometryCollection.js").default} geometry Geometry.
  * @param {import("../style/Style.js").default} style Style.
  * @param {import("../Feature.js").default} feature Feature.
  */
-function renderGeometryCollectionGeometry(replayGroup, geometry, style, feature) {
+function renderGeometryCollectionGeometry(
+  replayGroup,
+  geometry,
+  style,
+  feature
+) {
   const geometries = geometry.getGeometriesArray();
   let i, ii;
   for (i = 0, ii = geometries.length; i < ii; ++i) {
-    const geometryRenderer =
-        GEOMETRY_RENDERERS[geometries[i].getType()];
+    const geometryRenderer = GEOMETRY_RENDERERS[geometries[i].getType()];
     geometryRenderer(replayGroup, geometries[i], style, feature);
   }
 }
 
-
 /**
  * @param {import("../render/canvas/BuilderGroup.js").default} builderGroup Replay group.
  * @param {import("../geom/LineString.js").default|import("../render/Feature.js").default} geometry Geometry.
@@ -186,19 +211,24 @@ function renderGeometryCollectionGeometry(replayGroup, geometry, style, feature)
 function renderLineStringGeometry(builderGroup, geometry, style, feature) {
   const strokeStyle = style.getStroke();
   if (strokeStyle) {
-    const lineStringReplay = builderGroup.getBuilder(style.getZIndex(), BuilderType.LINE_STRING);
+    const lineStringReplay = builderGroup.getBuilder(
+      style.getZIndex(),
+      BuilderType.LINE_STRING
+    );
     lineStringReplay.setFillStrokeStyle(null, strokeStyle);
     lineStringReplay.drawLineString(geometry, feature);
   }
   const textStyle = style.getText();
   if (textStyle) {
-    const textReplay = builderGroup.getBuilder(style.getZIndex(), BuilderType.TEXT);
+    const textReplay = builderGroup.getBuilder(
+      style.getZIndex(),
+      BuilderType.TEXT
+    );
     textReplay.setTextStyle(textStyle, builderGroup.addDeclutter(false));
     textReplay.drawText(geometry, feature);
   }
 }
 
-
 /**
  * @param {import("../render/canvas/BuilderGroup.js").default} builderGroup Replay group.
  * @param {import("../geom/MultiLineString.js").default|import("../render/Feature.js").default} geometry Geometry.
@@ -208,19 +238,24 @@ function renderLineStringGeometry(builderGroup, geometry, style, feature) {
 function renderMultiLineStringGeometry(builderGroup, geometry, style, feature) {
   const strokeStyle = style.getStroke();
   if (strokeStyle) {
-    const lineStringReplay = builderGroup.getBuilder(style.getZIndex(), BuilderType.LINE_STRING);
+    const lineStringReplay = builderGroup.getBuilder(
+      style.getZIndex(),
+      BuilderType.LINE_STRING
+    );
     lineStringReplay.setFillStrokeStyle(null, strokeStyle);
     lineStringReplay.drawMultiLineString(geometry, feature);
   }
   const textStyle = style.getText();
   if (textStyle) {
-    const textReplay = builderGroup.getBuilder(style.getZIndex(), BuilderType.TEXT);
+    const textReplay = builderGroup.getBuilder(
+      style.getZIndex(),
+      BuilderType.TEXT
+    );
     textReplay.setTextStyle(textStyle, builderGroup.addDeclutter(false));
     textReplay.drawText(geometry, feature);
   }
 }
 
-
 /**
  * @param {import("../render/canvas/BuilderGroup.js").default} builderGroup Replay group.
  * @param {import("../geom/MultiPolygon.js").default} geometry Geometry.
@@ -231,19 +266,24 @@ function renderMultiPolygonGeometry(builderGroup, geometry, style, feature) {
   const fillStyle = style.getFill();
   const strokeStyle = style.getStroke();
   if (strokeStyle || fillStyle) {
-    const polygonReplay = builderGroup.getBuilder(style.getZIndex(), BuilderType.POLYGON);
+    const polygonReplay = builderGroup.getBuilder(
+      style.getZIndex(),
+      BuilderType.POLYGON
+    );
     polygonReplay.setFillStrokeStyle(fillStyle, strokeStyle);
     polygonReplay.drawMultiPolygon(geometry, feature);
   }
   const textStyle = style.getText();
   if (textStyle) {
-    const textReplay = builderGroup.getBuilder(style.getZIndex(), BuilderType.TEXT);
+    const textReplay = builderGroup.getBuilder(
+      style.getZIndex(),
+      BuilderType.TEXT
+    );
     textReplay.setTextStyle(textStyle, builderGroup.addDeclutter(false));
     textReplay.drawText(geometry, feature);
   }
 }
 
-
 /**
  * @param {import("../render/canvas/BuilderGroup.js").default} builderGroup Replay group.
  * @param {import("../geom/Point.js").default|import("../render/Feature.js").default} geometry Geometry.
@@ -256,19 +296,24 @@ function renderPointGeometry(builderGroup, geometry, style, feature) {
     if (imageStyle.getImageState() != ImageState.LOADED) {
       return;
     }
-    const imageReplay = builderGroup.getBuilder(style.getZIndex(), BuilderType.IMAGE);
+    const imageReplay = builderGroup.getBuilder(
+      style.getZIndex(),
+      BuilderType.IMAGE
+    );
     imageReplay.setImageStyle(imageStyle, builderGroup.addDeclutter(false));
     imageReplay.drawPoint(geometry, feature);
   }
   const textStyle = style.getText();
   if (textStyle) {
-    const textReplay = builderGroup.getBuilder(style.getZIndex(), BuilderType.TEXT);
+    const textReplay = builderGroup.getBuilder(
+      style.getZIndex(),
+      BuilderType.TEXT
+    );
     textReplay.setTextStyle(textStyle, builderGroup.addDeclutter(!!imageStyle));
     textReplay.drawText(geometry, feature);
   }
 }
 
-
 /**
  * @param {import("../render/canvas/BuilderGroup.js").default} builderGroup Replay group.
  * @param {import("../geom/MultiPoint.js").default|import("../render/Feature.js").default} geometry Geometry.
@@ -281,19 +326,24 @@ function renderMultiPointGeometry(builderGroup, geometry, style, feature) {
     if (imageStyle.getImageState() != ImageState.LOADED) {
       return;
     }
-    const imageReplay = builderGroup.getBuilder(style.getZIndex(), BuilderType.IMAGE);
+    const imageReplay = builderGroup.getBuilder(
+      style.getZIndex(),
+      BuilderType.IMAGE
+    );
     imageReplay.setImageStyle(imageStyle, builderGroup.addDeclutter(false));
     imageReplay.drawMultiPoint(geometry, feature);
   }
   const textStyle = style.getText();
   if (textStyle) {
-    const textReplay = builderGroup.getBuilder(style.getZIndex(), BuilderType.TEXT);
+    const textReplay = builderGroup.getBuilder(
+      style.getZIndex(),
+      BuilderType.TEXT
+    );
     textReplay.setTextStyle(textStyle, builderGroup.addDeclutter(!!imageStyle));
     textReplay.drawText(geometry, feature);
   }
 }
 
-
 /**
  * @param {import("../render/canvas/BuilderGroup.js").default} builderGroup Replay group.
  * @param {import("../geom/Polygon.js").default|import("../render/Feature.js").default} geometry Geometry.
@@ -304,13 +354,19 @@ function renderPolygonGeometry(builderGroup, geometry, style, feature) {
   const fillStyle = style.getFill();
   const strokeStyle = style.getStroke();
   if (fillStyle || strokeStyle) {
-    const polygonReplay = builderGroup.getBuilder(style.getZIndex(), BuilderType.POLYGON);
+    const polygonReplay = builderGroup.getBuilder(
+      style.getZIndex(),
+      BuilderType.POLYGON
+    );
     polygonReplay.setFillStrokeStyle(fillStyle, strokeStyle);
     polygonReplay.drawPolygon(geometry, feature);
   }
   const textStyle = style.getText();
   if (textStyle) {
-    const textReplay = builderGroup.getBuilder(style.getZIndex(), BuilderType.TEXT);
+    const textReplay = builderGroup.getBuilder(
+      style.getZIndex(),
+      BuilderType.TEXT
+    );
     textReplay.setTextStyle(textStyle, builderGroup.addDeclutter(false));
     textReplay.drawText(geometry, feature);
   }