celestial-chart 0.8.0 → 0.8.1

package/build/celestial.mjs

@@ -7122,7 +7122,7 @@ function geoZoom() {
 // src/core.js
 var Celestial = {
   // Must match the package version — guarded by test/package.test.mjs.
-  version: "0.8.0",
+  version: "0.8.1",
   container: null,
   data: []
 };
@@ -14464,6 +14464,7 @@ var SkyMap = class {
     var cfg, mapProjection, parentElement, zoom, map2, circle, daylight, starnames = {}, dsonames = {};
     var base = options && options.standalone ? settings : void 0;
     var instance = this;
+    var layersEnabled = false;
     function $(id2) {
       return document.querySelector(parentElement + " #" + id2);
     }
@@ -14951,7 +14952,7 @@ var SkyMap = class {
           }
         });
       }
-      if (Celestial.data.length > 0) {
+      if (layersEnabled && Celestial.data.length > 0) {
         Celestial.data.forEach(function(d) {
           d.redraw();
         });
@@ -15299,6 +15300,7 @@ var SkyMap = class {
       animate();
     };
     load();
+    layersEnabled = true;
   }
 };
 ["constellations", "constellation"].forEach(function(name_) {
@@ -15321,6 +15323,7 @@ Celestial.display = function(config) {
     if (key_ === "constructor" || key_ === "constellations" || key_ === "constellation") continue;
     Object.defineProperty(Celestial, key_, descriptors[key_]);
   }
+  instance.redraw();
   return instance;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "celestial-chart",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "Interactive celestial map for the browser — a modernised fork of d3-celestial (D3 v7, ES modules, TypeScript types, multiple maps per page)",
   "keywords": [
     "astronomy",

package/src/celestial.js

@@ -61,6 +61,19 @@ export class SkyMap {
   // change. A getter always exposes the current internal state.
   var instance = this;
 
+  // Layers added with Celestial.add() draw through the GLOBAL Celestial object
+  // (Celestial.container, .context, .mapProjection …) — that is how upstream's
+  // examples are written, and the interface upstream had from the start, because
+  // there `this` inside display() WAS the global object.
+  //
+  // Here the global only receives that interface once display() has copied it
+  // off the finished instance. A redraw that runs while this constructor is
+  // still executing — the zoom behaviour triggers one — would therefore call
+  // user layers against a global whose container is still null. So they stay
+  // switched off until the constructor is done; display() draws them right
+  // after it has published the interface.
+  var layersEnabled = false;
+
   // Element lookup inside this map's own parent element. This used to live in
   // util.js, reached through a shared "current map" pointer — so two maps would
   // have found each other's elements.
@@ -724,7 +737,7 @@ export class SkyMap {
       });
     }
     
-    if (Celestial.data.length > 0) { 
+    if (layersEnabled && Celestial.data.length > 0) { 
       Celestial.data.forEach( function(d) {
         d.redraw();
       });
@@ -1134,6 +1147,7 @@ export class SkyMap {
     this.date = function() { console.log("Celestial.date() needs config.location = true to work." ); };
   */
   load();
+  layersEnabled = true;
   }
 }
 
@@ -1168,6 +1182,8 @@ Celestial.display = function (config) {
     if (key_ === "constructor" || key_ === "constellations" || key_ === "constellation") continue;
     Object.defineProperty(Celestial, key_, descriptors[key_]);
   }
+  // Now that the global interface exists, the layers can be drawn.
+  instance.redraw();
   return instance;
 };
  

package/src/core.js

@@ -8,7 +8,7 @@
 // first, and by the time anyone touches the object it already exists.
 export var Celestial = {
   // Must match the package version — guarded by test/package.test.mjs.
-  version: '0.8.0',
+  version: '0.8.1',
   container: null,
   data: []
 };