fix bugs and do some minor updates

Author: HoodieRocks

.vscode/settings.json

@@ -9,7 +9,7 @@ Check it out at: https://text.datapackhub.net/
 :eyes: To prove it works, the generated text from the image above is below:
 
 ```
-["",{italic:true,text:"so many"}," ",{color:"yellow",text:"cool features!"},"\n- ",{bold:true,text:"bold"},", ",{italic:true,text:"italic"},", ",{strikethrough:true,text:"strikethrough"},", ",{underlined:true,text:"underlined"},", obfuscated\n- ",{color:"red",text:"any "},{color:"blue",text:"colours "},"(",{color:"#DD7171",text:"including custom colours"},") and ",{shadow_color:34047,text:"shadow colours"},"\n- ",{underlined:true,text:"",extra:[{color:"#f22f24",text:"c"},{color:"#f23922",text:"r"},{color:"#f24421",text:"e"},{color:"#f34e1f",text:"a"},{color:"#f3581e",text:"t"},{color:"#f3621c",text:"e"},{color:"#f36c1b",text:" "},{color:"#f37719",text:"g"},{color:"#f38118",text:"r"},{color:"#f48b16",text:"a"},{color:"#f49515",text:"d"},{color:"#f49f13",text:"i"},{color:"#f4aa12",text:"e"},{color:"#f4b410",text:"n"},{color:"#f4be0f",text:"t"},{color:"#f4c80d",text:"s"},{color:"#f5d20c",text:" "},{color:"#f5dd0a",text:"t"},{color:"#f5e709",text:"o"},{color:"#f5f107",text:"o!!!"}]},"\n- ",{bold:true,text:"custom sources"}," (",{color:"red",text:"nbt"},", ",{color:"gold",text:"scores"},", ",{color:"yellow",text:"translate keys"},", ",{color:"dark_green",text:"selectors"},", ",{color:"blue",text:"keybinds"},")\n- ",{text:"click events like this",click_event:{action:"open_url",url:"https://text.datapackhub.net/"}},"\n- ",{text:"hover events like this",hover_event:{action:"show_text",value:"i'm a hover event!"}},"\n- export to ",{color:"yellow",underlined:true,text:"json"}," and ",{color:"light_purple",underlined:true,text:"lore item components"}," (as well as normal nbt)\n- ",{color:"light_purple",underlined:true,text:"import from nbt into the editor"},"\n- save and load so you never lose your work\n\n",{color:"yellow",text:"check it out:"}," ",{color:"aqua",underlined:true,text:"https://text.datapackhub.net",click_event:{action:"open_url",url:"https://text.datapackhub.net"}}]
+["",{italic:true,text:"so many"}," ",{color:"yellow",text:"cool features!"},"\n- ",{bold:true,text:"bold"},", ",{italic:true,text:"italic"},", ",{strikethrough:true,text:"strikethrough"},", ",{underlined:true,text:"underlined"},", ",{obfuscated:true,text:"obfuscated\n"},"- ",{color:"red",text:"any "},{color:"blue",text:"colours "},"(",{color:"#DD7171",text:"including custom colours"},") and ",{shadow_color:34047,text:"shadow colours"},"\n- ",{underlined:true,text:"",extra:[{color:"#f22f24",text:"c"},{color:"#f23922",text:"r"},{color:"#f24421",text:"e"},{color:"#f34e1f",text:"a"},{color:"#f3581e",text:"t"},{color:"#f3621c",text:"e"},{color:"#f36c1b",text:" "},{color:"#f37719",text:"g"},{color:"#f38118",text:"r"},{color:"#f48b16",text:"a"},{color:"#f49515",text:"d"},{color:"#f49f13",text:"i"},{color:"#f4aa12",text:"e"},{color:"#f4b410",text:"n"},{color:"#f4be0f",text:"t"},{color:"#f4c80d",text:"s"},{color:"#f5d20c",text:" "},{color:"#f5dd0a",text:"t"},{color:"#f5e709",text:"o"},{color:"#f5f107",text:"o!!!"}]},"\n- ",{bold:true,text:"custom sources"}," (",{color:"red",text:"nbt"},", ",{color:"gold",text:"scores"},", ",{color:"yellow",text:"translate keys"},", ",{color:"dark_green",text:"selectors"},", ",{color:"blue",text:"keybinds"},")\n- ",{text:"click events like this",click_event:{action:"open_url",url:"https://text.datapackhub.net/"}},"\n- ",{text:"hover events like this",hover_event:{action:"show_text",value:"i'm a hover event!"}},"\n- export to ",{color:"yellow",underlined:true,text:"json"}," and ",{color:"light_purple",underlined:true,text:"lore item components"}," (as well as normal nbt)\n- ",{color:"light_purple",underlined:true,text:"import from nbt into the editor"},"\n- save and load so you never lose your work\n\n",{color:"yellow",text:"check it out:"}," ",{color:"aqua",underlined:true,text:"https://text.datapackhub.net",click_event:{action:"open_url",url:"https://text.datapackhub.net"}}]
 ```
 
 ## Bugs and feature requests

README.md

@@ -15,42 +15,42 @@
 		"test:e2e": "playwright test"
 	},
 	"devDependencies": {
-		"@iconify-json/tabler": "^1.2.33",
-		"@playwright/test": "^1.59.1",
+		"@iconify-json/tabler": "^1.2.35",
+		"@playwright/test": "^1.61.0",
 		"@sveltejs/adapter-auto": "^7.0.1",
-		"@sveltejs/kit": "^2.58.0",
-		"@sveltejs/vite-plugin-svelte": "^7.0.0",
-		"@tailwindcss/vite": "^4.2.4",
+		"@sveltejs/kit": "^2.65.1",
+		"@sveltejs/vite-plugin-svelte": "^7.1.2",
+		"@tailwindcss/vite": "^4.3.1",
 		"@testing-library/jest-dom": "^6.9.1",
 		"@testing-library/svelte": "^5.3.1",
-		"@tiptap/extension-color": "^3.22.4",
-		"@tiptap/extension-font-family": "^3.22.4",
-		"@tiptap/extension-text-style": "^3.22.4",
-		"@types/node": "^25.6.0",
+		"@tiptap/extension-color": "^3.26.1",
+		"@tiptap/extension-font-family": "^3.26.1",
+		"@tiptap/extension-text-style": "^3.26.1",
+		"@types/node": "^25.9.3",
 		"file-type": "^22.0.1",
-		"jsdom": "^29.0.2",
-		"oxlint": "^1.61.0",
-		"prettier": "^3.8.3",
-		"prettier-plugin-svelte": "^3.5.1",
-		"prettier-plugin-tailwindcss": "^0.7.3",
-		"svelte": "^5.55.5",
-		"svelte-check": "^4.4.6",
-		"tailwindcss": "^4.2.4",
+		"jsdom": "^29.1.1",
+		"oxlint": "^1.70.0",
+		"prettier": "^3.8.4",
+		"prettier-plugin-svelte": "^3.5.2",
+		"prettier-plugin-tailwindcss": "^0.7.4",
+		"svelte": "^5.56.3",
+		"svelte-check": "^4.6.0",
+		"tailwindcss": "^4.3.1",
 		"typescript": "^6.0.3",
 		"unplugin-icons": "^23.0.1",
-		"vite": "^8.0.10",
-		"vitest": "^4.1.5"
+		"vite": "^8.0.16",
+		"vitest": "^4.1.9"
 	},
 	"type": "module",
 	"dependencies": {
-		"@tiptap/core": "^3.22.4",
-		"@tiptap/extension-placeholder": "^3.22.4",
-		"@tiptap/pm": "^3.22.4",
-		"@tiptap/starter-kit": "^3.22.4",
-		"bits-ui": "^2.18.0",
-		"html2canvas-pro": "^2.0.2",
+		"@tiptap/core": "^3.26.1",
+		"@tiptap/extension-placeholder": "^3.26.1",
+		"@tiptap/pm": "^3.26.1",
+		"@tiptap/starter-kit": "^3.26.1",
+		"bits-ui": "^2.18.1",
+		"html2canvas-pro": "^2.0.4",
 		"idb": "^8.0.3",
-		"svelte-awesome-color-picker": "^4.1.2",
+		"svelte-awesome-color-picker": "^4.1.3",
 		"tippy.js": "^6.3.7",
 		"typescript-color-gradient": "^4.2.0"
 	}

bun.lock

@@ -44,7 +44,6 @@
 			selector: "",
 		},
 		object: {
-			object: "",
 			atlas: "",
 			sprite: "",
 			player: {
@@ -397,7 +396,7 @@
 			<option value="player">Player Head</option>
 		</select>
 
-		{#if customValues.object.object == "atlas"}
+		{#if customValues.object.object || customValues.object.object == "atlas"}
 			<p class="mt-2">Atlas</p>
 			<Combobox
 				items={defaultAtlases}

package-lock.json

@@ -86,7 +86,6 @@
 
 {#if !editor.isActive("shadowColor") || isColorPickerOpen}
 	<ColorPicker
-		isAlpha={false}
 		bind:hex={shadowColorValue}
 		bind:isOpen={isColorPickerOpen}
 		--cp-bg-color="#18181b"

package.json

@@ -22,3 +22,4 @@
 	class="toolbar-btn {styleVar ? 'bg-zinc-800' : ''}">
 	<Icon />
 </button>
+

src/lib/components/modals/CustomSourceModal.svelte

@@ -66,9 +66,8 @@ export function addTypeSpecificValues(
 			break;
 		case "atlas_object":
 			if (exportVersion.index >= 2) {
-				current.object = "atlas";
-				if(current.atlas) {
-					current.atlas = c.attrs?.atlas;	
+				if (c.attrs?.atlas && c.attrs?.atlas !== "") {
+					current.atlas = c.attrs?.atlas;
 				}
 				current.sprite = c.attrs?.sprite;
 
@@ -211,9 +210,10 @@ export function translateJSON(
 
 				const shadowColorMark = c.marks?.find((m) => m.type === "shadowColor");
 				if (shadowColorMark) {
-					current.shadow_color =
-						parseInt(shadowColorMark.attrs?.shadowColor.replace(/^#/, ""), 16) +
-						(0xff << 24); // TODO: transparency coming eventually?
+					current.shadow_color = parseInt(
+						rgbaToArgbHex(shadowColorMark.attrs?.shadowColor).replace(/^#/, ""),
+						16,
+					);
 				}
 
 				current = addTypeSpecificValues(current, c, true);
@@ -238,7 +238,19 @@ export function translateJSON(
 			return JSON.stringify(data[0]);
 		}
 
-		return JSON.stringify(data);
+		let finalResult = JSON.stringify(data);
+
+		const shadowColorMatches = finalResult.matchAll(/"shadow_color":(-?\d+)/g);
+		for (const match of shadowColorMatches) {
+			if (match[1]) {
+				const num = parseInt(match[1]);
+				if (num > 2**31 - 1 || num < (-2)**31) {
+					finalResult = finalResult.replaceAll(match[0], `shadow_color:${num}L`)
+				}
+			}
+		}
+
+		return finalResult;
 	} else if (options.exportType === "item_lore") {
 		let data: (StringyMCText[] | StringyMCText)[] = [];
 
@@ -273,3 +285,15 @@ export function translateJSON(
 
 	return "[]";
 }
+
+function rgbaToArgbHex(rgbaHex: string): string {
+	// Remove the leading '#' if it exists
+	const hex = rgbaHex.startsWith("#") ? rgbaHex.slice(1) : rgbaHex;
+
+	// Extract RGB and Alpha components
+	const rgb = hex.slice(0, 6);
+	const alpha = hex.slice(6, 8);
+
+	// Return with alpha placed at the beginning
+	return `#${alpha}${rgb}`;
+}

src/lib/components/text/TextStyleButtons.svelte

@@ -182,7 +182,7 @@ function mapPropertiesToType(source: MinecraftText): JSONContent {
 				key: source.keybind,
 			},
 		};
-	} else if (source.atlas) {
+	} else if (source.sprite || source.atlas) {
 		finalText = {
 			type: "atlas_object",
 			attrs: {
@@ -242,7 +242,7 @@ function applyStyling(
 	}
 
 	if (text.shadow_color) {
-		const hex = "#" + text.shadow_color.toString(16).padStart(6, "0");
+		const hex = "#" + text.shadow_color.toString(16).padStart(8, "0");
 		finalText.marks?.push({
 			type: "shadowColor",
 			attrs: {