react/src/hooks/useMetadata/useMetadata.ts

import { useState, useEffect } from 'react'
import axios from 'axios'
import { DID, DDO, Metadata } from '@oceanprotocol/lib'
import { useOcean, } from '../../providers'
import ProviderStatus from '../../providers/OceanProvider/ProviderStatus'

interface UseMetadata {
  ddo: DDO
  metadata: Metadata
  title: string
  getDDO: (did: DID | string) => Promise<DDO>
  getMetadata: (did: DID | string) => Promise<Metadata>
  getTitle: (did: DID | string) => Promise<string>
}

function useMetadata(did?: DID | string): UseMetadata {
  const { ocean, status } = useOcean()
  const [ddo, setDDO] = useState<DDO | undefined>()
  const [metadata, setMetadata] = useState<Metadata | undefined>()
  const [title, setTitle] = useState<string | undefined>()

  async function getDDO(did: DID | string): Promise<DDO> {
    if (status !== ProviderStatus.CONNECTED) return

    const ddo = await ocean.metadatastore.retrieveDDO(did)
    return ddo
  }

  async function getMetadata(did: DID | string): Promise<Metadata> {
    const ddo = await getDDO(did)
    if (!ddo) return
    const metadata = ddo.findServiceByType('metadata')
    return metadata.attributes
  }


  async function getTitle(did: DID | string): Promise<string> {
    const metadata = await getMetadata(did)
    return metadata.main.name
  }

  useEffect(() => {
    async function init(): Promise<void> {
      if (!did) return
      const ddo = await getDDO(did)
      setDDO(ddo)

      const metadata = await getMetadata(did)
      setMetadata(metadata)
      setTitle(metadata.main.name)
    }
    init()
  }, [])

  return {
    ddo,
    metadata,
    title,
    getDDO,
    getMetadata,
    getTitle,
  }
}

export { useMetadata, UseMetadata }
export default useMetadata