@cosmos.gl/graph 3.0.0-beta.4 → 3.0.0-beta.5

package/dist/index.d.ts

@@ -4,8 +4,11 @@ import { GraphData } from './modules/GraphData';
 export declare class Graph {
     config: GraphConfig;
     graph: GraphData;
-    /** Promise that resolves with the luma device when the graph is ready. Await or `.then()` to run after init. */
-    readonly deviceInitPromise: Promise<Device>;
+    /** Promise that resolves when the graph is fully initialized and ready to use */
+    readonly ready: Promise<void>;
+    /** Whether the graph has completed initialization */
+    isReady: boolean;
+    private readonly deviceInitPromise;
     /** Canvas element, assigned asynchronously during device initialization */
     private canvas;
     private attributionDivElement;

package/dist/index.js

@@ -5387,7 +5387,7 @@ class It {
 }
 class Ht {
   constructor(t, i, o) {
-    if (this.config = new Be(), this.graph = new it(this.config), this.requestAnimationFrameId = 0, this.isRightClickMouse = !1, this.store = new Ee(), this.zoomInstance = new vt(this.store, this.config), this.dragInstance = new It(this.store, this.config), this._findHoveredItemExecutionCount = 0, this._isMouseOnCanvas = !1, this._lastMouseX = 0, this._lastMouseY = 0, this._lastCheckedMouseX = 0, this._lastCheckedMouseY = 0, this._shouldForceHoverDetection = !1, this._isFirstRenderAfterInit = !0, this.isPointPositionsUpdateNeeded = !1, this.isPointColorUpdateNeeded = !1, this.isPointSizeUpdateNeeded = !1, this.isPointShapeUpdateNeeded = !1, this.isPointImageIndicesUpdateNeeded = !1, this.isLinksUpdateNeeded = !1, this.isLinkColorUpdateNeeded = !1, this.isLinkWidthUpdateNeeded = !1, this.isLinkArrowUpdateNeeded = !1, this.isPointClusterUpdateNeeded = !1, this.isForceManyBodyUpdateNeeded = !1, this.isForceLinkUpdateNeeded = !1, this.isForceCenterUpdateNeeded = !1, this.isPointImageSizesUpdateNeeded = !1, this._isDestroyed = !1, i && this.config.init(i), o)
+    if (this.config = new Be(), this.graph = new it(this.config), this.isReady = !1, this.requestAnimationFrameId = 0, this.isRightClickMouse = !1, this.store = new Ee(), this.zoomInstance = new vt(this.store, this.config), this.dragInstance = new It(this.store, this.config), this._findHoveredItemExecutionCount = 0, this._isMouseOnCanvas = !1, this._lastMouseX = 0, this._lastMouseY = 0, this._lastCheckedMouseX = 0, this._lastCheckedMouseY = 0, this._shouldForceHoverDetection = !1, this._isFirstRenderAfterInit = !0, this.isPointPositionsUpdateNeeded = !1, this.isPointColorUpdateNeeded = !1, this.isPointSizeUpdateNeeded = !1, this.isPointShapeUpdateNeeded = !1, this.isPointImageIndicesUpdateNeeded = !1, this.isLinksUpdateNeeded = !1, this.isLinkColorUpdateNeeded = !1, this.isLinkWidthUpdateNeeded = !1, this.isLinkArrowUpdateNeeded = !1, this.isPointClusterUpdateNeeded = !1, this.isForceManyBodyUpdateNeeded = !1, this.isForceLinkUpdateNeeded = !1, this.isForceCenterUpdateNeeded = !1, this.isPointImageSizesUpdateNeeded = !1, this._isDestroyed = !1, i && this.config.init(i), o)
       this.deviceInitPromise = o, this.shouldDestroyDevice = !1;
     else {
       const s = document.createElement("canvas");
@@ -5396,7 +5396,7 @@ class Ht {
     this.deviceInitPromise.then((s) => {
       if (this._isDestroyed)
         return this.shouldDestroyDevice && s.destroy(), s;
-      this.device = s;
+      this.device = s, this.isReady = !0;
       const n = this.validateDevice(s);
       o && n.setProps({ useDevicePixels: this.config.pixelRatio }), this.store.div = t;
       const r = n.canvas;
@@ -5426,7 +5426,8 @@ class Ht {
         this.currentEvent = d, this.updateCanvasCursor();
       }), this.canvasD3Selection.call(this.dragInstance.behavior).call(this.zoomInstance.behavior).on("click", this.onClick.bind(this)).on("mousemove", this.onMouseMove.bind(this)).on("contextmenu", this.onContextMenu.bind(this)), (!this.config.enableZoom || !this.config.enableDrag) && this.updateZoomDragBehaviors(), this.setZoomLevel(this.config.initialZoomLevel ?? 1), this.store.maxPointSize = $(s, this.config.pixelRatio), this.store.isSimulationRunning = this.config.enableSimulation, this.points = new At(s, this.config, this.store, this.graph), this.lines = new dt(s, this.config, this.store, this.graph, this.points), this.config.enableSimulation && (this.forceGravity = new He(s, this.config, this.store, this.graph, this.points), this.forceCenter = new we(s, this.config, this.store, this.graph, this.points), this.forceManyBody = new Le(s, this.config, this.store, this.graph, this.points), this.forceLinkIncoming = new J(s, this.config, this.store, this.graph, this.points), this.forceLinkOutgoing = new J(s, this.config, this.store, this.graph, this.points), this.forceMouse = new qe(s, this.config, this.store, this.graph, this.points)), this.clusters = new Ge(s, this.config, this.store, this.graph, this.points), this.store.backgroundColor = k(this.config.backgroundColor), this.store.setHoveredPointRingColor(this.config.hoveredPointRingColor ?? h.hoveredPointRingColor), this.store.setFocusedPointRingColor(this.config.focusedPointRingColor ?? h.focusedPointRingColor), this.config.focusedPointIndex !== void 0 && this.store.setFocusedPoint(this.config.focusedPointIndex), this.store.setGreyoutPointColor(this.config.pointGreyoutColor ?? Y), this.store.setHoveredLinkColor(this.config.hoveredLinkColor ?? h.hoveredLinkColor), this.store.updateLinkHoveringEnabled(this.config), this.config.showFPSMonitor && (this.fpsMonitor = new G(this.canvas)), this.config.randomSeed !== void 0 && this.store.addRandomSeed(this.config.randomSeed), s;
     }).catch((s) => {
-      throw console.error("Device initialization failed:", s), s;
+      throw this.device = void 0, this.isReady = !1, console.error("Device initialization failed:", s), s;
+    }), this.ready = this.deviceInitPromise.then(() => {
     });
   }
   /**
@@ -6107,7 +6108,7 @@ class Ht {
    */
   destroy() {
     var t, i, o, s, n, r, a, l, d, c, f, p, u;
-    this._isDestroyed || (this._isDestroyed = !0, window.clearTimeout(this._fitViewOnInitTimeoutID), this.stopFrames(), this.canvasD3Selection && this.canvasD3Selection.on("mouseenter.cosmos", null).on("mousemove.cosmos", null).on("mouseleave.cosmos", null).on("click", null).on("mousemove", null).on("contextmenu", null).on(".drag", null).on(".zoom", null), z(document).on("keydown.cosmos", null).on("keyup.cosmos", null), (t = this.zoomInstance) != null && t.behavior && this.zoomInstance.behavior.on("start.detect", null).on("zoom.detect", null).on("end.detect", null), (i = this.dragInstance) != null && i.behavior && this.dragInstance.behavior.on("start.detect", null).on("drag.detect", null).on("end.detect", null), (o = this.fpsMonitor) == null || o.destroy(), (s = this.points) == null || s.destroy(), (n = this.lines) == null || n.destroy(), (r = this.clusters) == null || r.destroy(), (a = this.forceGravity) == null || a.destroy(), (l = this.forceCenter) == null || l.destroy(), (d = this.forceManyBody) == null || d.destroy(), (c = this.forceLinkIncoming) == null || c.destroy(), (f = this.forceLinkOutgoing) == null || f.destroy(), (p = this.forceMouse) == null || p.destroy(), this.device && this.shouldDestroyDevice && (this.device.beginRenderPass({
+    this._isDestroyed || (this._isDestroyed = !0, this.isReady = !1, window.clearTimeout(this._fitViewOnInitTimeoutID), this.stopFrames(), this.canvasD3Selection && this.canvasD3Selection.on("mouseenter.cosmos", null).on("mousemove.cosmos", null).on("mouseleave.cosmos", null).on("click", null).on("mousemove", null).on("contextmenu", null).on(".drag", null).on(".zoom", null), z(document).on("keydown.cosmos", null).on("keyup.cosmos", null), (t = this.zoomInstance) != null && t.behavior && this.zoomInstance.behavior.on("start.detect", null).on("zoom.detect", null).on("end.detect", null), (i = this.dragInstance) != null && i.behavior && this.dragInstance.behavior.on("start.detect", null).on("drag.detect", null).on("end.detect", null), (o = this.fpsMonitor) == null || o.destroy(), (s = this.points) == null || s.destroy(), (n = this.lines) == null || n.destroy(), (r = this.clusters) == null || r.destroy(), (a = this.forceGravity) == null || a.destroy(), (l = this.forceCenter) == null || l.destroy(), (d = this.forceManyBody) == null || d.destroy(), (c = this.forceLinkIncoming) == null || c.destroy(), (f = this.forceLinkOutgoing) == null || f.destroy(), (p = this.forceMouse) == null || p.destroy(), this.device && this.shouldDestroyDevice && (this.device.beginRenderPass({
       clearColor: this.store.backgroundColor,
       clearDepth: 1,
       clearStencil: 0
@@ -6146,7 +6147,7 @@ class Ht {
    * @returns true if device was not ready and operation was queued, false if device is ready
    */
   ensureDevice(t) {
-    return this.device ? !1 : (this.deviceInitPromise.then(() => {
+    return this.isReady ? !1 : (this.ready.then(() => {
       this._isDestroyed || t();
     }).catch((i) => {
       console.error("Device initialization failed", i);