✨ Feature: Reduce Bundle Size (#199)

* remove unneeded code by dependencies

* separate resolution changes into their own plugin from the info plugin

Author: IanSSenne

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+	"typescript.tsdk": "node_modules\\typescript\\lib"
+}

src/components/boneConfigDialog.svelte

@@ -12,7 +12,7 @@
 </script>
 
 <script lang="ts">
-	import { NbtCompound, NbtTag } from 'deepslate'
+	import { NbtCompound, NbtTag } from 'deepslate/lib/nbt'
 
 	const pluginModeEnabled = !!Project?.animated_java?.enable_plugin_mode
 

src/components/vanillaBlockDisplayConfigDialog.svelte

@@ -11,7 +11,7 @@
 </script>
 
 <script lang="ts">
-	import { NbtCompound, NbtTag } from 'deepslate'
+	import { NbtCompound, NbtTag } from 'deepslate/lib/nbt'
 
 	const pluginModeEnabled = !!Project?.animated_java?.enable_plugin_mode
 

src/components/vanillaItemDisplayConfigDialog.svelte

@@ -11,7 +11,7 @@
 </script>
 
 <script lang="ts">
-	import { NbtCompound, NbtTag } from 'deepslate'
+	import { NbtCompound, NbtTag } from 'deepslate/lib/nbt'
 
 	const pluginModeEnabled = !!Project?.animated_java?.enable_plugin_mode
 

src/nodeConfigs.ts

@@ -1,4 +1,4 @@
-import { NbtByte, NbtCompound, NbtFloat, NbtInt, NbtString, NbtTag } from 'deepslate'
+import { NbtByte, NbtCompound, NbtFloat, NbtInt, NbtString, NbtTag } from 'deepslate/lib/nbt'
 import {
 	IBlueprintBoneConfigJSON,
 	IBlueprintCameraConfigJSON,

src/systems/datapackCompiler.ts

@@ -5,7 +5,7 @@ import datapackTemplate from './animated_java.mcb'
 import { AnyRenderedNode, IRenderedRig } from './rigRenderer'
 import { IRenderedAnimation } from './animationRenderer'
 import { Variant } from '../variants'
-import { NbtCompound, NbtFloat, NbtInt, NbtList, NbtString } from 'deepslate'
+import { NbtCompound, NbtFloat, NbtInt, NbtList, NbtString } from 'deepslate/lib/nbt'
 import {
 	arrayToNbtFloatArray,
 	matrixToNbtFloatArray,

src/systems/modelDataFixerUpper.ts

@@ -2,7 +2,7 @@ import { IBlueprintFormatJSON, getDefaultProjectSettings } from '../blueprintFor
 import { BoneConfig } from '../nodeConfigs'
 import { PACKAGE } from '../constants'
 import { openUnexpectedErrorDialog } from '../interface/unexpectedErrorDialog'
-import { NbtCompound, NbtList, NbtString, NbtTag } from 'deepslate'
+import { NbtCompound, NbtList, NbtString, NbtTag } from 'deepslate/lib/nbt'
 
 export function process(model: any): any {
 	console.log('Running MDFU...', JSON.parse(JSON.stringify(model)))

src/systems/util.ts

@@ -1,4 +1,4 @@
-import { NbtFloat, NbtList } from 'deepslate'
+import { NbtFloat, NbtList } from 'deepslate/lib/nbt'
 import {
 	AsyncZipOptions,
 	AsyncZippable,

tools/esbuild.ts

@@ -19,7 +19,7 @@ import ImportGlobPlugin from 'esbuild-plugin-import-glob'
 import packagerPlugin from './plugins/packagerPlugin'
 import inlineWorkerPlugin from './plugins/workerPlugin'
 import assetOverridePlugin from './plugins/assetOverridePlugin'
-
+import path from 'path'
 const PACKAGE = JSON.parse(fs.readFileSync('./package.json', 'utf-8'))
 
 const INFO_PLUGIN: esbuild.Plugin = {
@@ -42,7 +42,35 @@ const INFO_PLUGIN: esbuild.Plugin = {
 		})
 	},
 }
-
+const DEPENDENCY_QUARKS: esbuild.Plugin = {
+	name: 'dependency-quarks',
+	setup(build) {
+		build.onResolve({ filter: /^three/ }, args => {
+			if (args.path === 'three') {
+				return { path: 'three', external: true }
+			} else {
+				return {
+					path: require.resolve(args.path),
+				}
+			}
+		})
+		build.onResolve({ filter: /^deepslate\// }, args => {
+			// esbuild respects the package.json "exports" field
+			// but the version of typescript we're using doesn't
+			// so we need to resolve the path manually
+			const file_path = path.resolve(
+				process.cwd(),
+				path.dirname(require.resolve('deepslate')),
+				'..',
+				args.path.split('/').slice(1).join('/'),
+				'index.js'
+			)
+			return {
+				path: file_path,
+			}
+		})
+	},
+}
 function createBanner() {
 	function wrap(s: string, width: number) {
 		return s.replace(new RegExp(`(?![^\\n]{1,${width}}$)([^\\n]{1,${width}})\\s`, 'g'), '$1\n')
@@ -189,9 +217,11 @@ const devConfig: esbuild.BuildOptions = {
 		packagerPlugin(),
 		inlineWorkerPlugin(devWorkerConfig),
 		assetOverridePlugin(),
+		DEPENDENCY_QUARKS,
 	],
 	format: 'iife',
 	define: DEFINES,
+	treeShaking: true,
 }
 
 const prodConfig: esbuild.BuildOptions = {
@@ -214,12 +244,14 @@ const prodConfig: esbuild.BuildOptions = {
 		packagerPlugin(),
 		inlineWorkerPlugin({}),
 		assetOverridePlugin(),
+		DEPENDENCY_QUARKS,
 	],
 	keepNames: true,
 	banner: createBanner(),
 	drop: ['debugger'],
 	format: 'iife',
 	define: DEFINES,
+	treeShaking: true,
 	metafile: true,
 }
 

types/blockbench-types.d.ts

@@ -1,2 +1,2 @@
-//// <reference types="blockbench-types"/>
-/// <reference path="D:/github-repos/snavesutit/blockbench-types/types/index.d.ts"/>
+/// <reference types="blockbench-types"/>
+//// <reference path="D:/github-repos/snavesutit/blockbench-types/types/index.d.ts"/>