import { createHeliaHTTP } from 'https://esm.sh/@helia/http?bundle-deps'
import { dagCbor } from 'https://esm.sh/@helia/dag-cbor?bundle-deps'

const output = document.getElementById('output')
const input = document.getElementById('user-input')
const button = document.getElementById('get-cid')
const helia = await createHeliaHTTP()
const dcbor = dagCbor(helia)
    globalThis.helia = helia
button.addEventListener('click', handleGetCid)

async function handleGetCid(event) {
  try {
    const object = JSON.parse(input.value)
    
    // Encode the file with dag-cbor
    const cid = await dcbor.add(object)
    
    // Display the CID
    output.innerHTML = `Object addressed by CID: <a href="https://cid.ipfs.tech/#${cid.toString()}">${cid.toString()}</a>`
    
  } catch (err) {
    console.error(err)
    document.getElementById('output').textContent = 
      `Error: ${err.message}`
  }
}