✨ Improve Blueprint Settings

Author: SnaveSutit

src/dialogs/blueprintSettings/blueprintSettings.ts

@@ -8,12 +8,13 @@ import {
 } from '../../interface/animatedJavaBarItem'
 import { updateAllCubeOutlines } from '../../mods/cube'
 import { createScopedTranslator } from '../../util/lang'
-import Footer from './footer.svelte'
-import Datapack from './pages/datapack.svelte'
-import EventFunctions from './pages/eventFunctions.svelte'
-import General from './pages/general.svelte'
-import Misc from './pages/misc.svelte'
-import Resourcepack from './pages/resourcepack.svelte'
+import FooterComponent from './footer.svelte'
+import DatapackComponent from './pages/datapack.svelte'
+import EventFunctionsComponent from './pages/eventFunctions.svelte'
+import GeneralComponent from './pages/general.svelte'
+import MiscComponent from './pages/misc.svelte'
+import PluginComponent from './pages/plugin.svelte'
+import ResourcepackComponent from './pages/resourcepack.svelte'
 
 const localize = createScopedTranslator('dialog.blueprint_settings')
 
@@ -23,36 +24,42 @@ export function openBlueprintSettings() {
 		title: 'Blueprint Settings',
 		pages: {
 			general: {
-				component: General,
+				component: GeneralComponent,
 				label: localize('pages.general.title'),
 				icon: 'settings',
 			},
 			datapack: {
-				component: Datapack,
+				component: DatapackComponent,
 				condition: () => Project.pluginMode.get() === false,
 				label: localize('pages.datapack.title'),
 				icon: 'database',
 			},
 			resourcepack: {
-				component: Resourcepack,
+				component: ResourcepackComponent,
 				condition: () => Project.pluginMode.get() === false,
 				label: localize('pages.resource_pack.title'),
 				icon: 'image',
 			},
 			eventFunctions: {
-				component: EventFunctions,
+				component: EventFunctionsComponent,
 				condition: () => Project.pluginMode.get() === false,
 				label: localize('pages.event_functions.title'),
 				icon: 'functions',
 			},
+			plugin: {
+				component: PluginComponent,
+				condition: () => Project.pluginMode.get() === true,
+				label: localize('pages.plugin.title'),
+				icon: 'fa-paper-plane',
+			},
 			misc: {
-				component: Misc,
+				component: MiscComponent,
 				label: localize('pages.misc.title'),
 				icon: 'tune',
 			},
 		},
 		footer: {
-			component: Footer,
+			component: FooterComponent,
 		},
 		pageSwitchActions: [
 			OPEN_DOCUMENTATION.get()!,

src/dialogs/blueprintSettings/pages/general.svelte

@@ -1,7 +1,9 @@
 <script lang="ts">
+	import type {} from '@blockbench-types/generated/uv/uv_size'
 	import { onDestroy } from 'svelte'
 	import DataPackIcon from '../../../assets/icons/impulse_command_block.png'
 	import PluginIcon from '../../../assets/icons/papermc.svg'
+	import { getDefaultProjectSettings } from '../../../formats/blueprint'
 	import {
 		validateBlueprintId,
 		validateTargetMinecraftVersion,
@@ -11,6 +13,8 @@
 	import LineEdit from '../../../svelteComponents/sidebarDialogItems/lineEdit.svelte'
 	import Vector2 from '../../../svelteComponents/sidebarDialogItems/vector2.svelte'
 
+	const DEFAULT_SETTINGS = getDefaultProjectSettings()
+
 	let targetEnvironment = $state(Project.animated_java.enable_plugin_mode ? 'plugin' : 'datapack')
 	let blueprintName = $state(Project.name)
 	let blueprintId = $state(Project.animated_java.blueprint_id)
@@ -23,7 +27,7 @@
 	})
 
 	onDestroy(() => {
-		Project.setResolution(textureSizeX, textureSizeY)
+		UVSizeUtil.adjustProjectResolution(textureSizeX, textureSizeY)
 		Project.name = blueprintName
 		Project.animated_java.blueprint_id = blueprintId
 		Project.animated_java.target_minecraft_version = targetMinecraftVersion
@@ -54,12 +58,14 @@
 		label="Blueprint Name"
 		description="The name of your Blueprint. Used for the exported file name and in-game display name."
 		bind:value={blueprintName}
+		defaultValue={'My Blueprint'}
 	></LineEdit>
 
 	<LineEdit
 		label="Blueprint ID"
 		description="The unique identifier for your Blueprint."
 		bind:value={blueprintId}
+		defaultValue={DEFAULT_SETTINGS.blueprint_id}
 		checkValue={validateBlueprintId}
 		required
 	></LineEdit>
@@ -68,6 +74,7 @@
 		label="Target Minecraft Version"
 		description="The Minecraft version you're targeting. Affects which features you can use and how the export is structured."
 		bind:value={targetMinecraftVersion}
+		defaultValue={DEFAULT_SETTINGS.target_minecraft_version}
 		checkValue={validateTargetMinecraftVersion}
 		required
 	></LineEdit>

src/dialogs/blueprintSettings/pages/plugin.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+	import { onDestroy } from 'svelte'
+	import Checkbox from '../../../svelteComponents/sidebarDialogItems/checkbox.svelte'
+	import SelectFile from '../../../svelteComponents/sidebarDialogItems/selectFile.svelte'
+	import { createScopedTranslator } from '../../../util/lang'
+
+	const localize = createScopedTranslator('dialog.blueprint_settings')
+
+	let bakedAnimations = $state(Project.animated_java.baked_animations)
+	let jsonFile = $state(Project.animated_java.json_file)
+
+	onDestroy(() => {
+		Project.animated_java.baked_animations = bakedAnimations
+		Project.animated_java.json_file = jsonFile
+	})
+</script>
+
+<div class="dialog-page-container">
+	<SelectFile
+		label={localize('json_file.title')}
+		description={localize('json_file.description')}
+		extensions={['.json']}
+		bind:value={jsonFile}
+		required
+	></SelectFile>
+
+	<Checkbox
+		label={localize('baked_animations.title')}
+		description={localize('baked_animations.description')}
+		bind:value={bakedAnimations}
+	></Checkbox>
+</div>
+
+<style>
+	.dialog-page-container {
+		overflow-y: auto;
+		max-height: 75vh;
+		padding-right: 16px;
+		padding-left: 2px;
+	}
+</style>

src/formats/blueprint/settings.ts

@@ -43,7 +43,7 @@ export interface BlueprintSettings {
 }
 
 export const defaultValues: BlueprintSettings = {
-	blueprint_id: 'blueprint',
+	blueprint_id: 'aj:my_blueprint',
 
 	show_render_box: false,
 	auto_render_box: true,

src/lang/en.yml

@@ -113,6 +113,7 @@ animated_java:
         resource_pack.title: Resource Pack
         datapack.title: Data Pack
         event_functions.title: Event Functions
+        plugin.title: Plugin
         misc.title: Misc
 
       project_settings: