Add stack trace tooltips to cell errors

Author: jstrieb

TODO.md

@@ -147,3 +147,5 @@
   - Special keys bar buttons cause active element blur when double tapped on
     iOS
   - Side-scrolling special keys bar on iOS inserts on pointer up
+  - Accidentally typing "RC" while typing another formula can cause everything
+    to hang

src/Cell.svelte

@@ -156,6 +156,7 @@
   let selected = $derived(globals.selected);
   let value = $derived(cell.value);
   let errorText = $derived(cell.errorText);
+  let errorStack = $derived(cell.errorStack);
   let style = $derived(cell.style);
   let element = $derived(cell.element);
 
@@ -243,7 +244,7 @@
       spellcheck="false"
     ></textarea>
   {:else if errorText != null}
-    <div class="text error">{errorText}</div>
+    <div class="text error" title={errorStack}>{errorText}</div>
   {:else if element != null}
     <div bind:this={innerNode} class="element"></div>
   {:else}

src/classes.svelte.js

@@ -488,6 +488,7 @@ export class Sheet {
       $effect(() => {
         cell.style = "";
         cell.errorText = undefined;
+        cell.errorStack = undefined;
         cell.element = undefined;
 
         // Re-run this effect if rows or columns are added or removed
@@ -562,12 +563,14 @@ export class Sheet {
                 .catch((e) => {
                   set(undefined);
                   cell.errorText = `Error: ${e?.message ?? e}`;
+                  cell.errorStack = e?.stack;
                 });
             },
           );
         } catch (e) {
           if (!(e instanceof ParseError)) {
             cell.errorText = `Error: ${e.message}`;
+            cell.errorStack = e?.stack;
             cell.value.rederive([], (_, set) => set(undefined));
           } else {
             cell.value.rederive([], (_, set) => set(cell.formula));
@@ -680,6 +683,7 @@ export class Cell {
   value = $state();
   style = $state("");
   errorText = $state();
+  errorStack = $state();
   element = $state();
   formula = $state();
   td = $state();