✨ Visualization of Structure groups

I've also added titles to all custom outliner elements.

Author: SnaveSutit

src/blockbench-additions/outliner-elements/blockDisplay.ts

@@ -38,6 +38,7 @@ export class BlockDisplay extends ResizableOutlinerElement {
 
 	public type = BlockDisplay.type
 	public icon = 'deployed_code'
+	public title = translate('node.block_display.title')
 	public needsUniqueName = true
 
 	// Properties

src/blockbench-additions/outliner-elements/itemDisplay.ts

@@ -35,6 +35,7 @@ export class ItemDisplay extends ResizableOutlinerElement {
 
 	public type = ItemDisplay.type
 	public icon = 'icecream'
+	public title = translate('node.item_display.title')
 	public needsUniqueName = true
 
 	// Properties

src/blockbench-additions/outliner-elements/textDisplay.ts

@@ -39,6 +39,7 @@ export class TextDisplay extends ResizableOutlinerElement {
 
 	public type = TextDisplay.type
 	public icon = 'text_fields'
+	public title = translate('node.text_display.title')
 	public needsUniqueName = true
 
 	// Properties

src/blockbench-mods/index.ts

@@ -31,6 +31,7 @@ import './ui/animationsPanel'
 import './ui/formatIcon'
 import './ui/formatOrder'
 import './ui/incompatiblePluginNotice'
+import './ui/structureNodeIcons'
 // Misc
 import './misc/customKeyframes'
 import './misc/locatorAnimator'

src/blockbench-mods/ui/structureNodeIcons.ts

@@ -0,0 +1,56 @@
+import { PACKAGE } from '@aj/constants'
+import { createBlockbenchMod } from '@aj/util/moddingTools'
+import { translate } from '@aj/util/translation'
+
+createBlockbenchMod(
+	`${PACKAGE.name}:structureNodeIcons`,
+	{
+		// @ts-expect-error
+		originalIcon: Group.prototype.icon,
+		// @ts-expect-error
+		originalTitle: Group.prototype.title,
+	},
+	ctx => {
+		Object.defineProperty(Group.prototype, 'icon', {
+			get() {
+				for (const child of this.children) {
+					if (child instanceof Cube) {
+						return ctx.originalIcon
+					}
+				}
+				return 'account_tree'
+			},
+			set() {
+				console.warn('Setting the default Group icon is not allowed!')
+			},
+		})
+
+		Object.defineProperty(Group.prototype, 'title', {
+			get() {
+				for (const child of this.children) {
+					if (child instanceof Cube) {
+						return ctx.originalTitle
+					}
+				}
+				return translate('node.structure.title').replaceAll('<br/>', '\n')
+			},
+			set() {
+				console.warn('Setting the default Group icon is not allowed!')
+			},
+		})
+
+		return ctx
+	},
+	ctx => {
+		Object.defineProperty(Group.prototype, 'icon', {
+			value: ctx.originalIcon,
+			get: undefined,
+			set: undefined,
+		})
+		Object.defineProperty(Group.prototype, 'title', {
+			value: ctx.originalTitle,
+			get: undefined,
+			set: undefined,
+		})
+	}
+)

src/lang/en.yml

@@ -125,6 +125,15 @@ panel:
     animated_java:block_display:
       label: Block Display
 
+node:
+  structure.title: |-
+    Structure - (Animated Java)
+    A Group will become a Structure if it doesn't have Cube children.
+    Structures will not create an entity in-game, but can be used to organize your model, and effect the animation.
+  item_display.title: Item Display
+  block_display.title: Block Display
+  text_display.title: Text Display
+
 # ----------------------------------------
 # OLD TRANSLATIONS
 # ----------------------------------------