{"_id":"@readyplayerme/react-avatar-creator","_rev":"37-23a453a46b0b8a4f1f50e106d5b45adc","name":"@readyplayerme/react-avatar-creator","dist-tags":{"latest":"0.5.0"},"versions":{"0.1.0":{"name":"@readyplayerme/react-avatar-creator","version":"0.1.0","keywords":["readyplayerme","avatar","react","typescript","glb"],"author":{"name":"Ready Player Me"},"license":"MIT","_id":"@readyplayerme/react-avatar-creator@0.1.0","maintainers":[{"name":"marko.no","email":"marko@wolf3d.io"},{"name":"jorge-rpm","email":"jorge.ramirez@wolf3d.io"},{"name":"dlopezl","email":"daniel.lopez@wolf3d.io"},{"name":"raigo132","email":"raigo.kovask@wolf3d.io"},{"name":"kristo-rpm","email":"kristo.karp@wolf3d.io"},{"name":"tormi_reinson_rpm","email":"tormi.reinson@wolf3d.io"},{"name":"anneliiis","email":"anneliis.halling@wolf3d.io"},{"name":"aivo.paas.rpm","email":"aivo.paas@wolf3d.io"},{"name":"sander_rpm","email":"sander.kadajane@wolf3d.io"},{"name":"maxandreassenrpm","email":"max@wolf3d.io"},{"name":"ericserrat","email":"eric.serrat@gmail.com"},{"name":"davidkarolyirpm","email":"david.karolyi@wolf3d.io"},{"name":"bernhard-rpm","email":"bernhard@wolf3d.io"},{"name":"olafhaag","email":"olaf@readyplayer.me"},{"name":"blanxiii","email":"guillem@wolf3d.io"},{"name":"wolf_dan","email":"dan@wolf3d.io"},{"name":"elar.rpm","email":"elar@wolf3d.io"},{"name":"sgt3v","email":"sercan@wolf3d.io"},{"name":"harrison-wolf","email":"harrison@wolf3d.io"},{"name":"yuri_wolf3d","email":"yuri@wolf3d.io"},{"name":"ygrishajev.rpm","email":"yaroslav@wolf3d.io"},{"name":"rainerw3d","email":"rainer@wolf3d.io"}],"dist":{"shasum":"27fee8c8a8ae97065f39c19bad05a018c247e5c1","tarball":"https://registry.npmjs.org/@readyplayerme/react-avatar-creator/-/react-avatar-creator-0.1.0.tgz","fileCount":30,"integrity":"sha512-bZg4TOpSMT4GdCliFZrkEgPfqh6sFunTDTd45TqV2QYfZ4AwHvQtWvHBLvmfqe7j5tLQzwXfbqt+PZySl1hpMA==","signatures":[{"sig":"MEYCIQD/2ysLvoMjfKBzfXyjx3hFctT2nVKAJR7lIV3FVk5DbQIhAJI2jEPIfe5toRD+LP84gQ5JVWfJ438PjHwz4hvweDGC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":116095},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"dts lint"}},"module":"dist/index.esm.js","engines":{"node":">=12"},"gitHead":"f5f18d30da1ee57f952d674f979d9d2e823e8b8a","scripts":{"lint":"dts lint","size":"size-limit","test":"dts test --passWithNoTests","build":"rollup -c","start":"dts watch","analyze":"size-limit --why","prepare":"rollup -c"},"typings":"dist/index.d.ts","_npmUser":{"name":"maxandreassenrpm","email":"max@wolf3d.io"},"prettier":{"semi":true,"endOfLine":"auto","printWidth":400,"singleQuote":true,"trailingComma":"es5"},"_npmVersion":"8.19.2","description":"Ready Player Me - React Avatar Creator","directories":{},"_nodeVersion":"18.12.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.3.1","husky":"^8.0.3","react":">=17.0","tslib":"^2.5.0","rollup":"^3.26.0","dts-cli":"^2.0.2","react-is":"^18.2.0","react-dom":">=17.0","size-limit":"^8.2.4","typescript":"^5.0.4","@babel/core":"^7.21.4","@types/react":"^17.0.40","babel-loader":"^9.1.2","@types/react-dom":"^17.0.13","rollup-plugin-dts":"^5.3.0","@tsconfig/vite-react":"^1.0.1","@tsconfig/recommended":"^1.0.2","@rollup/plugin-typescript":"^11.1.2","@size-limit/preset-small-lib":"^8.2.4"},"peerDependencies":{"react":">=16"},"_npmOperationalInternal":{"tmp":"tmp/react-avatar-creator_0.1.0_1692194357728_0.961800096401346","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@readyplayerme/react-avatar-creator","version":"0.2.0","keywords":["readyplayerme","avatar","react","typescript","glb"],"author":{"name":"Ready Player Me"},"license":"MIT","_id":"@readyplayerme/react-avatar-creator@0.2.0","maintainers":[{"name":"marko.no","email":"marko@wolf3d.io"},{"name":"jorge-rpm","email":"jorge.ramirez@wolf3d.io"},{"name":"dlopezl","email":"daniel.lopez@wolf3d.io"},{"name":"raigo132","email":"raigo.kovask@wolf3d.io"},{"name":"kristo-rpm","email":"kristo.karp@wolf3d.io"},{"name":"tormi_reinson_rpm","email":"tormi.reinson@wolf3d.io"},{"name":"anneliiis","email":"anneliis.halling@wolf3d.io"},{"name":"aivo.paas.rpm","email":"aivo.paas@wolf3d.io"},{"name":"sander_rpm","email":"sander.kadajane@wolf3d.io"},{"name":"maxandreassenrpm","email":"max@wolf3d.io"},{"name":"ericserrat","email":"eric.serrat@gmail.com"},{"name":"davidkarolyirpm","email":"david.karolyi@wolf3d.io"},{"name":"bernhard-rpm","email":"bernhard@wolf3d.io"},{"name":"olafhaag","email":"olaf@readyplayer.me"},{"name":"blanxiii","email":"guillem@wolf3d.io"},{"name":"wolf_dan","email":"dan@wolf3d.io"},{"name":"elar.rpm","email":"elar@wolf3d.io"},{"name":"sgt3v","email":"sercan@wolf3d.io"},{"name":"harrison-wolf","email":"harrison@wolf3d.io"},{"name":"yuri_wolf3d","email":"yuri@wolf3d.io"},{"name":"ygrishajev.rpm","email":"yaroslav@wolf3d.io"},{"name":"rainerw3d","email":"rainer@wolf3d.io"}],"dist":{"shasum":"2bb1bb39c232dbfd6450c14f694d28c226d81aea","tarball":"https://registry.npmjs.org/@readyplayerme/react-avatar-creator/-/react-avatar-creator-0.2.0.tgz","fileCount":30,"integrity":"sha512-HGqgFf6IypexMVW/bq12j8f/7QdZNKs2rNRZ99XB9fQQDsMMsYTtnatEqSo9iqz4rjptspjk9T2o1tgdeGbn5g==","signatures":[{"sig":"MEUCIBpYE7p9jphTXv8hQNPkuxsZKT55SkEmXYNHXJSNe+lhAiEAqldvq91v0dSCCFBet1ZActHk0WvHOVQYiiWwM7Jh6NY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":116458},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"dts lint"}},"module":"dist/index.esm.js","engines":{"node":">=12"},"gitHead":"106fba171f08c083576529f7046735d8e45c59f9","scripts":{"lint":"dts lint","size":"size-limit","test":"dts test --passWithNoTests","build":"rollup -c","start":"dts watch","analyze":"size-limit --why","prepare":"rollup -c"},"typings":"dist/index.d.ts","_npmUser":{"name":"raigo132","email":"raigo.kovask@wolf3d.io"},"prettier":{"semi":true,"endOfLine":"auto","printWidth":400,"singleQuote":true,"trailingComma":"es5"},"_npmVersion":"9.5.1","description":"Ready Player Me - React Avatar Creator","directories":{},"_nodeVersion":"18.16.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.3.1","husky":"^8.0.3","react":">=17.0","tslib":"^2.5.0","rollup":"^3.26.0","dts-cli":"^2.0.2","react-is":"^18.2.0","react-dom":">=17.0","size-limit":"^8.2.4","typescript":"^5.0.4","@babel/core":"^7.21.4","@types/react":"^17.0.40","babel-loader":"^9.1.2","@types/react-dom":"^17.0.13","rollup-plugin-dts":"^5.3.0","@tsconfig/vite-react":"^1.0.1","@tsconfig/recommended":"^1.0.2","@rollup/plugin-typescript":"^11.1.2","@size-limit/preset-small-lib":"^8.2.4"},"peerDependencies":{"react":">=16"},"_npmOperationalInternal":{"tmp":"tmp/react-avatar-creator_0.2.0_1693233972571_0.28829810265101186","host":"s3://npm-registry-packages"}},"0.3.0-rc.0":{"name":"@readyplayerme/react-avatar-creator","version":"0.3.0-rc.0","keywords":["readyplayerme","avatar","react","typescript","glb"],"author":{"name":"Ready Player Me"},"license":"MIT","_id":"@readyplayerme/react-avatar-creator@0.3.0-rc.0","maintainers":[{"name":"marko.no","email":"marko@wolf3d.io"},{"name":"jorge-rpm","email":"jorge.ramirez@wolf3d.io"},{"name":"dlopezl","email":"daniel.lopez@wolf3d.io"},{"name":"raigo132","email":"raigo.kovask@wolf3d.io"},{"name":"kristo-rpm","email":"kristo.karp@wolf3d.io"},{"name":"tormi_reinson_rpm","email":"tormi.reinson@wolf3d.io"},{"name":"anneliiis","email":"anneliis.halling@wolf3d.io"},{"name":"aivo.paas.rpm","email":"aivo.paas@wolf3d.io"},{"name":"sander_rpm","email":"sander.kadajane@wolf3d.io"},{"name":"maxandreassenrpm","email":"max@wolf3d.io"},{"name":"ericserrat","email":"eric.serrat@gmail.com"},{"name":"davidkarolyirpm","email":"david.karolyi@wolf3d.io"},{"name":"bernhard-rpm","email":"bernhard@wolf3d.io"},{"name":"olafhaag","email":"olaf@readyplayer.me"},{"name":"blanxiii","email":"guillem@wolf3d.io"},{"name":"wolf_dan","email":"dan@wolf3d.io"},{"name":"elar.rpm","email":"elar@wolf3d.io"},{"name":"sgt3v","email":"sercan@wolf3d.io"},{"name":"harrison-wolf","email":"harrison@wolf3d.io"},{"name":"yuri_wolf3d","email":"yuri@wolf3d.io"},{"name":"ygrishajev.rpm","email":"yaroslav@wolf3d.io"},{"name":"rainerw3d","email":"rainer@wolf3d.io"}],"dist":{"shasum":"cc237b6266c4e8d47f05165a7dce754af12052e1","tarball":"https://registry.npmjs.org/@readyplayerme/react-avatar-creator/-/react-avatar-creator-0.3.0-rc.0.tgz","fileCount":21,"integrity":"sha512-7JWwlk2pSHgZZkjr9yedZMxCgb5KRdWvcF0pW/QWD+leNBcJw2rk5vDTAiIAMquRLQVVZDMRvzjsuCASx8fAIQ==","signatures":[{"sig":"MEYCIQCUjRF0LOgu18sCnKfLBUW1Bp/UmXEKTCM4AH6tqPlf6AIhAKLhQ/pqnnHmlJLYEn6OZXhej4gZ9aIDrakpUf0SpPmX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28881},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"dts lint"}},"module":"dist/index.esm.js","engines":{"node":">=12"},"gitHead":"53f0b44520811fe1f25937116d42cfe309e6087d","scripts":{"lint":"dts lint","size":"size-limit","test":"dts test --passWithNoTests","build":"rollup -c","start":"dts watch","analyze":"size-limit --why","prepare":"rollup -c"},"typings":"dist/index.d.ts","_npmUser":{"name":"raigo132","email":"raigo.kovask@wolf3d.io"},"prettier":{"semi":true,"endOfLine":"auto","printWidth":400,"singleQuote":true,"trailingComma":"es5"},"_npmVersion":"9.8.1","description":"Ready Player Me - React Avatar Creator","directories":{},"_nodeVersion":"18.16.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.3.1","husky":"^8.0.3","react":">=17.0","tslib":"^2.5.0","rollup":"^3.26.0","dts-cli":"^2.0.2","react-is":"^18.2.0","react-dom":">=17.0","size-limit":"^8.2.4","typescript":"^5.0.4","@babel/core":"^7.21.4","@types/react":"^17.0.40","babel-loader":"^9.1.2","@types/react-dom":"^17.0.13","rollup-plugin-dts":"^5.3.0","@tsconfig/vite-react":"^1.0.1","@tsconfig/recommended":"^1.0.2","@rollup/plugin-typescript":"^11.1.2","@size-limit/preset-small-lib":"^8.2.4"},"peerDependencies":{"react":">=16"},"_npmOperationalInternal":{"tmp":"tmp/react-avatar-creator_0.3.0-rc.0_1693236104989_0.7841466586318084","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"@readyplayerme/react-avatar-creator","version":"0.3.0","keywords":["readyplayerme","avatar","react","typescript","glb"],"author":{"name":"Ready Player Me"},"license":"MIT","_id":"@readyplayerme/react-avatar-creator@0.3.0","maintainers":[{"name":"marko.no","email":"marko@wolf3d.io"},{"name":"jorge-rpm","email":"jorge.ramirez@wolf3d.io"},{"name":"dlopezl","email":"daniel.lopez@wolf3d.io"},{"name":"raigo132","email":"raigo.kovask@wolf3d.io"},{"name":"kristo-rpm","email":"kristo.karp@wolf3d.io"},{"name":"tormi_reinson_rpm","email":"tormi.reinson@wolf3d.io"},{"name":"anneliiis","email":"anneliis.halling@wolf3d.io"},{"name":"aivo.paas.rpm","email":"aivo.paas@wolf3d.io"},{"name":"sander_rpm","email":"sander.kadajane@wolf3d.io"},{"name":"maxandreassenrpm","email":"max@wolf3d.io"},{"name":"ericserrat","email":"eric.serrat@gmail.com"},{"name":"davidkarolyirpm","email":"david.karolyi@wolf3d.io"},{"name":"bernhard-rpm","email":"bernhard@wolf3d.io"},{"name":"olafhaag","email":"olaf@readyplayer.me"},{"name":"blanxiii","email":"guillem@wolf3d.io"},{"name":"wolf_dan","email":"dan@wolf3d.io"},{"name":"elar.rpm","email":"elar@wolf3d.io"},{"name":"sgt3v","email":"sercan@wolf3d.io"},{"name":"harrison-wolf","email":"harrison@wolf3d.io"},{"name":"yuri_wolf3d","email":"yuri@wolf3d.io"},{"name":"ygrishajev.rpm","email":"yaroslav@wolf3d.io"},{"name":"rainerw3d","email":"rainer@wolf3d.io"}],"dist":{"shasum":"b14c8e862af1f24dbf2515402870ff43d29d7bc9","tarball":"https://registry.npmjs.org/@readyplayerme/react-avatar-creator/-/react-avatar-creator-0.3.0.tgz","fileCount":21,"integrity":"sha512-1rSgJKvWaNTggLLX64VbJmIsCOAynnqUr3gRykxwwtBRgq/4BYtTcvEHGBDTetkN/u0Xygyuj3U07Kb4Z8A2OQ==","signatures":[{"sig":"MEUCIQDJve6Pz2ALrZIBX3VVToPVC/dR7nLStOe9F/pFf30QcwIgVpb9J5dUeXubDxP6v3ZuU8lkbeMxg3H+NzYlE1j5ll8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28876},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"dts lint"}},"module":"dist/index.esm.js","engines":{"node":">=12"},"gitHead":"53f0b44520811fe1f25937116d42cfe309e6087d","scripts":{"lint":"dts lint","size":"size-limit","test":"dts test --passWithNoTests","build":"rollup -c","start":"dts watch","analyze":"size-limit --why","prepare":"rollup -c"},"typings":"dist/index.d.ts","_npmUser":{"name":"raigo132","email":"raigo.kovask@wolf3d.io"},"prettier":{"semi":true,"endOfLine":"auto","printWidth":400,"singleQuote":true,"trailingComma":"es5"},"_npmVersion":"9.8.1","description":"Ready Player Me - React Avatar Creator","directories":{},"_nodeVersion":"18.16.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.3.1","husky":"^8.0.3","react":">=17.0","tslib":"^2.5.0","rollup":"^3.26.0","dts-cli":"^2.0.2","react-is":"^18.2.0","react-dom":">=17.0","size-limit":"^8.2.4","typescript":"^5.0.4","@babel/core":"^7.21.4","@types/react":"^17.0.40","babel-loader":"^9.1.2","@types/react-dom":"^17.0.13","rollup-plugin-dts":"^5.3.0","@tsconfig/vite-react":"^1.0.1","@tsconfig/recommended":"^1.0.2","@rollup/plugin-typescript":"^11.1.2","@size-limit/preset-small-lib":"^8.2.4"},"peerDependencies":{"react":">=16"},"_npmOperationalInternal":{"tmp":"tmp/react-avatar-creator_0.3.0_1693236544335_0.24680017705272617","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"@readyplayerme/react-avatar-creator","version":"0.4.0","keywords":["readyplayerme","avatar","react","typescript","glb"],"author":{"name":"Ready Player Me"},"license":"MIT","_id":"@readyplayerme/react-avatar-creator@0.4.0","maintainers":[{"name":"tbowern","email":"tombowern@readyplayer.me"},{"name":"chikaogumka","email":"chikaogumka@readyplayer.me"},{"name":"ericjansenrpm","email":"ericjansen@readyplayer.me"},{"name":"akshlu","email":"alvustinov@gmail.com"},{"name":"marko.no","email":"marko@wolf3d.io"},{"name":"jorge-rpm","email":"jorge.ramirez@wolf3d.io"},{"name":"dlopezl","email":"daniel.lopez@wolf3d.io"},{"name":"raigo132","email":"raigo.kovask@wolf3d.io"},{"name":"kristo-rpm","email":"kristo.karp@wolf3d.io"},{"name":"tormi_reinson_rpm","email":"tormi.reinson@wolf3d.io"},{"name":"anneliiis","email":"anneliis.halling@wolf3d.io"},{"name":"aivo.paas.rpm","email":"aivo.paas@wolf3d.io"},{"name":"sander_rpm","email":"sander.kadajane@wolf3d.io"},{"name":"maxandreassenrpm","email":"max@wolf3d.io"},{"name":"ericserrat","email":"eric.serrat@gmail.com"},{"name":"davidkarolyirpm","email":"david.karolyi@wolf3d.io"},{"name":"bernhard-rpm","email":"bernhard@wolf3d.io"},{"name":"olafhaag","email":"olaf@readyplayer.me"},{"name":"blanxiii","email":"guillem@wolf3d.io"},{"name":"wolf_dan","email":"dan@wolf3d.io"},{"name":"elar.rpm","email":"elar@wolf3d.io"},{"name":"sgt3v","email":"sercan@wolf3d.io"},{"name":"harrison-wolf","email":"harrison@wolf3d.io"},{"name":"yuri_wolf3d","email":"yuri@wolf3d.io"},{"name":"ygrishajev.rpm","email":"yaroslav@wolf3d.io"},{"name":"rainerw3d","email":"rainer@wolf3d.io"}],"dist":{"shasum":"ac0fc00cce1d27a4b4d60d9b9405932447b84832","tarball":"https://registry.npmjs.org/@readyplayerme/react-avatar-creator/-/react-avatar-creator-0.4.0.tgz","fileCount":21,"integrity":"sha512-mADvUesLLWh8xE/A25UcfXCokp2fF1lf5dL+cRFsJhY9pCUD7BCdgabgdkql3Qdz3NFHs5jgIfNQlRMhHznc6A==","signatures":[{"sig":"MEYCIQDR01aPFVya/gFrl0j0M2EjnnL7vnv6C3Cqfuv2K57HKwIhALOXdMiI9KF8FBchBktywMkEpkwgZkaQhT+BzFLng92x","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29585},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"dts lint"}},"module":"dist/index.esm.js","engines":{"node":">=12"},"gitHead":"32f7bcd4893cde0232c63b09c39189a05e228bab","scripts":{"lint":"dts lint","size":"size-limit","test":"dts test --passWithNoTests","build":"rollup -c","start":"dts watch","analyze":"size-limit --why","prepare":"rollup -c"},"typings":"dist/index.d.ts","_npmUser":{"name":"raigo132","email":"raigo.kovask@wolf3d.io"},"prettier":{"semi":true,"endOfLine":"auto","printWidth":400,"singleQuote":true,"trailingComma":"es5"},"_npmVersion":"9.8.1","description":"Ready Player Me - React Avatar Creator","directories":{},"_nodeVersion":"18.16.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.3.1","husky":"^8.0.3","react":">=17.0","tslib":"^2.5.0","rollup":"^3.26.0","dts-cli":"^2.0.2","react-is":"^18.2.0","react-dom":">=17.0","size-limit":"^8.2.4","typescript":"^5.0.4","@babel/core":"^7.21.4","@types/react":"^17.0.40","babel-loader":"^9.1.2","@types/react-dom":"^17.0.13","rollup-plugin-dts":"^5.3.0","@tsconfig/vite-react":"^1.0.1","@tsconfig/recommended":"^1.0.2","@rollup/plugin-typescript":"^11.1.2","@size-limit/preset-small-lib":"^8.2.4"},"peerDependencies":{"react":">=16"},"_npmOperationalInternal":{"tmp":"tmp/react-avatar-creator_0.4.0_1704268262870_0.5700168509925576","host":"s3://npm-registry-packages"}},"0.5.0":{"name":"@readyplayerme/react-avatar-creator","version":"0.5.0","keywords":["readyplayerme","avatar","react","typescript","glb"],"author":{"name":"Ready Player Me"},"license":"MIT","_id":"@readyplayerme/react-avatar-creator@0.5.0","maintainers":[{"name":"andrus.lall","email":"andrus.lall@readyplayer.me"},{"name":"wizard-readyplayerme","email":"wizard@readyplayer.me"},{"name":"tbowern","email":"tombowern@readyplayer.me"},{"name":"chikaogumka","email":"chikaogumka@readyplayer.me"},{"name":"ericjansenrpm","email":"ericjansen@readyplayer.me"},{"name":"akshlu","email":"alvustinov@gmail.com"},{"name":"marko.no","email":"marko@wolf3d.io"},{"name":"jorge-rpm","email":"jorge.ramirez@wolf3d.io"},{"name":"dlopezl","email":"daniel.lopez@wolf3d.io"},{"name":"raigo132","email":"raigo.kovask@wolf3d.io"},{"name":"kristo-rpm","email":"kristo.karp@wolf3d.io"},{"name":"tormi_reinson_rpm","email":"tormi.reinson@wolf3d.io"},{"name":"anneliiis","email":"anneliis.halling@wolf3d.io"},{"name":"aivo.paas.rpm","email":"aivo.paas@wolf3d.io"},{"name":"sander_rpm","email":"sander.kadajane@wolf3d.io"},{"name":"maxandreassenrpm","email":"max@wolf3d.io"},{"name":"ericserrat","email":"eric.serrat@gmail.com"},{"name":"davidkarolyirpm","email":"david.karolyi@wolf3d.io"},{"name":"bernhard-rpm","email":"bernhard@wolf3d.io"},{"name":"olafhaag","email":"olaf@readyplayer.me"},{"name":"blanxiii","email":"guillem@wolf3d.io"},{"name":"wolf_dan","email":"dan@wolf3d.io"},{"name":"elar.rpm","email":"elar@wolf3d.io"},{"name":"sgt3v","email":"sercan@wolf3d.io"},{"name":"harrison-wolf","email":"harrison@wolf3d.io"},{"name":"yuri_wolf3d","email":"yuri@wolf3d.io"},{"name":"ygrishajev.rpm","email":"yaroslav@wolf3d.io"},{"name":"rainerw3d","email":"rainer@wolf3d.io"}],"dist":{"shasum":"5abad4d871f1090a6c0e3f2b0927179f7bb5dcb0","tarball":"https://registry.npmjs.org/@readyplayerme/react-avatar-creator/-/react-avatar-creator-0.5.0.tgz","fileCount":21,"integrity":"sha512-fZaUFlA2ZXcQ8VfY28603+iDDS5slFSiMbUAae5M2X44viOMp4HbPcQhvjoIEVNXDPxZ35/d8Fc6jcaP+mfM7A==","signatures":[{"sig":"MEUCIQCdbdZwuxVIxMHlaWmd+jz0MP3x/COVuTxF7r76ekGqnwIgclZ9uWSQ9dlf1xkWDVDFISydlo9JscWhYk8YDLq1Iwo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29842},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"dts lint"}},"module":"dist/index.esm.js","engines":{"node":">=12"},"gitHead":"7d8dee64310a97a0b6ea84aa2167e3a55235c7a8","scripts":{"lint":"dts lint","size":"size-limit","test":"dts test --passWithNoTests","build":"rollup -c","start":"dts watch","analyze":"size-limit --why","prepare":"rollup -c"},"typings":"dist/index.d.ts","_npmUser":{"name":"raigo132","email":"raigo.kovask@wolf3d.io"},"prettier":{"semi":true,"endOfLine":"auto","printWidth":400,"singleQuote":true,"trailingComma":"es5"},"_npmVersion":"9.8.1","description":"Ready Player Me - React Avatar Creator","directories":{},"_nodeVersion":"18.16.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.3.1","husky":"^8.0.3","react":">=17.0","tslib":"^2.5.0","rollup":"^3.26.0","dts-cli":"^2.0.2","react-is":"^18.2.0","react-dom":">=17.0","size-limit":"^8.2.4","typescript":"^5.0.4","@babel/core":"^7.21.4","@types/react":"^17.0.40","babel-loader":"^9.1.2","@types/react-dom":"^17.0.13","rollup-plugin-dts":"^5.3.0","@tsconfig/vite-react":"^1.0.1","@tsconfig/recommended":"^1.0.2","@rollup/plugin-typescript":"^11.1.2","@size-limit/preset-small-lib":"^8.2.4"},"peerDependencies":{"react":">=16"},"_npmOperationalInternal":{"tmp":"tmp/react-avatar-creator_0.5.0_1706277048618_0.25819888344603736","host":"s3://npm-registry-packages"}}},"time":{"created":"2023-08-16T13:59:17.727Z","modified":"2026-04-06T12:35:25.229Z","0.1.0":"2023-08-16T13:59:17.957Z","0.2.0":"2023-08-28T14:46:12.742Z","0.3.0-rc.0":"2023-08-28T15:21:45.157Z","0.3.0":"2023-08-28T15:29:04.492Z","0.4.0":"2024-01-03T07:51:03.028Z","0.5.0":"2024-01-26T13:50:48.827Z"},"author":{"name":"Ready Player Me"},"license":"MIT","keywords":["readyplayerme","avatar","react","typescript","glb"],"description":"Ready Player Me - React Avatar Creator","maintainers":[{"email":"harrison@wolf3d.io","name":"harrison-wolf"},{"email":"rainer@readyplayer.me","name":"rainerw3d"},{"email":"olaf@readyplayer.me","name":"olafhaag"},{"email":"andrus.lall@readyplayer.me","name":"andrus.lall"},{"email":"artem.galas@gmail.com","name":"artemgalas"},{"email":"marko@wolf3d.io","name":"marko.no"},{"email":"voolaidk@gmail.com","name":"voolaidk"},{"email":"anneliis.halling@wolf3d.io","name":"anneliiis"},{"email":"kristo.karp@wolf3d.io","name":"kristo-rpm"},{"email":"raigo.kovask@wolf3d.io","name":"raigo132"}],"readme":"# Ready Player Me - React Avatar Creator\n\n**Ready Player Me - React Avatar Creator** is a set of components and helper methods to help implementing the Ready Player Me Avatar Creator into React projects.\n\nCodesandbox example for loading the Avatar Creator: https://codesandbox.io/p/sandbox/ready-player-me-react-avatar-creator-qxkqjf\n\nCodesandbox example for loading the Avatar Creator and visualizing the avatar with the Visage package: https://codesandbox.io/p/sandbox/ready-player-me-visage-example-l4m2k2\n\n## Installation\n\nReady Player Me React Avatar Creator is available as a [npm package](https://www.npmjs.com/package/@readyplayerme/react-avatar-creator).\n\n```bash\nnpm i @readyplayerme/react-avatar-creator\n```\n\n## Usage\n\n```tsx\nimport { AvatarCreator } from '@readyplayerme/react-avatar-creator';\n\nexport default function App() {\n  return <AvatarCreator subdomain=\"demo\" style={{ width: '100%', height: '100vh', border: 'none' }} />;\n}\n```\n\nhttps://user-images.githubusercontent.com/3163281/235168912-a9dacd91-af3a-4b35-81c3-b025e12e333a.mp4\n\n---\n\n# Components\n\n## AvatarCreator\n\nAvatarCreator component helps you load Ready Player Me in an iframe where you can edit your avatar and receive your avatar URL as a post message once your avatar is exported.\n\n### Parameters\n\n**subdomain** _[required]_: string\n\n- Your Ready Player Me subdomain. You can get one from [Ready Player Me Studio](https://studio.readyplayer.me/).\n\n**className** _[optional]_: string\n\n- The css classes to apply to the iframe.\n\n**style** _[optional]_: CSSProperties\n\n- The css styles to apply to the iframe.\n\n**config** _[optional]_: AvatarCreatorConfig\n\n- Editor Configuration is where you can set url properties of Ready Player Me editor. Read more about these options in [Ready Player Me documentations](https://docs.readyplayer.me/ready-player-me/integration-guides/web-and-native-integration/avatar-creator-integration#configuration-1).\n\n**onAvatarExported** _[optional]_: (event: AvatarExportedEvent) => void\n\n- Callback function that is called when avatar is exported.\n\n**onUserSet** _[optional]_: (event: UserSetEvent) => void\n\n- Callback function that is called when user id is set.\n\n**onAssetUnlocked** _[optional]_: (event: AssetUnlockedEvent) => void\n\n- Callback function that is called when an asset is unlocked.\n\n**onUserAuthorized** _[optional]_: (event: UserAuthorizedEvent) => void\n\n- Callback function that is called when the user is authorized.\n\n### Example\n\n```tsx\nimport { AvatarCreator, AvatarCreatorConfig, AvatarExportedEvent, UserSetEvent } from '@readyplayerme/react-avatar-creator';\n\nconst config: AvatarCreatorConfig = {\n  clearCache: true,\n  bodyType: 'fullbody',\n  quickStart: false,\n  language: 'en',\n};\n\nconst style = { width: '100%', height: '100vh', border: 'none' };\n\nexport default function App() {\n  const handleOnUserSet = (event: UserSetEvent) => {\n    console.log(`User ID is: ${event.data.id}`);\n  };\n\n  const handleOnAvatarExported = (event: AvatarExportedEvent) => {\n    console.log(`Avatar URL is: ${event.data.url}`);\n  };\n\n  return (\n    <>\n      <AvatarCreator subdomain=\"demo\" config={config} style={style} onUserSet={handleOnUserSet} onAvatarExported={handleOnAvatarExported} />\n    </>\n  );\n}\n```\n\n## AvatarCreatorRaw\n\nAvatarCreatorRaw is a lower level component that gives you everything found in the avatar creator, but without explicit callbacks for each event, so you can have the ability to create your own custom logic around these events, if you choose to do so.\n\n### Parameters\n\n**subdomain** _[required]_: string\n\n- Your Ready Player Me subdomain. You can get one from [Ready Player Me Studio](https://studio.readyplayer.me/).\n\n**className** _[optional]_: string\n\n- The css classes to apply to the iframe.\n\n**style** _[optional]_: CSSProperties\n\n- The css styles to apply to the iframe.\n\n**config** _[optional]_: AvatarCreatorConfig\n\n- Editor Configuration is where you can set url properties of Ready Player Me editor. Read more about these options in [Ready Player Me documentations](https://docs.readyplayer.me/ready-player-me/integration-guides/web-and-native-integration/avatar-creator-integration#configuration-1).\n\n**onEventReceived** _[required]_: (event: IFrameEvent<any>) => void\n\n- Callback function that is called whenever an AvatarCreatorEvent is published\n\n### Example\n\n```tsx\nimport { AvatarCreatorConfig, AvatarCreatorEvent, AvatarCreatorRaw } from '@readyplayerme/react-avatar-creator';\n\nconst config: AvatarCreatorConfig = {\n  clearCache: true,\n  bodyType: 'fullbody',\n  quickStart: false,\n  language: 'en',\n};\n\nconst style = { width: '100%', height: '100vh', border: 'none' };\n\nexport default function App() {\n  const handleCustomEvent = (event: AvatarCreatorEvent) => {\n    console.log(`Received custom event`, event);\n  };\n\n  return (\n    <>\n      <AvatarCreatorRaw subdomain=\"demo\" config={config} style={style} onEventReceived={handleCustomEvent} />\n    </>\n  );\n}\n```\n\n## Using AvatarCreator with Visage\n\nIf you would like to use Visage, with its full capability to edit camera and light properties of the scene and more, you can use AvatarCreator component and Visage components together.\n\n```tsx\nimport { Avatar } from '@readyplayerme/visage';\nimport { AvatarCreator, AvatarCreatorConfig } from '@readyplayerme/react-avatar-creator';\nimport { useState } from 'react';\n\nconst subdomain = 'demo';\n\nconst config: AvatarCreatorConfig = {\n  clearCache: true,\n  bodyType: 'fullbody',\n  quickStart: false,\n  language: 'en',\n};\n\nconst style = { width: '100%', height: '100vh', border: 'none' };\n\nexport const YourCustomComponent = () => {\n  const [url, setUrl] = useState<string>();\n\n  if (!url) {\n    return <AvatarCreator subdomain={subdomain} config={config} style={style} onAvatarExported={(event) => setUrl(event.data.url)} />;\n  }\n  return <Avatar style={style} modelSrc={url} cameraInitialDistance={10} />;\n};\n```\n","readmeFilename":"README.md"}