apds / composer.js

import { apds } from './apds.js'
import { render } from './render.js'

export const composer = async () => {
  const div = document.createElement('div')
  const ta = document.createElement('textarea')
  
  ta.placeholder = 'Write a message'
  
  div.appendChild(ta)
  
  const b = document.createElement('button')
  
  b.textContent = 'Sign'
  
  b.onclick = async () => {
    const published = await apds.compose(ta.value)
    ta.value = ''
    const scroller = document.getElementById('scroller')
    await render.hash(published, scroller)
  }
  
  div.appendChild(b)

  return div
}