{"_id":"@-ft/watch-target-react","_rev":"2-d1169bc48e570125c3c3d36ea2613ce5","name":"@-ft/watch-target-react","dist-tags":{"latest":"0.0.9"},"versions":{"0.0.7":{"description":"React wrapper for util watchTarget","name":"@-ft/watch-target-react","version":"0.0.7","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-watch-target-react.git"},"dependencies":{"@-ft/use-persist":"^0.1.0","@-ft/watch-target":"^0.1.1"},"peerDependencies":{"react":"^18.2.0"},"types":"./index.d.ts","bugs":{"url":"https://github.com/42ts/-ft-watch-target-react/issues"},"homepage":"https://github.com/42ts/-ft-watch-target-react#readme","_id":"@-ft/watch-target-react@0.0.7","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-vnfeDY1uSgNIfrvuqAn3bZjKMYXWvVmI08AWMbXVT3v8NdfTfL8RGD4WhiTkEAyxHPQkOvN86j3zE2FCzAr7/A==","shasum":"a8859004d763f60a746da9abd1dc38efaf4ff8b0","tarball":"https://registry.npmjs.org/@-ft/watch-target-react/-/watch-target-react-0.0.7.tgz","fileCount":4,"unpackedSize":1668,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAChT8phVv96pURtD5ZrzHdXFCs/XwbkF2ncGgt0I0qSAiAFtqeQtak1O/XykNL+qO3pd4cSOxOaKhx8GMFJh21n4A=="}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/watch-target-react_0.0.7_1695739886579_0.32432332455825064"},"_hasShrinkwrap":false},"0.0.8":{"description":"React wrapper for util watchTarget","name":"@-ft/watch-target-react","version":"0.0.8","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-watch-target-react.git"},"dependencies":{"@-ft/use-persist":"^0.1.0","@-ft/watch-target":"^0.1.1"},"peerDependencies":{"react":"^18.2.0"},"_id":"@-ft/watch-target-react@0.0.8","gitHead":"ac736cd5c2de46cd44984a5a233e57ba73566b72","types":"./index.d.ts","bugs":{"url":"https://github.com/42ts/-ft-watch-target-react/issues"},"homepage":"https://github.com/42ts/-ft-watch-target-react#readme","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-K6QrXfU8gZxTdq/vF4CT3MxQTxRkj04lJEQHscMXfffJoWDUqXor7tqSCcNC+0RmpGG7+zQ8RBPK1VLF7U+HHQ==","shasum":"ad78a79ddc1aa2cddb3f9607db464b9a35487178","tarball":"https://registry.npmjs.org/@-ft/watch-target-react/-/watch-target-react-0.0.8.tgz","fileCount":4,"unpackedSize":1966,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCc6Uu8DjexV5H3lkvdjgrnHzkOcLTblw6nGCNpirv3CgIgJLEBRmRv5ZR2AKP0dEdY/GaFbTTkAYzbcgyYXdWQaKY="}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/watch-target-react_0.0.8_1705993870033_0.8414748839255253"},"_hasShrinkwrap":false},"0.0.9":{"description":"React wrapper for util watchTarget","name":"@-ft/watch-target-react","version":"0.0.9","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-watch-target-react.git"},"dependencies":{"@-ft/use-persist":"^0.1.0","@-ft/watch-target":"^0.1.1"},"peerDependencies":{"react":"^18.2.0"},"_id":"@-ft/watch-target-react@0.0.9","gitHead":"4c0a64ee171487455143c5eff4d79fa73a2fc517","types":"./index.d.ts","bugs":{"url":"https://github.com/42ts/-ft-watch-target-react/issues"},"homepage":"https://github.com/42ts/-ft-watch-target-react#readme","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-cuAnbsgdBXOvTmbhKxcg+wkEWIzTyNINxWI3clef07WixEqIvRqglNhMf7ZgtxsGvbZT6+z1dvzF2dpdTci3/A==","shasum":"a46e65ec640316ca299982341fd8b71e8b6d9edd","tarball":"https://registry.npmjs.org/@-ft/watch-target-react/-/watch-target-react-0.0.9.tgz","fileCount":4,"unpackedSize":1972,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6+HigTkxRvx3QESbvDErqx4/17X7o0kCZyosghO7/SAIgRgNGRMis1uitp7klYIiLj5GMmGwmovrDf9FUpOODTXU="}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/watch-target-react_0.0.9_1706266339817_0.3520292606855602"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-26T14:51:26.487Z","0.0.7":"2023-09-26T14:51:26.779Z","modified":"2024-01-26T10:52:20.109Z","0.0.8":"2024-01-23T07:11:10.170Z","0.0.9":"2024-01-26T10:52:19.955Z"},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"description":"React wrapper for util watchTarget","homepage":"https://github.com/42ts/-ft-watch-target-react#readme","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-watch-target-react.git"},"author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"bugs":{"url":"https://github.com/42ts/-ft-watch-target-react/issues"},"license":"MIT","readme":"# `watch-target-react` - Util watchTarget wrapper for React\n\nReact wrapper of util watchTarget\n\n## Usage\n\n```jsx\nfunction Portal({ children }) {\n  const { addComponent } = useContext(PortalContext);\n  const childrenWatchTarget = useLayoutWatchTarget(children);\n  useEffect(\n    () => addComponent(toComponent(childrenWatchTarget.watch)),\n    [addComponent]\n  );\n  return null;\n}\n\nfunction toComponent(childrenWatchTarget) {\n  return function Component() {\n    return <>{useWatchValue(childrenWatchTarget)}</>;\n  };\n}\n```\n","readmeFilename":"README.md"}