From a31168ca6cfdc7b26f62ff027fab827c2a2a98bb Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Tue, 7 Jan 2025 12:11:32 +0100
Subject: [PATCH] add quick and dirty decode function to handle escape
 characters in values

---
 src/features/file/grid.tsx |  6 ++++--
 src/utilities.ts           | 13 +++++++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/features/file/grid.tsx b/src/features/file/grid.tsx
index 9dd0162..368cf36 100644
--- a/src/features/file/grid.tsx
+++ b/src/features/file/grid.tsx
@@ -1,5 +1,5 @@
 import { Accessor, Component, createEffect, createMemo, createSignal } from "solid-js";
-import { debounce, Mutation } from "~/utilities";
+import { debounce, decode, Mutation } from "~/utilities";
 import { Column, GridApi as GridCompApi, Grid as GridComp } from "~/components/grid";
 import { createDataSet, DataSetNode, DataSetRowNode } from "~/components/table";
 import { SelectionItem } from "../selectable";
@@ -109,10 +109,12 @@ const TextArea: Component<{ row: number, key: string, lang: string, value: strin
         mutate();
     };
 
+    const value = createMemo(() => decode(props.value));
+
     return <textarea
         ref={setElement}
         class={css.textarea}
-        value={props.value}
+        value={value()}
         lang={props.lang}
         placeholder={`${props.key} in ${props.lang}`}
         name={`${props.row}[${props.lang}]`}
diff --git a/src/utilities.ts b/src/utilities.ts
index 56a34ef..9bc9fd5 100644
--- a/src/utilities.ts
+++ b/src/utilities.ts
@@ -10,6 +10,19 @@ export const splitAt = (subject: string, index: number): readonly [string, strin
     return [subject.slice(0, index), subject.slice(index + 1)];
 };
 
+const decodeRegex = /(?<!\\)\\(t|b|n|r|f|'|"|u[0-9a-f]{1,4})/gi;
+const decodeReplacer = (_: any, char: string) => ({
+    t: '\t',
+    b: '\b',
+    n: '\n',
+    r: '\r',
+    f: '\f',
+    "'": '\'',
+    '"': '\"',
+    u: String.fromCharCode(Number.parseInt(char.slice(1))),
+}[char.charAt(0)] ?? '');
+export const decode = (subject: string): string => subject.replace(decodeRegex, decodeReplacer);
+
 export const debounce = <T extends (...args: any[]) => void>(callback: T, delay: number): ((...args: Parameters<T>) => void) => {
     let handle: ReturnType<typeof setTimeout> | undefined;