{"_id":"@bahalbach/next-view-transitions","_rev":"1-7ad301f2e04a4b975bb5c3642c15b1a3","name":"@bahalbach/next-view-transitions","description":"View Transitions API for Next.js App Router","dist-tags":{"latest":"0.3.1"},"versions":{"0.3.0":{"name":"@bahalbach/next-view-transitions","version":"0.3.0","keywords":["next","next.js","view transitions","route transitions","app router"],"author":{"url":"https://shud.in","name":"Shu Ding","email":"g@shud.in"},"license":"MIT","_id":"@bahalbach/next-view-transitions@0.3.0","maintainers":[{"name":"bahalbach","email":"bahalbach@gmail.com"}],"homepage":"https://next-view-transitions.vercel.app","bugs":{"url":"https://github.com/bahalbach/next-view-transitions/issues"},"dist":{"shasum":"fa5a98d075a48194f393117cbad5617c6fd50b20","tarball":"https://registry.npmjs.org/@bahalbach/next-view-transitions/-/next-view-transitions-0.3.0.tgz","fileCount":5,"integrity":"sha512-odiQmaLTHwdU2DehZgr05rllMOwVX0lV4HfxWFt2VRyIsyET2pFV2236pbLQ/G1eyj4zYFTvlZhgEuoZgD+4xw==","signatures":[{"sig":"MEYCIQDTsZY53epBPjtDC85Tu8Pxun1nTLes0/CH/CIRs8wt3wIhALPKBGqm6Z9GJO7+RiNEkaKGp8hmk+nILztzURewQMiW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10423},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"15cc94cc147ec88587008e6228f75978e10240b1","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"bahalbach","email":"bahalbach@gmail.com"},"repository":{"url":"git+https://github.com/bahalbach/next-view-transitions.git","type":"git"},"_npmVersion":"10.2.4","description":"View Transitions API for Next.js App Router","directories":{"example":"example"},"_nodeVersion":"20.11.0","_hasShrinkwrap":false,"packageManager":"pnpm@9.1.4","devDependencies":{"next":"^14.2.1","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":"^14.0.0","react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-view-transitions_0.3.0_1717854526839_0.7827052685302767","host":"s3://npm-registry-packages"}},"0.3.1":{"name":"@bahalbach/next-view-transitions","version":"0.3.1","type":"module","description":"View Transitions API for Next.js App Router","main":"./dist/index.js","types":"./dist/index.d.ts","exports":"./dist/index.js","scripts":{"build":"bunchee","dev":"bunchee --watch"},"keywords":["next","next.js","view transitions","route transitions","app router"],"author":{"name":"Shu Ding","email":"g@shud.in","url":"https://shud.in"},"homepage":"https://next-view-transitions.vercel.app","license":"MIT","devDependencies":{"@types/react":"^18.2.78","bunchee":"^5.1.2","next":"^14.2.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.4.5"},"peerDependencies":{"next":"^14.0.0","react":"^18.2.0","react-dom":"^18.2.0"},"packageManager":"pnpm@9.1.4","directories":{"example":"example"},"repository":{"type":"git","url":"git+https://github.com/bahalbach/next-view-transitions.git"},"bugs":{"url":"https://github.com/bahalbach/next-view-transitions/issues"},"_id":"@bahalbach/next-view-transitions@0.3.1","gitHead":"627414703d2e347fd6572e341be15d88a7d87691","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-/ynFg9lsKvHk4XXmMw6OTTCqu6SW9omD7HLbZ/qKGUwvRP2lQRfUIgKxhMBYTA/uzn9BBUwzo8QbCFuRPOh5Ig==","shasum":"4e489135e2be8061bec2c3ba0bab8d5fbde71a7b","tarball":"https://registry.npmjs.org/@bahalbach/next-view-transitions/-/next-view-transitions-0.3.1.tgz","fileCount":5,"unpackedSize":11229,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJqvBH42slwmVE4zeFFnAOTQGDFgKL8djovOTvHBboxQIhANzV785rM+kT/cvwH4icrBaffqzafYfjJxbG+GlGTMQL"}]},"_npmUser":{"name":"bahalbach","email":"bahalbach@gmail.com"},"maintainers":[{"name":"bahalbach","email":"bahalbach@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/next-view-transitions_0.3.1_1718007966032_0.6495617108482519"},"_hasShrinkwrap":false}},"time":{"created":"2024-06-08T13:48:46.731Z","modified":"2024-06-10T08:26:06.370Z","0.3.0":"2024-06-08T13:48:46.996Z","0.3.1":"2024-06-10T08:26:06.169Z"},"maintainers":[{"name":"bahalbach","email":"bahalbach@gmail.com"}],"author":{"name":"Shu Ding","email":"g@shud.in","url":"https://shud.in"},"repository":{"type":"git","url":"git+https://github.com/bahalbach/next-view-transitions.git"},"keywords":["next","next.js","view transitions","route transitions","app router"],"license":"MIT","homepage":"https://next-view-transitions.vercel.app","bugs":{"url":"https://github.com/bahalbach/next-view-transitions/issues"},"readme":"# next-view-transitions\n\nUse [View Transitions API](https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API) in Next.js App Router.\n\n[**Demo**](https://next-view-transitions.vercel.app).\n\n## Disclaimer\n\nThis library is aimed at basic use cases of View Transitions and Next.js App Router. With more complex applications and use cases like concurrent rendering, Suspense and streaming, new primitives and APIs still need to be developed into the core of React and Next.js in the future ([more](https://twitter.com/shuding_/status/1779583281920344448)).\n\n## Installation\n\nUse your favorite package manager to install the `next-view-transitions` package. For example:\n\n```bash\npnpm install next-view-transitions\n```\n\n## Usage\n\nWrap your content with the `` component inside the layout file:\n\n```jsx\nimport { ViewTransitions } from 'next-view-transitions'\n\nexport default function Layout({ children }) {\n return (\n \n \n \n {children}\n \n \n \n )\n}\n```\n\nThen, use the `` component for links that need to trigger a view transition:\n\n```jsx\nimport { Link } from 'next-view-transitions'\n\nexport default function Component() {\n return (\n
\n Go to /about\n
\n )\n}\n```\n\nThat's it!\n\n## License\n\nMIT.\n","readmeFilename":"README.md"}