Add Craft as it's own section item. Display the attack range

module/Apps/ActorSheets/BookGeistSheet.mjs

@@ -124,7 +124,6 @@ export class BookGeistSheet extends
 	};
 
 	async _prepareItemsContext(ctx) {
-		ctx.attacks = [];
 		ctx.defense = {
 			locations: `None`,
 			protection: 0,
@@ -136,9 +135,15 @@ export class BookGeistSheet extends
 			switch (item.type) {
 				case `weapon`: {
 					if (!item.system.equipped) { continue };
+					ctx.attacks ??= [];
 					ctx.attacks.push(this._prepareWeapon(item));
 					break;
 				};
+				case `craft`: {
+					ctx.crafts ??= [];
+					ctx.crafts.push(this._prepareCraft(item));
+					break;
+				};
 				case `trait`: {
 					ctx.traits.push(this._prepareTrait(item));
 					break;
@@ -148,14 +153,25 @@ export class BookGeistSheet extends
 	};
 
 	_prepareWeapon(weapon) {
+		const hasShortRange = weapon.system.range.short != null;
+		const hasLongRange = weapon.system.range.long != null;
+		const isRanged = hasShortRange || hasLongRange;
 		return {
 			uuid: weapon.uuid,
 			name: weapon.name,
 			damage: weapon.system.damage,
+			isRanged,
 			range: weapon.system.range,
 		};
 	};
 
+	_prepareCraft(craft) {
+		return {
+			uuid: craft.uuid,
+			name: craft.name,
+		};
+	};
+
 	_prepareTrait(trait) {
 		return {
 			uuid: trait.uuid,

templates/Apps/BookGeistSheet/items.hbs

@@ -1,18 +1,38 @@
 <div class="items">
-	<div>Attacks</div>
+	{{#if attacks}}
-	<div>
+		<div>Attacks</div>
-		{{#each attacks as |attack|}}
+		<div>
-			<div
+			{{#each attacks as |attack|}}
-				class="attack"
+				<div
-				data-ctx-menu="item"
+					class="attack"
-				data-item-id="{{attack.uuid}}"
+					data-ctx-menu="item"
-			>
+					data-item-id="{{attack.uuid}}"
-				{{attack.name}}
+				>
-			</div>
+					{{attack.name}}
-		{{else}}
+					{{attack.damage}}
-			Unarmed!
+					{{#if attack.isRanged}}
-		{{/each}}
+						<span class="range">
-	</div>
+							({{attack.range.short}} / {{attack.range.long}})
+						</span>
+					{{/if}}
+				</div>
+			{{/each}}
+		</div>
+	{{/if}}
+	{{#if crafts}}
+		<div>Craft</div>
+		<div>
+			{{#each crafts as |craft|}}
+				<div
+					class="craft"
+					data-ctx-menu="item"
+					data-item-id="{{craft.uuid}}"
+				>
+					{{craft.name}}
+				</div>
+			{{/each}}
+		</div>
+	{{/if}}
 	<div>Defense</div>
 	<div>
 		Armour

templates/Apps/BookGeistSheet/style.css

@@ -19,6 +19,7 @@
 		display: flex;
 		justify-content: center;
 		align-items: center;
+		flex-shrink: 0;
 
 		img {
 			width: 150px;