import { useEffect } from 'react'
import { LocalActionSpec } from './LocalActionSpec'
import { store } from './index'

export function useDevActions(
  opts: { actions: LocalActionSpec[] },
  deps: any[] = []
) {
  useEffect(() => {
    opts.actions.forEach((action) => {
      store.addAction(action.id, action.fn)
    })
    return () => {
      opts.actions.forEach((action) => {
        store.removeAction(action.id)
      })
    }
  }, [JSON.stringify(opts.actions), ...deps])
}