{"_id":"react-router-guards","_rev":"9-647dc5e6b4f5e060acd3ac54fc6e982d","time":{"0.1.3":"2019-07-19T13:25:17.513Z","created":"2019-08-23T14:52:35.377Z","1.0.0":"2019-08-23T14:52:35.502Z","modified":"2022-08-19T00:48:35.897Z","1.0.1":"2019-08-23T17:27:43.300Z","1.0.2":"2020-04-17T21:22:21.342Z"},"name":"react-router-guards","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"react-router-guards","version":"1.0.0","description":"Guard middleware for React Router navigation","author":{"name":"Josh Pensky","email":"joshuapensky@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/upstatement/react-router-guards.git"},"bugs":{"url":"https://github.com/upstatement/react-router-guards/issues"},"homepage":"https://github.com/upstatement/react-router-guards#readme","main":"dist/index.js","module":"dist/index.es.js","types":"dist/index.d.ts","scripts":{"build":"rollup -c --environment PRODUCTION","prepublishOnly":"npm run build","start":"rollup -c -w","test":"jest"},"peerDependencies":{"react":">=16.8.0","react-router":">=5.0.0","react-router-dom":">=5.0.0"},"dependencies":{"tiny-invariant":"^1.0.4"},"devDependencies":{"@babel/core":"^7.4.3","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/polyfill":"^7.4.4","@babel/preset-env":"^7.4.3","@babel/preset-react":"^7.0.0","@types/enzyme":"^3.10.1","@types/jest":"^24.0.15","@types/react":"^16.8.17","@types/react-dom":"^16.8.4","@types/react-router-dom":"^4.3.3","babel-jest":"^24.8.0","babel-plugin-dev-expression":"^0.2.1","enzyme":"^3.10.0","enzyme-adapter-react-16":"^1.14.0","jest":"^24.8.0","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.11.3","rollup-plugin-babel":"^4.3.2","rollup-plugin-cleanup":"^3.1.1","rollup-plugin-filesize":"^6.0.1","rollup-plugin-node-resolve":"^4.2.3","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-terser":"^4.0.4","rollup-plugin-typescript2":"^0.21.1","ts-jest":"^24.0.2","tslib":"^1.9.3","typescript":"^3.5.2"},"gitHead":"a556060359c100e52e02aff05ebc15701a20baeb","_id":"react-router-guards@1.0.0","_nodeVersion":"11.10.0","_npmVersion":"lerna/3.15.0/node@v11.10.0+x64 (darwin)","dist":{"integrity":"sha512-4a9SfuiEnU97vFycN1vAzOATNvV3QjUa7bZ+Og3A5VRW0PqwcjqwubnxtjpsJFnQrU8ZDR/xDaQat2BfPmjM5Q==","shasum":"c9f57359543030cc52c7ab1348952ba4cd9f81d6","tarball":"https://registry.npmjs.org/react-router-guards/-/react-router-guards-1.0.0.tgz","fileCount":24,"unpackedSize":29322,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdX/2zCRA9TVsSAnZWagAA8fcP/R9RXdYoHVP+pgh7u9bO\nzdylgoD9Dk5et7VOFgfqOUCAs7G/K84l60YdAoNGIyxiB+QPF6Xz9C4Z0nfT\nflkhvpYyzupeHf39KPG9kIpKcYZPgWGhjMQ2r8oz50trzizoAHM9rOslLiux\nlAYIvrV6px+6/7J28TXTRLcT+HJTbVqFVm5XFYJwi32ubwwGm1I9CTUIAUnL\nL2lnKcCZVxSapUIvMp7dxBtvROC/af4+2ATm9VHeyqRwfuxHhfWTW3ywczuY\n+3Ovp351/r8hCNBhnKXLNnvNRav5ov2YlLb6anP8f1/eN2efx5i6AF75HDdv\nWh2k00xnWCwwwIjethgOy2fGpukffzaReaYj57OrRGOXyXsnDSGo/JagSa95\nGGyim+WG5kbK8cMEopNXo7Bo5HMz5VGxPFKwg9ji2WxAYAHkSR4IjgzJrajN\nMDkI4UyPbBY59DTMkjTdOYJORF28xPvxRatFPhS0GA9yNP/QxjEpaxpHkYF6\nFUrZIHtDggV28FPc6XA2sz8Zc05SizCoCYjewouYiy0Cv2HdnL5YM/wIZqaw\nsu8Tvzklce651qbxKoBxf4NiNQysC+dqagdEAYRgmekm+qO2K4WOCZZes/jJ\nobPlv1mNpx3K4SeaQ2s7XGqndxUywzrGYZmDvuNMdZMIYj1Dvg8HXeBc7AdX\n/uXE\r\n=5J1g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAoinufqXVJZHWDxrLpVRUJ/3GDKJj0RfSNneqsjK8DgAiEAvM5H2botBYtvjw2/qmTv3GheZG0tA0u18xToe+nlXXU="}]},"maintainers":[{"name":"upstatementeng","email":"tech@upstatement.com"}],"_npmUser":{"name":"upstatementeng","email":"tech@upstatement.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-router-guards_1.0.0_1566571955378_0.8988308671581224"},"_hasShrinkwrap":false},"1.0.1":{"name":"react-router-guards","version":"1.0.1","description":"Guard middleware for React Router navigation","author":{"name":"Josh Pensky","email":"joshuapensky@gmail.com"},"keywords":["react","router","guards","guard","loading","error","middleware"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/upstatement/react-router-guards.git"},"bugs":{"url":"https://github.com/upstatement/react-router-guards/issues"},"homepage":"https://github.com/upstatement/react-router-guards#readme","main":"dist/index.js","module":"dist/index.es.js","types":"dist/index.d.ts","scripts":{"build":"rollup -c --environment PRODUCTION","prepublishOnly":"npm run build","start":"rollup -c -w","test":"jest"},"peerDependencies":{"react":">=16.8.0","react-router":">=5.0.0","react-router-dom":">=5.0.0"},"dependencies":{"tiny-invariant":"^1.0.4"},"devDependencies":{"@babel/core":"^7.4.3","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/polyfill":"^7.4.4","@babel/preset-env":"^7.4.3","@babel/preset-react":"^7.0.0","@types/enzyme":"^3.10.1","@types/jest":"^24.0.15","@types/react":"^16.8.17","@types/react-dom":"^16.8.4","@types/react-router-dom":"^4.3.3","babel-jest":"^24.8.0","babel-plugin-dev-expression":"^0.2.1","enzyme":"^3.10.0","enzyme-adapter-react-16":"^1.14.0","jest":"^24.8.0","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.11.3","rollup-plugin-babel":"^4.3.2","rollup-plugin-cleanup":"^3.1.1","rollup-plugin-filesize":"^6.0.1","rollup-plugin-node-resolve":"^4.2.3","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-terser":"^4.0.4","rollup-plugin-typescript2":"^0.21.1","ts-jest":"^24.0.2","tslib":"^1.9.3","typescript":"^3.5.2"},"gitHead":"b76bbdb98231014c81d2c54c507c46120da81569","_id":"react-router-guards@1.0.1","_nodeVersion":"11.10.0","_npmVersion":"lerna/3.15.0/node@v11.10.0+x64 (darwin)","dist":{"integrity":"sha512-tR+EXU2S60O/+LgKNfqRjam/vPPK6dkeIHOPUQInYWPIsWHSf5cePTuvSIdDc9YpEiH6OqRvqxCWheA6svAbTQ==","shasum":"09f14f09fc41b6d38b563f4bd585d4bedbe83237","tarball":"https://registry.npmjs.org/react-router-guards/-/react-router-guards-1.0.1.tgz","fileCount":24,"unpackedSize":29499,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdYCIPCRA9TVsSAnZWagAAuTcP/R5opJF58EV2KoOhTnGt\n4qCNDx+IuweO/q98YjjFcXvPv8zaMkEJMHu/jm2iMbPgbZD386E91ljt8FPC\nvy/0rBdR6RQCkPAqfn6ML25UzBtj90P4SJU39AxkWtus9PnWbCM4ZSJrBvAd\npva0f6yF6MYpx91G3Tj4Pm5EVcTEDxGwg9XmuUdsHs70bjWZlGKFoBahwd+1\nXW5W7MBGh671l+81jc7d0K+vjXMq4mINLZvJHXB1y+ZPZmCQlxjjKNoYdbAE\nVRwnx5PLp8YX/gyVtfBuDtq4c0V1wkN2zMmH7EuUWS7AKyD4PzwBPL2lMs3e\nuI/rOM1P9YL3M+fZp2xeDjWMlN6jUqjoQsu1GX+Rt3U948Uof6CPfbnIe05a\nt122YxymMsiL/DXu9+Byb8ozZah7T73wi7Ob21we6jG8W27TXn41BJ0DXkV9\nmeHECAG6gkq7QMPCD1R5NGsX8xPRYxbtrX59eVEbbfpWf0Dan1wQz+Q6S/7B\n4t6SI4azgc4V0iICmS1JF9YUCF6oD8s5TYYnrsJ82XGIFBWLI/CZjVSENF/L\nggxAN0+FbAHgHRFPK29fxtIJt9PdGgKVL0+RCyel+rbZ09jjjWctq4D2+aHa\nzhKcCRshcSV8JCH1ZK9rCjpLrhdEh7Wz2JpoA6sNfrtMJkTW0oWF/dVsHAqF\nMvtN\r\n=G4oM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdH0uMhYmuDqLLK2R6WUxGC9gkLrRvMKYg8wn4J/vL0QIhAIFVTsYrihhnh4iP1UqKzkDN/J1J2rd0sM7K8fOq+UVm"}]},"maintainers":[{"email":"mike.burns@upstatement.com","name":"mgburns"},{"email":"tech@upstatement.com","name":"upstatementeng"}],"_npmUser":{"name":"upstatementeng","email":"tech@upstatement.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-router-guards_1.0.1_1566581263148_0.7247737417884503"},"_hasShrinkwrap":false},"1.0.2":{"name":"react-router-guards","version":"1.0.2","description":"Guard middleware for React Router navigation","author":{"name":"Josh Pensky","email":"joshuapensky@gmail.com"},"keywords":["react","router","guards","guard","loading","error","middleware"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/upstatement/react-router-guards.git"},"bugs":{"url":"https://github.com/upstatement/react-router-guards/issues"},"homepage":"https://github.com/upstatement/react-router-guards#readme","main":"dist/index.js","module":"dist/index.es.js","types":"dist/index.d.ts","scripts":{"build":"rollup -c --environment PRODUCTION","prepublishOnly":"npm run build","start":"rollup -c -w","test":"jest"},"peerDependencies":{"react":">=16.8.0","react-router":">=5.0.0","react-router-dom":">=5.0.0"},"dependencies":{"tiny-invariant":"^1.0.4"},"devDependencies":{"@babel/core":"^7.4.3","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/polyfill":"^7.4.4","@babel/preset-env":"^7.4.3","@babel/preset-react":"^7.0.0","@types/enzyme":"^3.10.1","@types/jest":"^24.0.15","@types/react":"^16.8.17","@types/react-dom":"^16.8.4","@types/react-router-dom":"^4.3.3","babel-jest":"^24.8.0","babel-plugin-dev-expression":"^0.2.1","enzyme":"^3.10.0","enzyme-adapter-react-16":"^1.14.0","jest":"^24.8.0","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.11.3","rollup-plugin-babel":"^4.3.2","rollup-plugin-cleanup":"^3.1.1","rollup-plugin-filesize":"^6.0.1","rollup-plugin-node-resolve":"^4.2.3","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-terser":"^4.0.4","rollup-plugin-typescript2":"^0.21.1","ts-jest":"^24.0.2","tslib":"^1.9.3","typescript":"^3.5.2"},"_id":"react-router-guards@1.0.2","_nodeVersion":"13.6.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-RuNR+1sa7M96Jc3/hQxYw1E1ItYRUGFn+MKSoHSYCoWm6/JneA0z7C5spC9211FlkVXm79nonNtGy7exHSyKbA==","shasum":"2e6d36c50bc2c8927dc366dc204c45fbfb11ae85","tarball":"https://registry.npmjs.org/react-router-guards/-/react-router-guards-1.0.2.tgz","fileCount":22,"unpackedSize":27604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemh4NCRA9TVsSAnZWagAAmWcQAI8ZvgKiqNUmrk/9j9rG\n4j4V0aWgBUaaKKE6F53sUE+g1W/silxgAgbDFaWGtWohura3gYz/yrC/Ln5V\n4OPv+GkWgB3ESIDaibGasHzy3QP/+uMjk6DzST3ykqL1QdgdAcxIGU5FminY\n/PEvRSCO8kPTk2JlwileICpO9XUd1elShbgyqlQVQuSlRGqzV4MkcmlNm/uB\n+ju3wN1j60AxNIpM/QAbkiK/QaaRBw2EKb7uC3W6SkXfwJcMr4NuPGEDc3xW\nOE2EGuWScyADa1l6Ge5sKcj8D06vIqO1QK0l7CqJcVeC9wp2/Jj2YQjA/78s\nFYE7qWSfvbwDdfuZ8DfYeNUSb7U6cKZ2bOK+eBTeMmtRGbRLQJTmZgZhr8R/\nXlSdOvUQog7MdNXWGT7FKS26hhAdTU5IOIjmoUiNzOFsfABpX4RdixJwjRI6\nf0Js683ywuteNSAWbW2DFUptIYdceXCCBIz44uIZKuTg9b7AYqJCWsxm2HVm\nZeKsGwotv5T/BoIgQtCmXzGr92qDC/SNYob0GebdRGvujViXx7fOq4kz2kg+\nL6DFtCdSZROH+TFEUVLU/LLwi0GeQVWxbRbUR3IlflhV8YTxvIzekK5Nc3Ys\nN/aTOvD5qFplDVpz17Ky9L61DewmWSykpWzMNFX+qT7naxA+mQ43Pzq9PW9W\nQLB1\r\n=hNM+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKSUIROaaiIiY8cK22Nal5MjVb7ZXzUHfopfQCAFN4DAIgTxNG/5uBtbAZutQ65y5QCiTRyzMZebPJXoDnJqcn+3Q="}]},"maintainers":[{"email":"mike.burns@upstatement.com","name":"mgburns"},{"email":"tech@upstatement.com","name":"upstatementeng"}],"_npmUser":{"name":"upstatementeng","email":"tech@upstatement.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-router-guards_1.0.2_1587158541235_0.9814622835784603"},"_hasShrinkwrap":false}},"maintainers":[{"email":"tech@upstatement.com","name":"upstatementeng"}],"description":"Guard middleware for React Router navigation","homepage":"https://github.com/upstatement/react-router-guards#readme","repository":{"type":"git","url":"git+https://github.com/upstatement/react-router-guards.git"},"author":{"name":"Josh Pensky","email":"joshuapensky@gmail.com"},"bugs":{"url":"https://github.com/upstatement/react-router-guards/issues"},"license":"MIT","readme":"# react-router-guards\n\n> Guard middleware for React Router navigation\n\nReact Router Guards provides a middleware API for [React Router](https://reacttraining.com/react-router/), allowing you to perform complex logic between the call for navigation and the final render of a route.\n\n## Table of Contents\n\n- [Requirements](#requirements)\n- [Installation](#installation)\n- [Basic usage](#basic-usage)\n- [Concepts](#concepts)\n- [Demos](#demos)\n - [Basic](#basic)\n - [Intermediate](#intermediate)\n- [Contributing](#contributing)\n- [Code of Conduct](#code-of-conduct)\n- [About Upstatement](#about-upstatement)\n\n## Requirements\n\nThis package has the following [peer dependencies](https://docs.npmjs.com/files/package.json#peerdependencies):\n\n- [React](https://www.npmjs.com/package/react) v16.8.0+ (for hooks ⚓️)\n\n- [React Router DOM](https://www.npmjs.com/package/react-router-dom) v5.0.0+\n\n## Installation\n\nWith [npm](https://www.npmjs.com):\n\n```shell\n$ npm install react-router-guards\n```\n\nWith [yarn](https://yarnpkg.com/):\n\n```shell\n$ yarn add react-router-guards\n```\n\nThen with a module bundler like [webpack](https://webpack.github.io/), use as you would anything else:\n\n```js\n// using ES6 modules\nimport { GuardProvider, GuardedRoute } from 'react-router-guards';\n\n// using CommonJS modules\nconst GuardProvider = require('react-router-guards').GuardProvider;\nconst GuardedRoute = require('react-router-guards').GuardedRoute;\n```\n\n## Basic usage\n\nHere is a very basic example of how to use React Router Guards.\n\n```jsx\nimport React from 'react';\nimport { BrowserRouter } from 'react-router-dom';\nimport { GuardProvider, GuardedRoute } from 'react-router-guards';\nimport { About, Home, Loading, Login, NotFound } from 'pages';\nimport { getIsLoggedIn } from 'utils';\n\nconst requireLogin = (to, from, next) => {\n if (to.meta.auth) {\n if (getIsLoggedIn()) {\n next();\n }\n next.redirect('/login');\n } else {\n next();\n }\n};\n\nconst App = () => (\n \n \n \n \n \n \n \n \n \n \n);\n```\n\nCheck out our [demos](#demos) for more examples!\n\n## Concepts\n\n### [Navigation lifecycle](/docs/navigation-lifecycle.md)\n\n> With the addition of guard middleware, the navigation lifecycle has changed.\n\n### [Guard functions](/docs/guard-functions.md)\n\n> Guard functions are the middleware between navigation and rendering.\n\n### [Page components](/docs/page-components.md)\n\n> Page components are used for setting loading and error pages.\n\n### [Guard Provider](/docs/guard-provider.md)\n\n> The `GuardProvider` component is a high-level wrapper for your entire routing solution.\n\n### [Guarded Route](/docs/guarded-route.md)\n\n> The `GuardedRoute` component acts as a replacement for the default [`Route`](https://reacttraining.com/react-router/core/api/Route) component provided by React Router, allowing for routes to use guard middleware.\n\n## Demos\n\nWe've included some demos below to help provide more context on how to use this package!\n\n### Basic\n\n[Demo + Source](https://codesandbox.io/s/react-router-guards-basic-demo-0m48v)\n\nThe basic demo showcases some basic functionality of route guard API with an auth example.\n\n### Intermediate\n\n[Demo](https://react-router-guards-demo.netlify.com) | [Source](demos/intermediate)\n\nThe intermediate demo uses the [PokéAPI](https://pokeapi.co/) to showcase how to use route guards for fetching data from an API.\n\n## Contributing\n\nWe welcome all contributions to our projects! Filing bugs, feature requests, code changes, docs changes, or anything else you'd like to contribute are all more than welcome! More information about contributing can be found in the [contributing guidelines](.github/CONTRIBUTING.md).\n\n## Code of Conduct\n\nUpstatement strives to provide a welcoming, inclusive environment for all users. To hold ourselves accountable to that mission, we have a strictly-enforced [code of conduct](CODE_OF_CONDUCT.md).\n\n## About Upstatement\n\n[Upstatement](https://www.upstatement.com/) is a digital transformation studio headquartered in Boston, MA that imagines and builds exceptional digital experiences. Make sure to check out our [services](https://www.upstatement.com/services/), [work](https://www.upstatement.com/work/), and [open positions](https://www.upstatement.com/jobs/)!\n","readmeFilename":"README.md","keywords":["react","router","guards","guard","loading","error","middleware"]}