{"_id":"@autorender/vue","_rev":"7-41e094df21037f6f8e8889a706f8b923","name":"@autorender/vue","dist-tags":{"latest":"0.4.3"},"versions":{"0.3.1":{"name":"@autorender/vue","version":"0.3.1","keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","vue"],"author":{"name":"Autorender"},"license":"MIT","_id":"@autorender/vue@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":"3810df29e383c703b7a62ef4cb290748fa671ea7","tarball":"https://registry.npmjs.org/@autorender/vue/-/vue-0.3.1.tgz","fileCount":23,"integrity":"sha512-ETS9oyn0CUAKrnNgI7mnJn8YH4b6FPFGUS9nz6ieqJAWHGlvPVxm2KDeyNkDa6q32H4oX3F3tj3VLJ8vTDnVTQ==","signatures":[{"sig":"MEUCIQCOONN1zqbHlESZocHNuIvSyw2DCNfHeyOhNjeVMFdDbQIgJUD/NNpGqizlfzkV8kjZ2SKSGp53wIqLe57qJD471Yc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":91768},"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"}},"./vite":{"types":"./dist/vite-config.d.ts","import":"./dist/vite-config.js","browser":"./dist/vite-config.js","default":"./dist/vite-config.js"},"./styles":{"default":"./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"}},"./viewtag/*":"./dist/viewtag/*","./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/vue"},"_npmVersion":"10.8.2","description":"Autorender SDK for Vue — file upload widget and ARImage / ViewTag image transformations.","directories":{},"sideEffects":["*.css","dist/*.css"],"_nodeVersion":"20.20.2","dependencies":{"@autorender/js":"^0.3.1"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.0","tsup":"^8.0.1","vite":"^7.3.2","video.js":"^8.23.4","typescript":"^5.3.3","@types/node":"^20.11.24","@autorender/js":"file:../js"},"peerDependencies":{"vue":"^3.0.0 || ^4.0.0","vite":"^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0","video.js":"^8.0.0"},"peerDependenciesMeta":{"vite":{"optional":true},"video.js":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/vue_0.3.1_1782136139274_0.8851096932675677","host":"s3://npm-registry-packages-npm-production"}},"0.3.2":{"name":"@autorender/vue","version":"0.3.2","keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","vue"],"author":{"name":"Autorender"},"license":"MIT","_id":"@autorender/vue@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":"2f715214bd31d67429afa4e6c11b1c317c782584","tarball":"https://registry.npmjs.org/@autorender/vue/-/vue-0.3.2.tgz","fileCount":23,"integrity":"sha512-J1RFGfp7OyyCT9faYHEcwgxjUn+HEsD2uMOE6FrHMTT9YjIpla/G/4D1AmCAJHZBfrLqeohPGMF8+FuaGRyV1Q==","signatures":[{"sig":"MEYCIQDOPYI7RJeyRDCJkmmAdGJ/71hhtM2CsA540IEiUBhUyAIhAPv2rwkgrc/vCQtW1Q0mOJdV8LbbbhVrtbw4m0XoVUyk","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":91768},"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"}},"./vite":{"types":"./dist/vite-config.d.ts","import":"./dist/vite-config.js","browser":"./dist/vite-config.js","default":"./dist/vite-config.js"},"./styles":{"default":"./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"}},"./viewtag/*":"./dist/viewtag/*","./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/vue"},"_npmVersion":"10.8.2","description":"Autorender SDK for Vue — file upload widget and ARImage / ViewTag image transformations.","directories":{},"sideEffects":["*.css","dist/*.css"],"_nodeVersion":"20.20.2","dependencies":{"@autorender/js":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.0","tsup":"^8.0.1","vite":"^7.3.2","video.js":"^8.23.4","typescript":"^5.3.3","@types/node":"^20.11.24","@autorender/js":"file:../js"},"peerDependencies":{"vue":"^3.0.0 || ^4.0.0","vite":"^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0","video.js":"^8.0.0"},"peerDependenciesMeta":{"vite":{"optional":true},"video.js":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/vue_0.3.2_1782150899998_0.5727158856117083","host":"s3://npm-registry-packages-npm-production"}},"0.3.3":{"name":"@autorender/vue","version":"0.3.3","keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","vue"],"author":{"name":"Autorender"},"license":"MIT","_id":"@autorender/vue@0.3.3","maintainers":[{"name":"autorender","email":"autorenderhq@gmail.com"}],"homepage":"https://github.com/autorenderhq/autorender-vue#readme","bugs":{"url":"https://github.com/autorenderhq/autorender-vue/issues"},"dist":{"shasum":"74c50d868cf82b56c71b66a357f5b2be7944e7a6","tarball":"https://registry.npmjs.org/@autorender/vue/-/vue-0.3.3.tgz","fileCount":23,"integrity":"sha512-F7GII9oU6HQ0Y92sygbjXaOd7u8yC2aVlYCInWSivI8EkoG2g/zAvqhF/IcOatYeHEhmlytpCjuXp5nbhMNbew==","signatures":[{"sig":"MEUCIAbJAitGL7/EvtXhQzMrNXEzIGq9hq0l7a/r6OZw+3NHAiEApxVsVX4CcxghzeSXhFK6fLc1Ury6ue+csp+0W45xEVk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":87471},"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"}},"./vite":{"types":"./dist/vite-config.d.ts","import":"./dist/vite-config.js","browser":"./dist/vite-config.js","default":"./dist/vite-config.js"},"./styles":{"default":"./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"}},"./viewtag/*":"./dist/viewtag/*","./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-vue.git","type":"git","directory":"packages/vue"},"_npmVersion":"10.8.2","description":"Autorender SDK for Vue — file upload widget and ARImage / ViewTag image transformations.","directories":{},"sideEffects":["*.css","dist/*.css"],"_nodeVersion":"20.20.2","dependencies":{"@autorender/js":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.0","tsup":"^8.0.1","vite":"^7.3.2","video.js":"^8.23.4","typescript":"^5.3.3","@types/node":"^20.11.24","@autorender/js":"file:../js"},"peerDependencies":{"vue":"^3.0.0 || ^4.0.0","vite":"^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0","video.js":"^8.0.0"},"peerDependenciesMeta":{"vite":{"optional":true},"video.js":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/vue_0.3.3_1782151931021_0.2203666500112471","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@autorender/vue","version":"0.4.0","keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","vue"],"author":{"name":"Autorender"},"license":"MIT","_id":"@autorender/vue@0.4.0","maintainers":[{"name":"autorender","email":"autorenderhq@gmail.com"}],"homepage":"https://github.com/autorender/autorender-vue#readme","bugs":{"url":"https://github.com/autorender/autorender-vue/issues"},"dist":{"shasum":"f797404234a7b2d04bda850e71d2690bb440e343","tarball":"https://registry.npmjs.org/@autorender/vue/-/vue-0.4.0.tgz","fileCount":34,"integrity":"sha512-jIw2vyGtnal0+G0hUlzWB1IaFq/2AsfFNpjhCSAUmPkvnbqnw9tbbHjPAR6BCSLNxRVgLplXCzVg9ebK1kx/JA==","signatures":[{"sig":"MEQCIAs9Jzd2B3tMcc8rPpsNDkfU/5WJ1uWzpBTYmto19B67AiAIiUZPkjX9RKsT8sK/GdJWka0KU6XQqasKB/dwuBG0Ow==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":93617},"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"}},"./vite":{"types":"./dist/vite-config.d.ts","import":"./dist/vite-config.js","browser":"./dist/vite-config.js","default":"./dist/vite-config.js"},"./styles":{"default":"./dist/styles.css"},"./viewtag":{"import":{"types":"./dist/viewtag/index.d.ts","browser":"./dist/viewtag/index.js","default":"./dist/viewtag/index.js"},"require":{"types":"./dist/viewtag/index.d.cts","default":"./dist/viewtag/index.cjs"}},"./viewtag/*":"./dist/viewtag/*","./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 && node scripts/postbuild.cjs","watch":"tsup --watch","typecheck":"tsc --noEmit"},"_npmUser":{"name":"autorender","email":"autorenderhq@gmail.com"},"repository":{"url":"git+https://github.com/autorender/autorender-vue.git","type":"git","directory":"packages/vue"},"_npmVersion":"10.9.8","description":"Autorender SDK for Vue — file upload widget and ARImage / ViewTag image transformations.","directories":{},"sideEffects":["*.css","dist/*.css"],"_nodeVersion":"22.23.1","dependencies":{"@autorender/js":"^0.4.0"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.0","tsup":"^8.0.1","vite":"^7.3.2","video.js":"^8.23.4","typescript":"^5.3.3","@types/node":"^20.11.24","@autorender/js":"file:../js"},"peerDependencies":{"vue":"^3.0.0 || ^4.0.0","vite":"^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0","video.js":"^8.0.0"},"peerDependenciesMeta":{"vite":{"optional":true},"video.js":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/vue_0.4.0_1785763335392_0.2651511987280124","host":"s3://npm-registry-packages-npm-production"}},"0.4.1":{"name":"@autorender/vue","version":"0.4.1","keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","vue"],"author":{"name":"Autorender"},"license":"MIT","_id":"@autorender/vue@0.4.1","maintainers":[{"name":"autorender","email":"autorenderhq@gmail.com"}],"homepage":"https://github.com/autorender/autorender-vue#readme","bugs":{"url":"https://github.com/autorender/autorender-vue/issues"},"dist":{"shasum":"288754887a48b8491085a0efa996a54019206997","tarball":"https://registry.npmjs.org/@autorender/vue/-/vue-0.4.1.tgz","fileCount":34,"integrity":"sha512-FvYjflDGZ+glepoS4shqKoezlQAGuUgTV45yWcniSB4CHqr6PAtRWqWb7oNq1AM5zGRy+iBxbpC03JCCscx7VQ==","signatures":[{"sig":"MEQCIF1uVXsBajaCQovsv554QvYI6Q6bgfjZGkHLbvd/z7ieAiB84iin4+uhsJEWuFkJZh+p/W/EB0TVuizWLjC10T72dA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":93617},"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"}},"./vite":{"types":"./dist/vite-config.d.ts","import":"./dist/vite-config.js","browser":"./dist/vite-config.js","default":"./dist/vite-config.js"},"./styles":{"default":"./dist/styles.css"},"./viewtag":{"import":{"types":"./dist/viewtag/index.d.ts","browser":"./dist/viewtag/index.js","default":"./dist/viewtag/index.js"},"require":{"types":"./dist/viewtag/index.d.cts","default":"./dist/viewtag/index.cjs"}},"./viewtag/*":"./dist/viewtag/*","./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 && node scripts/postbuild.cjs","watch":"tsup --watch","typecheck":"tsc --noEmit"},"_npmUser":{"name":"autorender","email":"autorenderhq@gmail.com"},"repository":{"url":"git+https://github.com/autorender/autorender-vue.git","type":"git","directory":"packages/vue"},"_npmVersion":"10.9.8","description":"Autorender SDK for Vue — file upload widget and ARImage / ViewTag image transformations.","directories":{},"sideEffects":["*.css","dist/*.css"],"_nodeVersion":"22.23.1","dependencies":{"@autorender/js":"^0.4.0"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.0","tsup":"^8.0.1","vite":"^7.3.2","video.js":"^8.23.4","typescript":"^5.3.3","@types/node":"^20.11.24","@autorender/js":"file:../js"},"peerDependencies":{"vue":"^3.0.0 || ^4.0.0","vite":"^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0","video.js":"^8.0.0"},"peerDependenciesMeta":{"vite":{"optional":true},"video.js":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/vue_0.4.1_1785764527697_0.13113376092889295","host":"s3://npm-registry-packages-npm-production"}},"0.4.2":{"name":"@autorender/vue","version":"0.4.2","keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","vue"],"author":{"name":"Autorender"},"license":"MIT","_id":"@autorender/vue@0.4.2","maintainers":[{"name":"autorender","email":"autorenderhq@gmail.com"}],"homepage":"https://github.com/autorender/autorender-vue#readme","bugs":{"url":"https://github.com/autorender/autorender-vue/issues"},"dist":{"shasum":"52032c3cff65d50e2ef81fd55fa1e2c09c47254b","tarball":"https://registry.npmjs.org/@autorender/vue/-/vue-0.4.2.tgz","fileCount":34,"integrity":"sha512-ydRLsZ0nUIEHvJwoe0pPS8MENmk6kHePtHUAAqlhk8HW0rNgqaWzFTd14VvTNa9WFppTszKSAfTxLH7DocIiBQ==","signatures":[{"sig":"MEUCIAgcUJh+bUw9WpaTT1mpnG8AwQMVP49RXRAcaa4MYtsvAiEAy78UBXhGPi4TeAfjxpcavU3tga6UkQp0MCmqBYZkBUs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":93617},"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"}},"./vite":{"types":"./dist/vite-config.d.ts","import":"./dist/vite-config.js","browser":"./dist/vite-config.js","default":"./dist/vite-config.js"},"./styles":{"default":"./dist/styles.css"},"./viewtag":{"import":{"types":"./dist/viewtag/index.d.ts","browser":"./dist/viewtag/index.js","default":"./dist/viewtag/index.js"},"require":{"types":"./dist/viewtag/index.d.cts","default":"./dist/viewtag/index.cjs"}},"./viewtag/*":"./dist/viewtag/*","./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 && node scripts/postbuild.cjs","watch":"tsup --watch","typecheck":"tsc --noEmit"},"_npmUser":{"name":"autorender","email":"autorenderhq@gmail.com"},"repository":{"url":"git+https://github.com/autorender/autorender-vue.git","type":"git","directory":"packages/vue"},"_npmVersion":"10.9.8","description":"Autorender SDK for Vue — file upload widget and ARImage / ViewTag image transformations.","directories":{},"sideEffects":["*.css","dist/*.css"],"_nodeVersion":"22.23.1","dependencies":{"@autorender/js":"^0.5.0"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.0","tsup":"^8.0.1","vite":"^7.3.2","video.js":"^8.23.4","typescript":"^5.3.3","@types/node":"^20.11.24","@autorender/js":"file:../js"},"peerDependencies":{"vue":"^3.0.0 || ^4.0.0","vite":"^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0","video.js":"^8.0.0"},"peerDependenciesMeta":{"vite":{"optional":true},"video.js":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/vue_0.4.2_1785850328905_0.7779610842089879","host":"s3://npm-registry-packages-npm-production"}},"0.4.3":{"name":"@autorender/vue","version":"0.4.3","description":"Autorender SDK for Vue — file upload widget and ARImage / ViewTag image transformations.","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/index.d.ts","browser":"./dist/viewtag/index.js","default":"./dist/viewtag/index.js"},"require":{"types":"./dist/viewtag/index.d.cts","default":"./dist/viewtag/index.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"}},"./viewtag/*":"./dist/viewtag/*","./package.json":"./package.json","./styles":{"default":"./dist/styles.css"},"./dist/styles.css":"./dist/styles.css","./vite":{"types":"./dist/vite-config.d.ts","browser":"./dist/vite-config.js","import":"./dist/vite-config.js","default":"./dist/vite-config.js"}},"scripts":{"build":"tsup && node scripts/postbuild.cjs","watch":"tsup --watch","typecheck":"tsc --noEmit"},"keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","vue"],"author":{"name":"Autorender"},"license":"MIT","sideEffects":["*.css","dist/*.css"],"engines":{"node":">=20.0.0"},"dependencies":{"@autorender/js":"^0.6.0"},"peerDependencies":{"vite":"^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0","vue":"^3.0.0 || ^4.0.0","video.js":"^8.0.0"},"peerDependenciesMeta":{"vite":{"optional":true},"video.js":{"optional":true}},"devDependencies":{"@autorender/js":"file:../js","@types/node":"^20.11.24","tsup":"^8.0.1","typescript":"^5.3.3","video.js":"^8.23.4","vite":"^7.3.2","vue":"^3.4.0"},"repository":{"type":"git","url":"git+https://github.com/autorender/autorender-vue.git","directory":"packages/vue"},"homepage":"https://github.com/autorender/autorender-vue#readme","bugs":{"url":"https://github.com/autorender/autorender-vue/issues"},"_id":"@autorender/vue@0.4.3","gitHead":"376315852905f70db1f41b7459e9352022dfe646","_nodeVersion":"22.23.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-LYkTPlUiqLU4JZkxR5+uRpZiKWrOyE90JZ9a7IHl2AMROa29cJBoPtzNjZ+mxlvXEHt5z6UKPIswD5FWsF/myA==","shasum":"96bde1faece1a11b8b0a45d46b9363a54381369a","tarball":"https://registry.npmjs.org/@autorender/vue/-/vue-0.4.3.tgz","fileCount":34,"unpackedSize":93617,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIF66GXhgwcJSNuEg3KKykD3M68y6ZbUQIC7iFWSYq3p7AiEAh7T6JcH+XHTqOR9aiLgriO767m0roKvAvtf3aCAocMM="}]},"_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/vue_0.4.3_1786119123828_0.6927185232565312"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-22T13:48:59.139Z","modified":"2026-08-07T16:12:04.197Z","0.3.1":"2026-06-22T13:48:59.397Z","0.3.2":"2026-06-22T17:55:00.240Z","0.3.3":"2026-06-22T18:12:11.258Z","0.4.0":"2026-08-03T13:22:15.560Z","0.4.1":"2026-08-03T13:42:07.838Z","0.4.2":"2026-08-04T13:32:09.054Z","0.4.3":"2026-08-07T16:12:04.022Z"},"bugs":{"url":"https://github.com/autorender/autorender-vue/issues"},"author":{"name":"Autorender"},"license":"MIT","homepage":"https://github.com/autorender/autorender-vue#readme","keywords":["autorender sdk","autorender","sdk","viewtag","image","upload","vue"],"repository":{"type":"git","url":"git+https://github.com/autorender/autorender-vue.git","directory":"packages/vue"},"description":"Autorender SDK for Vue — file upload widget and ARImage / ViewTag image transformations.","maintainers":[{"name":"autorender","email":"autorenderhq@gmail.com"}],"readme":"# Autorender Vue SDK\n\n[![npm version](https://img.shields.io/npm/v/@autorender/vue)](https://www.npmjs.com/package/@autorender/vue)\n[![CI](https://github.com/autorender/autorender-vue/workflows/CI/badge.svg)](https://github.com/autorender/autorender-vue/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 Vue SDK provides a simple way to integrate Autorender with your Vue 3 and Nuxt applications. It allows you to:\n\n- Upload files with a fully-featured, customizable upload widget (`createAutorenderUploader`, `useAutorenderUploader`)\n- Serve optimized images with automatic format selection, responsive sizes, and real-time transformations (`<ARImage>`, `useAutoRenderProvider`)\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## Installation\n\n```bash\nnpm install @autorender/vue\n# or\npnpm add @autorender/vue\n# or\nyarn add @autorender/vue\n```\n\n> Requires **Vue ≥ 3.0**. The plugin works with **Vite ^4 / ^5 / ^6 / ^7**.\n\n## Vite setup (required for `<ARVideo>`)\n\nIf you only use the **uploader** or **`<ARImage>`**, you can skip this section — no extra Vite configuration is needed.\n\nIf you use **`<ARVideo>`** (Video.js / HLS / DASH), add the **`autorenderVue()` Vite plugin**. It is the **only thing you need** — no manual aliases, no shim files, no `patch-package`. It works the same way on **npm, pnpm, yarn, CodeSandbox, StackBlitz, and Nuxt**.\n\n```ts\n// vite.config.ts\nimport { defineConfig } from 'vite';\nimport vue from '@vitejs/plugin-vue';\nimport { autorenderVue } from '@autorender/vue/vite';\n\nexport default defineConfig({\n  plugins: [vue(), autorenderVue()],\n});\n```\n\n**What the plugin does for you** (so you don't have to):\n\n- Transparently shims the CommonJS sub-modules that `video.js` pulls in (`global/window`, `global/document`, `@videojs/xhr`, `@xmldom/xmldom`, `mux.js/lib/utils/clock`, `mux.js/lib/tools/parse-sidx`, `videojs-vtt.js`). Without this, Vite throws:\n  - `does not provide an export named 'default'`\n  - `does not provide an export named 'DOMParser'`\n  - `does not provide an export named 'ONE_SECOND_IN_TS'`\n- Configures `optimizeDeps.exclude` and `optimizeDeps.esbuildOptions.define = { global: 'globalThis' }`.\n- Configures `ssr.noExternal` so the same setup works for SSR / SSG (Nuxt, Vite SSR).\n\n### Options\n\n```ts\nautorenderVue({ videoShims: false }); // disable Video.js CJS shims\n```\n\n| Option | Default | When to set |\n|---|---|---|\n| `videoShims` | `true` | Set `false` if you do **not** use `<ARVideo>` and want to avoid touching `optimizeDeps` / `ssr.noExternal`. |\n\n### Nuxt 3\n\nIn `nuxt.config.ts` add the plugin via `vite.plugins`:\n\n```ts\nimport { defineNuxtConfig } from 'nuxt/config';\nimport { autorenderVue } from '@autorender/vue/vite';\n\nexport default defineNuxtConfig({\n  vite: {\n    plugins: [autorenderVue()],\n  },\n});\n```\n\nFor SSR-sensitive code (the uploader, `<ARVideo>`), wrap usages in `<ClientOnly>` or call them from `onMounted`.\n\n### CodeSandbox / StackBlitz (pnpm)\n\nThese environments use **pnpm** which isolates packages and breaks ad-hoc `resolve.alias` shims. The plugin handles pnpm correctly out of the box — no additional configuration needed. Just `pnpm add @autorender/vue` and add `autorenderVue()` to `plugins`.\n\n### Troubleshooting\n\n| Symptom | Fix |\n|---|---|\n| `Uncaught SyntaxError: ... does not provide an export named 'default'` for `global/window`, `@videojs/xhr`, `videojs-vtt.js`, `mux.js/...`, `@xmldom/xmldom` | Make sure `autorenderVue()` is in your `plugins` array (and that you're on `@autorender/vue ≥ 0.1.44`). Then restart the dev server and clear the Vite cache: `rm -rf node_modules/.vite && npm run dev`. |\n| Stale errors after upgrading the SDK | Delete `node_modules/.vite` and re-run `npm run dev`. Vite caches pre-bundled deps aggressively. |\n| Upgrading from `< 0.1.44` (legacy `autorenderVueViteResolveAliases` / `autorenderVueViteConfig`) | Replace `mergeConfig({...}, autorenderVueViteConfig(...))` and any custom `resolve.alias` entries with a single `autorenderVue()` plugin entry. The legacy helpers are still exported (deprecated) so existing configs keep working, but they're no-ops now — the plugin does the work. |\n\n## Production use\n\n- **Upload API key**: The uploader runs in the browser, so any key you pass to `createAutorenderUploader` / `useAutorenderUploader` is visible to visitors. Use a restricted upload key from the Autorender dashboard, and load it from environment variables (e.g. `import.meta.env.VITE_AUTORENDER_API_KEY` in Vite, `process.env.NUXT_PUBLIC_AUTORENDER_API_KEY` in Nuxt). Do not ship production secrets in your frontend bundle.\n- **Workspace**: The `workspace` you pass to `useAutoRenderProvider` is not secret; it appears in public image URLs.\n- **Client-only mounting**: Instantiate the uploader in `onMounted` (as in the examples below) so the DOM container exists and SSR / static prerender does not run browser-only code too early.\n- **Nuxt / SSR**: Call `useAutoRenderProvider` from a client layout or a plugin with `mode: 'client'` if you see hydration issues. Keep the upload widget on the client the same way (`onMounted` or `<ClientOnly>`).\n\n## Upload SDK Usage\n\n### Option 1: Direct function (Recommended)\n\n```vue\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref } from 'vue';\nimport { createAutorenderUploader } from '@autorender/vue';\nimport type { UploaderInstance } from '@autorender/vue';\nimport '@autorender/vue/styles';\n\nconst containerRef = ref<HTMLDivElement | null>(null);\nlet uploader: UploaderInstance | null = null;\n\nonMounted(() => {\n  if (!containerRef.value) return;\n  \n  uploader = createAutorenderUploader(containerRef.value, {\n    apiKey: import.meta.env.VITE_AUTORENDER_API_KEY,\n    type: 'inline',\n    allowMultiple: true,\n    theme: 'system',\n    sources: ['local', 'camera'],\n    onSuccess: ({ files }) => console.log('Uploaded', files),\n  });\n});\n\nonUnmounted(() => {\n  uploader?.destroy();\n});\n</script>\n\n<template>\n  <div ref=\"containerRef\" class=\"uploader-container\"></div>\n</template>\n```\n\n### Option 2: Composable\n\n```vue\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { useAutorenderUploader } from '@autorender/vue';\nimport '@autorender/vue/styles';\n\nconst containerRef = ref<HTMLDivElement | null>(null);\n\nconst uploader = useAutorenderUploader({\n  apiKey: import.meta.env.VITE_AUTORENDER_API_KEY,\n  type: 'inline',\n  containerRef,\n});\n</script>\n\n<template>\n  <div ref=\"containerRef\" class=\"uploader-container\"></div>\n</template>\n```\n\n## ViewTag SDK Usage\n\n### Setup Provider\n\n```vue\n<script setup lang=\"ts\">\nimport { useAutoRenderProvider } from '@autorender/vue/viewtag';\n\nuseAutoRenderProvider({\n  baseUrl: 'https://assets.autorender.io',\n  workspace: 'ws_123',\n  defaults: {}\n});\n</script>\n```\n\n### Use ARImage Component\n\n```vue\n<template>\n  <ARImage\n    src=\"products/shoe.jpg\"\n    :width=\"400\"\n    :height=\"400\"\n    alt=\"Shoe\"\n    :transformations=\"{ fit: 'cover' }\"\n    :responsive=\"true\"\n    :lazy=\"true\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ARImage } from '@autorender/vue/viewtag';\n</script>\n```\n\n### Use ARVideo Component (Video.js)\n\n```vue\n<template>\n  <ARVideo\n    src=\"docs/skateboarding.mp4\"\n    :width=\"960\"\n    :height=\"540\"\n    :controls=\"true\"\n    preload=\"metadata\"\n    :transformations=\"{ w: 960, h: 540 }\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n// `<ARVideo>` has its own entry point so image-only apps never pull `video.js`\n// into their bundle.\nimport { ARVideo } from '@autorender/vue/viewtag/video';\n</script>\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```vue\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=\"true\"\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=\"true\"\n  :transformations=\"{ ar: '16:9', cm_pad_resize: true, bg: 'white' }\"\n/>\n```\n\n\n### Use AR Instance Directly\n\n```vue\n<template>\n  <img :src=\"imageUrl\" :srcset=\"attrs.srcSet\" :sizes=\"attrs.sizes\" :width=\"attrs.width\" alt=\"Image\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useAutoRender } from '@autorender/vue/viewtag';\n\nconst AR = useAutoRender();\n\nconst imageUrl = computed(() => AR.url('image.jpg', { w: 300, h: 300, fit: 'cover' }));\nconst transformString = computed(() => AR.transformString({ w: 300, h: 300 }));\nconst dpr = computed(() => AR.getDPR());\n\nconst attrs = computed(() => AR.responsiveImageAttributes({\n  src: 'hero.jpg',\n  width: 1200,\n  sizes: '(min-width: 800px) 50vw, 100vw',\n  transform: { fit: 'cover' }\n}));\n</script>\n```\n\n## API Reference\n\n### Upload SDK\n\n#### `createAutorenderUploader(element, options)`\n\nCreates a new uploader instance on the given element.\n\n**Parameters:**\n- `element: HTMLElement` - Target element\n- `options: AutorenderVueOptions` - Uploader options\n\n**Returns:** `UploaderInstance`\n\n#### `useAutorenderUploader(options)`\n\nVue composable that returns an uploader instance.\n\n**Parameters:**\n- `options: AutorenderVueOptions & { containerRef: Ref<HTMLElement | null> }` - Uploader options with container ref\n\n**Returns:** `UploaderInstance | null`\n\n### ViewTag SDK\n\n#### `useAutoRenderProvider(options): ARInstance`\n\nComposable that provides AR instance to child components via Vue's provide/inject.\n\n**Parameters:**\n- `options: AutoRenderProviderOptions` - AR configuration\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**Returns:** `ARInstance`\n\n#### `<ARImage />`\n\nVue component that wraps `<img>` 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 `<img>` HTML attributes are forwarded (e.g., `alt`, `class`, `style`, `@click`, etc.)\n\n#### `useAutoRender(): ARInstance`\n\nComposable to inject the AR instance from parent provider.\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"}