mirror of https://github.com/oceanprotocol/ipfs
60 lines
1.3 KiB
TypeScript
60 lines
1.3 KiB
TypeScript
import { useEffect, useState } from 'react'
|
|
import ipfsClient from 'ipfs-http-client'
|
|
import { parseHTML } from '../utils'
|
|
|
|
let ipfs: any = null
|
|
let ipfsVersion = ''
|
|
|
|
export interface IpfsConfig {
|
|
protocol: string
|
|
host: string
|
|
port: string
|
|
}
|
|
|
|
export default function useIpfsApi(config: IpfsConfig) {
|
|
const [isIpfsReady, setIpfsReady] = useState(Boolean(ipfs))
|
|
const [ipfsError, setIpfsError] = useState('')
|
|
|
|
useEffect(() => {
|
|
async function initIpfs() {
|
|
if (ipfs !== null) return
|
|
// eslint-disable-next-line
|
|
ipfs = await ipfsClient(config)
|
|
|
|
try {
|
|
const version = await ipfs.version()
|
|
ipfsVersion = version.version
|
|
} catch (error) {
|
|
let { message } = error
|
|
|
|
if (!error.status) {
|
|
const htmlData = parseHTML(error)
|
|
message = htmlData.item(0)
|
|
message = message.textContent
|
|
}
|
|
|
|
setIpfsError(`IPFS connection error: ${message}`)
|
|
setIpfsReady(false)
|
|
return
|
|
}
|
|
setIpfsReady(Boolean(await ipfs.id()))
|
|
}
|
|
|
|
initIpfs()
|
|
}, [config])
|
|
|
|
useEffect(() => {
|
|
// just like componentWillUnmount()
|
|
return function cleanup() {
|
|
if (ipfs) {
|
|
setIpfsReady(false)
|
|
ipfs = null
|
|
ipfsVersion = ''
|
|
setIpfsError('')
|
|
}
|
|
}
|
|
}, [])
|
|
|
|
return { ipfs, ipfsVersion, isIpfsReady, ipfsError }
|
|
}
|