https://github.com/webreflection/lighterhtml-plus

It's lighterhtml with `onconnected`, `ondisconnected`, and `onattributechanged` events
https://github.com/webreflection/lighterhtml-plus

Last synced: over 1 year ago
JSON representation

It's lighterhtml with `onconnected`, `ondisconnected`, and `onattributechanged` events

• Host: GitHub
• URL: https://github.com/webreflection/lighterhtml-plus
• Owner: WebReflection
• License: isc
• Created: 2019-11-27T05:41:36.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-08-24T10:16:33.000Z (almost 6 years ago)
• Last Synced: 2024-12-31T15:43:32.463Z (over 1 year ago)
• Language: JavaScript
• Size: 266 KB
• Stars: 30
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# lighterhtml-plus

[![Build Status](https://travis-ci.com/WebReflection/lighterhtml-plus.svg?branch=master)](https://travis-ci.com/WebReflection/lighterhtml-plus) ![WebReflection status](https://offline.report/status/webreflection.svg) [![License: ISC](https://img.shields.io/badge/License-ISC-yellow.svg)](https://opensource.org/licenses/ISC)

This is exactly [lighterhtml](https://github.com/WebReflection/lighterhtml#readme), plus:

  * `onconnected` callback, as in [hyperHTML](https://github.com/WebReflection/hyperHTML#hyperhtml), to have Custom Elements like callbacks

  * `ondisconnected` callback, as in [hyperHTML](https://github.com/WebReflection/hyperHTML#hyperhtml), to have counter events when nodes get disconnected

  * `onattributechanged` callback, as in [wickedElements](https://github.com/WebReflection/wicked-elements#wickedelements), to have attributes change notifications, Custom Elements like

[Live test](https://webreflection.github.io/lighterhtml-plus/test/)

**[V4 Breaking Changes](https://github.com/WebReflection/lighterhtml#v4-breaking-changes)**

```js

import {render, html} from 'lighterhtml-plus';

render(document.body, html`

  
 console.log('connected')}

    ondisconnected=${event => console.log('disconnected')}

    onattributechanged=${({

      attributeName,

      oldValue,

      newValue

    }) => console.log('changed')}

  >

    lighterhtml-plus 🎉

  

`);

```