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.

rendering/cases/text-style/main.js

@@ -1,140 +1,150 @@
-import Map from '../../../src/ol/Map.js';
-import View from '../../../src/ol/View.js';
 import Feature from '../../../src/ol/Feature.js';
+import Fill from '../../../src/ol/style/Fill.js';
+import Map from '../../../src/ol/Map.js';
 import Point from '../../../src/ol/geom/Point.js';
+import Stroke from '../../../src/ol/style/Stroke.js';
+import Style from '../../../src/ol/style/Style.js';
+import Text from '../../../src/ol/style/Text.js';
 import VectorLayer from '../../../src/ol/layer/Vector.js';
 import VectorSource from '../../../src/ol/source/Vector.js';
-import Text from '../../../src/ol/style/Text.js';
-import Style from '../../../src/ol/style/Style.js';
-import Fill from '../../../src/ol/style/Fill.js';
-import Stroke from '../../../src/ol/style/Stroke.js';
-
+import View from '../../../src/ol/View.js';
 
 const vectorSource = new VectorSource();
 let feature;
 
 // scale
 feature = new Feature({
-  geometry: new Point([-50, 50])
+  geometry: new Point([-50, 50]),
 });
-feature.setStyle(new Style({
-  text: new Text({
-    text: 'hello',
-    font: '12px Ubuntu',
-    scale: 2,
-    fill: new Fill({
-      color: 'red'
+feature.setStyle(
+  new Style({
+    text: new Text({
+      text: 'hello',
+      font: '12px Ubuntu',
+      scale: 2,
+      fill: new Fill({
+        color: 'red',
+      }),
+      stroke: new Stroke({
+        color: '#000',
+      }),
     }),
-    stroke: new Stroke({
-      color: '#000'
-    })
   })
-}));
+);
 vectorSource.addFeature(feature);
 
 // rotate
 feature = new Feature({
-  geometry: new Point([50, -50])
+  geometry: new Point([50, -50]),
 });
-feature.setStyle(new Style({
-  text: new Text({
-    text: 'upside down',
-    font: '12px Ubuntu',
-    rotation: Math.PI,
-    stroke: new Stroke({
-      color: 'red',
-      width: 2
-    })
+feature.setStyle(
+  new Style({
+    text: new Text({
+      text: 'upside down',
+      font: '12px Ubuntu',
+      rotation: Math.PI,
+      stroke: new Stroke({
+        color: 'red',
+        width: 2,
+      }),
+    }),
   })
-}));
+);
 vectorSource.addFeature(feature);
 
 // rotate with view
 feature = new Feature({
-  geometry: new Point([50, 50])
+  geometry: new Point([50, 50]),
 });
-feature.setStyle(new Style({
-  text: new Text({
-    font: 'Ubuntu',
-    text: 'rotateWithView',
-    rotateWithView: true,
-    stroke: new Stroke({
-      color: [10, 10, 10, 0.5]
-    })
+feature.setStyle(
+  new Style({
+    text: new Text({
+      font: 'Ubuntu',
+      text: 'rotateWithView',
+      rotateWithView: true,
+      stroke: new Stroke({
+        color: [10, 10, 10, 0.5],
+      }),
+    }),
   })
-}));
+);
 vectorSource.addFeature(feature);
 
 // align left
 feature = new Feature({
-  geometry: new Point([50, 50])
+  geometry: new Point([50, 50]),
 });
-feature.setStyle(new Style({
-  text: new Text({
-    font: 'Ubuntu',
-    text: 'align left',
-    textAlign: 'left',
-    stroke: new Stroke({
-      color: [10, 10, 10, 0.5]
-    })
+feature.setStyle(
+  new Style({
+    text: new Text({
+      font: 'Ubuntu',
+      text: 'align left',
+      textAlign: 'left',
+      stroke: new Stroke({
+        color: [10, 10, 10, 0.5],
+      }),
+    }),
   })
-}));
+);
 vectorSource.addFeature(feature);
 
 // background and padding
 feature = new Feature({
-  geometry: new Point([-10, 0])
+  geometry: new Point([-10, 0]),
 });
-feature.setStyle(new Style({
-  text: new Text({
-    text: 'hello',
-    font: '12px Ubuntu',
-    padding: [1, 2, 3, 5],
-    backgroundFill: new Fill({
-      color: 'rgba(55, 55, 55, 0.25)'
+feature.setStyle(
+  new Style({
+    text: new Text({
+      text: 'hello',
+      font: '12px Ubuntu',
+      padding: [1, 2, 3, 5],
+      backgroundFill: new Fill({
+        color: 'rgba(55, 55, 55, 0.25)',
+      }),
+      backgroundStroke: new Stroke({
+        color: '#000',
+        width: 1,
+      }),
     }),
-    backgroundStroke: new Stroke({
-      color: '#000',
-      width: 1
-    })
   })
-}));
+);
 vectorSource.addFeature(feature);
 
 // background and padding
 feature = new Feature({
-  geometry: new Point([-10, 0])
+  geometry: new Point([-10, 0]),
 });
-feature.setStyle(new Style({
-  text: new Text({
-    text: 'hello',
-    font: '12px Ubuntu',
-    padding: [1, 2, 3, 5],
-    backgroundFill: new Fill({
-      color: 'rgba(55, 55, 55, 0.25)'
+feature.setStyle(
+  new Style({
+    text: new Text({
+      text: 'hello',
+      font: '12px Ubuntu',
+      padding: [1, 2, 3, 5],
+      backgroundFill: new Fill({
+        color: 'rgba(55, 55, 55, 0.25)',
+      }),
+      backgroundStroke: new Stroke({
+        color: '#000',
+        width: 1,
+      }),
     }),
-    backgroundStroke: new Stroke({
-      color: '#000',
-      width: 1
-    })
   })
-}));
+);
 vectorSource.addFeature(feature);
 
-
 new Map({
   pixelRatio: 1,
   layers: [
     new VectorLayer({
-      source: vectorSource
-    })
+      source: vectorSource,
+    }),
   ],
   target: 'map',
   view: new View({
     center: [0, 0],
     resolution: 1,
-    rotation: Math.PI / 4
-  })
+    rotation: Math.PI / 4,
+  }),
 });
 
 render({tolerance: 0.02});