React

<script src="https://cdn.chargemy.ai/v1/charge.js"></script>

import { useState } from 'react'

export function Summarise() {
  const [text, setText] = useState('')
  const [reply, setReply] = useState('')
  const [busy, setBusy] = useState(false)

  async function run() {
    setBusy(true)
    try {
      const r = await window.charge.ai.chat('Summarise in two lines: ' + text)
      setReply(r.text)
    } catch (e) {
      if (e.code !== 'cancelled') setReply(e.message)
    } finally {
      setBusy(false)
    }
  }

  return (
    <div>
      <textarea value={text} onChange={(e) => setText(e.target.value)} />
      <button onClick={run} disabled={busy}>{busy ? 'Working…' : 'Summarise'}</button>
      <p>{reply}</p>
    </div>
  )
}

declare global {
  interface Window { charge: any }
}
export {}