react/src/hooks/useMetadata/useMetadata.ts

67 lines
1.7 KiB
TypeScript

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