Improve previewing node data (#1446)

* Improve preview

* Improve contrast

* Restructure in order to duplicate code

* Code review nits

---------

Co-authored-by: Keavon Chambers <keavon@keavon.com>

node-graph/gcore/src/graphic_element/renderer.rs

@@ -88,6 +88,15 @@ impl SvgRender {
 		self.svg.push("</svg>");
 	}
 
+	/// Wraps the SVG with `<svg><g transform="...">`, which allows for rotation
+	pub fn wrap_with_transform(&mut self, transform: DAffine2) {
+		let defs = &self.svg_defs;
+
+		let svg_header = format!(r#"<svg xmlns="http://www.w3.org/2000/svg"><defs>{defs}</defs><g transform="{}">"#, format_transform_matrix(transform));
+		self.svg.insert(0, svg_header.into());
+		self.svg.push("</g></svg>");
+	}
+
 	pub fn leaf_tag(&mut self, name: impl Into<SvgSegment>, attributes: impl FnOnce(&mut SvgRenderAttrs)) {
 		self.indent();
 		self.svg.push("<");
@@ -97,6 +106,11 @@ impl SvgRender {
 		self.svg.push("/>");
 	}
 
+	pub fn leaf_node(&mut self, content: impl Into<SvgSegment>) {
+		self.indent();
+		self.svg.push(content);
+	}
+
 	pub fn parent_tag(&mut self, name: impl Into<SvgSegment>, attributes: impl FnOnce(&mut SvgRenderAttrs), inner: impl FnOnce(&mut Self)) {
 		let name = name.into();
 		self.indent();
@@ -359,6 +373,55 @@ impl GraphicElementRendered for GraphicElementData {
 	}
 }
 
+/// Used to stop rust complaining about upstream traits adding display implementations to `Option<Color>`. This would not be an issue as we control that crate.
+trait Primitive: core::fmt::Display {}
+impl Primitive for String {}
+impl Primitive for bool {}
+impl Primitive for f32 {}
+impl Primitive for f64 {}
+
+fn text_attributes(attributes: &mut SvgRenderAttrs) {
+	attributes.push("fill", "white");
+	attributes.push("y", "30");
+	attributes.push("font-size", "30");
+}
+
+impl<T: Primitive> GraphicElementRendered for T {
+	fn render_svg(&self, render: &mut SvgRender, _render_params: &RenderParams) {
+		render.parent_tag("text", text_attributes, |render| render.leaf_node(format!("{self}")));
+	}
+
+	fn bounding_box(&self, _transform: DAffine2) -> Option<[DVec2; 2]> {
+		None
+	}
+
+	fn add_click_targets(&self, _click_targets: &mut Vec<ClickTarget>) {}
+}
+
+impl GraphicElementRendered for Option<Color> {
+	fn render_svg(&self, render: &mut SvgRender, _render_params: &RenderParams) {
+		let Some(color) = self else {
+			render.parent_tag("text", |_| {}, |render| render.leaf_node("Empty color"));
+			return;
+		};
+
+		render.leaf_tag("rect", |attributes| {
+			attributes.push("width", "100");
+			attributes.push("height", "100");
+			attributes.push("y", "40");
+			attributes.push("fill", format!("#{}", color.rgba_hex()));
+		});
+		let color_info = format!("{:?} #{} {:?}", color, color.rgba_hex(), color.to_rgba8_srgb());
+		render.parent_tag("text", text_attributes, |render| render.leaf_node(color_info))
+	}
+
+	fn bounding_box(&self, _transform: DAffine2) -> Option<[DVec2; 2]> {
+		None
+	}
+
+	fn add_click_targets(&self, _click_targets: &mut Vec<ClickTarget>) {}
+}
+
 /// A segment of an svg string to allow for embedding blob urls
 #[derive(Debug, Clone, PartialEq, Eq)]
 pub enum SvgSegment {