import type { PostFrontMatter } from '../../types'
import type { ValaxyData } from '../app/data'

import { isClient } from '@vueuse/core'
import { computed, hasInjectionContext, inject } from 'vue'
import { useRoute } from 'vue-router'
import { dataSymbol, useSiteConfig } from '../config'

/**
 * Get `route.meta.frontmatter` from your markdown file
 * @example
 * ```md
 * ---
 * title: Hello World
 * ---
 * ```
 *
 * ```ts
 * const fm = useFrontmatter()
 * console.log(fm.value.title)
 *
 * const fm = useFrontmatter<{ custom: string }>()
 * console.log(fm.value.custom)
 * ```
 */
export function useFrontmatter<FM extends Record<string, any>>() {
  // inject not in app root
  const route = useRoute()
  const frontmatter = computed(() => {
    return route.meta.frontmatter as Partial<(PostFrontMatter & FM)> || {}
  })
  return frontmatter
}

/**
 * 获取加密文章数据
 */
export function useEncryptedContent() {
  // const value = inject<string>('valaxy:encryptedContent')
  // inject 还没有插入
  const route = useRoute()
  return computed(() => {
    return route.meta.$encryptedContent || ''
  })
}

/**
 * 获取部分加密内容
 */
export function usePartiallyEncryptedContents() {
  // const value = inject<string>('valaxy:partiallyEncryptedContents')
  // inject 还没有插入
  const route = useRoute()
  return computed(() => {
    return route.meta.$partiallyEncryptedContents || []
  })
}

/**
 * encryptedPhotos
 * 获取加密相册数据
 */
export function useEncryptedPhotos() {
  // const value = inject<string>('valaxy:encryptedPhotos')
  // inject 还没有插入
  const route = useRoute()
  return computed(() => {
    return route.meta.$encryptedPhotos || ''
  })
}

/**
 * inject pageData
 */
export function useData<FM = Record<string, any>>(): ValaxyData<FM> {
  if (!hasInjectionContext())
    throw new Error('[Valaxy] useData() must be called inside setup() or a component lifecycle')
  const data = inject<ValaxyData<FM>>(dataSymbol)
  if (!data)
    throw new Error('[Valaxy] data not properly injected in app')
  return data
}

/**
 * get full url
 */
export function useFullUrl() {
  const siteConfig = useSiteConfig()
  const route = useRoute()
  const url = computed(() => {
    const siteUrl = siteConfig.value.url.endsWith('/') ? siteConfig.value.url.slice(0, -1) : siteConfig.value.url
    const origin = siteUrl || (isClient && window.location.origin)
    return origin + route.path
  })
  return url
}