Debugging code for #3040

debug/workers.html

@@ -0,0 +1,15 @@
+<script>
+    var src = [
+        "self.addEventListener('message', function () {",
+        "   console.log('received message from main');",
+        "   self.postMessage({});",
+        "});"
+    ].join("\n");
+    var blob = new Blob([src], { type: 'text/javascript' })
+    var workerURL = URL.createObjectURL(blob);
+    var worker = new Worker(workerURL);
+    worker.addEventListener('message', function () {
+        console.log('received message from worker');
+    });
+    worker.postMessage({});
+</script>

js/source/worker.js

@@ -12,6 +12,8 @@ const assert = require('assert');
  */
 class Worker {
     constructor(self) {
+        console.log('worker created', self);
+
         this.self = self;
         this.actor = new Actor(self, this);
 
@@ -34,34 +36,41 @@ class Worker {
     }
 
     setLayers(mapId, layerDefinitions) {
+        console.log('worker setLayers');
         this.getLayerIndex(mapId).replace(layerDefinitions);
     }
 
     updateLayers(mapId, layerDefinitions) {
+        console.log('worker updateLayers');
         this.getLayerIndex(mapId).update(layerDefinitions);
     }
 
     loadTile(mapId, params, callback) {
+        console.log('worker loadTile');
         assert(params.type);
         this.getWorkerSource(mapId, params.type).loadTile(params, callback);
     }
 
     reloadTile(mapId, params, callback) {
+        console.log('worker reloadTile');
         assert(params.type);
         this.getWorkerSource(mapId, params.type).reloadTile(params, callback);
     }
 
     abortTile(mapId, params) {
+        console.log('worker abortTile');
         assert(params.type);
         this.getWorkerSource(mapId, params.type).abortTile(params);
     }
 
     removeTile(mapId, params) {
+        console.log('worker removeTile');
         assert(params.type);
         this.getWorkerSource(mapId, params.type).removeTile(params);
     }
 
     redoPlacement(mapId, params, callback) {
+        console.log('worker redoPlacement');
         assert(params.type);
         this.getWorkerSource(mapId, params.type).redoPlacement(params, callback);
     }

js/source/worker_tile.js

@@ -32,6 +32,8 @@ class WorkerTile {
         this.status = 'parsing';
         this.data = data;
 
+        console.log(`parse ${this.coord.z}/${this.coord.x}/${this.coord.y}`);
+
         this.collisionBoxArray = new CollisionBoxArray();
         this.symbolInstancesArray = new SymbolInstancesArray();
         this.symbolQuadsArray = new SymbolQuadsArray();
@@ -99,6 +101,8 @@ class WorkerTile {
         }
 
         const done = () => {
+            console.log(`done ${this.coord.z}/${this.coord.x}/${this.coord.y}`);
+
             this.status = 'done';
 
             if (this.redoPlacementAfterDone) {

js/util/actor.js

@@ -19,6 +19,7 @@ class Actor {
         this.callbacks = {};
         this.callbackID = 0;
         this.receive = this.receive.bind(this);
+        console.log('addEventListener', this.target);
         this.target.addEventListener('message', this.receive, false);
     }
 
@@ -36,6 +37,7 @@ class Actor {
     send(type, data, callback, buffers, targetMapId) {
         const id = callback ? `${this.mapId}:${this.callbackID++}` : null;
         if (callback) this.callbacks[id] = callback;
+        console.log('postMessage', type);
         this.target.postMessage({
             targetMapId: targetMapId,
             sourceMapId: this.mapId,
@@ -46,6 +48,7 @@ class Actor {
     }
 
     receive(message) {
+        console.log('receive', message.data.type);
         const data = message.data,
             id = data.id;
         let callback;