From 011e46af6a2b2bbcdb00f06c7b38fb56fb28343d Mon Sep 17 00:00:00 2001
From: Andrey Platov <andrey@hardcoreeng.com>
Date: Tue, 24 Aug 2021 19:06:19 +0200
Subject: [PATCH] save login token to localstorage

Signed-off-by: Andrey Platov <andrey@hardcoreeng.com>
---
 packages/ui/src/index.ts                         |  2 ++
 packages/ui/src/utils.ts                         | 16 +++++++++++++++-
 .../src/components/LoginForm.svelte              |  8 ++++----
 .../src/components/WorkbenchApp.svelte           | 10 +++++-----
 4 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
index 2b32b270ac..096c5859e2 100644
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@@ -56,6 +56,8 @@ export { default as IconSearch } from './components/icons/Search.svelte'
 export { default as IconToDo } from './components/icons/ToDo.svelte'
 export { default as IconComments } from './components/icons/Comments.svelte'
 
+export * from './utils'
+
 import type { AnySvelteComponent, AnyComponent } from './types'
 import { writable } from 'svelte/store'
 
diff --git a/packages/ui/src/utils.ts b/packages/ui/src/utils.ts
index fc7ed5a84a..d5ec8d570d 100644
--- a/packages/ui/src/utils.ts
+++ b/packages/ui/src/utils.ts
@@ -14,7 +14,21 @@
 //
 
 // import type { Metadata } from '@anticrm/platform'
-import type { AnyComponent /*, Location */ } from './types'
+import { setMetadata } from '@anticrm/platform'
+import type { Metadata } from '@anticrm/platform'
+
+export function setMetadataLocalStorage(id: Metadata<string>, value: string): void {
+  localStorage.setItem(id, value)
+  setMetadata(id, value)
+}
+
+export function fetchMetadataLocalStorage(id: Metadata<string>): string | null {
+  const value = localStorage.getItem(id)
+  if (value !== null) {
+    setMetadata(id, value)
+  }
+  return value
+}
 
 // import { Readable, derived, writable } from 'svelte/store'
 // import { onDestroy, getContext, setContext } from 'svelte'
diff --git a/plugins/login-resources/src/components/LoginForm.svelte b/plugins/login-resources/src/components/LoginForm.svelte
index 445eade40e..263677ea08 100644
--- a/plugins/login-resources/src/components/LoginForm.svelte
+++ b/plugins/login-resources/src/components/LoginForm.svelte
@@ -15,8 +15,8 @@
 
 <script lang="ts">
   import { createEventDispatcher } from 'svelte'
-  import { OK, Status, Severity, setMetadata } from '@anticrm/platform'
-  import { navigate } from '@anticrm/ui'
+  import { OK, Status, Severity } from '@anticrm/platform'
+  import { navigate, setMetadataLocalStorage } from '@anticrm/ui'
 
   import Form from './Form.svelte'
   import { doLogin } from '../utils'
@@ -54,8 +54,8 @@
 
       if (result !== undefined) {
         console.log('token', result.token)
-        setMetadata(login.metadata.LoginToken, result.token)
-        setMetadata(login.metadata.LoginEndpoint, result.endpoint)
+        setMetadataLocalStorage(login.metadata.LoginToken, result.token)
+        setMetadataLocalStorage(login.metadata.LoginEndpoint, result.endpoint)
         navigate({ path: [workbench.component.WorkbenchApp] })
       }
     }
diff --git a/plugins/workbench-resources/src/components/WorkbenchApp.svelte b/plugins/workbench-resources/src/components/WorkbenchApp.svelte
index c94512a809..a4ca7925af 100644
--- a/plugins/workbench-resources/src/components/WorkbenchApp.svelte
+++ b/plugins/workbench-resources/src/components/WorkbenchApp.svelte
@@ -15,9 +15,9 @@
 
 <script lang="ts">
 
-import { getResource, getMetadata } from '@anticrm/platform'
+import { getResource } from '@anticrm/platform'
 import type { Client } from '@anticrm/core'
-import { navigate, Loading } from '@anticrm/ui'
+import { navigate, Loading, fetchMetadataLocalStorage } from '@anticrm/ui'
 
 import client from '@anticrm/client'
 import login from '@anticrm/login'
@@ -25,10 +25,10 @@ import login from '@anticrm/login'
 import Workbench from './Workbench.svelte'
 
 async function connect(): Promise<Client | undefined> {
-  const token = getMetadata(login.metadata.LoginToken)
-  const endpoint = getMetadata(login.metadata.LoginEndpoint)
+  const token = fetchMetadataLocalStorage(login.metadata.LoginToken)
+  const endpoint = fetchMetadataLocalStorage(login.metadata.LoginEndpoint)
 
-  if (token === undefined || endpoint === undefined) {
+  if (token === null || endpoint === null) {
     navigate({ path: [login.component.LoginApp] })
     return
   }