import type { TableType, ViewType } from 'nocodb-sdk'
import type { MaybeRef } from '@vueuse/core'
import { ref, unref, useNuxtApp, watch } from '#imports'

function useViews(meta: MaybeRef<TableType | undefined>) {
  const views = ref<ViewType[]>([])
  const isLoading = ref(false)

  const { $api } = useNuxtApp()

  const loadViews = async () => {
    isLoading.value = true
    const _meta = unref(meta)

    if (_meta && _meta.id) {
      const response = (await $api.dbView.list(_meta.id)).list as ViewType[]
      if (response) {
        views.value = response.sort((a, b) => a.order! - b.order!)
      }
    }

    isLoading.value = false
  }

  watch(() => unref(meta), loadViews, { immediate: true })

  return { views, isLoading, loadViews }
}

export default useViews