sitekit-extensions v1.3.29

Sitekit extensions

Installation

If using yarn type:

yarn add sitekit-extensions

If using npm type:

npm i sitekit-extensions -add

Usage

To begin usage just import the extensions you want to use and add them into your widgets use: [] property

An example of using the reactive and knockout widgets:

import { reactive, mousemove } from 'sitekit-extensions'

export default function (Site, $){
  Site.widget('mousepos', {
    use: [
      reactive(),
      mousemove(),
    ]
    onMousemove({x, y}){
      this.setState({
        pos: {x, y}
      })
    }
    react(){
      this.changed('pos', (prevState, newState, self) => {
        this.element.toggleClass('right', this.state.x > window.innerWidth / 2)
      })

      /* or use no namespace to react to all props */

      this.changed((prevState, newState, self) => {
        this.element.toggleClass('left', this.state.x < window.innerWidth / 2)
      })
    }
  })
}