From 8480f94fdbe123b793c74030986351616a752147 Mon Sep 17 00:00:00 2001
From: Silabear <56885288+Silabear@users.noreply.github.com>
Date: Fri, 24 Jul 2026 12:55:52 +0100
Subject: [PATCH 1/2] show optimized instead of optimised if user's primary
 language is en-us

---
 src/routes/+page.svelte | 35 ++++++++++++++++-------------------
 1 file changed, 16 insertions(+), 19 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index eb2fb91..3913ca3 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	// Local variables
 	import { convert } from "$lib/text/nbt/export";
 	import { convertToTextOrEmpty, snbtToDocument } from "$lib/text/nbt/import";
 	import { colorMap, getNodeAtSelection, sourceKeys } from "$lib/text/utils";
@@ -67,56 +68,52 @@
 	import { onDestroy, onMount } from "svelte";
 	import { page } from "$app/state";
 
-	let tiptapJSON: JSONContent = $state()!;
+	// VARIABLES
 
+	// Tiptap variables
+	let tiptapJSON: JSONContent = $state()!;
 	let element: HTMLElement = $state()!;
 	let editor: Editor | undefined = $state()!;
-	let color = $state("#ffffff");
-	let colorDialog: Modal = $state()!;
-
-	let outputDialog: Modal = $state()!;
-	let versionPopup: boolean = $state(false);
 
-	let doesContentExist: boolean = $derived(editor ? !editor.isEmpty : false);
 	let shouldOptimise = $state(true);
 
 	// Import
 	let importDialog: Modal = $state()!;
 	let importText: string = $state("");
 
+	// Export
 	let recentlyCopied = $state(false);
+	let finalOutput = $derived(
+		editor ? convert(tiptapJSON, "standard", shouldOptimise) : "Loading...",
+	);
 
 	// Snapshots and stuff
 	let snapshots: object[] = $state([]);
 	let recentlySaved = $state(false);
 	let loadDialog: Modal = $state()!;
 
-	// Dialogs
+	// Dialogs and UI
 	let gradientDialog: Modal = $state()!;
 	let gradientSteps: string[] = $state(["#ffffff"]);
-
 	let keybindDialog: Modal = $state()!;
-
 	let clickEventType = $state("");
 	let clickEventValue = $state("");
 	let clickEventDialog: Modal = $state()!;
-
 	let hoverEventEditor: MiniEditor = $state()!;
 	let hoverEventDialog: Modal = $state()!;
 	let hoverEventValue = $state("");
-
 	let fontDialog: Modal = $state()!;
 	let fontUploadModal: Modal = $state()!;
 	let fontName = $state("");
-
 	let customType: string | undefined = $state();
 	let customDialog: Modal = $state()!;
-
 	let unicodeSelectorDialog: Modal = $state()!;
-
-	let finalOutput = $derived(
-		editor ? convert(tiptapJSON, "standard", shouldOptimise) : "Loading...",
-	);
+	let color = $state("#ffffff");
+	let colorDialog: Modal = $state()!;
+	let outputDialog: Modal = $state()!;
+	let versionPopup: boolean = $state(false);
+	let doesContentExist: boolean = $derived(editor ? !editor.isEmpty : false);
+	let useUSEnglish: boolean = (navigator.language.toLowerCase() == "en-us") ? true : false
 
 	function importToEditor() {
 		const jsonContent = snbtToDocument(convertToTextOrEmpty(importText));
@@ -677,7 +674,7 @@
 					class="ml-1 rounded-md bg-zinc-800 px-1 font-mono select-none hover:bg-zinc-700"
 					aria-label="Click to toggle whether the output should be optimised (shortest output, may have bugs), or expanded (easier to edit, more reliable)."
 					onclick={() => (shouldOptimise = !shouldOptimise)}
-					>{shouldOptimise ? "optimised" : "expanded"}</button>
+					>{shouldOptimise ? (useUSEnglish ? "optimized" : "optimised") : "expanded"}</button>
 
 				<p class="font-lexend nomob text-xs text-white/60">•</p>
 

From 263d52c6df0c87bfa7e5145d1e590bd18b576c7c Mon Sep 17 00:00:00 2001
From: Silabear <56885288+Silabear@users.noreply.github.com>
Date: Fri, 24 Jul 2026 12:57:37 +0100
Subject: [PATCH 2/2] also change spelling in the tooltip

---
 src/routes/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 3913ca3..af44b72 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -672,7 +672,7 @@
 				<button
 					{@attach tooltip}
 					class="ml-1 rounded-md bg-zinc-800 px-1 font-mono select-none hover:bg-zinc-700"
-					aria-label="Click to toggle whether the output should be optimised (shortest output, may have bugs), or expanded (easier to edit, more reliable)."
+					aria-label="Click to toggle whether the output should be {useUSEnglish ? "optimized" : "optimised"} (shortest output, may have bugs), or expanded (easier to edit, more reliable)."
 					onclick={() => (shouldOptimise = !shouldOptimise)}
 					>{shouldOptimise ? (useUSEnglish ? "optimized" : "optimised") : "expanded"}</button>