hyperapp-devtools

KO | EN

gitlite — search

#python #ai #typescript #golang #android #docker #macos #awesome #awesome-list #vue #pytorch #security #mcp #open-source

hyperapp-devtools

(★ 27)

Developer tools for Hyperapp projects.

hyperapp-devtools 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# hyperapp-devtools

Developer tools for Hyperapp projects.  
These tools have been extracted from [hyperstart's](https://hyperstart.io) debugger.

This is an higher order application (HOA) that records every action and allow the user to see input argument, output and state at every step.

See it in action here:

![debugger in action](https://user-images.githubusercontent.com/8634093/39748206-c91f27d6-52af-11e8-8727-867f806190b9.gif)

## Installation

Install it from npm:

```
npm install hyperapp-devtools --save-dev
```

Or get it directly from unpkg:

```html
<script src="https://unpkg.com/hyperapp-devtools"></script>
```

## Usage

Just wrap your hyperapp:

```js
import { h, app } from "hyperapp"
import devtools from "hyperapp-devtools"

const state = {
  count: 0
}

const actions = {
  down: value => state => ({ count: state.count - value }),
  up: value => state => ({ count: state.count + value })
}

const view = (state, actions) => (
  <div>
    <h1>{state.count}</h1>
    <button onclick={() => actions.down(1)}>-</button>
    <button onclick={() => actions.up(1)}>+</button>
  </div>
)

devtools(app)(state, actions, view, document.body)
```

## Contributing

Once you cloned the project and `npm install` the dependencies, you can run the examples with `npm start`.

## License

GPL

**TLDR**

* You may use this to debug your own projects (open source, closed source, free, commercial, anything goes...)
* If you distribute this as part of your product/project, the project must be GPL (if that's not OK, please contact us).

hyperapp-devtools

hyperapp-devtools 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

hyperapp-devtools

hyperapp-devtools 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README