feat: implement workspaces

package/src/store/store.ts

@@ -0,0 +1,32 @@
+import useState from './state'
+import useActions from './actions'
+import useGetters from './getters'
+import { FlowHooksOn, FlowOptions, State, Store } from '~/types'
+
+export default (preloadedState?: FlowOptions): Store => {
+  const state: State = useState(preloadedState)
+  const reactiveState = reactive(state)
+  const getters = useGetters(reactiveState)
+  const actions = useActions(reactiveState, getters)
+  const hooksOn: FlowHooksOn = <any>{}
+  Object.entries(reactiveState.hooks).forEach(([n, h]) => {
+    const name = `on${n.charAt(0).toUpperCase() + n.slice(1)}`
+    hooksOn[<keyof FlowHooksOn>name] = h.on as any
+  })
+  actions.setState(reactiveState)
+  if (preloadedState) {
+    if (preloadedState.modelValue) actions.setElements(preloadedState.modelValue)
+    if (preloadedState.nodes) actions.setNodes(preloadedState.nodes)
+    if (preloadedState.edges) actions.setEdges(preloadedState.edges)
+  }
+
+  return {
+    state: reactiveState,
+    actions,
+    getters,
+    hooksOn,
+    ...toRefs(reactiveState),
+    ...getters,
+    ...actions,
+  } as unknown as Store
+}