Serialize layout state

src/lib/components/WidgetContainer.svelte

@@ -32,8 +32,8 @@
                && !$layoutState.isMenuOpen
 
 
- $: if ($queueState && dragItem) {
+ $: if ($queueState && widget) {
-     dragItem.isNodeExecuting = $queueState.runningNodeId === dragItem.nodeId;
+     dragItem.isNodeExecuting = $queueState.runningNodeId === widget.node.id;
  }
 </script>
 

src/lib/stores/layoutState.ts

@@ -100,6 +100,7 @@ type LayoutStateOps = {
     getCurrentSelection: () => IDragItem[],
     findLayoutForNode: (nodeId: number) => IDragItem | null;
     clear: (state?: Partial<LayoutState>) => void,
+    serialize(): SerializedLayoutState,
     resetLayout: () => void,
 }
 
@@ -389,6 +390,54 @@ function resetLayout() {
     // TODO
 }
 
+export type SerializedLayoutState = {
+    root: DragItemID | null,
+    allItems: Record<DragItemID, SerializedDragEntry>,
+    currentId: number,
+}
+
+export type SerializedDragEntry = {
+    dragItem: SerializedDragItem,
+    children: DragItemID[],
+    parent: DragItemID | null
+}
+
+export type SerializedDragItem = {
+    type: string,
+    id: DragItemID,
+    nodeId: number | null,
+    attrs: Attributes
+}
+
+function serialize(): SerializedLayoutState {
+    const state = get(store)
+
+    const allItems: Record<DragItemID, SerializedDragEntry> = {}
+    for (const pair of Object.entries(state.allItems)) {
+        const [id, entry] = pair;
+        allItems[id] = {
+            dragItem: {
+                type: entry.dragItem.type,
+                id: entry.dragItem.id,
+                nodeId: (entry.dragItem as any).node?.id,
+                attrs: entry.dragItem.attrs
+            },
+            children: entry.children.map((di) => di.id),
+            parent: entry.parent?.id
+        }
+    }
+
+    return {
+        root: state.root?.id,
+        allItems,
+        currentId: state.currentId,
+    }
+}
+
+// function deserialize(data: any): LayoutState {
+
+// }
+
 const layoutStateStore: WritableLayoutStateStore =
 {
     ...store,
@@ -404,6 +453,8 @@ const layoutStateStore: WritableLayoutStateStore =
     findLayoutForNode,
     ungroup,
     clear,
-    resetLayout
+    resetLayout,
+    serialize,
+    // deserialize
 }
 export default layoutStateStore;