{"_id":"@autoviz/sdk","_rev":"11-945858e0d2942518590384ffe3f41f48","name":"@autoviz/sdk","dist-tags":{"latest":"0.1.88"},"versions":{"0.1.21":{"name":"@autoviz/sdk","version":"0.1.21","keywords":["autoviz","3d","visualization","react","component","sdk"],"author":{"name":"alphaBiota","email":"github@apexquo.io"},"license":"MIT","_id":"@autoviz/sdk@0.1.21","maintainers":[{"name":"autoviz-dev","email":"dev@autoviz.io"}],"homepage":"https://docs.autoviz.io","bugs":{"url":"https://github.com/autoviz-io/autoviz-sdk/issues"},"dist":{"shasum":"d4fc12c25b0822c57f1f62b96660f4efea2cbfc4","tarball":"https://registry.npmjs.org/@autoviz/sdk/-/sdk-0.1.21.tgz","fileCount":6,"integrity":"sha512-VtLriPzhaX+4LHeW4x1oWX1rv6onHibvhRdxAr3TEYa6DWH/Ni/RnxfjSMkVrF3Dqa3kcr1kGZemWUK4NyM9UA==","signatures":[{"sig":"MEYCIQCEWgX9HNl8AE85pZzp2ttfQJhYUIhKOcs/mQzhnkKD7wIhAKZbbC5VN8Qbm7ZvirRThTUB+WXyFofgmAKmu1ZdRpAU","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":20447},"main":"cjs/index.js","types":"types/index.d.ts","module":"esm/index.js","exports":{".":{"types":"./types/index.d.ts","import":"./esm/index.js","require":"./cjs/index.js"}},"gitHead":"c982f17cd135daadd48047494822f4e141a5af6b","_npmUser":{"name":"autoviz-dev","email":"dev@autoviz.io"},"repository":{"url":"git+https://github.com/autoviz-io/autoviz-sdk.git","type":"git"},"_npmVersion":"10.8.2","description":"AutoViz SDK React component with automatic script loading","directories":{},"_nodeVersion":"20.19.6","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/sdk_0.1.21_1765397350788_0.9585278952886813","host":"s3://npm-registry-packages-npm-production"}},"0.1.22":{"name":"@autoviz/sdk","version":"0.1.22","keywords":["autoviz","3d","visualization","react","component","sdk"],"author":{"name":"alphaBiota","email":"github@apexquo.io"},"license":"MIT","_id":"@autoviz/sdk@0.1.22","maintainers":[{"name":"autoviz-dev","email":"dev@autoviz.io"}],"homepage":"https://docs.autoviz.io","bugs":{"url":"https://github.com/autoviz-io/autoviz-sdk/issues"},"dist":{"shasum":"59b8e73e794f48faa4d3378132f2040b79f885fa","tarball":"https://registry.npmjs.org/@autoviz/sdk/-/sdk-0.1.22.tgz","fileCount":6,"integrity":"sha512-jIAUFP13YEGRhxPKDQ123Y1Fy0NNXjnNHtCq0Qv5AXL7owJ3KdQEBn36IfzPXUksipZG6qIEA5/GyG5fGidWDw==","signatures":[{"sig":"MEQCIBKi8VN6+i3ihRri8mEkdIKY/OIWJjH4desIp5Db2HHfAiB12nTf7TzhjQWeGSQr5t5RmpiqMLhluTC4N0d2K27BYQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":20447},"main":"cjs/index.js","types":"types/index.d.ts","module":"esm/index.js","exports":{".":{"types":"./types/index.d.ts","import":"./esm/index.js","require":"./cjs/index.js"}},"gitHead":"1c5fb4348a0717de83cc59c3086169930fec7162","_npmUser":{"name":"autoviz-dev","email":"dev@autoviz.io"},"repository":{"url":"git+https://github.com/autoviz-io/autoviz-sdk.git","type":"git"},"_npmVersion":"10.8.2","description":"AutoViz SDK React component with automatic script loading","directories":{},"_nodeVersion":"20.19.6","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/sdk_0.1.22_1765397955986_0.3976017040361164","host":"s3://npm-registry-packages-npm-production"}},"0.1.23":{"name":"@autoviz/sdk","version":"0.1.23","keywords":["autoviz","3d","visualization","react","component","sdk"],"author":{"name":"alphaBiota","email":"github@apexquo.io"},"license":"MIT","_id":"@autoviz/sdk@0.1.23","maintainers":[{"name":"autoviz-dev","email":"dev@autoviz.io"}],"homepage":"https://docs.autoviz.io","bugs":{"url":"https://github.com/autoviz-io/autoviz-sdk/issues"},"dist":{"shasum":"ab0fe2a88ff76fbdbf9393b44c42494e9b919f94","tarball":"https://registry.npmjs.org/@autoviz/sdk/-/sdk-0.1.23.tgz","fileCount":6,"integrity":"sha512-zjmNmxIjyWfRjtBupYhqcTZmIRbKeQ/HLjh1SVZQ9wR25HeewYGLoEIQhm9uZK86Nnuli0napzzo0jBKJFRzGQ==","signatures":[{"sig":"MEUCIQC2OP6m/HpgzCEaXFn7P97U6zlVVXA5d7bPWqci3KiDTgIgeqYnE7ILfD0TbMW+1KJzm2ABlA6MZT7XuwYhRBrjGZ0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":20296},"main":"cjs/index.js","types":"types/index.d.ts","module":"esm/index.js","exports":{".":{"types":"./types/index.d.ts","import":"./esm/index.js","require":"./cjs/index.js"}},"gitHead":"423e6ccbe171154db7b8330e799e26f41614af8d","_npmUser":{"name":"autoviz-dev","email":"dev@autoviz.io"},"repository":{"url":"git+https://github.com/autoviz-io/autoviz-sdk.git","type":"git"},"_npmVersion":"10.8.2","description":"AutoViz SDK React component with automatic script loading","directories":{},"_nodeVersion":"20.19.6","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/sdk_0.1.23_1765401852451_0.3029902016490247","host":"s3://npm-registry-packages-npm-production"}},"0.1.24":{"name":"@autoviz/sdk","version":"0.1.24","keywords":["autoviz","3d","visualization","react","component","sdk"],"author":{"name":"alphaBiota","email":"github@apexquo.io"},"license":"MIT","_id":"@autoviz/sdk@0.1.24","maintainers":[{"name":"autoviz-dev","email":"dev@autoviz.io"}],"homepage":"https://docs.autoviz.io","bugs":{"url":"https://github.com/autoviz-io/autoviz-sdk/issues"},"dist":{"shasum":"e944cf76bc723058ef044c576861062bab76bac1","tarball":"https://registry.npmjs.org/@autoviz/sdk/-/sdk-0.1.24.tgz","fileCount":6,"integrity":"sha512-QncS8u56tk8etljWho3Wf26GtutKe4taQhqU0dAJkKLF6dA76v0ocSyl9VFm++ZiZqBcE5qVGuZ/PXdPHgP6dQ==","signatures":[{"sig":"MEUCIQDnGOEFV27MBH5ksyEwQ18NoumqpKtYbWDJdJ/9qht9DgIgFeHM4d4C9SkzFA10k4tA8r8dBz1mt/fW6sPgqeuNIY0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":20468},"main":"cjs/index.js","types":"types/index.d.ts","module":"esm/index.js","exports":{".":{"types":"./types/index.d.ts","import":"./esm/index.js","require":"./cjs/index.js"}},"gitHead":"6969f81acacfaa16be1b6de6f273d5ac9c2758ff","_npmUser":{"name":"autoviz-dev","email":"dev@autoviz.io"},"repository":{"url":"git+https://github.com/autoviz-io/autoviz-sdk.git","type":"git"},"_npmVersion":"10.8.2","description":"AutoViz SDK React component with automatic script loading","directories":{},"_nodeVersion":"20.19.6","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/sdk_0.1.24_1765416744834_0.5044999226838291","host":"s3://npm-registry-packages-npm-production"}},"0.1.25":{"name":"@autoviz/sdk","version":"0.1.25","keywords":["autoviz","3d","visualization","react","component","sdk"],"author":{"name":"alphaBiota","email":"github@apexquo.io"},"license":"MIT","_id":"@autoviz/sdk@0.1.25","maintainers":[{"name":"autoviz-dev","email":"dev@autoviz.io"}],"homepage":"https://docs.autoviz.io","bugs":{"url":"https://github.com/autoviz-io/autoviz-sdk/issues"},"dist":{"shasum":"e9622155d43b7e5a4569f7080f628f9e16c81461","tarball":"https://registry.npmjs.org/@autoviz/sdk/-/sdk-0.1.25.tgz","fileCount":6,"integrity":"sha512-fq6Z0Tmy5NQu7EDBCeelT6mS8ffudAY6VEippZCtwflrKQQWXs/DY93ikCvf/Tq11GYucLsYjKAGogaEJRWvYQ==","signatures":[{"sig":"MEUCIQCVBP3nAEc91GZiEabhpi3JtInyjpR4i0DjuXY1+qu9VwIgJy4gvsGjvhXsPZGp5rw1Wx5MyX8oNNcl8MHXIawQSEI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21282},"main":"cjs/index.js","types":"types/index.d.ts","module":"esm/index.js","exports":{".":{"types":"./types/index.d.ts","import":"./esm/index.js","require":"./cjs/index.js"}},"gitHead":"1f4042331e15411d8a79513aed5c5f1b9cbf6b0a","_npmUser":{"name":"autoviz-dev","email":"dev@autoviz.io"},"repository":{"url":"git+https://github.com/autoviz-io/autoviz-sdk.git","type":"git"},"_npmVersion":"10.8.2","description":"AutoViz SDK React component with automatic script loading","directories":{},"_nodeVersion":"20.19.6","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/sdk_0.1.25_1765417492472_0.916992850121739","host":"s3://npm-registry-packages-npm-production"}},"0.1.26":{"name":"@autoviz/sdk","version":"0.1.26","keywords":["autoviz","3d","visualization","react","component","sdk"],"author":{"name":"alphaBiota","email":"github@apexquo.io"},"license":"MIT","_id":"@autoviz/sdk@0.1.26","maintainers":[{"name":"autoviz-dev","email":"dev@autoviz.io"}],"homepage":"https://docs.autoviz.io","bugs":{"url":"https://github.com/autoviz-io/autoviz-sdk/issues"},"dist":{"shasum":"4b51b2b686b6831d59e97ec93e5b7cb3891425fe","tarball":"https://registry.npmjs.org/@autoviz/sdk/-/sdk-0.1.26.tgz","fileCount":6,"integrity":"sha512-a7hjfEz4uXxlJKegH1FyeFN2NuvSDtjsGiOp3mSUStENeCKxe9Rt3WL2iC/qP1egsiD33TNaloaON1tCUGPVkQ==","signatures":[{"sig":"MEQCIBTtD/7l0uWXn/UJ6v+cdEsgW+Edr1afiPow3dag+A8HAiBpGSI01TDs+aTiHgSRPHRRdY3e1juJMhVNA1xdVoNzLQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21282},"main":"cjs/index.js","types":"types/index.d.ts","module":"esm/index.js","exports":{".":{"types":"./types/index.d.ts","import":"./esm/index.js","require":"./cjs/index.js"}},"gitHead":"b8842dd5951abcf79ccf9ea9489b2b3d30ca73b9","_npmUser":{"name":"autoviz-dev","email":"dev@autoviz.io"},"repository":{"url":"git+https://github.com/autoviz-io/autoviz-sdk.git","type":"git"},"_npmVersion":"10.8.2","description":"AutoViz SDK React component with automatic script loading","directories":{},"_nodeVersion":"20.19.6","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/sdk_0.1.26_1765458001770_0.6445592241730151","host":"s3://npm-registry-packages-npm-production"}},"0.1.55":{"name":"@autoviz/sdk","version":"0.1.55","keywords":["autoviz","3d","visualization","react","component","sdk"],"author":{"name":"alphaBiota","email":"github@apexquo.io"},"license":"MIT","_id":"@autoviz/sdk@0.1.55","maintainers":[{"name":"autoviz-dev","email":"dev@autoviz.io"}],"homepage":"https://docs.autoviz.io","bugs":{"url":"https://github.com/autoviz-io/autoviz-sdk/issues"},"dist":{"shasum":"efc3bf153373739c92b14778decaf1fc288ae738","tarball":"https://registry.npmjs.org/@autoviz/sdk/-/sdk-0.1.55.tgz","fileCount":6,"integrity":"sha512-K9on+cjPk1fSVR9BxtNHeMKf1ViXpaUjH7blcTLzQpDU+8TKhX1GxtXmUJrYztNq1rzj1tnsgahM1gpWkq4XGQ==","signatures":[{"sig":"MEUCIQCjqVOck5PzucoTldw3VID22h2/xvJa0gRadxuyLs9D3wIgZA/gfYvVd4XLWGtfUNdoc+7x5bDLN+bxtzQ7OF02xN0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21282},"main":"cjs/index.js","types":"types/index.d.ts","module":"esm/index.js","exports":{".":{"types":"./types/index.d.ts","import":"./esm/index.js","require":"./cjs/index.js"}},"gitHead":"95e552480856d996e5c15df334ed7507b9df6092","_npmUser":{"name":"autoviz-dev","email":"dev@autoviz.io"},"repository":{"url":"git+https://github.com/autoviz-io/autoviz-sdk.git","type":"git"},"_npmVersion":"10.8.2","description":"AutoViz SDK React component with automatic script loading","directories":{},"_nodeVersion":"20.19.6","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/sdk_0.1.55_1767749066883_0.5396854595595413","host":"s3://npm-registry-packages-npm-production"}},"0.1.56":{"name":"@autoviz/sdk","version":"0.1.56","keywords":["autoviz","3d","visualization","react","component","sdk"],"author":{"name":"alphaBiota","email":"github@apexquo.io"},"license":"MIT","_id":"@autoviz/sdk@0.1.56","maintainers":[{"name":"autoviz-dev","email":"dev@autoviz.io"}],"homepage":"https://docs.autoviz.io","bugs":{"url":"https://github.com/autoviz-io/autoviz-sdk/issues"},"dist":{"shasum":"f3980e115352c0f6917634191e3dcb9cd502744a","tarball":"https://registry.npmjs.org/@autoviz/sdk/-/sdk-0.1.56.tgz","fileCount":6,"integrity":"sha512-vc+HwGyJ6/MPH0LN/CRnC4OVhsoQI/teGYpA+yysjIWYiIOfaXEt7kIYwhC1C6/DCMd8MZc8cxP6zPYyY9AOdg==","signatures":[{"sig":"MEUCIQCPGfrS7xUed2Ym6gWfQgLQDJ9cZj6QjvB44Nr6CeDMagIgLT0I7DEN7xlDKsLfk7pzm+/YuCeRER+8kqOjMIS65vI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21282},"main":"cjs/index.js","types":"types/index.d.ts","module":"esm/index.js","exports":{".":{"types":"./types/index.d.ts","import":"./esm/index.js","require":"./cjs/index.js"}},"gitHead":"833498c33f96444531bed5a98d142650523de464","_npmUser":{"name":"autoviz-dev","email":"dev@autoviz.io"},"repository":{"url":"git+https://github.com/autoviz-io/autoviz-sdk.git","type":"git"},"_npmVersion":"10.8.2","description":"AutoViz SDK React component with automatic script loading","directories":{},"_nodeVersion":"20.19.6","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/sdk_0.1.56_1767750398679_0.32513799568565815","host":"s3://npm-registry-packages-npm-production"}},"0.1.65":{"name":"@autoviz/sdk","version":"0.1.65","keywords":["autoviz","3d","visualization","react","component","sdk"],"author":{"name":"alphaBiota","email":"github@apexquo.io"},"license":"MIT","_id":"@autoviz/sdk@0.1.65","maintainers":[{"name":"autoviz-dev","email":"dev@autoviz.io"}],"homepage":"https://docs.autoviz.io","bugs":{"url":"https://github.com/autoviz-io/autoviz-sdk/issues"},"dist":{"shasum":"4bbd3d33979cdbe8d7264f733b0c1ed6805852a7","tarball":"https://registry.npmjs.org/@autoviz/sdk/-/sdk-0.1.65.tgz","fileCount":6,"integrity":"sha512-n6hSYMYj3S8A9ed+hORkZAhHOS+XzPqcqUqZoRSmZ8uIny2MhOo/XRcYyP9i38YXWFvrrcaW3RzjFDNpvSex5g==","signatures":[{"sig":"MEUCIQDiEaXkbJnp4PYOxbZr4YuMBiAyXmSdpmx8b9M2ohhqkQIgTzyxIl4JeJ7iuoHfVkh7cNYsgU1/J3IP3+IGuFyqQHU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":26927},"main":"cjs/index.js","types":"types/index.d.ts","module":"esm/index.js","exports":{".":{"types":"./types/index.d.ts","import":"./esm/index.js","require":"./cjs/index.js"}},"gitHead":"79f33caa174dc8655a3126e39bd24df5afe31daa","_npmUser":{"name":"autoviz-dev","email":"dev@autoviz.io"},"repository":{"url":"git+https://github.com/autoviz-io/autoviz-sdk.git","type":"git"},"_npmVersion":"10.8.2","description":"AutoViz SDK React component with automatic script loading","directories":{},"_nodeVersion":"20.20.0","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/sdk_0.1.65_1769139663688_0.7980346875850834","host":"s3://npm-registry-packages-npm-production"}},"0.1.66":{"name":"@autoviz/sdk","version":"0.1.66","keywords":["autoviz","3d","visualization","react","component","sdk"],"author":{"name":"alphaBiota","email":"github@apexquo.io"},"license":"MIT","_id":"@autoviz/sdk@0.1.66","maintainers":[{"name":"autoviz-dev","email":"dev@autoviz.io"}],"homepage":"https://docs.autoviz.io","bugs":{"url":"https://github.com/autoviz-io/autoviz-sdk/issues"},"dist":{"shasum":"7d547255b82505ec7095e953f79a00202afcc26b","tarball":"https://registry.npmjs.org/@autoviz/sdk/-/sdk-0.1.66.tgz","fileCount":6,"integrity":"sha512-14UhUFc6iOZ8tKs8DXzyhqxqwzK3NvRqlcDDgzaWNObhe8YRflPlNjzU6jT90XuzOId5Z3AoG4YnPwqV4TMdvw==","signatures":[{"sig":"MEUCICW03NAkvaJU68ulJ69WKEBDDUffNyHtc97N3zarUdHNAiEApw8n6feUzVom+xSleiRqd6DJyWflrKKFR3YmzUh+RIs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":26927},"main":"cjs/index.js","types":"types/index.d.ts","module":"esm/index.js","exports":{".":{"types":"./types/index.d.ts","import":"./esm/index.js","require":"./cjs/index.js"}},"gitHead":"38d29a7aa4349c603037f841cee5e63089c9426e","_npmUser":{"name":"autoviz-dev","email":"dev@autoviz.io"},"repository":{"url":"git+https://github.com/autoviz-io/autoviz-sdk.git","type":"git"},"_npmVersion":"10.8.2","description":"AutoViz SDK React component with automatic script loading","directories":{},"_nodeVersion":"20.20.0","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/sdk_0.1.66_1769140969464_0.7799520414451979","host":"s3://npm-registry-packages-npm-production"}},"0.1.88":{"name":"@autoviz/sdk","version":"0.1.88","description":"AutoViz SDK React component with automatic script loading","main":"cjs/index.js","module":"esm/index.js","types":"types/index.d.ts","exports":{".":{"types":"./types/index.d.ts","import":"./esm/index.js","require":"./cjs/index.js"}},"keywords":["autoviz","3d","visualization","react","component","sdk"],"author":{"name":"alphaBiota","email":"github@apexquo.io"},"license":"MIT","peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"repository":{"type":"git","url":"git+https://github.com/autoviz-io/autoviz-sdk.git"},"homepage":"https://docs.autoviz.io","bugs":{"url":"https://github.com/autoviz-io/autoviz-sdk/issues"},"_id":"@autoviz/sdk@0.1.88","gitHead":"dc0f467322f01e8561e504493901f3a676bdda0f","_nodeVersion":"20.20.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-K9SpxGhCuBaOrMtDQMrQP+97gd2LDPNLK8G6Yr1Xj3C3DJoOhfPvfZcWncHZfPPWEVVxOJR9Rpu8vADzMtg11g==","shasum":"463999d1e5ba95ee8e4db9368d1a88270ed493e0","tarball":"https://registry.npmjs.org/@autoviz/sdk/-/sdk-0.1.88.tgz","fileCount":6,"unpackedSize":26927,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCsVIDZYCh2/unvNRXUgJK5tXRj/FkYU6ATKFLlTM8kXAIhAKVcvch+jPb0wRxh5L8aU3a1cx0TIphSyjLUVbaI8VvS"}]},"_npmUser":{"name":"autoviz-dev","email":"dev@autoviz.io"},"directories":{},"maintainers":[{"name":"autoviz-dev","email":"dev@autoviz.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/sdk_0.1.88_1770578086176_0.019916838802212844"},"_hasShrinkwrap":false}},"time":{"created":"2025-12-10T20:09:10.733Z","modified":"2026-02-08T19:14:46.473Z","0.1.21":"2025-12-10T20:09:10.940Z","0.1.22":"2025-12-10T20:19:16.137Z","0.1.23":"2025-12-10T21:24:12.616Z","0.1.24":"2025-12-11T01:32:24.979Z","0.1.25":"2025-12-11T01:44:52.634Z","0.1.26":"2025-12-11T13:00:01.956Z","0.1.55":"2026-01-07T01:24:27.007Z","0.1.56":"2026-01-07T01:46:38.831Z","0.1.65":"2026-01-23T03:41:03.827Z","0.1.66":"2026-01-23T04:02:49.615Z","0.1.88":"2026-02-08T19:14:46.348Z"},"bugs":{"url":"https://github.com/autoviz-io/autoviz-sdk/issues"},"author":{"name":"alphaBiota","email":"github@apexquo.io"},"license":"MIT","homepage":"https://docs.autoviz.io","keywords":["autoviz","3d","visualization","react","component","sdk"],"repository":{"type":"git","url":"git+https://github.com/autoviz-io/autoviz-sdk.git"},"description":"AutoViz SDK React component with automatic script loading","maintainers":[{"name":"autoviz-dev","email":"dev@autoviz.io"}],"readme":"# @autoviz/sdk\n\nReact component for AutoViz SDK with automatic script loading. No need to manually add script tags to your HTML.\n\n## Installation\n\n```bash\nnpm install @autoviz/sdk\n# or\nyarn add @autoviz/sdk\n# or\npnpm add @autoviz/sdk\n```\n\n## Quick Start\n\n```tsx\nimport { AutoViz } from '@autoviz/sdk';\n\nfunction ProductPage() {\n  return (\n    <AutoViz \n      tool=\"configurator\" \n      partId=\"12345\"\n      theme=\"dark\"\n    >\n      <button className=\"customize-btn\">\n        Customize Product\n      </button>\n    </AutoViz>\n  );\n}\n```\n\n## Features\n\n- ✅ **Automatic SDK Loading** - No need to manually add script tags\n- ✅ **TypeScript Support** - Full type definitions included  \n- ✅ **React Integration** - Native React component with proper ref forwarding\n- ✅ **Environment Support** - Dev, staging, and production environments\n- ✅ **All SDK Features** - Supports all AutoViz SDK data attributes as props\n- ✅ **Same Codebase** - Uses the exact same SDK code deployed to CDN\n\n## Props\n\n### Core Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `tool` | `'viewer' \\| 'configurator' \\| 'sims' \\| 'arto' \\| 'catalog'` | `'configurator'` | Tool to launch |\n| `partId` | `string \\| number` | - | AutoViz part ID |\n| `variantId` | `string \\| number` | - | Specific variant ID |\n| `displayMode` | `'modal' \\| 'fullscreen' \\| 'fillparent'` | - | Display mode |\n| `fullscreenAvoid` | `string` | - | CSS selector to avoid overlapping |\n\n### Selection Props\n\n| Prop | Type | Description |\n|------|------|-------------|\n| `group` | `string` | Product group identifier |\n| `selectField` | `string` | Field name for selections |\n| `selectCurrent` | `string` | Current selection value |\n\n### UI Customization Props\n\n| Prop | Type | Description |\n|------|------|-------------|\n| `theme` | `'light' \\| 'dark'` | UI theme preference |\n| `themeToggle` | `string \\| number` | Show theme toggle button |\n| `background` | `string \\| number` | Show background, set to 0 for transparency |\n| `primaryColor` | `string` | Primary UI color (hex without #) |\n| `hideNav` | `string \\| number` | Hide navigation controls |\n| `hideClose` | `string \\| number` | Hide close button |\n| `configButton` | `string \\| number` | Show configurator button in viewer |\n\n### Spec Props (Configuration Data)\n\n| Prop | Type | Description |\n|------|------|-------------|\n| `spec` | `Spec` | Pre-selected configuration data |\n| `spec.[specName]` | `SpecValues` | Any spec type (e.g., `frontWheel`, `rearWheel`, `tire`, `suspension`) |\n| `spec.[specName].[key]` | `string \\| number` | Any key/value pair for the spec |\n\nThe spec prop is fully dynamic - you can pass any spec names with any key/value pairs. Common examples:\n- `spec.frontWheel` / `spec.rearWheel` - Wheel specs with `diameter`, `width`, `lip`\n- `spec.tire` - Tire specs with `size`, `profile`, etc.\n- Any custom spec type your app supports\n\n### Environment & React Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `environment` | `'dev' \\| 'staging' \\| 'production'` | `'production'` | SDK environment |\n| `children` | `React.ReactNode` | - | Child elements (required) |\n| `className` | `string` | - | Additional CSS classes |\n\n## Examples\n\n### Basic Usage\n\n```tsx\nimport { AutoViz } from '@autoviz/sdk';\n\nfunction BasicExample() {\n  return (\n    <AutoViz tool=\"viewer\" partId=\"12345\">\n      <button>View in 3D</button>\n    </AutoViz>\n  );\n}\n```\n\n### Advanced Configuration\n\n```tsx\nimport { AutoViz } from '@autoviz/sdk';\n\nfunction AdvancedExample() {\n  return (\n    <AutoViz\n      tool=\"configurator\"\n      partId=\"12345\"\n      variantId=\"67890\"\n      group=\"wheels\"\n      selectField=\"finish_name\"\n      selectCurrent=\"chrome\"\n      theme=\"dark\"\n      primaryColor=\"FF6B6B\"\n      hideNav=\"1\"\n      configButton=\"1\"\n      className=\"my-custom-class\"\n    >\n      <div className=\"customize-wrapper\">\n        <img src=\"/product-image.jpg\" alt=\"Product\" />\n        <button className=\"btn-customize\">\n          Customize This Product\n        </button>\n      </div>\n    </AutoViz>\n  );\n}\n```\n\n### Multiple Tools\n\n```tsx\nimport { AutoViz } from '@autoviz/sdk';\n\nfunction MultipleTools() {\n  return (\n    <div>\n      <AutoViz tool=\"viewer\" partId=\"12345\">\n        <button>View in 3D</button>\n      </AutoViz>\n      \n      <AutoViz tool=\"configurator\" partId=\"12345\">\n        <button>Customize</button>\n      </AutoViz>\n      \n      <AutoViz tool=\"sims\" partId=\"12345\">\n        <button>See in My Space</button>\n      </AutoViz>\n    </div>\n  );\n}\n```\n\n### Development Environment\n\n```tsx\nimport { AutoViz } from '@autoviz/sdk';\n\nfunction DevExample() {\n  return (\n    <AutoViz\n      tool=\"configurator\"\n      partId=\"12345\"\n      environment=\"dev\"  // Uses dev SDK\n    >\n      <button>Customize (Dev)</button>\n    </AutoViz>\n  );\n}\n```\n\n### Pre-Selected Configuration (Spec)\n\nPass configuration specifications to pre-populate the app. The spec prop is fully dynamic - use any spec names with any key/value pairs:\n\n```tsx\nimport { AutoViz } from '@autoviz/sdk';\n\nfunction WheelConfigExample() {\n  return (\n    <AutoViz\n      tool=\"configurator\"\n      partId=\"12345\"\n      spec={{\n        frontWheel: { diameter: '22', width: '10', lip: '3' },\n        rearWheel: { diameter: '22', width: '12', lip: '3' }\n      }}\n    >\n      <button>Customize Wheels</button>\n    </AutoViz>\n  );\n}\n```\n\nYou can also pass dynamic values that reference URL parameters:\n\n```tsx\n<AutoViz\n  tool=\"configurator\"\n  spec={{\n    frontWheel: {\n      diameter: '?custom_diameter',  // Gets value from URL param\n      width: '10',                   // Static value\n      lip: '3'\n    }\n  }}\n>\n  <button>Customize</button>\n</AutoViz>\n```\n\nAny spec type is supported - the SDK generates `data-spec-*` attributes dynamically:\n\n```tsx\n<AutoViz\n  tool=\"configurator\"\n  spec={{\n    tire: { size: '305', profile: '30', rating: 'Z' },\n    suspension: { height: '2', type: 'coilover' }\n  }}\n>\n  <button>Configure</button>\n</AutoViz>\n// Generates: data-spec-tire=\"?size=305&profile=30&rating=Z\"\n//            data-spec-suspension=\"?height=2&type=coilover\"\n```\n\n## Dynamic Values\n\nThe AutoViz SDK supports dynamic values that are resolved from the current page URL:\n\n### Query Parameter Values\n\nUse `?param_name` to get values from URL query parameters:\n\n```tsx\n<AutoViz \n  tool=\"viewer\"\n  partId=\"12345\"\n  selectCurrent=\"?finish\"  // Gets value from ?finish=chrome\n>\n  <button>View Product</button>\n</AutoViz>\n```\n\n### Path Segment Values  \n\nUse `/index` to get values from URL path segments:\n\n```tsx\n<AutoViz \n  tool=\"viewer\" \n  partId=\"/2\"  // Gets 3rd path segment from /products/wheels/12345\n  group=\"/1\"   // Gets 2nd path segment \n>\n  <button>View Product</button>\n</AutoViz>\n```\n\n## TypeScript\n\nThe package includes full TypeScript definitions. All props are properly typed:\n\n```tsx\nimport { AutoViz, AutoVizProps } from '@autoviz/sdk';\n\n// Props are fully typed\nconst props: AutoVizProps = {\n  tool: 'viewer',        // ✅ Autocomplete available\n  partId: 12345,        // ✅ string | number\n  theme: 'dark',        // ✅ 'light' | 'dark'  \n  children: <button>View</button>\n};\n\nfunction TypedExample(props: AutoVizProps) {\n  return <AutoViz {...props} />;\n}\n```\n\n## Migration from Manual Integration\n\nIf you're currently using manual integration with script tags, migration is simple:\n\n### Before (Manual)\n\n```html\n<!-- In HTML head -->\n<script src=\"https://sdk-v2.autoviz.io\"></script>\n\n<!-- In your component -->\n<div\n  class=\"autoviz\"\n  data-tool=\"configurator\"\n  data-part-id=\"12345\"\n  data-theme=\"dark\"\n>\n  <button>Customize</button>\n</div>\n```\n\n### After (React Component)\n\n```tsx\nimport { AutoViz } from '@autoviz/sdk';\n\nfunction Component() {\n  return (\n    <AutoViz\n      tool=\"configurator\"\n      partId=\"12345\"\n      theme=\"dark\"\n    >\n      <button>Customize</button>\n    </AutoViz>\n  );\n}\n```\n\n## Manual Integration (HTML Data Attributes)\n\nFor non-React integrations, you can use HTML data attributes directly.\n\n### Spec Attributes (Query String Format)\n\nUse `data-spec-*` attributes with query string format. Any spec name is supported:\n\n```html\n<!-- Static values -->\n<div\n  class=\"autoviz\"\n  data-tool=\"configurator\"\n  data-spec-front-wheel=\"?diameter=22&width=10&lip=3\"\n  data-spec-rear-wheel=\"?diameter=22&width=12&lip=3\"\n>\n  <button>Customize</button>\n</div>\n```\n\n### Dynamic Values from URL\n\nUse parameter names without values to pull from the current page URL:\n\n```html\n<!-- If page URL is: /products/wheels?diameter=24&width=12&lip=4 -->\n<div\n  class=\"autoviz\"\n  data-tool=\"configurator\"\n  data-spec-front-wheel=\"?diameter&width&lip\"\n>\n  <button>Customize</button>\n</div>\n```\n\n### Mixed Static and Dynamic\n\n```html\n<!-- diameter from URL, width and lip are static -->\n<div\n  class=\"autoviz\"\n  data-tool=\"configurator\"\n  data-spec-front-wheel=\"?diameter&width=10&lip=3\"\n>\n  <button>Customize</button>\n</div>\n```\n\n### Any Spec Type\n\nThe SDK dynamically parses all `data-spec-*` attributes:\n\n```html\n<div\n  class=\"autoviz\"\n  data-tool=\"configurator\"\n  data-spec-tire=\"?size=305&profile=30\"\n  data-spec-suspension=\"?height=2&type=coilover\"\n>\n  <button>Configure</button>\n</div>\n```\n\n## Version Compatibility\n\nThis NPM package uses the exact same SDK code that's deployed to the CDN. The version numbers are synchronized, so:\n\n- `@autoviz/sdk@0.1.18` uses the same code as `https://sdk-v2.autoviz.io` version 0.1.18\n- Features and bug fixes are released simultaneously across both distribution methods\n- You can migrate between manual integration and React component without any functionality changes\n\n## License\n\nMIT","readmeFilename":"README.md"}