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

@@ -1,50 +1,48 @@
-import {VOID} from '../../../../src/ol/functions.js';
+import CanvasBuilderGroup from '../../../../src/ol/render/canvas/BuilderGroup.js';
+import Feature from '../../../../src/ol/Feature.js';
+import Fill from '../../../../src/ol/style/Fill.js';
+import Icon from '../../../../src/ol/style/Icon.js';
 import LineString from '../../../../src/ol/geom/LineString.js';
-import Point from '../../../../src/ol/geom/Point.js';
-import Polygon from '../../../../src/ol/geom/Polygon.js';
 import MultiLineString from '../../../../src/ol/geom/MultiLineString.js';
 import MultiPoint from '../../../../src/ol/geom/MultiPoint.js';
 import MultiPolygon from '../../../../src/ol/geom/MultiPolygon.js';
-import CanvasBuilderGroup from '../../../../src/ol/render/canvas/BuilderGroup.js';
-import {renderFeature} from '../../../../src/ol/renderer/vector.js';
-import Fill from '../../../../src/ol/style/Fill.js';
-import Icon from '../../../../src/ol/style/Icon.js';
+import Point from '../../../../src/ol/geom/Point.js';
+import Polygon from '../../../../src/ol/geom/Polygon.js';
 import Stroke from '../../../../src/ol/style/Stroke.js';
 import Style from '../../../../src/ol/style/Style.js';
-import Feature from '../../../../src/ol/Feature.js';
+import {VOID} from '../../../../src/ol/functions.js';
+import {renderFeature} from '../../../../src/ol/renderer/vector.js';
 
-
-describe('ol.renderer.vector', function() {
-  describe('#renderFeature', function() {
+describe('ol.renderer.vector', function () {
+  describe('#renderFeature', function () {
     let builderGroup;
     let feature, iconStyle, style, squaredTolerance, listener;
     let iconStyleLoadSpy;
 
-    beforeEach(function() {
+    beforeEach(function () {
       builderGroup = new CanvasBuilderGroup(1);
       feature = new Feature();
       iconStyle = new Icon({
-        src: 'http://example.com/icon.png'
+        src: 'http://example.com/icon.png',
       });
       style = new Style({
         image: iconStyle,
         fill: new Fill({}),
-        stroke: new Stroke({})
+        stroke: new Stroke({}),
       });
       squaredTolerance = 1;
-      listener = function() {};
-      iconStyleLoadSpy = sinon.stub(iconStyle, 'load').callsFake(function() {
+      listener = function () {};
+      iconStyleLoadSpy = sinon.stub(iconStyle, 'load').callsFake(function () {
         iconStyle.iconImage_.imageState_ = 1; // LOADING
       });
     });
 
-    afterEach(function() {
+    afterEach(function () {
       iconStyleLoadSpy.restore();
     });
 
-    describe('call multiple times', function() {
-
-      it('does not set multiple listeners', function() {
+    describe('call multiple times', function () {
+      it('does not set multiple listeners', function () {
         let listeners;
 
         // call #1
@@ -61,42 +59,58 @@ describe('ol.renderer.vector', function() {
         listeners = iconStyle.iconImage_.listeners_['change'];
         expect(listeners.length).to.eql(1);
       });
-
     });
 
-    describe('call renderFeature with a loading icon', function() {
-
-      it('does not render the point', function() {
+    describe('call renderFeature with a loading icon', function () {
+      it('does not render the point', function () {
         feature.setGeometry(new Point([0, 0]));
-        const imageReplay = builderGroup.getBuilder(
-          style.getZIndex(), 'Image');
+        const imageReplay = builderGroup.getBuilder(style.getZIndex(), 'Image');
         const setImageStyleSpy = sinon.spy(imageReplay, 'setImageStyle');
-        const drawPointSpy = sinon.stub(imageReplay, 'drawPoint').callsFake(VOID);
+        const drawPointSpy = sinon
+          .stub(imageReplay, 'drawPoint')
+          .callsFake(VOID);
         renderFeature(builderGroup, feature, style, squaredTolerance, listener);
         expect(setImageStyleSpy.called).to.be(false);
         setImageStyleSpy.restore();
         drawPointSpy.restore();
       });
 
-      it('does not render the multipoint', function() {
-        feature.setGeometry(new MultiPoint([[0, 0], [1, 1]]));
-        const imageReplay = builderGroup.getBuilder(
-          style.getZIndex(), 'Image');
+      it('does not render the multipoint', function () {
+        feature.setGeometry(
+          new MultiPoint([
+            [0, 0],
+            [1, 1],
+          ])
+        );
+        const imageReplay = builderGroup.getBuilder(style.getZIndex(), 'Image');
         const setImageStyleSpy = sinon.spy(imageReplay, 'setImageStyle');
-        const drawMultiPointSpy = sinon.stub(imageReplay, 'drawMultiPoint').callsFake(VOID);
+        const drawMultiPointSpy = sinon
+          .stub(imageReplay, 'drawMultiPoint')
+          .callsFake(VOID);
         renderFeature(builderGroup, feature, style, squaredTolerance, listener);
         expect(setImageStyleSpy.called).to.be(false);
         setImageStyleSpy.restore();
         drawMultiPointSpy.restore();
       });
 
-      it('does render the linestring', function() {
-        feature.setGeometry(new LineString([[0, 0], [1, 1]]));
+      it('does render the linestring', function () {
+        feature.setGeometry(
+          new LineString([
+            [0, 0],
+            [1, 1],
+          ])
+        );
         const lineStringReplay = builderGroup.getBuilder(
-          style.getZIndex(), 'LineString');
-        const setFillStrokeStyleSpy = sinon.spy(lineStringReplay,
-          'setFillStrokeStyle');
-        const drawLineStringSpy = sinon.stub(lineStringReplay, 'drawLineString').callsFake(VOID);
+          style.getZIndex(),
+          'LineString'
+        );
+        const setFillStrokeStyleSpy = sinon.spy(
+          lineStringReplay,
+          'setFillStrokeStyle'
+        );
+        const drawLineStringSpy = sinon
+          .stub(lineStringReplay, 'drawLineString')
+          .callsFake(VOID);
         renderFeature(builderGroup, feature, style, squaredTolerance, listener);
         expect(setFillStrokeStyleSpy.called).to.be(true);
         expect(drawLineStringSpy.called).to.be(true);
@@ -104,13 +118,26 @@ describe('ol.renderer.vector', function() {
         drawLineStringSpy.restore();
       });
 
-      it('does render the multilinestring', function() {
-        feature.setGeometry(new MultiLineString([[[0, 0], [1, 1]]]));
+      it('does render the multilinestring', function () {
+        feature.setGeometry(
+          new MultiLineString([
+            [
+              [0, 0],
+              [1, 1],
+            ],
+          ])
+        );
         const lineStringReplay = builderGroup.getBuilder(
-          style.getZIndex(), 'LineString');
-        const setFillStrokeStyleSpy = sinon.spy(lineStringReplay,
-          'setFillStrokeStyle');
-        const drawMultiLineStringSpy = sinon.stub(lineStringReplay, 'drawMultiLineString').callsFake(VOID);
+          style.getZIndex(),
+          'LineString'
+        );
+        const setFillStrokeStyleSpy = sinon.spy(
+          lineStringReplay,
+          'setFillStrokeStyle'
+        );
+        const drawMultiLineStringSpy = sinon
+          .stub(lineStringReplay, 'drawMultiLineString')
+          .callsFake(VOID);
         renderFeature(builderGroup, feature, style, squaredTolerance, listener);
         expect(setFillStrokeStyleSpy.called).to.be(true);
         expect(drawMultiLineStringSpy.called).to.be(true);
@@ -118,14 +145,28 @@ describe('ol.renderer.vector', function() {
         drawMultiLineStringSpy.restore();
       });
 
-      it('does render the polygon', function() {
-        feature.setGeometry(new Polygon(
-          [[[0, 0], [1, 1], [1, 0], [0, 0]]]));
+      it('does render the polygon', function () {
+        feature.setGeometry(
+          new Polygon([
+            [
+              [0, 0],
+              [1, 1],
+              [1, 0],
+              [0, 0],
+            ],
+          ])
+        );
         const polygonReplay = builderGroup.getBuilder(
-          style.getZIndex(), 'Polygon');
-        const setFillStrokeStyleSpy = sinon.spy(polygonReplay,
-          'setFillStrokeStyle');
-        const drawPolygonSpy = sinon.stub(polygonReplay, 'drawPolygon').callsFake(VOID);
+          style.getZIndex(),
+          'Polygon'
+        );
+        const setFillStrokeStyleSpy = sinon.spy(
+          polygonReplay,
+          'setFillStrokeStyle'
+        );
+        const drawPolygonSpy = sinon
+          .stub(polygonReplay, 'drawPolygon')
+          .callsFake(VOID);
         renderFeature(builderGroup, feature, style, squaredTolerance, listener);
         expect(setFillStrokeStyleSpy.called).to.be(true);
         expect(drawPolygonSpy.called).to.be(true);
@@ -133,14 +174,30 @@ describe('ol.renderer.vector', function() {
         drawPolygonSpy.restore();
       });
 
-      it('does render the multipolygon', function() {
-        feature.setGeometry(new MultiPolygon(
-          [[[[0, 0], [1, 1], [1, 0], [0, 0]]]]));
+      it('does render the multipolygon', function () {
+        feature.setGeometry(
+          new MultiPolygon([
+            [
+              [
+                [0, 0],
+                [1, 1],
+                [1, 0],
+                [0, 0],
+              ],
+            ],
+          ])
+        );
         const polygonReplay = builderGroup.getBuilder(
-          style.getZIndex(), 'Polygon');
-        const setFillStrokeStyleSpy = sinon.spy(polygonReplay,
-          'setFillStrokeStyle');
-        const drawMultiPolygonSpy = sinon.stub(polygonReplay, 'drawMultiPolygon').callsFake(VOID);
+          style.getZIndex(),
+          'Polygon'
+        );
+        const setFillStrokeStyleSpy = sinon.spy(
+          polygonReplay,
+          'setFillStrokeStyle'
+        );
+        const drawMultiPolygonSpy = sinon
+          .stub(polygonReplay, 'drawMultiPolygon')
+          .callsFake(VOID);
         renderFeature(builderGroup, feature, style, squaredTolerance, listener);
         expect(setFillStrokeStyleSpy.called).to.be(true);
         expect(drawMultiPolygonSpy.called).to.be(true);
@@ -148,6 +205,5 @@ describe('ol.renderer.vector', function() {
         drawMultiPolygonSpy.restore();
       });
     });
-
   });
 });