Add functions to get and fetch workspace backup

.changeset/rotten-eggs-pull.md

@@ -0,0 +1,6 @@
+---
+'mexit': patch
+'mexit-webapp': patch
+---
+
+Store and fetch workspace backup on cloud

apps/extension/package.json

@@ -23,7 +23,7 @@
     "@udecode/plate": "^16.4.1",
     "@use-gesture/react": "^10.2.27",
     "@webcomponents/custom-elements": "1.5.0",
-    "@workduck-io/dwindle": "^0.1.7",
+    "@workduck-io/dwindle": "^0.2.0",
     "@workduck-io/mex-components": "^0.0.25",
     "@workduck-io/mex-themes": "^0.0.9",
     "@workduck-io/tinykeys": "^1.5.0",
@@ -99,4 +99,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

apps/webapp/package.json

@@ -32,7 +32,7 @@
     "@tippyjs/react": "^4.2.6",
     "@udecode/plate": "^16.4.1",
     "@uifabric/styling": "^7.20.0",
-    "@workduck-io/dwindle": "^0.1.7",
+    "@workduck-io/dwindle": "^0.2.0",
     "@workduck-io/flexsearch": "^0.7.22",
     "@workduck-io/mex-components": "^0.0.25",
     "@workduck-io/mex-themes": "^0.0.9",
@@ -123,4 +123,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

libs/core/src/Hooks/useStore.ts

@@ -1,11 +1,12 @@
-// @ts-nocheck
-
 import * as Store from '../Stores'
+import { getStoreName, StoreIdentifier } from '../Types'
+import { BackupStorage, getLocalStorage, isExtension, mog } from '../Utils'
 
 const getBackupStores = (excludeStores: Array<string> = ['useLayoutStore', 'useAppStore', 'useAuthStore']) => {
   const stores = []
 
   Object.entries(Store).forEach(([key, store]) => {
+    //@ts-ignore
     if (!excludeStores.includes(key) && typeof store === 'function' && store?.getState && store?.getState()?.backup) {
       stores.push(store)
     }
@@ -14,14 +15,33 @@ const getBackupStores = (excludeStores: Array<string> = ['useLayoutStore', 'useA
   return stores
 }
 
+const getWorkspaceIdFromStorage = () => {
+  const storeName = getStoreName(StoreIdentifier.AUTH, isExtension())
+  const authStorage = getLocalStorage().getItem(storeName)
+
+  if (authStorage) {
+    const workspace = JSON.parse(authStorage)?.state?.workspaceDetails
+    return workspace?.id
+  }
+}
+
 export const useStore = () => {
   const backup = async () => {
-    await Promise.allSettled(getBackupStores().map((utilFunc) => utilFunc?.getState()?.backup()))
+    const workspaceId = getWorkspaceIdFromStorage()
+    await Promise.allSettled(getBackupStores().map((utilFunc) => utilFunc?.getState()?.backup(workspaceId)))
+    const s3URL = await BackupStorage.backUpToS3(workspaceId)
+    mog('Saving Backup', {
+      s3URL,
+      workspaceId
+    })
   }
 
   const restore = async (): Promise<boolean> => {
+    const workspaceId = getWorkspaceIdFromStorage()
     const result = await Promise.allSettled(
-      getBackupStores().map((utilFunc) => utilFunc?.getState()?.initializeFromBackup())
+      getBackupStores(getWorkspaceIdFromStorage()).map((utilFunc) =>
+        utilFunc?.getState()?.initializeFromBackup(workspaceId)
+      )
     )
 
     for (const res of result) {

libs/core/src/Utils/storage.ts

@@ -2,6 +2,8 @@
 
 import { IDBPDatabase, openDB } from 'idb'
 
+import { S3FileDownloadClient, S3FileUploadClient } from '@workduck-io/dwindle'
+
 import { mog } from './mog'
 
 export const getLocalStorage = () => {
@@ -68,6 +70,19 @@ class BackupStorageClass {
     return result
   }
 
+  async backUpToS3(tableName: string) {
+    const result = await this.getAllValue(tableName)
+    return await S3FileUploadClient(JSON.stringify(result), {
+      fileName: `WORKSPACE_BACKUP_${tableName}`
+    })
+  }
+
+  async fetchFromS3(tableName: string) {
+    return await S3FileDownloadClient({
+      fileName: `WORKSPACE_BACKUP_${tableName}`
+    })
+  }
+
   async putBulkValue(tableName: string, values: object[]) {
     const tx = this.db.transaction(tableName, 'readwrite')
     const store = tx.objectStore(tableName)

libs/core/src/Utils/storeCreator.ts

@@ -6,14 +6,14 @@ import { getStoreName, StoreIdentifier } from '../Types/Store'
 import { asyncLocalStorage } from './chromeStorageAdapter'
 import { IDBStorage } from './idbStorageAdapter'
 import { isExtension } from './isExtension'
-import { BackupStorage, getLocalStorage } from './storage'
+import { BackupStorage } from './storage'
 
 export type TypeMap<T, R extends boolean> = R extends true
   ? T & {
       _hasHydrated: boolean
       setHasHydrated: (state) => void
-      initializeFromBackup: () => Promise<boolean>
-      backup: () => Promise<void>
+      initializeFromBackup: (workspaceId: string) => Promise<boolean>
+      backup: (workspaceId: string) => Promise<void>
     }
   : T
 
@@ -24,16 +24,6 @@ export type StorageType = {
   extension: Storage
 }
 
-const getWorkspaceIdFromStorage = () => {
-  const storeName = getStoreName(StoreIdentifier.AUTH, isExtension())
-  const authStorage = getLocalStorage().getItem(storeName)
-
-  if (authStorage) {
-    const workspace = JSON.parse(authStorage)?.state?.workspaceDetails
-    return workspace?.id
-  }
-}
-
 export const createStore = <T extends object, R extends boolean>(
   config: SetterFunction<T>,
   name: StoreIdentifier,
@@ -55,18 +45,14 @@ export const createStore = <T extends object, R extends boolean>(
             _hasHydrated: state
           })
         },
-        backup: async () => {
+        backup: async (workspaceId) => {
           // TODO: Backup to storage
-          const workspaceId = getWorkspaceIdFromStorage()
           if (workspaceId && !isExtension()) {
             const storeToBackup = get()
             BackupStorage.putValue(workspaceId, storeName, JSON.stringify(storeToBackup))
           }
         },
-        initializeFromBackup: async () => {
-          // TODO: Initialize from stored backup
-          const workspaceId = getWorkspaceIdFromStorage()
-
+        initializeFromBackup: async (workspaceId) => {
           if (workspaceId && !isExtension()) {
             const storedBackup = await BackupStorage.getValue(workspaceId, storeName)
             if (storedBackup) {