🦐 Reduce plugin size by almost 800KB.

- Removed extra THREE.js import, instead extracting the code AJ needs.
- Reduced the size of a few images.
-

Author: SnaveSutit

.eslintrc.json

@@ -9,7 +9,14 @@
 		"plugin:@typescript-eslint/recommended",
 		"plugin:@typescript-eslint/recommended-requiring-type-checking"
 	],
-	"ignorePatterns": ["node_modules/", "dist/", "exporters/", "tools/", "svelte.config.ts"],
+	"ignorePatterns": [
+		"node_modules/",
+		"dist/",
+		"exporters/",
+		"tools/",
+		"svelte.config.ts",
+		"src/util/bufferGeometryUtils.ts"
+	],
 	"overrides": [
 		{
 			"files": ["*.js", "*.d.ts"],

src/assets/armor_stand_running.gif

@@ -1,5 +1,5 @@
 <script lang="ts" context="module">
-	import RunningArmorStand from '../assets/armor_stand_running.gif'
+	import RunningArmorStand from '../assets/armor_stand_running.webp'
 	import { type Valuable } from '../util/stores'
 </script>
 

src/assets/armor_stand_running.webp

@@ -1,6 +1,6 @@
 <script lang="ts" context="module">
 	import { Valuable } from '../util/stores'
-	import ArmorStandRunningGif from '../assets/armor_stand_running.gif'
+	import ArmorStandRunningGif from '../assets/armor_stand_running.webp'
 </script>
 
 <script lang="ts">

src/assets/armor_stand_wave.gif

@@ -24,7 +24,7 @@
 >
 	<h1>Welcome to Animated Java!</h1>
 	<img
-		src="https://github.com/Animated-Java/animated-java/blob/rewrite/src/assets/armor_stand_wave.gif?raw=true"
+		src="https://github.com/Animated-Java/animated-java/blob/main/src/assets/armor_stand_wave.webp?raw=true"
 		alt="Armor Stand Waving"
 		width="80px"
 	/>

src/assets/armor_stand_wave.webp

@@ -1,3 +1,4 @@
+import { mergeGeometries } from '../../util/bufferGeometryUtils'
 import {
 	IParsedBlock,
 	getPathFromResourceLocation,
@@ -15,7 +16,6 @@ import {
 	IBlockStateVariant,
 } from './model'
 import { TEXTURE_FRAG_SHADER, TEXTURE_VERT_SHADER } from './textureShaders'
-import * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils'
 
 type BlockModelMesh = { mesh: THREE.Mesh; outline: THREE.LineSegments; isBlock: true }
 
@@ -340,19 +340,9 @@ async function generateModelMesh(
 		mesh.add(elementMesh)
 	}
 
-	// @ts-expect-error
-	const outlineGeo = BufferGeometryUtils.mergeBufferGeometries(outlineGeos)
+	const outlineGeo = mergeGeometries(outlineGeos)!
 	const outline = new THREE.LineSegments(outlineGeo, Canvas.outlineMaterial)
 
-	// if (variant.y) {
-	// 	mesh.rotateY(Math.degToRad(-variant.y))
-	// 	outline.rotateY(Math.degToRad(-variant.y))
-	// }
-	// if (variant.x) {
-	// 	mesh.rotateX(Math.degToRad(-variant.x))
-	// 	outline.rotateX(Math.degToRad(-variant.x))
-	// }
-
 	outline.no_export = true
 	outline.renderOrder = 2
 	outline.frustumCulled = false
@@ -456,8 +446,7 @@ export async function parseBlockState(block: IParsedBlock): Promise<BlockModelMe
 			)
 		}
 
-		// @ts-expect-error
-		const outlineGeo = BufferGeometryUtils.mergeBufferGeometries(outlines)
+		const outlineGeo = mergeGeometries(outlines)!
 		const outline = new THREE.LineSegments(outlineGeo, Canvas.outlineMaterial)
 
 		outline.no_export = true