From d7ad9be560344a49bb79ab77f199a8fa86212896 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 30 Dec 2021 17:43:26 +0100
Subject: [PATCH] rememeber datagrid manager width

---
 packages/web/src/datagrid/DataGrid.svelte | 18 ++++++++++++++++--
 packages/web/src/utility/storageCache.js  | 10 +++++++---
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/packages/web/src/datagrid/DataGrid.svelte b/packages/web/src/datagrid/DataGrid.svelte
index aca02caff..d5348a6a4 100644
--- a/packages/web/src/datagrid/DataGrid.svelte
+++ b/packages/web/src/datagrid/DataGrid.svelte
@@ -67,7 +67,7 @@
   import registerCommand from '../commands/registerCommand';
   import { registerMenu } from '../utility/contextMenu';
   import { getBoolSettingsValue } from '../settings/settingsTools';
-  import { getLocalStorage } from '../utility/storageCache';
+  import { getLocalStorage, getLocalStorage, getLocalStorage, setLocalStorage } from '../utility/storageCache';
 
   export let config;
   export let setConfig;
@@ -144,9 +144,23 @@
     { command: 'dataGrid.switchToJson', tag: 'switch', hideDisabled: true },
     { command: 'dataGrid.toggleLeftPanel', tag: 'switch' }
   );
+
+  $: if (managerSize) setLocalStorage('dataGridManagerWidth', managerSize);
+
+  function getInitialManagerSize() {
+    const width = getLocalStorage('dataGridManagerWidth');
+    if (_.isNumber(width) && width > 30 && width < 500) {
+      return `${width}px`;
+    }
+    return '300px';
+  }
 </script>
 
-<HorizontalSplitter initialValue="300px" bind:size={managerSize} hideFirst={$collapsedLeftColumnStore}>
+<HorizontalSplitter
+  initialValue={getInitialManagerSize()}
+  bind:size={managerSize}
+  hideFirst={$collapsedLeftColumnStore}
+>
   <div class="left" slot="1">
     <WidgetColumnBar>
       <WidgetColumnBarItem
diff --git a/packages/web/src/utility/storageCache.js b/packages/web/src/utility/storageCache.js
index d99048578..e9b148d8e 100644
--- a/packages/web/src/utility/storageCache.js
+++ b/packages/web/src/utility/storageCache.js
@@ -4,9 +4,13 @@ export function getLocalStorage(key, defaultValue = undefined) {
   if (key in cache) return cache[key];
   const item = localStorage.getItem(key);
   if (item) {
-    const res = JSON.parse(item);
-    cache[key] = res;
-    return res;
+    try {
+      const res = JSON.parse(item);
+      cache[key] = res;
+      return res;
+    } catch (e) {
+      return defaultValue;
+    }
   }
   return defaultValue;
 }