Why use it?

collect device-motion to a useful value. Include user permission and event listener.

Live Demo

Installation

npm install lesca-sensor-motion --save

Usage

As a Node module:

import { useState, useEffect, useMemo } from 'react';
import Motion from 'lesca-sensor-motion';

// (1) waiting for permission => Must be user-triggered event and SSL required
// (2) add addListener
const Components = () => {
  const [state, setState] = useState(false);
  const motion = useMemo(() => new Motion(), []);

  const require_permission = () => {
    motion
      .permission()
      .then(() => {
        // permission granted
        setState(true);
      })
      .catch(() => {
        // permission denied
      });
  };

  useEffect(() => {
    if (state) {
      motion.addEventListener(20, (e) => {
        alert(e);
      });
    }
    return () => {
      motion.destroy();
    };
  }, [state]);

  return <button onClick={require_permission}>click me</button>;
};

Development

Methods

method	description	return
.permission()	require user permission	Promise
.addEventListener(force: number, handler: function)	exceeds the value of force	20
.destroy()	destroy event	void

Properties

Properties	description	default
.each : int	time of force update	1
.delay : int	time delay of callback called	1000
.disable : boolean	stop / continue event listen	true
.isSupport : boolean	permission granted or denied	false

Features

• maintain if necessary