{"_id":"@autorender/nextjs","_rev":"7-7c08ea311f7c0e168817fa8661017c4b","name":"@autorender/nextjs","dist-tags":{"latest":"0.5.1"},"versions":{"0.3.1":{"name":"@autorender/nextjs","version":"0.3.1","keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","nextjs","next.js"],"author":{"name":"Autorender"},"license":"MIT","_id":"@autorender/nextjs@0.3.1","maintainers":[{"name":"autorender","email":"autorenderhq@gmail.com"}],"homepage":"https://github.com/autorenderhq/autorender-js#readme","bugs":{"url":"https://github.com/autorenderhq/autorender-js/issues"},"dist":{"shasum":"ffb4195d60a4e79a350fa0162a511465cd1869b8","tarball":"https://registry.npmjs.org/@autorender/nextjs/-/nextjs-0.3.1.tgz","fileCount":22,"integrity":"sha512-2jtZfxgtHNWI8SVb6fNq8HbKnh8+zeuv1CSYF6Fo47MU1ZriQeNTxyizsewIywmbXuZ6jpkg5vdNiT2JakewLw==","signatures":[{"sig":"MEQCIGfMn0bnSicKPk41Pig8i339onQ1yP76WClRfjN4djYTAiByTbMEmylaS0RsNz0SGznQmIAVKOfI5f53KA7LreTBnQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":122198},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=16.0.0"},"exports":{".":{"import":{"types":"./dist/index.d.ts","browser":"./dist/index.js","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}},"./styles":"./dist/styles.css","./viewtag":{"import":{"types":"./dist/viewtag.d.ts","browser":"./dist/viewtag.js","default":"./dist/viewtag.js"},"require":{"types":"./dist/viewtag.d.cts","default":"./dist/viewtag.cjs"}},"./next-config":{"import":{"types":"./dist/next-config.d.ts","browser":"./dist/next-config.js","default":"./dist/next-config.js"},"require":{"types":"./dist/next-config.d.cts","default":"./dist/next-config.cjs"}},"./package.json":"./package.json","./dist/styles.css":"./dist/styles.css"},"gitHead":"85346fad880dab39c1ac001df9ce7cfd606c284f","scripts":{"build":"tsup","watch":"tsup --watch","typecheck":"tsc --noEmit"},"_npmUser":{"name":"autorender","email":"autorenderhq@gmail.com"},"repository":{"url":"git+https://github.com/autorenderhq/autorender-js.git","type":"git","directory":"packages/nextjs"},"_npmVersion":"10.8.2","description":"Autorender SDK for Next.js — upload widget and ARImage / ViewTag (responsive images, remote https fetch).","directories":{},"sideEffects":["*.css","dist/*.css"],"_nodeVersion":"20.20.2","dependencies":{"@autorender/js":"^0.3.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.1","video.js":"^8.23.4","typescript":"^5.3.3","@types/node":"^20.11.24","@types/react":"^18.3.0","@autorender/js":"file:../js","@types/react-dom":"^18.3.0"},"peerDependencies":{"next":"^14.0.0 || ^15.0.0 || ^16.0.0","react":"^18.0.0 || ^19.0.0","video.js":"^8.0.0","react-dom":"^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"video.js":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/nextjs_0.3.1_1782136145120_0.22449835036963628","host":"s3://npm-registry-packages-npm-production"}},"0.3.2":{"name":"@autorender/nextjs","version":"0.3.2","keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","nextjs","next.js"],"author":{"name":"Autorender"},"license":"MIT","_id":"@autorender/nextjs@0.3.2","maintainers":[{"name":"autorender","email":"autorenderhq@gmail.com"}],"homepage":"https://github.com/autorenderhq/autorender-js#readme","bugs":{"url":"https://github.com/autorenderhq/autorender-js/issues"},"dist":{"shasum":"26d9f0fc8f49fe59a6d578c73ca87ae9695bd56d","tarball":"https://registry.npmjs.org/@autorender/nextjs/-/nextjs-0.3.2.tgz","fileCount":22,"integrity":"sha512-njBayhGbLKFTklCTGpq5MlLlvVX8pbRV6GwmaL6KNTQtYU9R8ZPpD8ff+yaYyuTynPesb2IWgHK2xSo4fjoSnA==","signatures":[{"sig":"MEUCICPQzYRPluW4ssugcBd3ErcG7jpD0pUHim80u81cmrf7AiEA+rxBBibvXddySHPslDPqyiBF2XySu/0Y5BuwK1bKw2U=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":122198},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=16.0.0"},"exports":{".":{"import":{"types":"./dist/index.d.ts","browser":"./dist/index.js","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}},"./styles":"./dist/styles.css","./viewtag":{"import":{"types":"./dist/viewtag.d.ts","browser":"./dist/viewtag.js","default":"./dist/viewtag.js"},"require":{"types":"./dist/viewtag.d.cts","default":"./dist/viewtag.cjs"}},"./next-config":{"import":{"types":"./dist/next-config.d.ts","browser":"./dist/next-config.js","default":"./dist/next-config.js"},"require":{"types":"./dist/next-config.d.cts","default":"./dist/next-config.cjs"}},"./package.json":"./package.json","./dist/styles.css":"./dist/styles.css"},"gitHead":"f17a418f6ae3e0897f500cbff57020ecfaa9fef3","scripts":{"build":"tsup","watch":"tsup --watch","typecheck":"tsc --noEmit"},"_npmUser":{"name":"autorender","email":"autorenderhq@gmail.com"},"repository":{"url":"git+https://github.com/autorenderhq/autorender-js.git","type":"git","directory":"packages/nextjs"},"_npmVersion":"10.8.2","description":"Autorender SDK for Next.js — upload widget and ARImage / ViewTag (responsive images, remote https fetch).","directories":{},"sideEffects":["*.css","dist/*.css"],"_nodeVersion":"20.20.2","dependencies":{"@autorender/js":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.1","video.js":"^8.23.4","typescript":"^5.3.3","@types/node":"^20.11.24","@types/react":"^18.3.0","@autorender/js":"file:../js","@types/react-dom":"^18.3.0"},"peerDependencies":{"next":"^14.0.0 || ^15.0.0 || ^16.0.0","react":"^18.0.0 || ^19.0.0","video.js":"^8.0.0","react-dom":"^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"video.js":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/nextjs_0.3.2_1782150907219_0.8345503083325871","host":"s3://npm-registry-packages-npm-production"}},"0.3.3":{"name":"@autorender/nextjs","version":"0.3.3","keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","nextjs","next.js"],"author":{"name":"Autorender"},"license":"MIT","_id":"@autorender/nextjs@0.3.3","maintainers":[{"name":"autorender","email":"autorenderhq@gmail.com"}],"homepage":"https://github.com/autorenderhq/autorender-nextjs#readme","bugs":{"url":"https://github.com/autorenderhq/autorender-nextjs/issues"},"dist":{"shasum":"e092add0becf6dbea3347ea1c588392596d85e84","tarball":"https://registry.npmjs.org/@autorender/nextjs/-/nextjs-0.3.3.tgz","fileCount":22,"integrity":"sha512-C8M0uGnGNAEDxOsSb21dssDOy5FcmJCZqaUJgwKmxO5h8xMIpoESptKfKn5Y/ihqwQZIM35ESWACGvwhaYyy+Q==","signatures":[{"sig":"MEUCIQCUVlobm+Yj+qGuChx0y3x/0ExOWTJL/tPLmSq6GlBsawIgGaeTnwgsxGF3gW9v4/fhZc5CoKmsSiePFur6B+3W/sQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":117873},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=16.0.0"},"exports":{".":{"import":{"types":"./dist/index.d.ts","browser":"./dist/index.js","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}},"./styles":"./dist/styles.css","./viewtag":{"import":{"types":"./dist/viewtag.d.ts","browser":"./dist/viewtag.js","default":"./dist/viewtag.js"},"require":{"types":"./dist/viewtag.d.cts","default":"./dist/viewtag.cjs"}},"./next-config":{"import":{"types":"./dist/next-config.d.ts","browser":"./dist/next-config.js","default":"./dist/next-config.js"},"require":{"types":"./dist/next-config.d.cts","default":"./dist/next-config.cjs"}},"./package.json":"./package.json","./dist/styles.css":"./dist/styles.css"},"gitHead":"987424e1685a0c8dfeb44028740cc04aa96cdf1b","scripts":{"build":"tsup","watch":"tsup --watch","typecheck":"tsc --noEmit"},"_npmUser":{"name":"autorender","email":"autorenderhq@gmail.com"},"repository":{"url":"git+https://github.com/autorenderhq/autorender-nextjs.git","type":"git","directory":"packages/nextjs"},"_npmVersion":"10.8.2","description":"Autorender SDK for Next.js — upload widget and ARImage / ViewTag (responsive images, remote https fetch).","directories":{},"sideEffects":["*.css","dist/*.css"],"_nodeVersion":"20.20.2","dependencies":{"@autorender/js":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.1","video.js":"^8.23.4","typescript":"^5.3.3","@types/node":"^20.11.24","@types/react":"^18.3.0","@autorender/js":"file:../js","@types/react-dom":"^18.3.0"},"peerDependencies":{"next":"^14.0.0 || ^15.0.0 || ^16.0.0","react":"^18.0.0 || ^19.0.0","video.js":"^8.0.0","react-dom":"^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"video.js":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/nextjs_0.3.3_1782151937311_0.077896794685276","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@autorender/nextjs","version":"0.4.0","keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","nextjs","next.js"],"author":{"name":"Autorender"},"license":"MIT","_id":"@autorender/nextjs@0.4.0","maintainers":[{"name":"autorender","email":"autorenderhq@gmail.com"}],"homepage":"https://github.com/autorender/autorender-nextjs#readme","bugs":{"url":"https://github.com/autorender/autorender-nextjs/issues"},"dist":{"shasum":"546e65dcd0c07a7f0e23553a6f46562704abd88c","tarball":"https://registry.npmjs.org/@autorender/nextjs/-/nextjs-0.4.0.tgz","fileCount":28,"integrity":"sha512-nk3nFK+rqsnQ4uvc4qLfzDch4CMNiMjg5qTMotsnsrFZFJ2CAsrqHopCCBY6DFMv53k/BQ55YXv5MSx3Ue3bSw==","signatures":[{"sig":"MEUCIFdDym0rRtxI+Y3ZXbOPehj0QllB5gB5Xt44GYayy2IIAiEA6A16Wb2MeS5Fb7XvyXV6SD4hEXC1eNzaVz4Mg0PcpEs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":126033},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=20.0.0"},"exports":{".":{"import":{"types":"./dist/index.d.ts","browser":"./dist/index.js","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}},"./styles":"./dist/styles.css","./viewtag":{"import":{"types":"./dist/viewtag.d.ts","browser":"./dist/viewtag.js","default":"./dist/viewtag.js"},"require":{"types":"./dist/viewtag.d.cts","default":"./dist/viewtag.cjs"}},"./next-config":{"import":{"types":"./dist/next-config.d.ts","browser":"./dist/next-config.js","default":"./dist/next-config.js"},"require":{"types":"./dist/next-config.d.cts","default":"./dist/next-config.cjs"}},"./package.json":"./package.json","./viewtag/video":{"import":{"types":"./dist/viewtag-video.d.ts","browser":"./dist/viewtag-video.js","default":"./dist/viewtag-video.js"},"require":{"types":"./dist/viewtag-video.d.cts","default":"./dist/viewtag-video.cjs"}},"./dist/styles.css":"./dist/styles.css"},"gitHead":"e9377626e4f8e521e252c84a9e6b9dec4a010757","scripts":{"build":"tsup","watch":"tsup --watch","typecheck":"tsc --noEmit"},"_npmUser":{"name":"autorender","email":"autorenderhq@gmail.com"},"repository":{"url":"git+https://github.com/autorender/autorender-nextjs.git","type":"git","directory":"packages/nextjs"},"_npmVersion":"10.9.8","description":"Autorender SDK for Next.js — upload widget and ARImage / ViewTag (responsive images, remote https fetch).","directories":{},"sideEffects":["*.css","dist/*.css"],"_nodeVersion":"22.23.1","dependencies":{"@autorender/js":"^0.4.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.1","video.js":"^8.23.4","typescript":"^5.3.3","@types/node":"^20.11.24","@types/react":"^18.3.0","@autorender/js":"file:../js","@types/react-dom":"^18.3.0"},"peerDependencies":{"next":"^14.0.0 || ^15.0.0 || ^16.0.0","react":"^18.0.0 || ^19.0.0","video.js":"^8.0.0","react-dom":"^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"video.js":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/nextjs_0.4.0_1785763340977_0.9070987240556827","host":"s3://npm-registry-packages-npm-production"}},"0.4.1":{"name":"@autorender/nextjs","version":"0.4.1","keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","nextjs","next.js"],"author":{"name":"Autorender"},"license":"MIT","_id":"@autorender/nextjs@0.4.1","maintainers":[{"name":"autorender","email":"autorenderhq@gmail.com"}],"homepage":"https://github.com/autorender/autorender-nextjs#readme","bugs":{"url":"https://github.com/autorender/autorender-nextjs/issues"},"dist":{"shasum":"c35761f5d450ff68a7dc5ebe0649712914c6d1d1","tarball":"https://registry.npmjs.org/@autorender/nextjs/-/nextjs-0.4.1.tgz","fileCount":28,"integrity":"sha512-p+LqkJYyBEUlk+1AnwhS1AcTXtRJ5eo7oL1Oodr3ct+hc6Cb7QrahAXhH35sVAbcNEjB6CImZTZa469A7mFN/A==","signatures":[{"sig":"MEUCIEjL2TiA1JqNKGAcASFbsKFJ5bxeRk/DG8PQ/1I8T3CMAiEAk1ugmj7kTmG+nGQhkzJ0lMoyrwrggNO/bBzWu3UIHWQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":126033},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=20.0.0"},"exports":{".":{"import":{"types":"./dist/index.d.ts","browser":"./dist/index.js","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}},"./styles":"./dist/styles.css","./viewtag":{"import":{"types":"./dist/viewtag.d.ts","browser":"./dist/viewtag.js","default":"./dist/viewtag.js"},"require":{"types":"./dist/viewtag.d.cts","default":"./dist/viewtag.cjs"}},"./next-config":{"import":{"types":"./dist/next-config.d.ts","browser":"./dist/next-config.js","default":"./dist/next-config.js"},"require":{"types":"./dist/next-config.d.cts","default":"./dist/next-config.cjs"}},"./package.json":"./package.json","./viewtag/video":{"import":{"types":"./dist/viewtag-video.d.ts","browser":"./dist/viewtag-video.js","default":"./dist/viewtag-video.js"},"require":{"types":"./dist/viewtag-video.d.cts","default":"./dist/viewtag-video.cjs"}},"./dist/styles.css":"./dist/styles.css"},"gitHead":"b2b7bd812296af35d9c889019375e7c1111e9f30","scripts":{"build":"tsup","watch":"tsup --watch","typecheck":"tsc --noEmit"},"_npmUser":{"name":"autorender","email":"autorenderhq@gmail.com"},"repository":{"url":"git+https://github.com/autorender/autorender-nextjs.git","type":"git","directory":"packages/nextjs"},"_npmVersion":"10.9.8","description":"Autorender SDK for Next.js — upload widget and ARImage / ViewTag (responsive images, remote https fetch).","directories":{},"sideEffects":["*.css","dist/*.css"],"_nodeVersion":"22.23.1","dependencies":{"@autorender/js":"^0.4.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.1","video.js":"^8.23.4","typescript":"^5.3.3","@types/node":"^20.11.24","@types/react":"^18.3.0","@autorender/js":"file:../js","@types/react-dom":"^18.3.0"},"peerDependencies":{"next":"^14.0.0 || ^15.0.0 || ^16.0.0","react":"^18.0.0 || ^19.0.0","video.js":"^8.0.0","react-dom":"^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"video.js":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/nextjs_0.4.1_1785764536980_0.5333128157378406","host":"s3://npm-registry-packages-npm-production"}},"0.5.0":{"name":"@autorender/nextjs","version":"0.5.0","keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","nextjs","next.js"],"author":{"name":"Autorender"},"license":"MIT","_id":"@autorender/nextjs@0.5.0","maintainers":[{"name":"autorender","email":"autorenderhq@gmail.com"}],"homepage":"https://github.com/autorender/autorender-nextjs#readme","bugs":{"url":"https://github.com/autorender/autorender-nextjs/issues"},"dist":{"shasum":"25ba9303d2dcdb96bd0ae2f515d01a150954e56d","tarball":"https://registry.npmjs.org/@autorender/nextjs/-/nextjs-0.5.0.tgz","fileCount":28,"integrity":"sha512-kpS+A2nM4WkEG4ASBUzpykh6HFbTuOQeYTRdzme3ZZnenCM98uLSEvNmti0AfkJmzE0CLWHvL62XBQ5FgOOdWg==","signatures":[{"sig":"MEYCIQDPTtrbm1qacrnMrmts2qtRRQCicoT2COO8vzFFW/WFhwIhAMOS0y53CBGTYvTQi65l2WpuL34LXvOC1XoS4+pwuHHJ","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":137281},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=20.0.0"},"exports":{".":{"import":{"types":"./dist/index.d.ts","browser":"./dist/index.js","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}},"./styles":"./dist/styles.css","./viewtag":{"import":{"types":"./dist/viewtag.d.ts","browser":"./dist/viewtag.js","default":"./dist/viewtag.js"},"require":{"types":"./dist/viewtag.d.cts","default":"./dist/viewtag.cjs"}},"./next-config":{"import":{"types":"./dist/next-config.d.ts","browser":"./dist/next-config.js","default":"./dist/next-config.js"},"require":{"types":"./dist/next-config.d.cts","default":"./dist/next-config.cjs"}},"./package.json":"./package.json","./viewtag/video":{"import":{"types":"./dist/viewtag-video.d.ts","browser":"./dist/viewtag-video.js","default":"./dist/viewtag-video.js"},"require":{"types":"./dist/viewtag-video.d.cts","default":"./dist/viewtag-video.cjs"}},"./dist/styles.css":"./dist/styles.css"},"gitHead":"4d59c44955a8d2f47d39feb94ee7dc534e948fbc","scripts":{"build":"tsup","watch":"tsup --watch","typecheck":"tsc --noEmit"},"_npmUser":{"name":"autorender","email":"autorenderhq@gmail.com"},"repository":{"url":"git+https://github.com/autorender/autorender-nextjs.git","type":"git","directory":"packages/nextjs"},"_npmVersion":"10.9.8","description":"Autorender SDK for Next.js — upload widget and ARImage / ViewTag (responsive images, remote https fetch).","directories":{},"sideEffects":["*.css","dist/*.css"],"_nodeVersion":"22.23.1","dependencies":{"@autorender/js":"^0.5.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.1","video.js":"^8.23.4","typescript":"^5.3.3","@types/node":"^20.11.24","@types/react":"^18.3.0","@autorender/js":"file:../js","@types/react-dom":"^18.3.0"},"peerDependencies":{"next":"^14.0.0 || ^15.0.0 || ^16.0.0","react":"^18.0.0 || ^19.0.0","video.js":"^8.0.0","react-dom":"^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"video.js":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/nextjs_0.5.0_1785850335835_0.43582287429273414","host":"s3://npm-registry-packages-npm-production"}},"0.5.1":{"name":"@autorender/nextjs","version":"0.5.1","description":"Autorender SDK for Next.js — upload widget and ARImage / ViewTag (responsive images, remote https fetch).","type":"module","main":"dist/index.cjs","module":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"import":{"types":"./dist/index.d.ts","browser":"./dist/index.js","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}},"./viewtag":{"import":{"types":"./dist/viewtag.d.ts","browser":"./dist/viewtag.js","default":"./dist/viewtag.js"},"require":{"types":"./dist/viewtag.d.cts","default":"./dist/viewtag.cjs"}},"./viewtag/video":{"import":{"types":"./dist/viewtag-video.d.ts","browser":"./dist/viewtag-video.js","default":"./dist/viewtag-video.js"},"require":{"types":"./dist/viewtag-video.d.cts","default":"./dist/viewtag-video.cjs"}},"./styles":"./dist/styles.css","./dist/styles.css":"./dist/styles.css","./next-config":{"import":{"types":"./dist/next-config.d.ts","browser":"./dist/next-config.js","default":"./dist/next-config.js"},"require":{"types":"./dist/next-config.d.cts","default":"./dist/next-config.cjs"}},"./package.json":"./package.json"},"scripts":{"build":"tsup","watch":"tsup --watch","typecheck":"tsc --noEmit"},"keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","nextjs","next.js"],"author":{"name":"Autorender"},"license":"MIT","sideEffects":["*.css","dist/*.css"],"engines":{"node":">=20.0.0"},"repository":{"type":"git","url":"git+https://github.com/autorender/autorender-nextjs.git","directory":"packages/nextjs"},"homepage":"https://github.com/autorender/autorender-nextjs#readme","bugs":{"url":"https://github.com/autorender/autorender-nextjs/issues"},"dependencies":{"@autorender/js":"^0.6.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","next":"^14.0.0 || ^15.0.0 || ^16.0.0","video.js":"^8.0.0"},"peerDependenciesMeta":{"video.js":{"optional":true}},"devDependencies":{"@autorender/js":"file:../js","@types/node":"^20.11.24","@types/react":"^18.3.0","@types/react-dom":"^18.3.0","tsup":"^8.0.1","typescript":"^5.3.3","video.js":"^8.23.4"},"_id":"@autorender/nextjs@0.5.1","gitHead":"376315852905f70db1f41b7459e9352022dfe646","_nodeVersion":"22.23.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-cqUnfNwz2ma9OGaVzCN4jUH3NFewa7GyqJnfcJLtEFTJZBSq4hdmiElPgLn1OjwKfOCIjkaRtk/vn4gy3ZsLpA==","shasum":"1cfdca9e1494a729702bcde5133f5f0e4de0cdb0","tarball":"https://registry.npmjs.org/@autorender/nextjs/-/nextjs-0.5.1.tgz","fileCount":28,"unpackedSize":137281,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDnmhSNVjrjOTroNcb2Qjvy1eoriv8hruINgw+60jCcdAIhANPflo3c8SfElxULd/M9oppBPApSNTc3xFT+/3BYhRJY"}]},"_npmUser":{"name":"autorender","email":"autorenderhq@gmail.com"},"directories":{},"maintainers":[{"name":"autorender","email":"autorenderhq@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/nextjs_0.5.1_1786119132744_0.04656124140532292"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-22T13:49:04.976Z","modified":"2026-08-07T16:12:13.170Z","0.3.1":"2026-06-22T13:49:05.302Z","0.3.2":"2026-06-22T17:55:07.350Z","0.3.3":"2026-06-22T18:12:17.456Z","0.4.0":"2026-08-03T13:22:21.134Z","0.4.1":"2026-08-03T13:42:17.161Z","0.5.0":"2026-08-04T13:32:15.995Z","0.5.1":"2026-08-07T16:12:12.942Z"},"bugs":{"url":"https://github.com/autorender/autorender-nextjs/issues"},"author":{"name":"Autorender"},"license":"MIT","homepage":"https://github.com/autorender/autorender-nextjs#readme","keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","nextjs","next.js"],"repository":{"type":"git","url":"git+https://github.com/autorender/autorender-nextjs.git","directory":"packages/nextjs"},"description":"Autorender SDK for Next.js — upload widget and ARImage / ViewTag (responsive images, remote https fetch).","maintainers":[{"name":"autorender","email":"autorenderhq@gmail.com"}],"readme":"# Autorender Next.js SDK\n\n[![npm version](https://img.shields.io/npm/v/@autorender/nextjs)](https://www.npmjs.com/package/@autorender/nextjs)\n[![CI](https://github.com/autorender/autorender-nextjs/workflows/CI/badge.svg)](https://github.com/autorender/autorender-nextjs/actions)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n[![Follow on X](https://img.shields.io/twitter/follow/AutoRenderHQ?label=Follow&style=social)](https://x.com/AutoRenderHQ)\n\n## Introduction\n\nAutorender Next.js SDK provides a simple way to integrate Autorender with your Next.js applications (App Router and Pages Router). It allows you to:\n\n- Upload files with a fully-featured, customizable upload widget (`<AutorenderUploader>`)\n- Serve optimized images with automatic format selection, responsive sizes, and real-time transformations (`<ARImage>`, `<AutoRenderProvider>`)\n- Stream video with HLS and DASH support via an optional Video.js integration (`<ARVideo>`)\n\n## TypeScript support\n\nThe SDK is written in TypeScript with full type definitions included. No additional `@types` packages needed.\n\n> **Client components:** The upload widget and ViewTag components are client-only. In the App Router, all components in this package include `'use client'`. In Pages Router, use them directly.\n\n## Installation\n\n```bash\nnpm install @autorender/nextjs\n```\n\n## Next.js configuration\n\n`next/image` only allows remote hosts declared in your app’s `next.config`. Wrap your config with `withAutorender` so the SDK’s default asset host (`assets.autorender.io`) and `transpilePackages` are applied for you:\n\n```ts\nimport type { NextConfig } from 'next';\nimport { withAutorender } from '@autorender/nextjs/next-config';\n\nconst nextConfig: NextConfig = {\n  // your other options\n};\n\nexport default withAutorender(nextConfig);\n```\n\nIf you prefer to merge manually, import `AUTORENDER_IMAGE_REMOTE_PATTERNS` and append it to `images.remotePatterns`.\n\n## Production use\n\n- **`next.config`**: Use `withAutorender()` so `next/image` allows Autorender asset URLs and the SDK is included in `transpilePackages`.\n- **Upload API key**: Anything you pass into client components is bundled for the browser. Prefer `process.env.NEXT_PUBLIC_AUTORENDER_API_KEY` (or another `NEXT_PUBLIC_*` name you choose) and define it in `.env.local` / your host’s env; scope and rotate keys in the Autorender dashboard.\n- **Workspace**: The `workspace` value is not secret; it appears in public image URLs.\n\n## Upload SDK Usage\n\nThis package provides React components optimized for Next.js. The components are client components, so make sure to use the `'use client'` directive.\n\n### Basic Example\n\n```tsx\n'use client';\n\nimport { AutorenderUploader } from '@autorender/nextjs';\nimport '@autorender/nextjs/styles';\n\nexport default function UploadPage() {\n  return (\n    <AutorenderUploader\n      apiKey={process.env.NEXT_PUBLIC_AUTORENDER_API_KEY!}\n      folderPath=\"uploads\"\n    />\n  );\n}\n```\n\nSet `NEXT_PUBLIC_AUTORENDER_API_KEY` in `.env.local` (and in your hosting provider’s environment for production builds).\n\n## ViewTag SDK Usage\n\n### Setup Provider\n\n```tsx\n'use client';\n\nimport { AutoRenderProvider } from '@autorender/nextjs/viewtag';\n\nexport default function RootLayout({ children }) {\n  return (\n    <AutoRenderProvider\n      baseUrl=\"https://assets.autorender.io\"\n      workspace=\"ws_123\"\n      defaults={{}}\n    >\n      {children}\n    </AutoRenderProvider>\n  );\n}\n```\n\n### Use ARImage Component\n\n```tsx\n'use client';\n\nimport { ARImage } from '@autorender/nextjs/viewtag';\nimport type { TransformOptions } from '@autorender/js';\n\nexport default function ProductPage() {\n  return (\n    <ARImage\n      src=\"products/shoe.jpg\"\n      width={400}\n      height={400}\n      alt=\"Shoe\"\n      transformations={{\n        fit: 'cover',\n      }}\n      responsive={true}\n      lazy={true}\n      sizes=\"(min-width: 800px) 50vw, 100vw\"\n    />\n  );\n}\n```\n\n### Use ARVideo Component (Video.js)\n\nInstall `video.js` when you use `<ARVideo>` (optional peer dependency):\n\n```bash\nnpm install video.js\n```\n\n```tsx\n'use client';\n\n// `<ARVideo>` has its own entry point so image-only apps never pull `video.js`\n// into their bundle.\nimport { ARVideo } from '@autorender/nextjs/viewtag/video';\n\nexport default function ProductVideoPage() {\n  return (\n    <ARVideo\n      src=\"docs/skateboarding.mp4\"\n      width={960}\n      height={540}\n      controls\n      preload=\"metadata\"\n      transformations={{ w: 960, h: 540 }}\n    />\n  );\n}\n```\n\nSupports MP4, HLS (`.m3u8`), and DASH (`.mpd`) sources.\n\n### Common video transformations\n\nSome transforms produce an image (thumbnail, GIF) — use `<ARImage>` for those instead of `<ARVideo>`.\n\n```tsx\n// Thumbnail frame — use ARImage, not ARVideo\n<ARImage\n  src=\"docs/skateboarding.mp4\"\n  width={320}\n  height={220}\n  alt=\"Thumbnail\"\n  transformations={{ thumb_ar: true }}\n/>\n\n// Animated GIF — use ARImage\n<ARImage\n  src=\"docs/skateboarding.mp4\"\n  width={320}\n  height={220}\n  alt=\"GIF preview\"\n  transformations={{ f: 'gif' }}\n/>\n\n// Trim a clip (2s – 8s)\n<ARVideo\n  src=\"docs/skateboarding.mp4\"\n  width={720}\n  height={405}\n  controls\n  transformations={{ so: 2, eo: 8 }}\n/>\n\n// Pad to 16:9 with white background\n<ARVideo\n  src=\"docs/skateboarding.mp4\"\n  width={720}\n  height={405}\n  controls\n  transformations={{ ar: '16:9', cm_pad_resize: true, bg: 'white' }}\n/>\n```\n\n\n### Use AR Instance Directly\n\n```tsx\n'use client';\n\nimport { useAutoRender } from '@autorender/nextjs/viewtag';\n\nexport default function ImageComponent() {\n  const AR = useAutoRender();\n  \n  const url = AR.url('image.jpg', { w: 300, h: 300, fit: 'cover' });\n  const transformString = AR.transformString({ w: 300, h: 300 });\n  const dpr = AR.getDPR();\n    \n  // Generate responsive attributes\n  const attrs = AR.responsiveImageAttributes({\n    src: 'hero.jpg',\n    width: 1200,\n    sizes: '(min-width: 800px) 50vw, 100vw',\n    transform: { fit: 'cover' }\n  });\n  \n  return (\n    <img\n      src={attrs.src}\n      srcSet={attrs.srcSet}\n      sizes={attrs.sizes}\n      width={attrs.width}\n      alt=\"Image\"\n    />\n  );\n}\n```\n\n## API Reference\n\n### Upload SDK\n\nAll props from `@autorender/js` are supported, with the addition of:\n- `containerClassName?: string` - Additional CSS class for the container\n\n### ViewTag SDK\n\n#### `<AutoRenderProvider />`\n\nNext.js Context Provider that makes AR instance available to child components.\n\n**Props:**\n- `baseUrl?: string` - Base URL (default: `'https://assets.autorender.io'`)\n- `workspace: string` - Your workspace ID\n- `defaults?: { f?: string, q?: string | number }` - Default transformations\n- `deviceBreakpoints?: number[]` - Device breakpoints\n- `imageBreakpoints?: number[]` - Image breakpoints\n- `enableDPR?: boolean` - Emit a `2x` candidate in responsive srcsets (default: `true`). Does not affect `url()`.\n- `enableResponsive?: boolean` - Enable responsive images (default: `true`)\n\n#### `<ARImage />`\n\nNext.js component that wraps `next/image` with AutoRender transformations.\n\n**Props:**\n- `src: string` - Image source path (required)\n  - Supports workspace paths (e.g., `products/shoe.jpg`) and absolute remote URLs (e.g., `https://example.com/image.jpg`).\n- `width?: number` - Image width in pixels\n- `height?: number` - Image height in pixels\n- `transformations?: TransformOptions` - Transformation options\n- `responsive?: boolean` - Enable responsive images (default: `true`)\n- `lazy?: boolean` - Enable lazy loading (default: `true`)\n- `sizes?: string` - Sizes attribute for responsive images\n- All standard `next/image` props are supported (e.g., `alt`, `className`, `style`, `priority`, `fill`, etc.)\n\n#### `useAutoRender(): ARInstance`\n\nHook to access the AR instance from context.\n\n**Returns:** `ARInstance` with methods:\n- `url(src: string, transform?: TransformOptions): string` - Generate image URL\n- `transformString(transform: TransformOptions): string` - Get transformation string only\n- `responsiveImageAttributes(options: ResponsiveOptions): ResponsiveAttributes` - Generate responsive image attributes\n- `getDPR(): number` - Get device pixel ratio\n\n## Documentation\n\nSee the [full documentation](https://autorender.io/docs) for complete API reference.\n","readmeFilename":"README.md"}