{"_id":"@artikool5/use-document-visibility","_rev":"5-ec4801794c4078add0956240089b83c2","name":"@artikool5/use-document-visibility","dist-tags":{"latest":"1.1.4"},"versions":{"1.0.0":{"name":"@artikool5/use-document-visibility","version":"1.0.0","author":{"name":"Артем Дядюша"},"license":"ISC","_id":"@artikool5/use-document-visibility@1.0.0","maintainers":[{"name":"artikool5","email":"artikool5@yandex.ru"}],"dist":{"shasum":"a8d82f7220dc86c7349061f6b79cbabff1449c33","tarball":"https://registry.npmjs.org/@artikool5/use-document-visibility/-/use-document-visibility-1.0.0.tgz","fileCount":4,"integrity":"sha512-vv4lkYNYSdaIIOkVOxRsegM0Y0cq2LCfJErUJQ3X5gX/zMb1Z30Ol4sjoju2IOInqgC8A4JWeL+0J6cUGqXAAQ==","signatures":[{"sig":"MEUCIQClfUyifyHvAL5ZfcTGh8sy+uXDZBQ4la/f99aPmmfUrAIgTVvAt4+DxrdqoggPg6RUm/tFnAH/uDzli6gfaAItyy8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1545},"main":"dist/useDocumentVisibility.cjs.js","type":"module","module":"dist/useDocumentVisibility.esm.js","browser":"dist/useDocumentVisibility.umd.js","gitHead":"8c0b4ce98942c31c42eaf07d2896a97781bd3edf","scripts":{"build":"rollup -c","clean":"rimraf dist","prebuild":"npm run clean","preversion":"npm run build"},"_npmUser":{"name":"artikool5","email":"artikool5@yandex.ru"},"_npmVersion":"10.5.2","directories":{},"_nodeVersion":"20.13.1","dependencies":{"react":"^18.3.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.3","rimraf":"^6.0.0","rollup":"^4.18.1","typescript":"^5.5.3","@types/react":"^18.3.3","@rollup/plugin-typescript":"^11.1.6"},"_npmOperationalInternal":{"tmp":"tmp/use-document-visibility_1.0.0_1720618184768_0.04239757643013253","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@artikool5/use-document-visibility","version":"1.1.0","author":{"name":"Артем Дядюша"},"license":"ISC","_id":"@artikool5/use-document-visibility@1.1.0","maintainers":[{"name":"artikool5","email":"artikool5@yandex.ru"}],"dist":{"shasum":"a2d7aa0aef31d4c9832f2de826ff6507c727c600","tarball":"https://registry.npmjs.org/@artikool5/use-document-visibility/-/use-document-visibility-1.1.0.tgz","fileCount":5,"integrity":"sha512-0NCSMk/Mot7A0XRwHpShJ5KB3eHw1l1W0csR3SRRMAji1KD5GmmWm2MoK7mxV/E69CUD8HpYEsPqdnIYQN/Bfg==","signatures":[{"sig":"MEUCIQD9r4IGkVQdSqgtXk2jbEZbb9mxDhPaayPenkDoljRZQgIgVlK2mIJn6tvxd+itYmeBGk9NP2tsdTClt+Ujn+Dovo0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5183},"main":"dist/useDocumentVisibility.cjs.js","type":"module","module":"dist/useDocumentVisibility.esm.js","browser":"dist/useDocumentVisibility.umd.js","gitHead":"5116159533039ab36ce62fb9b197cb453b1a98e7","scripts":{"build":"rollup -c","clean":"rimraf dist","prebuild":"npm run clean","preversion":"npm run build"},"_npmUser":{"name":"artikool5","email":"artikool5@yandex.ru"},"_npmVersion":"10.5.2","directories":{},"_nodeVersion":"20.13.1","dependencies":{"react":"^18.3.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.3","rimraf":"^6.0.0","rollup":"^4.18.1","typescript":"^5.5.3","@types/react":"^18.3.3","@rollup/plugin-typescript":"^11.1.6"},"_npmOperationalInternal":{"tmp":"tmp/use-document-visibility_1.1.0_1720623407291_0.6452496838136117","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@artikool5/use-document-visibility","version":"1.1.1","author":{"name":"Артем Дядюша"},"license":"ISC","_id":"@artikool5/use-document-visibility@1.1.1","maintainers":[{"name":"artikool5","email":"artikool5@yandex.ru"}],"dist":{"shasum":"5fde9fd7ed18d93027efb04715978c792a1a6cd8","tarball":"https://registry.npmjs.org/@artikool5/use-document-visibility/-/use-document-visibility-1.1.1.tgz","fileCount":5,"integrity":"sha512-Fn+tuNu7P46kUsirs0CS9SNbdVMOudwIE/NPaaoNI5iXQI0Up8ThqMG/HP1VVQJ9CLEXk6EYt5/MjVHdqFJ5eg==","signatures":[{"sig":"MEUCIQDXx0yyu0EAQl5FcJI7cYgc8xxA+k6XAIxWZHnYvrJIWQIgM4vQcyBehC4w2YwEkJa9GL3gT2IUop4Dc+OQourDM+k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5218},"main":"dist/useDocumentVisibility.cjs.js","type":"module","types":"dist/types/main.d.ts","module":"dist/useDocumentVisibility.esm.js","browser":"dist/useDocumentVisibility.umd.js","gitHead":"5116159533039ab36ce62fb9b197cb453b1a98e7","scripts":{"build":"rollup -c","clean":"rimraf dist","prebuild":"npm run clean","preversion":"npm run build"},"_npmUser":{"name":"artikool5","email":"artikool5@yandex.ru"},"_npmVersion":"10.5.2","directories":{},"_nodeVersion":"20.13.1","dependencies":{"react":"^18.3.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.3","rimraf":"^6.0.0","rollup":"^4.18.1","typescript":"^5.5.3","@types/react":"^18.3.3","@rollup/plugin-typescript":"^11.1.6"},"_npmOperationalInternal":{"tmp":"tmp/use-document-visibility_1.1.1_1720629878883_0.08302542770668508","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@artikool5/use-document-visibility","version":"1.1.2","author":{"name":"Артем Дядюша"},"license":"ISC","_id":"@artikool5/use-document-visibility@1.1.2","maintainers":[{"name":"artikool5","email":"artikool5@yandex.ru"}],"dist":{"shasum":"0b9cfdb0c07aa8993544695585617824a0e628c6","tarball":"https://registry.npmjs.org/@artikool5/use-document-visibility/-/use-document-visibility-1.1.2.tgz","fileCount":6,"integrity":"sha512-DOq7/Hq70T1uKGt3i3OeKZL67sgiWlJXloEF9dlPgYBfI03CoL5jiyKRgEOHPVyMIGHei8gZzwwyOpMMWWt+Rg==","signatures":[{"sig":"MEYCIQCuFGE83nBXW8cSgcBP0Fl1OfG3kJTOjxKSiFD/SSriFgIhAJ6IpBS1dfSwwdHevG/GvWMbQgxPpRMmXi3Kk8rbnGhA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5284},"main":"dist/useDocumentVisibility.cjs.js","type":"module","types":"dist/types/main.d.ts","module":"dist/useDocumentVisibility.esm.js","browser":"dist/useDocumentVisibility.umd.js","gitHead":"57327b1135fb949df8a662535cd53ba347e75a63","scripts":{"build":"rollup -c","clean":"rimraf dist","prebuild":"npm run clean","preversion":"npm run build"},"_npmUser":{"name":"artikool5","email":"artikool5@yandex.ru"},"_npmVersion":"10.5.2","directories":{},"_nodeVersion":"20.13.1","dependencies":{"react":"^18.3.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.3","rimraf":"^6.0.0","rollup":"^4.18.1","typescript":"^5.5.3","@types/react":"^18.3.3","@rollup/plugin-typescript":"^11.1.6"},"_npmOperationalInternal":{"tmp":"tmp/use-document-visibility_1.1.2_1720688775606_0.6491913106257552","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"@artikool5/use-document-visibility","version":"1.1.3","author":{"name":"Артем Дядюша"},"license":"ISC","_id":"@artikool5/use-document-visibility@1.1.3","maintainers":[{"name":"artikool5","email":"artikool5@yandex.ru"}],"dist":{"shasum":"b8deb5d18d9c04d81f47e583ca98e8c6b1cce054","tarball":"https://registry.npmjs.org/@artikool5/use-document-visibility/-/use-document-visibility-1.1.3.tgz","fileCount":6,"integrity":"sha512-u22yzmcMiM3jJDvGPpO1MSGCcOiFRh1dQ0x0YZ5g9LturjedPvEG3B/BkmSTM8zES3fSPeBZyX/IUS6CFTpidQ==","signatures":[{"sig":"MEUCIFHIc8ebV2XcxvOcYPuqg/i0+5TRZoY7I4AqADZWvsqWAiEAkaSgbgFdELErRRR4XhxUh8gjT2ZmcxCCRcYAc1hZkX8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6983},"main":"dist/useDocumentVisibility.cjs.js","type":"module","types":"dist/types/main.d.ts","module":"dist/useDocumentVisibility.esm.js","browser":"dist/useDocumentVisibility.umd.js","gitHead":"a10dc66761a2e7f596a3822e0ec75905243bb0d4","scripts":{"build":"rollup -c","clean":"rimraf dist","prebuild":"npm run clean","preversion":"npm run build"},"_npmUser":{"name":"artikool5","email":"artikool5@yandex.ru"},"_npmVersion":"10.5.2","description":"React hook for easy access to Page Visibility API. For learning purposes only!","directories":{},"_nodeVersion":"20.13.1","dependencies":{"react":">=16.8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.3","rimraf":"^6.0.0","rollup":"^4.18.1","typescript":"^5.5.3","@types/react":"^18.3.3","@rollup/plugin-typescript":"^11.1.6"},"_npmOperationalInternal":{"tmp":"tmp/use-document-visibility_1.1.3_1720697143090_0.23739520928260616","host":"s3://npm-registry-packages"}},"1.1.4":{"name":"@artikool5/use-document-visibility","version":"1.1.4","type":"module","main":"dist/useDocumentVisibility.cjs.js","module":"dist/useDocumentVisibility.esm.js","browser":"dist/useDocumentVisibility.umd.js","types":"dist/types/main.d.ts","scripts":{"clean":"rimraf dist","prebuild":"npm run clean","preversion":"npm run build","build":"rollup -c"},"author":{"name":"Артем Дядюша"},"license":"ISC","description":"React hook for easy access to Page Visibility API. For learning purposes only!","devDependencies":{"@rollup/plugin-typescript":"^11.1.6","@types/react":"^18.3.3","rimraf":"^6.0.0","rollup":"^4.18.1","tslib":"^2.6.3","typescript":"^5.5.3"},"dependencies":{"react":">=16.8.0"},"publishConfig":{"access":"public"},"_id":"@artikool5/use-document-visibility@1.1.4","gitHead":"1491bbf1aaf3cb84e59e5453be2435be9c1092dd","_nodeVersion":"20.13.1","_npmVersion":"10.5.2","dist":{"integrity":"sha512-SNbSLrK6BlssSXkQQ0Ra8kvXHFFmN8tTOjn9c/AUJBnwFcwVQQ01TmOMG7LqjSeHHwIIohe//yaX/ljjWZNlGg==","shasum":"473bd28a82c1f29da9f375606696859bd8638662","tarball":"https://registry.npmjs.org/@artikool5/use-document-visibility/-/use-document-visibility-1.1.4.tgz","fileCount":6,"unpackedSize":6995,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpi6rlOtlqSCSzkqulIyGlpTlDwL26xyqb6ry4vSUNqgIgfiWdOb3pABDF16orBZqM/HsRkmMMSu0SyVD/adf3iHU="}]},"_npmUser":{"name":"artikool5","email":"artikool5@yandex.ru"},"directories":{},"maintainers":[{"name":"artikool5","email":"artikool5@yandex.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-document-visibility_1.1.4_1720699376149_0.19174785654956272"},"_hasShrinkwrap":false}},"time":{"created":"2024-07-10T13:29:44.655Z","modified":"2024-07-11T12:02:56.486Z","1.0.0":"2024-07-10T13:29:44.947Z","1.1.0":"2024-07-10T14:56:47.459Z","1.1.1":"2024-07-10T16:44:39.090Z","1.1.2":"2024-07-11T09:06:15.733Z","1.1.3":"2024-07-11T11:25:43.216Z","1.1.4":"2024-07-11T12:02:56.335Z"},"author":{"name":"Артем Дядюша"},"license":"ISC","description":"React hook for easy access to Page Visibility API. For learning purposes only!","maintainers":[{"name":"artikool5","email":"artikool5@yandex.ru"}],"readme":"# useDocumentVisibility hook\n\nReact hook for easy access to Page Visibility API.\n\n> [!CAUTION]\n> For learning purposes only!\n\n `useDocumentVisibility()` returns three values:\n- `isVisible: boolean` - whether tab is visible in browser or not.\n- `count: number` - how many times tab has been hidden.\n- `onVisibilityChange: (listener: VisibilityListener) => () => void` - function to subscribe to the tab visibility changes.\n\n## Usage examples\n\n```tsx\nfunction App() {\n const { isVisible, count, onVisibilityChange } = useDocumentVisibility();\n\n useEffect(() => {\n onVisibilityChange((isVisible) => {\n console.log(\"first handler\", isVisible);\n });\n\n const unsubscribeSecondHandler = onVisibilityChange((isVisible) => {\n console.log(\"second handler\", isVisible);\n });\n\n setTimeout(() => unsubscribeSecondHandler(), 5000);\n }, [onVisibilityChange]);\n\n return (\n <>\n

This tab is {isVisible ? \"visible\" : \"not visible\"}

\n

This tab was hidden {count} times

\n \n );\n}\n```\n","readmeFilename":"README.md"}