refactor(core): return promise from fromObject

packages/core/src/store/actions.ts

@@ -830,6 +830,7 @@ export function useActions(
   }
 
   const fromObject: Actions['fromObject'] = (obj) => {
+    return new Promise((resolve) => {
       const { nodes, edges, position, zoom, viewport } = obj
 
       if (nodes) {
@@ -845,16 +846,23 @@ export function useActions(
         const y = viewport?.y || position[1]
         const nextZoom = viewport?.zoom || zoom || state.viewport.zoom
 
-      until(() => viewportHelper.value.initialized)
+        return until(() => viewportHelper.value.initialized)
           .toBe(true)
           .then(() => {
-          viewportHelper.value.setViewport({
+            viewportHelper.value
+              .setViewport({
                 x,
                 y,
                 zoom: nextZoom,
               })
+              .then(() => {
+                resolve(true)
               })
+          })
+      } else {
+        resolve(true)
       }
+    })
   }
 
   const $reset: Actions['$reset'] = () => {

packages/core/src/types/store.ts

@@ -252,7 +252,7 @@ export interface Actions extends ViewportFunctions {
   /** return an object of graph values (elements, viewport transform) for storage and re-loading a graph */
   toObject: () => FlowExportObject
   /** load graph from export obj */
-  fromObject: (obj: FlowExportObject) => void
+  fromObject: (obj: FlowExportObject) => Promise<boolean>
   /** force update node internal data, if handle bounds are incorrect, you might want to use this */
   updateNodeInternals: UpdateNodeInternals
   /** start a connection */