jh3y

joezo

chrisdwheatley

cianfoley_nearform

ckiss

donovanhutchinson

jackdclark

lpww

feugy

react-browser-hooks

  "description": "react-browser-hooks React component",

    "acceptance": "testcafe chrome,firefox test/acceptance/",

    "acceptance-ci": "testcafe browserstack:chrome,browserstack:firefox,browserstack:ie,browserstack:safari test/acceptance/",

    "build": "nwb build-react-component",

    "clean": "nwb clean-module && nwb clean-demo",

    "format": "prettier --write **/*.js",

    "lint-fix": "eslint ./*.js src test --fix",

    "storybook": "start-storybook -p 3000 -c storybook/.storybook --ci",

    "build-storybook": "build-storybook -c storybook/.storybook",

    "test": "npm run test:unit && npm run test:acceptance",

    "test:acceptance": "node bin/acceptance.js",

    "@storybook/addon-options": "4.1.13",

    "eslint-plugin-react-hooks": "1.3.0",

    "react-hooks-testing-library": "0.3.4",

    "testcafe-browser-provider-browserstack": "1.8.0"

  "homepage": "https://github.com/nearform/react-browser-hooks",

  "repository": "https://github.com/nearform/react-browser-hooks",

[![CircleCI](https://circleci.com/gh/nearform/react-browser-hooks.svg?style=svg&circle-token=6519ab8ff84d4bf291788588738f2b2000c8fc3a)](https://circleci.com/gh/nearform/react-browser-hooks)

[![NPM version](https://img.shields.io/npm/v/@nearform/react-browser-hooks.svg)](https://www.npmjs.com/package/@nearform/react-browser-hooks)

[![NPM version](https://img.shields.io/npm/v/react-browser-hooks.svg)](https://www.npmjs.com/package/react-browser-hooks)

[![Coverage Status](https://coveralls.io/repos/github/nearform/react-browser-hooks/badge.svg?branch=master)](https://coveralls.io/github/nearform/react-browser-hooks?branch=master)

[![Netlify Status](https://api.netlify.com/api/v1/badges/8855d56c-7b73-4070-92e8-e7c1b2e80d7e/deploy-status)](https://app.netlify.com/sites/react-browser-hooks/deploys)

[![BrowserStack Status](https://www.browserstack.com/automate/badge.svg?badge_key=U1lJa0NDeis1VFRXYXpvMHdGMHdpd2RXVXBIRlQ2eDNQZmJNdlkrN3F2Zz0tLXlmRDdXcTl5YVFMOG1sUXZSeDRCMFE9PQ==--32bc4ac80987fe0aa1d5fdaa3c08607be6f3f2a8)](https://www.browserstack.com/automate/public-build/U1lJa0NDeis1VFRXYXpvMHdGMHdpd2RXVXBIRlQ2eDNQZmJNdlkrN3F2Zz0tLXlmRDdXcTl5YVFMOG1sUXZSeDRCMFE9PQ==--32bc4ac80987fe0aa1d5fdaa3c08607be6f3f2a8)

A simple utility library that provides custom hooks for some common browser events.

[npm](https://www.npmjs.com/package/@nearform/react-browser-hooks):

[npm](https://www.npmjs.com/package/react-browser-hooks):

npm install @nearform/react-browser-hooks

You can find documentation and demo on https://react-browser-hooks.netlify.com/

import { useFullScreen } from '@nearform/react-browser-hooks'

import { useFullScreen } from 'react-browser-hooks'

<button onClick={fs.toggle}>{fs.fullScreen ? 'Close' : 'Open'}</button>

Sensible defaults are provided to allow each hook to be safely used when rendering on the server.

[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square

[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square

[npm]: https://www.npmjs.org/package/npm-package

[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square

[coveralls]: https://coveralls.io/github/user/repo

Licensed under the Apache License, Version 2.0 (the "License");

you may not use this file except in compliance with the License.

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software

distributed under the License is distributed on an "AS IS" BASIS,

WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

See the License for the specific language governing permissions and

[![BrowserStack](https://p14.zdusercontent.com/attachment/1015988/mg687dwxHqXtriITEf8kxZV3W?token=eyJhbGciOiJkaXIiLCJlbmMiOiJBMTI4Q0JDLUhTMjU2In0..tPLabhhdTeWxyc3TTt-RCg.bmk4nO95zIaYIcNaaDEVtxph9ap6d9X__07O0wPpvgsx5RBYvue1gMxCGhnYcgtQA51YjC5BFCxev9bBGZ0f6wHGr83j_nBID68oZCdgurHQhuZjsBZTotXtVdGDJoGg8KHMvl2qK9_FFlxohxGkPatEyccPXfLxZGGrGhvGnZVs6sFcy5bSevRHwe84yH3y0-PhbwE9HPAqzYsJyjBsSnez3gllgrIqX_7UucPPyAxtESSOaevl3zs6n5EfJ6teaJ3_KhWTmux9Nlk5csiWwvcRcCXp7p14Xln9tBYR64k.-1SqygSW1Ke0iJ-t3ED3SQ)](http://browserstack.com/)

We use BrowserStack to support as many browsers and devices as possible

 * react-browser-hooks v2.2.1 - https://github.com/nearform/react-browser-hooks

 * react-browser-hooks v2.2.2 - https://github.com/nearform/react-browser-hooks

(function webpackUniversalModuleDefinition(root, factory) {

	if(typeof exports === 'object' && typeof module === 'object')

		module.exports = factory(require("react"));

	else if(typeof define === 'function' && define.amd)

		exports["ReactBrowserHooks"] = factory(require("react"));

		root["ReactBrowserHooks"] = factory(root["React"]);

})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {

return /******/ (function(modules) { // webpackBootstrap

/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache

/******/ 		if(installedModules[moduleId]) {

/******/ 			return installedModules[moduleId].exports;

/******/ 		// Create a new module (and put it into the cache)

/******/ 		var module = installedModules[moduleId] = {

/******/ 		// Execute the module function

/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Return the exports of the module

/******/ 	// expose the modules object (__webpack_modules__)

/******/ 	__webpack_require__.m = modules;

/******/ 	__webpack_require__.c = installedModules;

/******/ 	// define getter function for harmony exports

/******/ 	__webpack_require__.d = function(exports, name, getter) {

/******/ 		if(!__webpack_require__.o(exports, name)) {

/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });

/******/ 	// define __esModule on exports

/******/ 	__webpack_require__.r = function(exports) {

/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {

/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

/******/ 		Object.defineProperty(exports, '__esModule', { value: true });

/******/ 	// create a fake namespace object

/******/ 	// mode & 1: value is a module id, require it

/******/ 	// mode & 2: merge all properties of value into the ns

/******/ 	// mode & 4: return value when already ns object

/******/ 	// mode & 8|1: behave like require

/******/ 	__webpack_require__.t = function(value, mode) {

/******/ 		if(mode & 1) value = __webpack_require__(value);

/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;

/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });

/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));

/******/ 	// getDefaultExport function for compatibility with non-harmony modules

/******/ 	__webpack_require__.n = function(module) {

/******/ 		var getter = module && module.__esModule ?

/******/ 			function getDefault() { return module['default']; } :

/******/ 			function getModuleExports() { return module; };

/******/ 		__webpack_require__.d(getter, 'a', getter);

/******/ 	// Object.prototype.hasOwnProperty.call

/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };

/******/ 	// Load entry module and return exports

/******/ 	return __webpack_require__(__webpack_require__.s = 1);

/************************************************************************/

//# sourceMappingURL=react-browser-hooks.min.js.map

		{
		"name": "react-browser-hooks",
		"version": "2.2.1",
		"version": "2.2.2",
		"description": "react-browser-hooks React component",
		@@ -5,0 +5,0 @@ "main": "lib/index.js",

		/*!
		* react-browser-hooks v2.2.1 - https://github.com/nearform/react-browser-hooks
		* react-browser-hooks v2.2.2 - https://github.com/nearform/react-browser-hooks
		* Apache-2.0 Licensed
		@@ -4,0 +4,0 @@ */

		/*!
		* react-browser-hooks v2.2.1 - https://github.com/nearform/react-browser-hooks
		* react-browser-hooks v2.2.2 - https://github.com/nearform/react-browser-hooks
		* Apache-2.0 Licensed
		@@ -4,0 +4,0 @@ */

		@@ -6,3 +6,3 @@ # react-browser-hooks
		[![CircleCI](https://circleci.com/gh/nearform/react-browser-hooks.svg?style=svg&circle-token=6519ab8ff84d4bf291788588738f2b2000c8fc3a)](https://circleci.com/gh/nearform/react-browser-hooks)
		[![NPM version](https://img.shields.io/npm/v/@nearform/react-browser-hooks.svg)](https://www.npmjs.com/package/@nearform/react-browser-hooks)
		[![NPM version](https://img.shields.io/npm/v/react-browser-hooks.svg)](https://www.npmjs.com/package/react-browser-hooks)
		[![Coverage Status](https://coveralls.io/repos/github/nearform/react-browser-hooks/badge.svg?branch=master)](https://coveralls.io/github/nearform/react-browser-hooks?branch=master)
		@@ -16,6 +16,6 @@ [![Netlify Status](https://api.netlify.com/api/v1/badges/8855d56c-7b73-4070-92e8-e7c1b2e80d7e/deploy-status)](https://app.netlify.com/sites/react-browser-hooks/deploys)

		[npm](https://www.npmjs.com/package/@nearform/react-browser-hooks):
		[npm](https://www.npmjs.com/package/react-browser-hooks):

		```bash
		npm install @nearform/react-browser-hooks
		npm install react-browser-hooks
		```
		@@ -32,3 +32,3 @@
		```javascript
		import { useFullScreen } from '@nearform/react-browser-hooks'
		import { useFullScreen } from 'react-browser-hooks'

		@@ -35,0 +35,0 @@ const fs = useFullScreen()

Worsened metrics