# emmet-hyperscript

> Emmet-style syntactic sugar for HyperScript and virtual-hyperscript

Latest version **1.0.0** (published 2017-09-03) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install emmet-hyperscript
pnpm add emmet-hyperscript
yarn add emmet-hyperscript
bun add emmet-hyperscript
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2017-09-03 |
| First published | 2017-09-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Evgeny Orekhov |
| Maintainers | evgenyorekhov |
| Keywords | hyperscript, emmet, virtual-hyperscript, virtual-dom, vdom |

## Links

- npm: https://www.npmjs.com/package/emmet-hyperscript
- Repository: https://github.com/EvgenyOrekhov/emmet-hyperscript
- Homepage: https://github.com/EvgenyOrekhov/emmet-hyperscript#readme
- Issues: https://github.com/EvgenyOrekhov/emmet-hyperscript/issues
- npm.io page: https://npm.io/package/emmet-hyperscript

## Recent versions

- 1.0.0 (latest) — 2017-09-03

## README

# emmet-hyperscript

[![Travis CI build status](https://img.shields.io/travis/EvgenyOrekhov/emmet-hyperscript/master.svg?style=flat-square)](https://travis-ci.org/EvgenyOrekhov/emmet-hyperscript)
[![Codacy grade](https://img.shields.io/codacy/grade/2bdd57c66a014adf89148f7f83bb3b51/master.svg?style=flat-square)](https://www.codacy.com/app/EvgenyOrekhov/emmet-hyperscript)

[Emmet](https://emmet.io/)-style syntactic sugar for
[HyperScript](https://github.com/hyperhype/hyperscript)
and
[virtual-hyperscript](https://github.com/Raynos/virtual-hyperscript).

Inspired by [HtmlElement](https://github.com/spatie/html-element).

## Examples

Plain [HyperScript](https://github.com/hyperhype/hyperscript):

```js
const h = require("hyperscript");

h(
    "div#page",
    h(
        "div#header",
        h("h1.classy", "Example", {style: {"background-color": "#22f"}})
    )
);
```

emmet-hyperscript:

```js
const h = require("hyperscript");
const eh = require("emmet-hyperscript")(h);

eh(
    "div#page > div#header > h1.classy",
    "Example",
    {style: {"background-color": "#22f"}}
);
```

It works with
[hyperscript-helpers](https://github.com/ohanhi/hyperscript-helpers) too:

```js
const h = require("hyperscript");
const eh = require("emmet-hyperscript")(h);
const {div} = require("hyperscript-helpers")(eh);

div(
    "#page > div#header > h1.classy",
    "Example",
    {style: {"background-color": "#22f"}}
);
```

## [Changelog](https://github.com/EvgenyOrekhov/emmet-hyperscript/releases)

## License

[MIT](LICENSE)

---
_Source: https://npm.io/package/emmet-hyperscript · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._