{"_id":"@bensku/y-query-react","_rev":"7-3bae45697f1b5e7eeff2d5247a6ba2ae","name":"@bensku/y-query-react","dist-tags":{"latest":"0.0.8"},"versions":{"0.0.2":{"name":"@bensku/y-query-react","version":"0.0.2","_id":"@bensku/y-query-react@0.0.2","maintainers":[{"name":"bensku","email":"bmi@iki.fi"}],"dist":{"shasum":"85df879a707281c99aeb4a49d807cad9fde2b98b","tarball":"https://registry.npmjs.org/@bensku/y-query-react/-/y-query-react-0.0.2.tgz","fileCount":4,"integrity":"sha512-aOAxwE9ofFB8M0fxdd5W2fgegLwkml1PdLd9PT+aCOGCNpF4XjeMRcvBpoSgBZBFmDsNXBgsjGg0OekZJ0McKg==","signatures":[{"sig":"MEUCIC7xkaFOIenzwNV30sctFnXn//Vupi4I9TJBUhEcJqULAiEA2QxZDZwIhoY++CLEgpJerB4d4Xwaekw6ykcPTzaJfPA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4055},"type":"module","exports":{".":"./index.ts"},"gitHead":"e546429bab01caaefa97b97d8bb828d183ded356","_npmUser":{"name":"bensku","email":"bmi@iki.fi"},"_npmVersion":"10.9.2","description":"This library provides React hooks for watching y-query data. Under the hood, this is a relatively simple wrapper on top of React's [useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore)","directories":{},"_nodeVersion":"22.15.1","dependencies":{"@bensku/y-query":"workspace:*"},"_hasShrinkwrap":false,"devDependencies":{"@types/bun":"^1.3.3"},"peerDependencies":{"react":"^19","typescript":"^5"},"_npmOperationalInternal":{"tmp":"tmp/y-query-react_0.0.2_1765226142759_0.7639016871418183","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@bensku/y-query-react","version":"0.0.3","_id":"@bensku/y-query-react@0.0.3","maintainers":[{"name":"bensku","email":"bmi@iki.fi"}],"dist":{"shasum":"ac1d19da1103d22132f63ae9b7f24a0a04566bbc","tarball":"https://registry.npmjs.org/@bensku/y-query-react/-/y-query-react-0.0.3.tgz","fileCount":4,"integrity":"sha512-vr5ka87M2Js7WjT00QNJE9Ul/vkXMPj/oKjQFWXzmJgCYVsOlwo96yn36mEhcojp8Rdk6VW9masmU7SgMN5g8Q==","signatures":[{"sig":"MEQCIFTiHUAaHrtIuHSm1jd6gt3L1thcQnsyuF8PxE+nssY8AiAk3B5SIRtMwrJlnkuyEdTauhnwZrPfQwErzrr2QCgMwQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4375},"type":"module","exports":{".":"./index.ts"},"gitHead":"85865454dad9509b1882f49453e214b62962f700","_npmUser":{"name":"bensku","email":"bmi@iki.fi"},"_npmVersion":"10.9.2","description":"This library provides React hooks for watching y-query data. Under the hood, this is a relatively simple wrapper on top of React's [useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore)","directories":{},"_nodeVersion":"22.15.1","dependencies":{"@bensku/y-query":"workspace:*"},"_hasShrinkwrap":false,"devDependencies":{"@types/bun":"^1.3.3"},"peerDependencies":{"react":"^19","typescript":"^5"},"_npmOperationalInternal":{"tmp":"tmp/y-query-react_0.0.3_1765226306443_0.13777307178709064","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@bensku/y-query-react","version":"0.0.4","_id":"@bensku/y-query-react@0.0.4","maintainers":[{"name":"bensku","email":"bmi@iki.fi"}],"dist":{"shasum":"94b84260867cc865522aea186a24986652f77b79","tarball":"https://registry.npmjs.org/@bensku/y-query-react/-/y-query-react-0.0.4.tgz","fileCount":4,"integrity":"sha512-WkoiXqsSNpgF34SEZ4m1WQAsklKkk5UtOi+EoN3ygicJzEanS7+KbfF9zweplLxOUQ+fdDsoTa99ajIq4QlfeQ==","signatures":[{"sig":"MEUCIGwLc2n2z8VWn6Hlav+7dwYfLvlGqjR7UpsVgUk93iP9AiEAhMVGaWQY/BcIscjyAiIccLa31JDpuV30OY8dThJBaAI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4370},"type":"module","exports":{".":"./index.ts"},"gitHead":"8ac290f44f78d8674aaa8d8b73a43fe0e3af2bea","_npmUser":{"name":"bensku","email":"bmi@iki.fi"},"_npmVersion":"10.9.2","description":"This library provides React hooks for watching y-query data. Under the hood, this is a relatively simple wrapper on top of React's [useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore)","directories":{},"_nodeVersion":"22.15.1","dependencies":{"@bensku/y-query":"^0.0.4"},"_hasShrinkwrap":false,"devDependencies":{"@types/bun":"^1.3.3"},"peerDependencies":{"react":"^19","typescript":"^5"},"_npmOperationalInternal":{"tmp":"tmp/y-query-react_0.0.4_1765317624927_0.7437809241948252","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@bensku/y-query-react","version":"0.0.5","_id":"@bensku/y-query-react@0.0.5","maintainers":[{"name":"bensku","email":"bmi@iki.fi"}],"dist":{"shasum":"102193afe3f39608c06537f8d60732f4b24df636","tarball":"https://registry.npmjs.org/@bensku/y-query-react/-/y-query-react-0.0.5.tgz","fileCount":4,"integrity":"sha512-1WV0xwoj5sdgmAZsbG8Bpma3+nVJilftBcDsioYwE0tfPmb7ZvaZ/0cXiEv4abMDEVMxuN8AlB6/dFMKwR2oPg==","signatures":[{"sig":"MEYCIQC5swdVBEMnHew81HkZtVc/Nnh1SdKGrsqvQErRdAXfDQIhAKb+Hu2gwywBGNHa6xHhv0H7bg0jFQ4d/SJYSU9GcaO0","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4370},"type":"module","exports":{".":"./index.ts"},"gitHead":"8ac290f44f78d8674aaa8d8b73a43fe0e3af2bea","_npmUser":{"name":"bensku","email":"bmi@iki.fi"},"_npmVersion":"10.9.2","description":"This library provides React hooks for watching y-query data. Under the hood, this is a relatively simple wrapper on top of React's [useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore)","directories":{},"_nodeVersion":"22.15.1","dependencies":{"@bensku/y-query":"^0.0.5"},"_hasShrinkwrap":false,"devDependencies":{"@types/bun":"^1.3.3"},"peerDependencies":{"react":"^19","typescript":"^5"},"_npmOperationalInternal":{"tmp":"tmp/y-query-react_0.0.5_1765576614263_0.5727088934330222","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@bensku/y-query-react","version":"0.0.6","_id":"@bensku/y-query-react@0.0.6","maintainers":[{"name":"bensku","email":"bmi@iki.fi"}],"dist":{"shasum":"1fe347056f1d1f79005af4cb0e63ca7745824084","tarball":"https://registry.npmjs.org/@bensku/y-query-react/-/y-query-react-0.0.6.tgz","fileCount":4,"integrity":"sha512-VcePbAoqWjsOvfoN1DiDPXPPSCBaol2s7TwUyNtq0zpqgkvb0aW0DjKW+2V76RiefUYbQLrVs4eORHJdBG4DNg==","signatures":[{"sig":"MEYCIQDdHdVAzl5uEvhE7PzgGj++On3BXKtBPeT3q5ZcaI8JggIhAPWT+oOdKQ8eftAS5M2G0qmQvdT35v6ET37X/CIuspp/","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4755},"type":"module","exports":{".":"./index.ts"},"gitHead":"0b4700090baaba6303a0b55fab19d14d3f601db0","_npmUser":{"name":"bensku","email":"bmi@iki.fi"},"_npmVersion":"10.9.2","description":"This library provides React hooks for watching y-query data. Under the hood, this is a relatively simple wrapper on top of React's [useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore)","directories":{},"_nodeVersion":"22.15.1","dependencies":{"@bensku/y-query":"^0.0.5"},"_hasShrinkwrap":false,"devDependencies":{"@types/bun":"^1.3.3"},"peerDependencies":{"react":"^19","typescript":"^5"},"_npmOperationalInternal":{"tmp":"tmp/y-query-react_0.0.6_1766005200928_0.08921256996882998","host":"s3://npm-registry-packages-npm-production"}},"0.0.7":{"name":"@bensku/y-query-react","version":"0.0.7","_id":"@bensku/y-query-react@0.0.7","maintainers":[{"name":"bensku","email":"bmi@iki.fi"}],"dist":{"shasum":"90f2ddddaa13b789da40441001e51abf8254ab05","tarball":"https://registry.npmjs.org/@bensku/y-query-react/-/y-query-react-0.0.7.tgz","fileCount":4,"integrity":"sha512-7zKpzc/VfUC+L4sVVIRlx+N1YUUNfxY9wdfELxNt7rH9XQBWdMoEdIRIHfpPRZB6CpFlQ5USqrx6+/PGqufH5Q==","signatures":[{"sig":"MEUCIQDSTBlxFKXPwwlwLq8e418beso/W4VjPuKsQISJa3vZswIgVx96+FCDzpMxuLf1X9of9QFD4/n4H8qN/XJG8gncX1E=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4755},"type":"module","exports":{".":"./index.ts"},"gitHead":"0b4700090baaba6303a0b55fab19d14d3f601db0","_npmUser":{"name":"bensku","email":"bmi@iki.fi"},"_npmVersion":"10.9.2","description":"This library provides React hooks for watching y-query data. Under the hood, this is a relatively simple wrapper on top of React's [useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore)","directories":{},"_nodeVersion":"22.15.1","dependencies":{"@bensku/y-query":"^0.0.5"},"_hasShrinkwrap":false,"devDependencies":{"@types/bun":"^1.3.3"},"peerDependencies":{"react":"^19","typescript":"^5"},"_npmOperationalInternal":{"tmp":"tmp/y-query-react_0.0.7_1766005658573_0.7526400890290443","host":"s3://npm-registry-packages-npm-production"}},"0.0.8":{"name":"@bensku/y-query-react","version":"0.0.8","type":"module","devDependencies":{"@types/bun":"^1.3.3"},"exports":{".":"./index.ts"},"peerDependencies":{"typescript":"^5","react":"^19"},"dependencies":{"@bensku/y-query":"^0.0.8"},"_id":"@bensku/y-query-react@0.0.8","gitHead":"0b4700090baaba6303a0b55fab19d14d3f601db0","description":"This library provides React hooks for watching y-query data. Under the hood, this is a relatively simple wrapper on top of React's [useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore)","_nodeVersion":"22.15.1","_npmVersion":"10.9.2","dist":{"integrity":"sha512-bO0l0eL948l3ApIs2pWNDb7heafAerwQnolqoV0SAmQjC9odVCou23ThKe0ncJG0jvv02jbar/kubjcm5dSp/Q==","shasum":"156293eadb49562c799ce9e640b548deeea21b87","tarball":"https://registry.npmjs.org/@bensku/y-query-react/-/y-query-react-0.0.8.tgz","fileCount":4,"unpackedSize":4755,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHWXCicX38duo9u2fcNSZmTekBJfSezs27c3/erP+UkAAiEA/8WCrnhARDkVkBYacuhv0ni7aVhXbzQFE+epKp/B5qM="}]},"_npmUser":{"name":"bensku","email":"bmi@iki.fi"},"directories":{},"maintainers":[{"name":"bensku","email":"bmi@iki.fi"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/y-query-react_0.0.8_1766005705845_0.802624715146327"},"_hasShrinkwrap":false}},"time":{"created":"2025-12-08T20:35:42.626Z","modified":"2025-12-17T21:08:26.192Z","0.0.2":"2025-12-08T20:35:42.891Z","0.0.3":"2025-12-08T20:38:26.581Z","0.0.4":"2025-12-09T22:00:25.062Z","0.0.5":"2025-12-12T21:56:54.480Z","0.0.6":"2025-12-17T21:00:01.088Z","0.0.7":"2025-12-17T21:07:38.750Z","0.0.8":"2025-12-17T21:08:26.004Z"},"description":"This library provides React hooks for watching y-query data. Under the hood, this is a relatively simple wrapper on top of React's [useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore)","maintainers":[{"name":"bensku","email":"bmi@iki.fi"}],"readme":"# React hooks for y-query\nThis library provides React hooks for watching y-query data.\nUnder the hood, this is a relatively simple wrapper on top of React's\n[useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore)\n\n## Installation\n```sh\nnpm install @bensku/y-query-react\n```\n\n## Usage\nWatch changes to queried data:\n```tsx\nconst rows = useQuery(doc, YourTable, () => any(), [], 'content');\n\nreturn <ul>\n        {rows.map(row => <ul key={row.key}>{row.description}</ul>)}\n    </ul>;\n```\n\nOr watch a single row:\n```ts\nconst row = useRow(doc, YourTable, YourRow, 'content');\n```\n\nA fully working example application is available at\n[/examples/react-notepad](/examples/react-notepad).\n","readmeFilename":"README.md"}