🚧 Update Icons

Author: SnaveSutit

src/components/icon.svelte

@@ -0,0 +1,32 @@
+<script lang="ts" context="module">
+	import { onDestroy } from 'svelte'
+	import AnimatedJavaIcon from '../assets/animated_java_icon.svg'
+</script>
+
+<script lang="ts">
+	let selected = false
+
+	const parent = document.querySelector('[format=animated_java_blueprint]')!
+	const interval = setInterval(() => {
+		selected = parent.classList.contains('selected')
+	}, 16)
+
+	onDestroy(() => {
+		clearInterval(interval)
+	})
+</script>
+
+<span class="icon_wrapper f_left">
+	<img src={AnimatedJavaIcon} alt="" />
+</span>
+
+<style>
+	img {
+		border-radius: 4px;
+		width: 24px;
+		height: 24px;
+		margin-left: 0.5px;
+		margin-top: 2px;
+		box-shadow: 1px 1px 1px #000000aa;
+	}
+</style>

src/components/projectTitle.svelte

@@ -20,6 +20,7 @@
 		height: 20px;
 		margin-top: 2px;
 		margin-right: 2px;
-		border-radius: 10px;
+		border-radius: 2px;
+		box-shadow: 1px 1px 1px #000000aa;
 	}
 </style>

src/index.ts

@@ -45,6 +45,7 @@ import './mods/variantPreviewCubeFaceMod'
 import './mods/showDefaultPoseMod'
 import './mods/addLocatorActionMod'
 import './mods/blockbenchReadMod'
+import './mods/formatIconMod'
 // Outliner
 import './outliner/textDisplay'
 import './outliner/vanillaItemDisplay'

src/interface/animatedJavaBarItem.ts

@@ -18,8 +18,9 @@ function createIconImg() {
 	Object.assign(IMG.style, {
 		position: 'relative',
 		top: '2px',
-		borderRadius: '8px',
+		borderRadius: '2px',
 		marginRight: '6px',
+		boxShadow: '1px 1px 1px #000000aa',
 	})
 	return IMG
 }
@@ -37,6 +38,9 @@ BLOCKBENCH_MENU_BAR.appendChild(MENU.label)
 events.SELECT_PROJECT.subscribe(project => {
 	MENU.label.style.display = project.format === BLUEPRINT_FORMAT ? 'inline-block' : 'none'
 })
+events.UNSELECT_AJ_PROJECT.subscribe(() => {
+	MENU.label.style.display = 'none'
+})
 
 MenuBar.addAction(
 	createAction(`${PACKAGE.name}:about`, {

src/mods/formatIconMod.ts

@@ -0,0 +1,12 @@
+import Icon from '../components/icon.svelte'
+import { injectSvelteCompomponent } from '../util/injectSvelte'
+
+void injectSvelteCompomponent({
+	elementSelector: () => document.querySelector('[format=animated_java_blueprint]'),
+	svelteComponent: Icon,
+	svelteComponentProperties: {},
+	prepend: true,
+	postMount: () => {
+		document.querySelector('[format=animated_java_blueprint] span i')?.parentElement?.remove()
+	},
+})