using the zones locker instead of the window object

Author: pilgreen

index.js

@@ -2,6 +2,7 @@
  * Zones extension (Yozons)
  */
 
+import * as zones from "./lib/zones.js";
 import * as section from "./lib/section.js";
 import * as story from "./lib/story.js";
 
@@ -21,6 +22,9 @@ function distributeZones(locker) {
 
       resolve("zones-loaded")
     });
+
+    // Set up the communication bridge
+    locker.getYozonsLocker("zones").changes = zones.changes;
   });
 }
 

lib/zones.js

@@ -3,11 +3,13 @@
  * This class handles individual zone elements
  */
 
-// Constants for building the vip map and communicating
+// Constants for building the vip map
 const map = new Map();
-const changes = new Map();
 const fragment = new DocumentFragment();
 
+// Changes map
+export const changes = new Map();
+
 // Zone class
 export class Zone {
 
@@ -231,17 +233,3 @@ export function render() {
   map.forEach(zone => zone.inject());
   window.dispatchEvent(new Event("zones-loaded"));
 }
-
-/*
- * Set up the communication bridge
- * window.mi.zones isn't available until later
- * in the page execution
- */
-
-window.addEventListener("load", () => {
-  try {
-    window.mi.zones.changes = changes;
-  } catch(e) {
-    console.warn("cannot add changes to the zones object", e);
-  }
-});