feat: run Earth Engine API in a web worker (DHIS2-12013) (#415)

BREAKING CHANGE: Run all EE API code in a separate web worker

jest.stub.js

@@ -11,6 +11,8 @@ global.mockMapGL = {
 global.mockMap = {
     getMapGL: () => mockMapGL,
     setHoverState: jest.fn(),
+    getBeforeLayerId: jest.fn(),
+    styleIsLoaded: () => true,
 }
 
 // https://stackoverflow.com/questions/57943736/how-to-fix-window-url-createobjecturl-is-not-a-function-when-testing-mapbox-gl

package.json

@@ -25,6 +25,7 @@
     "@turf/center-of-mass": "^6.3.0",
     "@turf/circle": "^6.3.0",
     "@turf/length": "^6.3.0",
+    "comlink": "^4.3.1",
     "fetch-jsonp": "^1.1.3",
     "lodash.throttle": "^4.1.1",
     "maplibre-gl": "^1.15.2",

src/Map.js

@@ -115,9 +115,7 @@ export class MapGL extends Evented {
     async removeLayer(layer) {
         this._layers = this._layers.filter(l => l !== layer)
 
-        if (this._mapgl && layer.isOnMap()) {
-            await layer.removeFrom(this)
-        }
+        await layer.removeFrom(this)
 
         this.fire('layerremove', this._layers)
     }

src/__tests__/Map.spec.js

@@ -9,6 +9,11 @@ jest.mock('maplibre-gl', () => ({
     FullscreenControl: () => {},
 }))
 
+jest.mock('../earthengine/ee_worker_loader', () => ({
+    __esModule: true,
+    default: jest.fn(),
+}))
+
 describe('DHIS2 Maps-gl Map', () => {
     it('should initialize correctly', () => {
         const map = new Map('el')

src/utils/__tests__/earthengine.spec.js → src/earthengine/__tests__/ee_worker_utils.spec.js

@@ -1,4 +1,4 @@
-import { hasClasses, getHistogramStatistics } from '../earthengine'
+import { hasClasses, getHistogramStatistics } from '../ee_worker_utils'
 
 const scale = 1000