# `@javelin/devtool`

Developer tool for Javelin ECS.

<p align="center">
  <img width="460" src="./screenshot.png">
</p>

## Usage

```ts
import { createDevtool } from "@javelin/devtool"
import { createMessageHandler } from "@javelin/ecs"

const systems = []
const world = createWorld(systems)
const messageHandler = createMessageHandler({ world })
const devtool = createDevtool({
  worlds: {
    client: world,
  },
  onMessage(world, message) {
    messageHandler.applyMessage(message)
  },
})

const { log } = devtool.mount(document.getElementById("devtool"))

log.info("Devtool mounted!")
```