fix storing compositions

Author: devhelpr

libs/app-canvas/src/app/storage/indexeddb-storage-provider.ts

@@ -17,27 +17,33 @@ function storeTransaction(
   ready: () => void,
   failed: () => void
 ) {
-  const objectRequest = store.put(
-    {
-      flow: transaction?.flow,
-      flowId: transaction?.flowId,
-      name: transaction?.name,
-    },
-    transaction?.flowId
-  );
+  try {
+    const objectRequest = store.put(
+      {
+        flow: transaction?.flow,
+        flowId: transaction?.flowId,
+        name: transaction?.name,
+      },
+      transaction?.flowId
+    );
 
-  objectRequest.onerror = function (event) {
-    console.log('handleTransactions error', event);
-  };
+    objectRequest.onerror = function (event) {
+      console.log('handleTransactions error', event);
+    };
 
-  objectRequest.onsuccess = function (event) {
-    if (objectRequest.result) {
-      isProcessing = false;
-      handleTransactions(ready, failed);
-    } else {
-      console.log('handleTransactions error in  onsuccess', event);
-    }
-  };
+    objectRequest.onsuccess = function (event) {
+      if (objectRequest.result) {
+        isProcessing = false;
+        handleTransactions(ready, failed);
+      } else {
+        console.error('handleTransactions error in  onsuccess', event);
+      }
+    };
+  } catch (error) {
+    console.error('storeTransaction error', error);
+    console.error('storeTransaction failed', transaction?.flow);
+    failed();
+  }
 }
 
 function handleTransactions(ready: () => void, failed: () => void) {

libs/app-canvas/src/app/storage/serialize-canvas.ts

@@ -265,7 +265,10 @@ export const serializeCompositions = <T>(
       id: composition.id,
       name: composition.name,
       nodes: composition.nodes.map((node) => {
-        return node;
+        return {
+          ...node,
+          nodeInfo: cleanupNodeInfoForSerializing(node.nodeInfo as NodeInfo),
+        };
         // if (node.nodeType === NodeType.Connection) {
         //   const connection =
         //     node as unknown as IConnectionNodeComponent<NodeInfo>;
@@ -299,6 +302,7 @@ export const serializeCompositions = <T>(
         //   nodeInfo: cleanupNodeInfoForSerializing(node.nodeInfo as NodeInfo),
         // };
       }),
+
       thumbs: composition.thumbs,
       inputNodes:
         composition.inputNodes?.map((node) => {