{"_id":"@_use/persistedstate","_rev":"2-d8185825b0ab4defa41e21044986c5bc","name":"@_use/persistedstate","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@_use/persistedstate","version":"0.1.0","description":"A Custom React Hook to persist a state even after refreshing the page.","repository":{"type":"git","url":"git+https://github.com/usejs/usePersistedState.git"},"author":{"name":"André Malveira","email":"andremalveira.dev@gmail.com"},"private":false,"publishConfig":{"access":"public"},"license":"MIT","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"keywords":["usePersistedState","usepersistedstate","use-persisted-state","custom-hooks","react-custom-hooks","react-hooks"],"scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test","lint":"tsdx lint","prepare":"tsdx build","size":"size-limit","analyze":"size-limit --why"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"module":"dist/persistedstate.esm.js","size-limit":[{"path":"dist/persistedstate.cjs.production.min.js","limit":"10 KB"},{"path":"dist/persistedstate.esm.js","limit":"10 KB"}],"devDependencies":{"@size-limit/preset-small-lib":"^7.0.8","@types/react":"^17.0.43","husky":"^7.0.4","size-limit":"^7.0.8","tsdx":"^0.14.1","tslib":"^2.3.1","typescript":"^4.6.3"},"peerDependencies":{"react":"^17.0.2"},"dependencies":{},"gitHead":"a71ca207b11b553fcaca449abb2dba08aca371cc","bugs":{"url":"https://github.com/usejs/usePersistedState/issues"},"homepage":"https://github.com/usejs/usePersistedState#readme","_id":"@_use/persistedstate@0.1.0","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-Ns7wARoLs+kwGkWN3KlP39N163AP0HsrQCNIjNoUCDKb09bMF2t312rEHDW4AQNpnGM89TWEf7gN5ZzLn885Og==","shasum":"430e477cdd31f3fe17d0d17c81200c49a8446d53","tarball":"https://registry.npmjs.org/@_use/persistedstate/-/persistedstate-0.1.0.tgz","fileCount":14,"unpackedSize":11926,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQ9CTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZjxAAgZ59iYz2hAPdpLmsf3aIOkNgbZD4L/01QX/UcTeCtrRBRBzb\r\npJFZMPfO46FIWercMaC1GOfzQ72qcLuXN1+qmes6tIH6RAbw20RHyMN7UQFp\r\nMGR1/1n+sDRp3RfOjp7mS+XoELxw3VZm2mZLSiHlotwhCyEnu5E0M1pw6vMp\r\nt1RoZ0jsRMOam2xMrj5Aw5FnkTi6H+snP1hr2fFV/XoYF9iiSUgViLUKHLQW\r\nyEAfpy9wuag0rZVU/toh8qfqitrpGeo7fAzjjo2L51LezGbuhqF+kzFJ1kkR\r\ncIESS/zLhooCcTedVULiKwW1efc6LKDXcdqTVXmmF7pu+02Yk0+e8tLS5izX\r\nXU6Tp/efTpBvfKyT4b8YNKY7ZibhfwSYzUXIK4jC5O15VUEGpDPYgjHraYLa\r\n81aAZEXNz0DUxuo0zB95AesMDvBa71UdDbHN40N0oGkn8bw9se3+h4QFFD2d\r\nVODWPM+wAg5S63BQU5QqIbwtsIee0O61byTb9qrkRvo9x1nW9UNlHtkLomCf\r\nrsPResPS5Vgn4pseoimGWaL2qAI3jLbqg0e16pnW4KjW72gD7wHwiLMYnvSK\r\nwiauP/60ups3Qx1oichagZ4HO/zkB+vTb2zOXQNJzZFCnZuz3wmpxz6ce+dw\r\nVyrzl7hqONioCnn+Upt0DH/8/yglZhEoKOE=\r\n=7CGw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqL9DYZI2+9HUNR+nlwdbGY71secZh5uodr8lYbBlKvAIgPzzv4ticD1zznEjio6CrimQj0n2+gSAhgP43sV5n7NQ="}]},"_npmUser":{"name":"andremalveira","email":"andremalveira.dev@gmail.com"},"directories":{},"maintainers":[{"name":"andremalveira","email":"andremalveira.dev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/persistedstate_0.1.0_1648611475668_0.5693787216722277"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2022-03-30T03:37:55.616Z","0.1.0":"2022-03-30T03:37:55.818Z","modified":"2023-06-28T14:51:48.876Z"},"maintainers":[{"name":"andremalveira","email":"andremalveira.dev@gmail.com"}],"description":"A Custom React Hook to persist a state even after refreshing the page.","homepage":"https://github.com/usejs/usePersistedState#readme","keywords":["usePersistedState","usepersistedstate","use-persisted-state","custom-hooks","react-custom-hooks","react-hooks"],"repository":{"type":"git","url":"git+https://github.com/usejs/usePersistedState.git"},"author":{"name":"André Malveira","email":"andremalveira.dev@gmail.com"},"bugs":{"url":"https://github.com/usejs/usePersistedState/issues"},"license":"MIT","readme":"\n <p align=\"center\"><img width=\"250\" src=\"https://usejs.github.io/.github/public/Use.transparent.png\"/></p>\n\n\n# <p align=\"center\">usePersistedState</p>\n<p align=\"center\">\n<a href=\"#details\">\n<img src=\"https://img.shields.io/badge/License-MIT-319046?\" alt=\"License-MIT\"/>&nbsp;&nbsp;\n<img src=\"https://img.shields.io/badge/npm-0.1.0-319046?\" alt=\"License-MIT\"/></a>\n\n\n</p>\n\n<br/>\n\nA custom hook that persists a state even after refreshing the page. It returns two values just like the standard `useState`, but has one more argument needed.\n\n- Returns:<br/>\n  [state](#state) : `any`<br/>\n  [setState](#setstate) : `Dispatch<SetStateAction<any>>`<br/>\n\n- Argument<br/>\n  [key](#key): `string`<br/>\n  [initialState](#initialState): `any`<br/>\n\n### Install\n```bash \nnpm i @_use/persistedstate\n```\n\n### Usage\n\n```tsx \nimport usePersistedState from '@_use/persistedstate'\n\nconst InputPersisted = () => {\n\n   const [ state, setState ] = usePersistedState('state', '')\n\n  return (<>\n    <input \n      value={state}\n      onClick={e => setState(e.target.value)}  \n    />\n     \n  </>)\n}\n\nexport default InputPersisted\n```\n\n### Type\n> if you need `usePersistedState` type, import inside `UsePersistedState` braces with first letter capitalized.\n```ts\nimport usePersistedState, { UsePersistedState } from '@_use/persistedstate'\n```\n\n```ts\ntype UsePersistedState = <T>(key:string, initialState: T) => [\n  T,\n  Dispatch<SetStateAction<T>>\n]\n```\n\n<br/>\n<br/>\n<br/>\n\n<p align=\"center\">Use.js &copy; 2022 | License MIT</p>","readmeFilename":"README.md"}