Have ideas to improve npm?Join in the discussion! »

    @blackbox-vision/use-torch-light
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.2 • Public • Published

    UseTorchLight npm version License: MIT Known Vulnerabilities

    🔦 useTorchLight is a hook to enable/disable camera flash. Check out the demo.

    Install

    You can install this library via NPM or YARN.

    NPM

    npm i @blackbox-vision/use-torch-light

    YARN

    yarn add @blackbox-vision/use-torch-light

    Usage

    The usage is really simple:

    import React, { useState, useRef } from 'react';
    import { QrReader } from '@blackbox-vision/react-qr-reader';
    import { useTorchLight } from '@blackbox-vision/use-torch-light';
     
    const Test = (props) => {
      const streamRef = useRef(null);
     
      const [error, setError] = useState(null);
      const [data, setData] = useState('No result');
     
      const [on, toggle] = useTorchLight(streamRef.current);
     
      const setRef = ({ stream }) => {
        streamRef.current = stream;
      };
     
      return (
        <>
          <QrReader
            onLoad={setRef}
            onScan={setData}
            onError={setError}
            style={{ width: '100%' }}
          />
          <button onClick={toggle}>{on ? 'Disable Torch' : 'Enable Torch'}</button>
          <p>{JSON.stringify(data, null, 2)}</p>
          <p>{JSON.stringify(error, null, 2)}</p>
        </>
      );
    };

    Issues

    Please, open an issue following one of the issues templates. We will do our best to fix them.

    Contributing

    If you want to contribute to this project see contributing for more information.

    License

    Distributed under the MIT license. See LICENSE for more information.

    Install

    npm i @blackbox-vision/use-torch-light

    DownloadsWeekly Downloads

    5

    Version

    0.0.2

    License

    MIT

    Unpacked Size

    34.9 kB

    Total Files

    13

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar