🚧 Improve JSON Text parsing and validation.

- Fixed escaped characters including the backslash in the rendered text.
- Json Text Components now require a content key.
- Fixed text component arrays not allowing a newline after the opening bracket.
- Fixed invalid error while parsing score object.
- Fixed `translate` being named `tl` for some weird reason.

Author: SnaveSutit

src/components/textDisplayElementPanel.svelte

@@ -106,24 +106,26 @@
 				overflow-y: auto;
 				white-space: nowrap;
 				margin-top: 0px;
+				margin-left: 2px;
 			"
 		/>
-		{#if $error}
-			<textarea readonly>{$error}</textarea>
-		{/if}
 	</div>
+	{#if $error}
+		<textarea readonly>{$error}</textarea>
+	{/if}
 </div>
 
 <style>
 	.label {
 		margin-bottom: -3px !important;
 	}
 	textarea {
+		margin-right: 20px;
+		margin-left: 2px;
 		color: var(--color-error);
 		background-color: var(--color-back);
 		padding: 4px 8px;
-		word-wrap: unset;
-		text-wrap: nowrap;
+		text-wrap: pretty;
 		overflow: scroll;
 		height: 10rem;
 		font-size: small;

src/outliner/textDisplay.ts

@@ -302,6 +302,7 @@ export class TextDisplay extends ResizableOutlinerElement {
 				console.error(e)
 				this.textError.set(e.message as string)
 				this._updating = false
+				text = new JsonText({ text: 'Invalid JSON Text!', color: 'red' })
 			}
 			this._newText = undefined
 			this._newLineWidth = undefined