refactor(store)!: remove pinia

* replace pinia with a reactive state object and inject/provide Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com> update(store)!: inject store if possible, otherwise create a new one by id Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
2021-12-04 15:42:18 +01:00
parent 58f5c2568c
commit 58a8f9d4df
21 changed files with 385 additions and 352 deletions
@@ -0,0 +1,73 @@
+import { FlowGetters, FlowState, GraphEdge, GraphNode } from '~/types'
+import { defaultEdgeTypes, defaultNodeTypes, getNodesInside, getSourceTargetNodes, isEdge, isGraphNode } from '~/utils'
+
+export default (state: FlowState): FlowGetters => {
+  const getEdgeTypes = computed(() => {
+    const edgeTypes: Record<string, any> = {
+      ...defaultEdgeTypes,
+    }
+    state.edgeTypes?.forEach((n) => (edgeTypes[n] = n))
+    return edgeTypes
+  })
+
+  const getNodeTypes = computed(() => {
+    const nodeTypes: Record<string, any> = {
+      ...defaultNodeTypes,
+    }
+    state.nodeTypes?.forEach((n) => (nodeTypes[n] = n))
+    return nodeTypes
+  })
+
+  const getNodes = computed<GraphNode[]>(() => {
+    if (state.isReady) {
+      const nodes = state.elements.filter((n) => isGraphNode(n) && !n.isHidden) as GraphNode[]
+      return state.onlyRenderVisibleElements
+        ? nodes &&
+            getNodesInside(
+              nodes,
+              {
+                x: 0,
+                y: 0,
+                width: state.dimensions.width,
+                height: state.dimensions.height,
+              },
+              state.transform,
+              true,
+            )
+        : nodes ?? []
+    }
+    return []
+  })
+
+  const getEdges = computed<GraphEdge[]>(() => {
+    const edges = state.elements.filter((e) => isEdge(e) && !e.isHidden) as GraphEdge[]
+    if (state.isReady) {
+      return (
+        edges
+          .map((edge) => {
+            const { sourceNode, targetNode } = getSourceTargetNodes(edge, getNodes.value)
+            if (!sourceNode) console.warn(`couldn't create edge for source id: ${edge.source}; edge id: ${edge.id}`)
+            if (!targetNode) console.warn(`couldn't create edge for target id: ${edge.target}; edge id: ${edge.id}`)
+
+            return {
+              ...edge,
+              sourceNode,
+              targetNode,
+            }
+          })
+          .filter(({ sourceNode, targetNode }) => !!(sourceNode && targetNode)) ?? []
+      )
+    }
+    return []
+  })
+
+  const getSelectedNodes = computed<GraphNode[]>(() => state.selectedElements?.filter(isGraphNode) ?? [])
+
+  return {
+    getEdgeTypes,
+    getNodeTypes,
+    getEdges,
+    getNodes,
+    getSelectedNodes,
+  }
+}