open-index/open-npm huggingface dataset:
npm package: @hyperapp-r/time
Description: Time effects and subscriptions for Hyperapp. (fork from @hyperapp/time)
Author: Dice
Latest version: 0.0.10-rc2

# @hyperapp/time

Time effects and subscriptions for Hyperapp.

## Installation

```
npm i @hyperapp/time
```

## Usage

```js
import { interval, timeout } from "@hyperapp/time"
```

## License

[MIT](../../LICENSE.md)
npm package: @hyperapp/dom
Description: Inspect the DOM, focus and blur.
Latest version: 1.0.0

# @hyperapp/dom

> Inspect the DOM, focus and blur.

## Installation

```console
npm install @hyperapp/dom
```

```js
import { focus, blur } from "@hyperapp/dom"
```

Or without a build step—import it right in your browser.

```html
<script type="module">
  import { focus, blur } from "https://unpkg.com/@hyperapp/dom"
</script>
```

## License

[MIT](../../LICENSE.md)
npm package: @hyperapp/html
Description: Write HTML with plain functions.
Latest version: 2.0.0

# @hyperapp/html

> Write HTML with plain functions.

Hyperapp's built-in `h()` function is intentionally primitive to give you the freedom to write views any way you like it. If you prefer a functional approach over templating solutions like JSX or template literals, here is a collection of functions—one for [each HTML tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)—to make your views faster to write and easier to read.

Here's the first example to get you started. [Try it in your browser](https://codepen.io/jorgebucaran/pen/MrBgMy?editors=1000).

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <script type="module">
      import { app } from "https://unpkg.com/hyperapp"
      import {
        main,
        h1,
        button,
        text,
      } from "https://unpkg.com/@hyperapp/html?module"

      const Subtract = (state) => ({ ...state, count: state.count - 1 })
      const Add = (state) => ({ ...state, count: state.count + 1 })

      app({
        init: (count = 0) => ({ count }),
        view: (state) =>
          main([
            h1(text(state.count)),
            button({ onclick: Subtract }, text("-")),
            button({ onclick: Add }, text("+")),
          ]),
        node: document.getElementById("app"),
      })
    </script>
  </head>
  <body>
    <main id="app"></main>
  </body>
</html>
```

> Looking for [@hyperapp/svg](../svg) instead?

## Installation

```console
npm install @hyperapp/html
```

Then with a module bundler like [Rollup](https://rollupjs.org) or [Webpack](https://webpack.js.org) import it in your application and get right down to business.

```js
import { a, form, input } from "@hyperapp/html"
```

Don't want to set up a build step? Import it in a `<script>` tag as a module.

```html
<script type="module">
  import { a, form, input } from "https://unpkg.com/@hyperapp/html?module"
</script>
```

## License

[MIT](../../LICENSE.md)
npm package: @hyperapp/logger
Description: Log Hyperapp state updates and action information to the console
Author: Wolfgang Wedemeyer
Latest version: 0.5.0
Deprecated: Please use hyperapp-logger instead.

# <img height=24 src=https://cdn.rawgit.com/jorgebucaran/f53d2c00bafcf36e84ffd862f0dc2950/raw/882f20c970ff7d61aa04d44b92fc3530fa758bc0/Hyperapp.svg> Hyperapp Logger

[![Travis CI](https://img.shields.io/travis/hyperapp/logger/master.svg)](https://travis-ci.org/hyperapp/logger)
[![Codecov](https://img.shields.io/codecov/c/github/hyperapp/logger/master.svg)](https://codecov.io/gh/hyperapp/logger)
[![npm](https://img.shields.io/npm/v/@hyperapp/logger.svg)](https://www.npmjs.org/package/@hyperapp/logger)
[![Slack](https://hyperappjs.herokuapp.com/badge.svg)](https://hyperappjs.herokuapp.com "Join us")

A [Hyperapp](https://github.com/hyperapp/hyperapp) higher-order `app` that logs state updates and action information to the console.

## Getting Started

This example shows a counter that can be incremented or decremented. Go ahead and [try it online](https://codepen.io/okwolf/pen/xLQmvW?editors=0010) with your browser console open to see the log messages.

```js
import { h, app } from "hyperapp"
import { withLogger } from "@hyperapp/logger"

const state = {
  count: 0
}

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

const view = (state, actions) => (
  <main>
    <h1>{state.count}</h1>
    <button onclick={actions.down} disabled={state.count <= 0}>
      ー
    </button>
    <button onclick={actions.up}>＋</button>
  </main>
)

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

![Screenshot](https://user-images.githubusercontent.com/3735164/36941306-d7233132-1f0c-11e8-9b97-335f7957a685.png)

## Installation

### Node.js

Install with npm / Yarn.

<pre>
npm i <a href="https://www.npmjs.com/package/@hyperapp/logger">@hyperapp/logger</a>
</pre>

Then with a module bundler like [rollup](https://github.com/rollup/rollup) or [webpack](https://github.com/webpack/webpack) use as you would anything else.

```js
import { withLogger } from "@hyperapp/logger"
```

### Browser

Download the minified library from the [CDN](https://unpkg.com/@hyperapp/logger).

```html
<script src="https://unpkg.com/@hyperapp/logger"></script>
```

You can find the library in `window.hyperappLogger`.

```js
const { withLogger } = hyperappLogger
```

## Usage

Compose the `withLogger` function with your `app` before calling it with the usual arguments.

```js
import { withLogger } from "@hyperapp/logger"

withLogger(app)(state, actions, view, document.body)

// Or if you need to pass options
withLogger(options)(app)(state, actions, view, document.body)
```

### Options

#### `options.log`

Use it to customize the log function.

```js
withLogger({
  log(prevState, action, nextState) {
    // format and send your log messages anywhere you like
  }
})(app)(state, actions, view, document.body)
```

## License

Hyperapp Logger is MIT licensed. See [LICENSE](LICENSE.md).
npm package: @hyperapp/svg
Description: Draw SVG with plain functions.
Latest version: 2.0.0

# @hyperapp/svg

> Draw SVG with plain functions.

HTML's evil twin. Here's a collection of functions—one for [each SVG tag](https://developer.mozilla.org/en-US/docs/Web/SVG)—to help you get started with SVG in Hyperapp.

Want to draw some circles? [Try this example in your browser](https://codepen.io/jorgebucaran/pen/preYMW?editors=1000).

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <script type="module">
      import { app } from "https://unpkg.com/hyperapp"
      import { main } from "https://unpkg.com/@hyperapp/html?module"
      import { svg, use, circle } from "https://unpkg.com/@hyperapp/svg?module"

      app({
        init: {},
        view: () =>
          main([
            svg({ viewBox: "0 0 30 10" }, [
              circle({ id: "symbol", cx: 5, cy: 5, r: 4, stroke: "#0366d6" }),
              use({ href: "#symbol", x: 10, fill: "#0366d6" }),
              use({ href: "#symbol", x: 20, fill: "white" }),
            ]),
          ]),
        node: document.getElementById("app"),
      })
    </script>
  </head>
  <body>
    <main id="app"></main>
  </body>
</html>
```

## Installation

```console
npm install @hyperapp/html
```

Then with a module bundler like [Rollup](https://rollupjs.org) or [Webpack](https://webpack.js.org) import it in your application and get right down to business.

```js
import { svg, use, circle } from "@hyperapp/svg"
```

Don't want to set up a build step? Import it in a `<script>` tag as a module.

```html
<script type="module">
  import { svg, use, circle } from "https://unpkg.com/@hyperapp/svg?module"
</script>
```

## License

[MIT](../../LICENSE.md)
npm package: @hyperapp/time
Description: Subscribe to intervals, get the time now.
Latest version: 1.0.0

# @hyperapp/time

> Subscribe to intervals, get the time now.

## Installation

```console
npm install @hyperapp/time
```

```js
import { every, delay, now } from "@hyperapp/time"
```

Or without a build step—import it right in your browser.

```html
<script type="module">
  import { every, delay, now } from "https://unpkg.com/@hyperapp/time"
</script>
```

## License

[MIT](../../LICENSE.md)
npm package: @hyperaudio/transcript-parser
Description: Hyperaudio HTML transcript to JSON converter
Author: Laurian Gridinoc
Latest version: 0.0.6

# transcript-parser

![Node](https://img.shields.io/node/v/@hyperaudio/transcript-parser.svg?style=flat-square)
[![NPM](https://img.shields.io/npm/v/@hyperaudio/transcript-parser.svg?style=flat-square)](https://www.npmjs.com/package/@hyperaudio/transcript-parser)
[![Travis](https://img.shields.io/travis/hyperaudio/transcript-parser/master.svg?style=flat-square)](https://travis-ci.org/hyperaudio/transcript-parser)
[![David](https://img.shields.io/david/hyperaudio/transcript-parser.svg?style=flat-square)](https://david-dm.org/hyperaudio/transcript-parser)
[![Coverage Status](https://img.shields.io/coveralls/hyperaudio/transcript-parser.svg?style=flat-square)](https://coveralls.io/github/hyperaudio/transcript-parser)

> Hyperaudio HTML transcript to JSON parser

### Usage

```js
import transcriptParser from '@hyperaudio/transcript-parser';

transcriptParser(html).then(converted => {
  console.log(converted);
});
```

### Installation

Install via [yarn](https://github.com/yarnpkg/yarn)

	yarn add @hyperaudio/transcript-parser (--dev)

or npm

	npm install @hyperaudio/transcript-parser (--save-dev)


### configuration

You can pass in extra options as a configuration object (➕ required, ➖ optional, ✏️ default).

```js
import transcriptParser from '@hyperaudio/transcript-parser';

```

➖ **property** ( type ) ` ✏️ default `
<br/> 📝 description
<br/> ❗️ warning
<br/> ℹ️ info
<br/> 💡 example

### methods

#### #name

```js
haJson

```

### Examples

See [`example`](example/script.js) folder or the [runkit](https://runkit.com/hyperaudio/transcript-parser) example.

### Builds

If you don't use a package manager, you can [access `@hyperaudio/transcript-parser` via unpkg (CDN)](https://unpkg.com/@hyperaudio/transcript-parser/), download the source, or point your package manager to the url.

`@hyperaudio/transcript-parser` is compiled as a collection of [CommonJS](http://webpack.github.io/docs/commonjs.html) modules & [ES2015 modules](http://www.2ality.com/2014/0
  -9/es6-modules-final.html) for bundlers that support the `jsnext:main` or `module` field in package.json (Rollup, Webpack 2)

The `@hyperaudio/transcript-parser` package includes precompiled production and development [UMD](https://github.com/umdjs/umd) builds in the [`dist` folder](https://unpkg.com/ha-json/dist/). They can be used directly without a bundler and are thus compatible with many popular JavaScript module loaders and environments. You can drop a UMD build as a [`<script>` tag](https://unpkg.com/@hyperaudio/transcript-parser) on your page. The UMD builds make `@hyperaudio/transcript-parser` available as a `window.transcriptParser` global variable.

### License

The code is available under the [MIT](LICENSE) license.

### Contributing

We are open to contributions, see [CONTRIBUTING.md](CONTRIBUTING.md) for more info.

### Misc

This module was created using [generator-module-boilerplate](https://github.com/duivvv/generator-module-boilerplate).