@fusefactory/fuse-three-forcegraph 1.0.3 → 1.0.4

package/dist/index.d.mts

@@ -803,6 +803,10 @@ declare class LinksRenderer {
    * Highlight links connected to a specific node
    */
   highlightConnectedLinks(nodeId: string, step?: number): void;
+  /**
+   * Highlight links connected to any of the given nodes
+   */
+  highlightConnectedToNodes(nodeIds: Set<string>, step?: number): void;
   /**
    * Clear all highlights (return to defaultAlpha)
    */

package/dist/index.mjs

@@ -686,7 +686,7 @@ var InteractionManager = class {
 				const linkRenderer = this.graphScene.getLinkRenderer();
 				const nodeRenderer = this.graphScene.getNodeRenderer();
 				if (this.searchHighlightIds.length > 0) {
-					linkRenderer?.clearHighlights(.05);
+					linkRenderer?.highlightConnectedToNodes(new Set(this.searchHighlightIds), .05);
 					nodeRenderer?.highlight(this.searchHighlightIds);
 				} else {
 					linkRenderer?.clearHighlights(.05);
@@ -728,7 +728,7 @@ var InteractionManager = class {
 				const linkRenderer = this.graphScene.getLinkRenderer();
 				const nodeRenderer = this.graphScene.getNodeRenderer();
 				if (this.searchHighlightIds.length > 0) {
-					linkRenderer?.clearHighlights(.05);
+					linkRenderer?.highlightConnectedToNodes(new Set(this.searchHighlightIds), .05);
 					nodeRenderer?.highlight(this.searchHighlightIds);
 				} else {
 					linkRenderer?.clearHighlights(.05);
@@ -776,7 +776,7 @@ var InteractionManager = class {
 					nodeRenderer?.highlight(connectedIds);
 				}
 			} else if (this.searchHighlightIds.length > 0) {
-				linkRenderer?.clearHighlights(.05);
+				linkRenderer?.highlightConnectedToNodes(new Set(this.searchHighlightIds), .05);
 				nodeRenderer?.highlight(this.searchHighlightIds);
 			} else {
 				linkRenderer?.clearHighlights(.05);
@@ -1532,6 +1532,26 @@ var LinksRenderer = class {
 		this.linkOpacity.setTargets(targets);
 	}
 	/**
+	* Highlight links connected to any of the given nodes
+	*/
+	highlightConnectedToNodes(nodeIds, step = .01) {
+		if (!this.lines || !this.linkOpacity) return;
+		const linkCount = this.lines.geometry instanceof THREE.InstancedBufferGeometry ? this.lines.geometry.instanceCount : 0;
+		if (linkCount === 0 || linkCount === void 0) return;
+		const targets = new Array(linkCount).fill(this.params.dimmedAlpha);
+		let hasConnections = false;
+		for (const [linkId, instanceIndex] of this.linkIndexMap.entries()) {
+			const [sourceId, targetId] = linkId.split("-");
+			if (nodeIds.has(sourceId) || nodeIds.has(targetId)) {
+				targets[instanceIndex] = this.params.defaultAlpha;
+				hasConnections = true;
+			}
+		}
+		if (!hasConnections) return;
+		this.linkOpacity.setStep(step);
+		this.linkOpacity.setTargets(targets);
+	}
+	/**
 	* Clear all highlights (return to defaultAlpha)
 	*/
 	clearHighlights(step = .1) {
@@ -4077,6 +4097,7 @@ var Engine = class {
 	highlightNodes(nodeIds) {
 		this.interactionManager.searchHighlightIds = nodeIds;
 		this.graphScene.getNodeRenderer()?.highlight(nodeIds);
+		this.graphScene.getLinkRenderer()?.highlightConnectedToNodes(new Set(nodeIds));
 	}
 	/**
 	* Clear highlights
@@ -4084,6 +4105,7 @@ var Engine = class {
 	clearHighlights() {
 		this.interactionManager.searchHighlightIds = [];
 		this.graphScene.getNodeRenderer()?.clearHighlights();
+		this.graphScene.getLinkRenderer()?.clearHighlights();
 	}
 	/**
 	* Get node position in 3D space

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fusefactory/fuse-three-forcegraph",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "packageManager": "pnpm@10.6.4",
   "description": "A high-performance GPU-accelerated force-directed graph visualization library built with Three.js. Features a modular pass-based architecture for flexible and extensible force simulations.",
   "author": "Matteo Amerena",