feat: add Node type renderConfig object

LiveReader · May 5, 2023 · 020cbaf · 020cbaf
1 parent 4e702a2
commit 020cbaf
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -4,11 +4,11 @@
 
 # Graphly D3
 
+[![GitHub Repo stars](https://img.shields.io/github/stars/LiveReader/graphly-d3)](https://github.com/LiveReader/graphly-d3)
 [![npm version](https://badge.fury.io/js/%40livereader%2Fgraphly-d3.svg)](https://www.npmjs.com/package/@livereader/graphly-d3)
 [![npm](https://img.shields.io/npm/dm/@livereader/graphly-d3)](https://www.npmjs.com/package/@livereader/graphly-d3)
-[![GitHub Workflow Status Release](https://img.shields.io/github/actions/workflow/status/livereader/graphly-d3/release.yml?branch=main)](https://www.npmjs.com/package/@livereader/graphly-d3)
 [![GitHub Workflow Status Docs](https://img.shields.io/github/actions/workflow/status/livereader/graphly-d3/deploy-docs.yml?branch=main&label=docs)](https://docs.graphly.dev)
-[![GitHub Repo stars](https://img.shields.io/github/stars/LiveReader/graphly-d3)](https://github.com/LiveReader/graphly-d3)
+[![build](https://github.com/LiveReader/graphly-d3/actions/workflows/release.yml/badge.svg)](https://github.com/LiveReader/graphly-d3/actions/workflows/release.yml)
 
 ## Powerful Graph Visualization
 

diff --git a/lib/shape/utils/levelOfDetail.ts b/lib/shape/utils/levelOfDetail.ts
@@ -17,5 +17,6 @@ function register(data: Node, threshold: number, styles: LODStyle[] = []) {
 		applyLODStyles(relativeScale, styles);
 		return true;
 	};
+	if (data.renderConfig) callback(data.renderConfig.scale);
 	if (data.simulation) data.simulation.registerOnZoom(id, globalThreshold, callback);
 }
diff --git a/lib/shape/utils/styleModifier.ts b/lib/shape/utils/styleModifier.ts
@@ -56,6 +56,9 @@ export function applyStyles(shape: d3.Selection<any, any, any, any>, styles: Sha
 			applyStyle(
 				shape,
 				style.key,
+				style.value.data.renderConfig?.theme ?? "light" == "light"
+					? style.value.lightValue
+					: style.value.darkValue,
 				style.condition
 			);
 			if (!style.value.data.simulation) return;

diff --git a/lib/shape/utils/themes.ts b/lib/shape/utils/themes.ts
@@ -1,6 +1,7 @@
 import { Node } from "../../types/Node";
 
 export function OnThemeChange(data: Node, callback: (theme: "light" | "dark") => void) {
+	callback(data.renderConfig?.theme ?? "light");
 	if (!data.simulation) return;
 	data.simulation.eventStore.on("theme:change", callback);
 }

diff --git a/lib/types/Node.ts b/lib/types/Node.ts
@@ -52,9 +52,14 @@ export type Satellite = {
 	distance: number;
 };
 
+export type RenderConfig = {
+	theme: "light" | "dark";
+	scale: number;
+};
 
 export type Node<T = any> = D3Node & {
 	shape: Shape;
+	renderConfig?: RenderConfig;
 	simulation?: ForceSimulation;
 	gravity?: number;
 	spawn?: Spawn;