xcell-inspect
TypeScript icon, indicating that this package has built-in type declarations

0.0.10 • Public • Published

xcell-inspect

Inspector for xcell

Browser only

Installation

npm install xcell-inspect

Usage

<script src="https://unpkg.com/xcell"></script>
<script src="https://unpkg.com/xcell-inspect"></script>

<input id="A"> + <input id="B"> = <input id="C" readonly>

<script>
  const $a = xcell(1)
  const $b = xcell(2)
  const $c = xcell([$a, $b], (a, b) => a + b)

  A.value = $a.value
  B.value = $b.value
  C.value = $c.value

  A.addEventListener('input', e => $a.value = +e.target.value)
  B.addEventListener('input', e => $b.value = +e.target.value)

  $c.on('change', ({ value }) => C.value = value)

  const inspector = xcellInspect([$a, $b, $c], {
    renderDOT: true,
    renderGraph: true,
    hidden: false,
  })

  document.body.appendChild(inspector.element)
</script>

See it live on JS Bin: demo

Readme

Keywords

Package Sidebar

Install

npm i xcell-inspect

Weekly Downloads

1

Version

0.0.10

License

MIT

Unpacked Size

2.99 MB

Total Files

31

Last publish

Collaborators

  • tomazy