# poulpe

> poulpe || Simple Data binding Javascript Project

Latest version **0.2.1** (published 2019-10-20) · ISC license · 0 weekly downloads

## Install

```sh
npm install poulpe
pnpm add poulpe
yarn add poulpe
bun add poulpe
```

Provides the command `poulpe`.

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.1 |
| Published | 2019-10-20 |
| First published | 2017-07-12 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=0.10.0 |
| Dependencies | 0 |
| Unpacked size | 15.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | poulpi |
| Maintainers | poulpi |
| Keywords | poulpe, poulpi, databinding, simple |

## Links

- npm: https://www.npmjs.com/package/poulpe
- Repository: https://github.com/Poulpinounette/poulpe
- Homepage: https://github.com/Poulpinounette/poulpe#readme
- Issues: https://github.com/Poulpinounette/poulpe/issues
- npm.io page: https://npm.io/package/poulpe

## Recent versions

- 0.2.1 (latest) — 2019-10-20
- 0.2.0 — 2019-09-15
- 0.1.31 — 2018-03-22
- 0.1.3 — 2018-03-22
- 0.1.231 — 2017-08-13
- 0.1.23 — 2017-08-12
- 0.1.22 — 2017-07-12

## README

Poulpe
===

Simple Data binding Javascript Project

# Feature
  - Data binding with text or HTMLElement
  - Simple and speed.
  - Multi Option
  - Event system

# How to use
import for the latest version from unpkg cdn
[poulpe.js](https://unpkg.com/poulpe@latest/dist/index.js)

and see sample.

# Dom
*HTML code*.<br />
```
<div id="#sample">i'm a {{animal}}</div>
```

*JavaScript code*.
```JavaScript
const data = {animal: "Ocotpus"}


let poulpe = new Poulpe({element:document.getElementById("sample"), data:data});

poulpe.on("end", (x) => {
    console.log(x) // x = HtmlElement
});

poulpe.run()

```
<br /><br /><br />

text
===

```JavaScript
var text = "Hey i'm a {{animal}}";
var poulpe = new poulpe({element: text, data: {animal: "Octopus"}});
poulpe.on('end', (x) => {
    console.log(x) // x = 'Hey i'm a Octopus'
});

poulpe.run();
```

  Other
===
 [change log](https://github.com/Poulpinounette/Poulpe/blob/master/CHANGELOG.md#)

___
# Event State

  - search
  - find
  - bind
  - end



  sample:

```JavaScript

var poulpe = new poulpe({...});

poulpe.on('search', function(search){
  console.log(search)
})


poulpe.on('find', function(find){
  console.log(find)
})


poulpe.on('bind', function(bind){
  console.log(bind)
});

poulpe.on('end', function(end){
  console.log(end)
});

poulpe.run();
```

# Option

- Element:
 - HTMLElement ([sample](#dom))
 - String (use the id. [sample](#text))
- data : Object ([sample](#dom))


Poulpe use Parcel for build this package.

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