add inital attempt at cursor position preservation

package.json

@@ -10,6 +10,7 @@
     "@solid-primitives/destructure": "^0.2.0",
     "@solid-primitives/i18n": "^2.2.0",
     "@solid-primitives/scheduled": "^1.5.0",
+    "@solid-primitives/selection": "^0.1.0",
     "@solid-primitives/storage": "^4.3.1",
     "@solid-primitives/timer": "^1.4.0",
     "@solidjs/meta": "^0.29.4",
@@ -33,7 +34,6 @@
     "@types/wicg-file-system-access": "^2023.10.5",
     "bun-types": "^1.2.2",
     "jsdom": "^26.0.0",
-    "vite-plugin-pwa": "^0.21.1",
     "vite-plugin-solid-svg": "^0.8.1",
     "workbox-window": "^7.3.0"
   },

src/components/textarea/textarea.tsx

@@ -1,6 +1,7 @@
-import { createEffect, createMemo, createSignal } from 'solid-js';
+import { createEffect, createMemo, createSignal, untrack } from 'solid-js';
 import { decode } from '~/utilities';
 import { debounce } from '@solid-primitives/scheduled';
+import { createSelection } from '@solid-primitives/selection';
 import { defaultChecker as spellChecker } from './spellChecker';
 import { defaultChecker as grammarChecker } from './grammarChecker';
 import css from './textarea.module.css';
@@ -15,6 +16,7 @@ interface TextareaProps {
 }
 
 export function Textarea(props: TextareaProps) {
+    const [selection, setSelection] = createSelection();
     const [value, setValue] = createSignal<string>(decode(props.value));
     const [element, setElement] = createSignal<HTMLTextAreaElement>();
 
@@ -22,6 +24,23 @@ export function Textarea(props: TextareaProps) {
         setValue(decode(props.value));
     });
 
+    createEffect(() => {
+        // For tracking
+        value();
+
+        const root = untrack(() => element());
+        const [el, start, end] = untrack(() => selection());
+
+        if (el !== root) {
+            return;
+        }
+
+        // TODO :: this needs to be calculated based on the modification done
+        const offset = 1;
+
+        setSelection([el, start + offset, end + offset]);
+    });
+
     const resize = () => {
         const el = element();
 
@@ -43,7 +62,7 @@ export function Textarea(props: TextareaProps) {
         e.stopPropagation();
         e.preventDefault();
 
-        setValue(element()!.innerText.trim());
+        setValue(element()!.textContent!);
 
         resize();
         mutate();

src/features/file/grid.module.css

@@ -2,5 +2,13 @@
     background-color: var(--surface-600);
     color: var(--text-1);
     border: 1px solid var(--text-2);
-    border-radius: var(--radii-s);
+    border-radius: var(--radii-m);
+    padding: var(--padding-s);
+
+    overflow: auto !important;
+    max-inline-size: 30em;
+
+    & * {
+        white-space: nowrap;
+    }
 }