@fusion.dev/helix-graph 0.223.0 → 0.224.0

package/dist/connect-graph/connect-graph.js

@@ -1,4 +1,4 @@
-import { HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, isRtl, motionPaused, onMotionChange, reportRuntime, watchTheme, } from '@fusion.dev/helix-core';
+import { isRtl, motionPaused, onMotionChange, reportRuntime, watchTheme, } from '@fusion.dev/helix-core';
 import { arrangeByGroup, hubsOf } from './arrange.js';
 import { diffGraph, isEmpty, linkKey, } from './diff.js';
 import { graphColorsFrom, looksOf, toneColor, } from './looks.js';
@@ -349,10 +349,10 @@ export const connectGraph = (frame, driver, options = {}) => {
             graph.moved?.();
         }
     };
-    frame.addEventListener(HelixGraphPartChangeEvent.eventName, handlePartChange);
-    frame.addEventListener(HelixGraphSignalEvent.eventName, handleSignal);
-    frame.addEventListener(HelixGraphPanEvent.eventName, handlePan);
-    frame.addEventListener(HelixGraphZoomEvent.eventName, handleZoom);
+    frame.addEventListener('helix-graph-part-change', handlePartChange);
+    frame.addEventListener('helix-graph-signal', handleSignal);
+    frame.addEventListener('helix-graph-pan', handlePan);
+    frame.addEventListener('helix-graph-zoom', handleZoom);
     const stopPress = driver.onPress?.((id) => {
         if (id === undefined) {
             pressed = undefined;
@@ -389,10 +389,10 @@ export const connectGraph = (frame, driver, options = {}) => {
             stopPaused();
             stopPress?.();
             stopTheme();
-            frame.removeEventListener(HelixGraphPartChangeEvent.eventName, handlePartChange);
-            frame.removeEventListener(HelixGraphSignalEvent.eventName, handleSignal);
-            frame.removeEventListener(HelixGraphPanEvent.eventName, handlePan);
-            frame.removeEventListener(HelixGraphZoomEvent.eventName, handleZoom);
+            frame.removeEventListener('helix-graph-part-change', handlePartChange);
+            frame.removeEventListener('helix-graph-signal', handleSignal);
+            frame.removeEventListener('helix-graph-pan', handlePan);
+            frame.removeEventListener('helix-graph-zoom', handleZoom);
             if (focusable) {
                 if (tabIndex === null) {
                     focusable.removeAttribute('tabindex');

package/dist/sigma/sigma-driver.js

@@ -67,8 +67,12 @@ export const sigmaDriver = (sigma, options = {}) => {
     const container = sigma.getContainer();
     const camera = sigma.getCamera();
     const before = new Map(SETTINGS.map((name) => [name, sigma.getSetting(name)]));
+    const boxed = () => container.isConnected && container.offsetWidth > 0 && container.offsetHeight > 0;
     const sized = typeof ResizeObserver === 'function'
         ? new ResizeObserver(() => {
+            if (!boxed()) {
+                return;
+            }
             sigma.resize(true);
             sigma.refresh();
         })
@@ -323,6 +327,7 @@ export const sigmaDriver = (sigma, options = {}) => {
             signals.signal(from, to, colors, animate);
         },
         stop: () => {
+            sized?.disconnect();
             sigma.off('afterRender', redraw);
             camera.off('updated', rezoomed);
             names.stop();
@@ -337,9 +342,10 @@ export const sigmaDriver = (sigma, options = {}) => {
             for (const [name, value] of before) {
                 sigma.setSetting(name, value !== false);
             }
-            sized?.disconnect();
             held.stop();
-            sigma.refresh();
+            if (boxed()) {
+                sigma.refresh();
+            }
         },
         update: (changes, animate) => {
             for (const id of changes.removeNodes) {

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@fusion.dev/helix-graph",
   "description": "Connects the Helix Graph frame to a graph renderer: Sigma.js, cosmos.gl, three.js, or a driver of your own.",
-  "version": "0.223.0",
+  "version": "0.224.0",
   "license": "MIT",
-  "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
+  "author": "Fusion Development Group",
   "repository": {
     "directory": "helix/graph",
     "type": "git",
@@ -60,24 +60,24 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.223.0"
+    "@fusion.dev/helix-core": "0.224.0"
   },
   "devDependencies": {
     "@cosmos.gl/graph": "^3.5.1",
-    "@fusion.dev/helix-headless": "0.223.0",
-    "@fusion.dev/helix-testing": "0.223.0",
+    "@fusion.dev/helix-headless": "0.224.0",
+    "@fusion.dev/helix-testing": "0.224.0",
     "@luma.gl/core": "~9.3.6",
     "@luma.gl/engine": "~9.3.6",
     "@luma.gl/shadertools": "~9.3.6",
     "@luma.gl/webgl": "~9.3.6",
-    "@types/bun": "^1.4.3",
+    "@types/bun": "^1.4.4",
     "@types/three": "^0.186.0",
     "d3-force-3d": "^3.0.6",
     "graphology": "^0.26.0",
     "graphology-layout-forceatlas2": "^0.10.1",
     "graphology-types": "^0.24.8",
     "meshoptimizer": "^1.3.0",
-    "sigma": "^4.0.0",
+    "sigma": "^4.0.4",
     "three": "^0.186.1"
   },
   "homepage": "https://fusion.dev",
@@ -94,7 +94,7 @@
   "peerDependencies": {
     "@cosmos.gl/graph": "^3.4.0",
     "d3-force-3d": "^3.0.0",
-    "sigma": "^4.0.0",
+    "sigma": "^4.0.4",
     "three": ">=0.160.0 <0.200.0"
   },
   "peerDependenciesMeta": {
@@ -112,6 +112,6 @@
     }
   },
   "publishConfig": {
-    "access": "restricted"
+    "access": "public"
   }
 }