From f775fbad295bd007dbf3667f7d04e3b5f6d8c3b1 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Sat, 31 Dec 2022 14:16:08 +0100
Subject: [PATCH] force text display

---
 .../web/src/perspectives/PerspectiveCell.svelte     | 13 ++++++++++++-
 .../web/src/perspectives/PerspectiveTable.svelte    |  8 ++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/perspectives/PerspectiveCell.svelte b/packages/web/src/perspectives/PerspectiveCell.svelte
index 712f2c94..e86579cd 100644
--- a/packages/web/src/perspectives/PerspectiveCell.svelte
+++ b/packages/web/src/perspectives/PerspectiveCell.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getAsImageSrc, safeJsonParse } from 'dbgate-tools';
+  import { getAsImageSrc, safeJsonParse, stringifyCellValue } from 'dbgate-tools';
   import _ from 'lodash';
 
   import CellValue from '../datagrid/CellValue.svelte';
@@ -10,6 +10,13 @@
   export let rowData;
   export let columnIndex;
   export let displayType;
+
+  function getValueAsText(value, force) {
+    if (force && value?.type == 'Buffer' && _.isArray(value.data)) {
+      return String.fromCharCode.apply(String, value.data);
+    }
+    return stringifyCellValue(value);
+  }
 </script>
 
 <td rowspan={rowSpan} data-column={columnIndex} class:isEmpty={value === undefined}>
@@ -23,6 +30,10 @@
       {:else}
         <span class="null"> (no image)</span>
       {/if}
+    {:else if displayType == 'text'}
+      {getValueAsText(value, false)}
+    {:else if displayType == 'forceText'}
+      {getValueAsText(value, true)}
     {:else if !value?.$oid && (_.isArray(value) || _.isPlainObject(value))}
       <JSONTree {value} slicedKeyCount={1} disableContextMenu />
     {:else}
diff --git a/packages/web/src/perspectives/PerspectiveTable.svelte b/packages/web/src/perspectives/PerspectiveTable.svelte
index de62982f..3f0599b8 100644
--- a/packages/web/src/perspectives/PerspectiveTable.svelte
+++ b/packages/web/src/perspectives/PerspectiveTable.svelte
@@ -319,6 +319,14 @@
               text: 'Image',
               onClick: () => setColumnDisplay('image'),
             },
+            {
+              text: 'Text',
+              onClick: () => setColumnDisplay('text'),
+            },
+            {
+              text: 'Force text',
+              onClick: () => setColumnDisplay('forceText'),
+            },
           ],
         });
       }