import analyser and migrate to solidjs, untested

script/viewer/Analyse/Render/Building.tsx

@@ -0,0 +1,74 @@
+import {BuildingState, WorldBoundaries, BuildingType, Team} from "@demostf/parser-worker";
+
+export interface BuildingProp {
+	building: BuildingState;
+	mapBoundary: WorldBoundaries;
+	targetSize: {
+		width: number;
+		height: number;
+	};
+	scale: number;
+}
+
+const healthMap = [0, 150, 180, 216];
+
+function getBuildingType(type: BuildingType) {
+	switch (type) {
+		case BuildingType.TeleporterEntrance:
+			return 'tele_entrance';
+		case BuildingType.TeleporterExit:
+			return 'tele_exit';
+		case BuildingType.Dispenser:
+			return 'dispenser';
+		case BuildingType.Level1Sentry:
+			return 'sentry_1';
+		case BuildingType.Level2Sentry:
+			return 'sentry_2';
+		case BuildingType.Level3Sentry:
+			return 'sentry_3';
+		case BuildingType.MiniSentry:
+			return 'sentry_1';
+		default:
+			return 'unknown';
+	}
+}
+
+function getIcon(building: BuildingState) {
+	const icon = getBuildingType(building.buildingType);
+	const team = building.team === Team.Red ? 'red' : 'blue';
+	return `/images/building_icons/${icon}_${team}.png`;
+}
+
+export function Building({building, mapBoundary, targetSize, scale}: BuildingProp) {
+	const worldWidth = mapBoundary.boundary_max.x - mapBoundary.boundary_min.x;
+	const worldHeight = mapBoundary.boundary_max.y - mapBoundary.boundary_min.y;
+	const x = building.position.x - mapBoundary.boundary_min.x;
+	const y = building.position.y - mapBoundary.boundary_min.y;
+	const scaledX = x / worldWidth * targetSize.width;
+	const scaledY = (worldHeight - y) / worldHeight * targetSize.height;
+	const maxHealth = healthMap[building.level];
+	if (!maxHealth) {
+		return null;
+	}
+
+	const alpha = building.health / maxHealth;
+	try {
+		const image = getIcon(building);
+
+		const angle = (building.angle) ?
+			<polygon points="-6,14 0, 16 6,14 0,24" fill="white"
+					 transform={`rotate(${270 - building.angle})`}/> : '';
+
+		return <g transform={`translate(${scaledX} ${scaledY}) scale(${1 / scale})`}
+				  opacity={alpha}>
+			{angle}
+			<image href={image} class={"player-icon"} height={32}
+					  width={32}
+					  transform={`translate(-16 -16)`}/>
+		</g>
+	} catch (e) {
+		console.log(e);
+
+		return null;
+	}
+}