{"_id":"@wavesurfer/react","_rev":"13-ea0ed65a3520639dabb396150c0dfa4d","name":"@wavesurfer/react","dist-tags":{"latest":"1.0.12"},"versions":{"1.0.0":{"name":"@wavesurfer/react","version":"1.0.0","author":{"name":"katspaugh"},"license":"BSD-3-Clause","_id":"@wavesurfer/react@1.0.0","maintainers":[{"name":"katspaugh","email":"katspaugh@gmail.com"}],"dist":{"shasum":"3fdd7acf3e77e4ea843dcdce5c34ad8b3fb47b7d","tarball":"https://registry.npmjs.org/@wavesurfer/react/-/react-1.0.0.tgz","fileCount":9,"integrity":"sha512-ClfsnglaoNou5i5wwNYC7d+Fza+RnmBLVKsSao0v8qD2Pi8PJjAQc3kykLfUgVVCtnRIlJzhkk4qvc8QWlojaA==","signatures":[{"sig":"MEYCIQCAsmh8wkLspuJ+KqNRCtHbtCDjukheaffOMrO0UYntsgIhAMEHGDG1WrWanpWOqUUhsgrEPihG+AHRDZtincDBxF8t","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7972},"jest":{"transform":{},"testEnvironment":"jest-environment-jsdom"},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","gitHead":"80ce8ddf77794fb8c967d154268bc30283301c34","scripts":{"lint":"eslint src","test":"node --experimental-vm-modules node_modules/jest/bin/jest.js tests","build":"rollup -c","serve":"npx live-server --port=3030 --no-browser --ignore='.*,src,tests'","test:ci":"yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json","prepublishOnly":"yarn build"},"_npmUser":{"name":"katspaugh","email":"katspaugh@gmail.com"},"_npmVersion":"10.2.3","description":"React component for wavesurfer.js","directories":{},"_nodeVersion":"18.19.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^18.2.0","eslint":"^8.37.0","rollup":"^3.26.2","prettier":"^2.8.7","react-dom":"^18.2.0","typescript":"^5.0.4","@types/jest":"^29.5.11","wavesurfer.js":"^7.6.0","@rollup/plugin-terser":"^0.4.3","@testing-library/react":"^14.1.2","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.2","@typescript-eslint/parser":"^5.57.0","@rollup/plugin-node-resolve":"^15.2.3","@typescript-eslint/eslint-plugin":"^5.57.0","rollup-plugin-inject-process-env":"^1.3.1"},"peerDependencies":{"react":"^18.2.0","wavesurfer.js":"^7.6.0"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.0_1703801386826_0.09686078885137395","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@wavesurfer/react","version":"1.0.1","author":{"name":"katspaugh"},"license":"BSD-3-Clause","_id":"@wavesurfer/react@1.0.1","maintainers":[{"name":"katspaugh","email":"katspaugh@gmail.com"}],"dist":{"shasum":"26ca7c2b47664f1d380814fa15e4e601b0d7e23f","tarball":"https://registry.npmjs.org/@wavesurfer/react/-/react-1.0.1.tgz","fileCount":11,"integrity":"sha512-ikq+EUMdCAahgktG3eqAM/Hj90MGEecOXymg/lMBVHWCVTJwa/DyuPrghJzCYBx3lCQqbn3ZTFtEEUDj0kahRA==","signatures":[{"sig":"MEUCIQC8WFg710T4Bl9LB71GRLFdIWwsSTXl3LMVzltfrHiVOwIgQYbMx76+mcaFkRjNqMBs67J7Pc9kokn9lJIra26N0LY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22487},"jest":{"transform":{},"testEnvironment":"jest-environment-jsdom"},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","gitHead":"ce4aa984f90180925ae364a4d41a9cb41363f7ab","scripts":{"lint":"eslint src","test":"node --experimental-vm-modules node_modules/jest/bin/jest.js tests","build":"tsc && rollup -c","serve":"npx live-server --port=3030 --no-browser --ignore='.*,src,tests'","test:ci":"yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json","prepublishOnly":"yarn build"},"typings":"./dist/index.d.ts","_npmUser":{"name":"katspaugh","email":"katspaugh@gmail.com"},"_npmVersion":"10.2.3","description":"React component for wavesurfer.js","directories":{},"_nodeVersion":"18.19.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^18.2.0","eslint":"^8.37.0","rollup":"^3.26.2","prettier":"^2.8.7","react-dom":"^18.2.0","typescript":"^5.0.4","@types/jest":"^29.5.11","wavesurfer.js":"^7.6.0","@rollup/plugin-terser":"^0.4.3","@testing-library/react":"^14.1.2","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.2","@typescript-eslint/parser":"^5.57.0","@rollup/plugin-node-resolve":"^15.2.3","@typescript-eslint/eslint-plugin":"^5.57.0","rollup-plugin-inject-process-env":"^1.3.1"},"peerDependencies":{"react":"^18.2.0","wavesurfer.js":"^7.6.0"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.1_1703849714133_0.24437041162443762","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@wavesurfer/react","version":"1.0.2","keywords":["wavesurfer","react","audio","waveform","player"],"author":{"name":"katspaugh"},"license":"BSD-3-Clause","_id":"@wavesurfer/react@1.0.2","maintainers":[{"name":"katspaugh","email":"katspaugh@gmail.com"}],"homepage":"https://wavesurfer.xyz","bugs":{"url":"https://github.com/katspaugh/wavesurfer-react/issues"},"dist":{"shasum":"56db90f5f00cb5ad163ef424ba9d568b4328a878","tarball":"https://registry.npmjs.org/@wavesurfer/react/-/react-1.0.2.tgz","fileCount":5,"integrity":"sha512-KKQxemUQlmtWYumg4hDabLIoL7hNlPzHBS0f+wACwTFwede1l6AUdFCSMIOmvlqRI++sqG2MmglX5dKqRYmzUQ==","signatures":[{"sig":"MEUCIQCCyCYNy460Ev2M205sTCgdtuNSPENDisXtswHaubiTZgIgC0m1pl4sAIYzSnGSGsZnC+Sba/7a+zENftHRNRZnvY0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10399},"jest":{"transform":{},"testEnvironment":"jest-environment-jsdom"},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","gitHead":"73f9742883c00a66ad392f9cb001bce7e7279dc5","scripts":{"lint":"eslint src","test":"node --experimental-vm-modules node_modules/jest/bin/jest.js tests","build":"tsc && rollup -c","serve":"npx live-server --port=3030 --no-browser --ignore='.*,src,tests'","test:ci":"yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json","prepublishOnly":"yarn build"},"typings":"./dist/index.d.ts","_npmUser":{"name":"katspaugh","email":"katspaugh@gmail.com"},"repository":{"url":"git+ssh://git@github.com/katspaugh/wavesurfer-react.git","type":"git"},"_npmVersion":"10.2.3","description":"React component for wavesurfer.js","directories":{},"_nodeVersion":"18.19.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^18.2.0","eslint":"^8.37.0","rollup":"^3.26.2","prettier":"^2.8.7","react-dom":"^18.2.0","typescript":"^5.0.4","@types/jest":"^29.5.11","wavesurfer.js":"^7.6.0","@rollup/plugin-terser":"^0.4.3","@testing-library/react":"^14.1.2","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.2","@typescript-eslint/parser":"^5.57.0","@rollup/plugin-node-resolve":"^15.2.3","@typescript-eslint/eslint-plugin":"^5.57.0","rollup-plugin-inject-process-env":"^1.3.1"},"peerDependencies":{"react":"^18.2.0","wavesurfer.js":"^7.6.0"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.2_1704024667539_0.1518282484040694","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@wavesurfer/react","version":"1.0.3","keywords":["wavesurfer","react","audio","waveform","player"],"author":{"name":"katspaugh"},"license":"BSD-3-Clause","_id":"@wavesurfer/react@1.0.3","maintainers":[{"name":"katspaugh","email":"katspaugh@gmail.com"}],"homepage":"https://wavesurfer.xyz","bugs":{"url":"https://github.com/katspaugh/wavesurfer-react/issues"},"dist":{"shasum":"ad23df3c64ec7e1a1b2244506e7cdeaa61529649","tarball":"https://registry.npmjs.org/@wavesurfer/react/-/react-1.0.3.tgz","fileCount":5,"integrity":"sha512-o4bqJQsKzJBD8iYZMyo0+a84IpyQMR8daM59E4r8d8XWIhbenELmxAfSy0EU9c/wlaGDoc0UkyrJroy3yb+zbQ==","signatures":[{"sig":"MEYCIQCJQpjEdgq7RzhlpnhdYZWdq4qmi+I3uMeRZI7j4Yc+mAIhALTd0QVXJLQKMuZ2+mygftSZPvMbBOJVbiPAtCQod0BF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10442},"jest":{"transform":{},"testEnvironment":"jest-environment-jsdom"},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","gitHead":"4fed0ded409b533afffa3692b12874a8da53b714","scripts":{"lint":"eslint src","test":"node --experimental-vm-modules node_modules/jest/bin/jest.js tests","build":"rollup -c","serve":"npx live-server --port=3030 --no-browser --ignore='.*,src,tests'","test:ci":"yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json","build:examples":"cd examples && rollup -c","prepublishOnly":"yarn build"},"typings":"./dist/index.d.ts","_npmUser":{"name":"katspaugh","email":"katspaugh@gmail.com"},"repository":{"url":"git+ssh://git@github.com/katspaugh/wavesurfer-react.git","type":"git"},"_npmVersion":"10.2.3","description":"React component for wavesurfer.js","directories":{},"_nodeVersion":"18.19.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^18.2.0","eslint":"^8.37.0","rollup":"^3.26.2","prettier":"^2.8.7","react-dom":"^18.2.0","typescript":"^5.0.4","@types/jest":"^29.5.11","wavesurfer.js":"^7.6.1","@rollup/plugin-terser":"^0.4.3","@testing-library/react":"^14.1.2","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.2","@typescript-eslint/parser":"^5.57.0","@rollup/plugin-node-resolve":"^15.2.3","@typescript-eslint/eslint-plugin":"^5.57.0","rollup-plugin-inject-process-env":"^1.3.1"},"peerDependencies":{"react":"^18.2.0","wavesurfer.js":"^7.6.1"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.3_1704402218404_0.7469835949847403","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@wavesurfer/react","version":"1.0.4","keywords":["wavesurfer","react","audio","waveform","player"],"author":{"name":"katspaugh"},"license":"BSD-3-Clause","_id":"@wavesurfer/react@1.0.4","maintainers":[{"name":"katspaugh","email":"katspaugh@gmail.com"}],"homepage":"https://wavesurfer.xyz","bugs":{"url":"https://github.com/katspaugh/wavesurfer-react/issues"},"dist":{"shasum":"577bf84152bd25bd7ba6635a5b1694a57e6f6161","tarball":"https://registry.npmjs.org/@wavesurfer/react/-/react-1.0.4.tgz","fileCount":5,"integrity":"sha512-6WkXLhh0EaytyK1B6JqHZmzHQlBz+nbGH5x009tUH6nUIFFXq7zwkDEXqeZuWyVTKgjqcOQGOgavSZ7EbsS6lA==","signatures":[{"sig":"MEUCIQDnCjuHgIAhDLKj4GjoBHeI+SoatqlG0iKe9raGO0uyGgIgRSYFS4fgigY9byA1PN7iHzQARuRDZeAk9z1PY6KBe6E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10442},"jest":{"transform":{},"testEnvironment":"jest-environment-jsdom"},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","gitHead":"9f0dbbb087304bb92ea2bc67b0a2024f28229b68","scripts":{"lint":"eslint src","test":"node --experimental-vm-modules node_modules/jest/bin/jest.js tests","build":"rollup -c","serve":"npx live-server --port=3030 --no-browser --ignore='.*,src,tests'","test:ci":"yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json","build:examples":"cd examples && rollup -c","prepublishOnly":"yarn build"},"typings":"./dist/index.d.ts","_npmUser":{"name":"katspaugh","email":"katspaugh@gmail.com"},"repository":{"url":"git+ssh://git@github.com/katspaugh/wavesurfer-react.git","type":"git"},"_npmVersion":"8.19.4","description":"React component for wavesurfer.js","directories":{},"_nodeVersion":"16.20.2","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^18.2.0","eslint":"^8.37.0","rollup":"^3.26.2","prettier":"^2.8.7","react-dom":"^18.2.0","typescript":"^5.0.4","@types/jest":"^29.5.11","wavesurfer.js":"^7.6.1","@rollup/plugin-terser":"^0.4.3","@testing-library/react":"^14.1.2","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.2","@typescript-eslint/parser":"^5.57.0","@rollup/plugin-node-resolve":"^15.2.3","@typescript-eslint/eslint-plugin":"^5.57.0","rollup-plugin-inject-process-env":"^1.3.1"},"peerDependencies":{"react":"^18.2.0","wavesurfer.js":"^7.6.3"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.4_1704831437155_0.90170365783136","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@wavesurfer/react","version":"1.0.5","keywords":["wavesurfer","react","audio","waveform","player"],"author":{"name":"katspaugh"},"license":"BSD-3-Clause","_id":"@wavesurfer/react@1.0.5","maintainers":[{"name":"katspaugh","email":"katspaugh@gmail.com"}],"homepage":"https://wavesurfer.xyz","bugs":{"url":"https://github.com/katspaugh/wavesurfer-react/issues"},"dist":{"shasum":"d8e37d6157fbfa10deb63fa6776d09457dbb675f","tarball":"https://registry.npmjs.org/@wavesurfer/react/-/react-1.0.5.tgz","fileCount":5,"integrity":"sha512-xbomnyftHfGK+0Q2UHOOE4k5cd2RUBQYh7orgCuYvnmtXxhIgkLZ+jAyOP+watcyjw9x+VeKw++hJYdg0zdPNA==","signatures":[{"sig":"MEQCIEOYsnIjeqolQnagjkN45TDOMDrttfedKwC2+trQVOq7AiBHRwD8wx4Y3gmBn2AScG1zldDjw7H4jxDi+RKN0FSx0A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10443},"jest":{"transform":{},"testEnvironment":"jest-environment-jsdom"},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","gitHead":"3ee5ad81927ec5bb8953c1c6c3276d57c73c44d0","scripts":{"lint":"eslint src","test":"node --experimental-vm-modules node_modules/jest/bin/jest.js tests","build":"rollup -c","serve":"npx live-server --port=3030 --no-browser --ignore='.*,src,tests'","test:ci":"yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json","build:examples":"cd examples && rollup -c","prepublishOnly":"yarn build"},"typings":"./dist/index.d.ts","_npmUser":{"name":"katspaugh","email":"katspaugh@gmail.com"},"repository":{"url":"git+ssh://git@github.com/katspaugh/wavesurfer-react.git","type":"git"},"_npmVersion":"8.19.4","description":"React component for wavesurfer.js","directories":{},"_nodeVersion":"16.20.2","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^18.2.0","eslint":"^8.37.0","rollup":"^3.26.2","prettier":"^2.8.7","react-dom":"^18.2.0","typescript":"^5.0.4","@types/jest":"^29.5.11","wavesurfer.js":"^7.6.1","@rollup/plugin-terser":"^0.4.3","@testing-library/react":"^14.1.2","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.2","@typescript-eslint/parser":"^5.57.0","@rollup/plugin-node-resolve":"^15.2.3","@typescript-eslint/eslint-plugin":"^5.57.0","rollup-plugin-inject-process-env":"^1.3.1"},"peerDependencies":{"react":"^18.2.0","wavesurfer.js":"^7.6.3"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.5_1712215921518_0.6151694969125616","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@wavesurfer/react","version":"1.0.6","keywords":["wavesurfer","react","audio","waveform","player"],"author":{"name":"katspaugh"},"license":"BSD-3-Clause","_id":"@wavesurfer/react@1.0.6","maintainers":[{"name":"katspaugh","email":"katspaugh@gmail.com"}],"homepage":"https://wavesurfer.xyz","bugs":{"url":"https://github.com/katspaugh/wavesurfer-react/issues"},"dist":{"shasum":"57cdecac1d0f23b8cf6b9b2166aeed9a841a57b7","tarball":"https://registry.npmjs.org/@wavesurfer/react/-/react-1.0.6.tgz","fileCount":5,"integrity":"sha512-ooDSebxs2Z00S6h7nGrA8SSXmins6MnJF944MiUVrnVeaoNDDIgursBIXo3MtZ9QLN3Vlt3cNLU3u16vsZZCJg==","signatures":[{"sig":"MEYCIQDXvEFs0XQeHCa/ObcyAN5EF1t7g8m7/9n/diMqz6LNGAIhAOTi0LQ8++8/K5Tvx+4K+BmA3Li8CjemyGhi0PN/NAw2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10454},"jest":{"transform":{},"testEnvironment":"jest-environment-jsdom"},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","gitHead":"ebb8700fec7e2441add14cdb13854a1469d00d83","scripts":{"lint":"eslint src","test":"node --experimental-vm-modules node_modules/jest/bin/jest.js tests","build":"rollup -c","serve":"npx live-server --port=3030 --no-browser --ignore='.*,src,tests'","test:ci":"yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json","build:examples":"cd examples && rollup -c","prepublishOnly":"yarn build"},"typings":"./dist/index.d.ts","_npmUser":{"name":"katspaugh","email":"katspaugh@gmail.com"},"repository":{"url":"git+ssh://git@github.com/katspaugh/wavesurfer-react.git","type":"git"},"_npmVersion":"8.19.4","description":"React component and hook for wavesurfer.js","directories":{},"_nodeVersion":"16.20.2","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^18.2.0","eslint":"^8.37.0","rollup":"^3.26.2","prettier":"^2.8.7","react-dom":"^18.2.0","typescript":"^5.0.4","@types/jest":"^29.5.11","wavesurfer.js":"^7.6.1","@rollup/plugin-terser":"^0.4.3","@testing-library/react":"^14.1.2","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.2","@typescript-eslint/parser":"^5.57.0","@rollup/plugin-node-resolve":"^15.2.3","@typescript-eslint/eslint-plugin":"^5.57.0","rollup-plugin-inject-process-env":"^1.3.1"},"peerDependencies":{"react":"^18.2.0","wavesurfer.js":">=7.7.14"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.6_1715410767521_0.9010864164880352","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@wavesurfer/react","version":"1.0.7","keywords":["wavesurfer","react","audio","waveform","player"],"author":{"name":"katspaugh"},"license":"BSD-3-Clause","_id":"@wavesurfer/react@1.0.7","maintainers":[{"name":"katspaugh","email":"katspaugh@gmail.com"}],"homepage":"https://wavesurfer.xyz","bugs":{"url":"https://github.com/katspaugh/wavesurfer-react/issues"},"dist":{"shasum":"5bbb8fe8080f4478e896a32eeeb5ed111bbc4266","tarball":"https://registry.npmjs.org/@wavesurfer/react/-/react-1.0.7.tgz","fileCount":5,"integrity":"sha512-Bw2rd2zqVL1ERy8N9mciacbQW3N5Gn9oRjhq3kjqgtLeE8a1WSTU+4kU0E37541jf432eNZ8lNzuodFFSiNccw==","signatures":[{"sig":"MEYCIQD3DVnXRvLF17axzHLgq0WUdyF5Tuzp+yspj+347fnhIgIhAJ4XHZmyzwQY78ujUhMMs2QVsQFtTL7F6X/MlmLTk5Ds","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10511},"jest":{"transform":{},"testEnvironment":"jest-environment-jsdom"},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","gitHead":"b8d2b1b646f2896c44e95f1d3fc6d2eb3003e674","scripts":{"lint":"eslint src","test":"node --experimental-vm-modules node_modules/jest/bin/jest.js tests","build":"rollup -c","serve":"npx live-server --port=3030 --no-browser --ignore='.*,src,tests'","test:ci":"yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json","build:examples":"cd examples && rollup -c","prepublishOnly":"yarn build"},"typings":"./dist/index.d.ts","_npmUser":{"name":"katspaugh","email":"katspaugh@gmail.com"},"repository":{"url":"git+ssh://git@github.com/katspaugh/wavesurfer-react.git","type":"git"},"_npmVersion":"10.7.0","description":"React component and hook for wavesurfer.js","directories":{},"_nodeVersion":"20.15.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^18.2.0","eslint":"^8.37.0","rollup":"^3.26.2","prettier":"^2.8.7","react-dom":"^18.2.0","typescript":"^5.0.4","@types/jest":"^29.5.11","wavesurfer.js":"^7.8.1","@rollup/plugin-terser":"^0.4.3","@testing-library/react":"^14.1.2","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.2","@typescript-eslint/parser":"^5.57.0","@rollup/plugin-node-resolve":"^15.2.3","@typescript-eslint/eslint-plugin":"^5.57.0","rollup-plugin-inject-process-env":"^1.3.1"},"peerDependencies":{"react":"^18.2.0","wavesurfer.js":">=7.7.14"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.7_1719993207768_0.34118762356652765","host":"s3://npm-registry-packages"}},"1.0.8":{"name":"@wavesurfer/react","version":"1.0.8","keywords":["wavesurfer","react","audio","waveform","player"],"author":{"name":"katspaugh"},"license":"BSD-3-Clause","_id":"@wavesurfer/react@1.0.8","maintainers":[{"name":"katspaugh","email":"katspaugh@gmail.com"}],"homepage":"https://wavesurfer.xyz","bugs":{"url":"https://github.com/katspaugh/wavesurfer-react/issues"},"dist":{"shasum":"2988eb8682768490a17da218764194267b4dbe68","tarball":"https://registry.npmjs.org/@wavesurfer/react/-/react-1.0.8.tgz","fileCount":5,"integrity":"sha512-YowJcynQTTC1oWBWlxr7IkZn9QlYfvOC2rYqOvVA2DwBh+nMEoZca7718disoFNnnX7/NzTKqZd/VuWI5RbhMQ==","signatures":[{"sig":"MEUCIQCyczTNTScWh5w3m78Mn5iXBPPpLWdnxEqi5rvh01VTwgIgEJBY0kxzuJC6NKlnvbTtbyoZppkBAWbEYC1rXM7HMXI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10654},"jest":{"transform":{},"testEnvironment":"jest-environment-jsdom"},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","gitHead":"8b716794272e81b77436a97c6906ed8caf78fa07","scripts":{"lint":"eslint src","test":"node --experimental-vm-modules node_modules/jest/bin/jest.js tests","build":"rollup -c","serve":"npx live-server --port=3030 --no-browser --ignore='.*,src,tests'","test:ci":"yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json","build:examples":"cd examples && rollup -c","prepublishOnly":"yarn build"},"typings":"./dist/index.d.ts","_npmUser":{"name":"katspaugh","email":"katspaugh@gmail.com"},"repository":{"url":"git+ssh://git@github.com/katspaugh/wavesurfer-react.git","type":"git"},"_npmVersion":"10.8.2","description":"React component and hook for wavesurfer.js","directories":{},"_nodeVersion":"20.18.1","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^19.0.0","eslint":"^8.37.0","rollup":"^3.26.2","prettier":"^2.8.7","react-dom":"^19.0.0","typescript":"^5.0.4","@types/jest":"^29.5.14","@types/react":"^19.0.2","wavesurfer.js":"^7.8.11","@types/react-dom":"^19.0.2","@testing-library/dom":"^10.4.0","@rollup/plugin-terser":"^0.4.3","@testing-library/react":"^16.1.0","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.2","@typescript-eslint/parser":"^5.57.0","@rollup/plugin-node-resolve":"^15.2.3","@typescript-eslint/eslint-plugin":"^5.57.0","rollup-plugin-inject-process-env":"^1.3.1"},"peerDependencies":{"react":"^19.0.0","wavesurfer.js":">=7.8.11"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.8_1734936184836_0.7028005873077492","host":"s3://npm-registry-packages-npm-production"}},"1.0.9":{"name":"@wavesurfer/react","version":"1.0.9","keywords":["wavesurfer","react","audio","waveform","player"],"author":{"name":"katspaugh"},"license":"BSD-3-Clause","_id":"@wavesurfer/react@1.0.9","maintainers":[{"name":"katspaugh","email":"katspaugh@gmail.com"}],"homepage":"https://wavesurfer.xyz","bugs":{"url":"https://github.com/katspaugh/wavesurfer-react/issues"},"dist":{"shasum":"7ee038d48ba22293858dd575b38c6db153c886f7","tarball":"https://registry.npmjs.org/@wavesurfer/react/-/react-1.0.9.tgz","fileCount":5,"integrity":"sha512-HD3x+p48kWITd3tCOA7KG+6zae8btulNjSTdnRmgrtp9/XPzXc61ZCaPgbqT0gioPGhIcvBcpXZAmnhE8lUDBw==","signatures":[{"sig":"MEUCIF0h1khSzAKpJmPRRW+UWPm6sX39l2+oZDthx81D9kqMAiEArRCNjFQRo1dgqnL1Ly6961k46QK6bsSl1IHBpX1/BNk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10694},"jest":{"transform":{},"testEnvironment":"jest-environment-jsdom"},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","gitHead":"e983e72ef78c841606920b78c460d4c15b72e42d","scripts":{"lint":"eslint src","test":"node --experimental-vm-modules node_modules/jest/bin/jest.js tests","build":"rollup -c","serve":"npx live-server --port=3030 --no-browser --ignore='.*,src,tests'","prepare":"yarn build","test:ci":"yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json","build:examples":"cd examples && rollup -c","prepublishOnly":"yarn build"},"typings":"./dist/index.d.ts","_npmUser":{"name":"katspaugh","email":"katspaugh@gmail.com"},"repository":{"url":"git+ssh://git@github.com/katspaugh/wavesurfer-react.git","type":"git"},"_npmVersion":"10.8.2","description":"React component and hook for wavesurfer.js","directories":{},"_nodeVersion":"20.18.2","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^19.0.0","eslint":"^8.37.0","rollup":"^3.26.2","prettier":"^2.8.7","react-dom":"^19.0.0","typescript":"^5.0.4","@types/jest":"^29.5.14","@types/react":"^19.0.2","wavesurfer.js":"^7.8.11","@types/react-dom":"^19.0.2","@testing-library/dom":"^10.4.0","@rollup/plugin-terser":"^0.4.3","@testing-library/react":"^16.1.0","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.2","@typescript-eslint/parser":"^5.57.0","@rollup/plugin-node-resolve":"^15.2.3","@typescript-eslint/eslint-plugin":"^5.57.0","rollup-plugin-inject-process-env":"^1.3.1"},"peerDependencies":{"react":"^18.2.0 || ^19.0.0","wavesurfer.js":">=7.7.14"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.9_1738570844921_0.22588195902840646","host":"s3://npm-registry-packages-npm-production"}},"1.0.10":{"name":"@wavesurfer/react","version":"1.0.10","keywords":["wavesurfer","react","audio","waveform","player"],"author":{"name":"katspaugh"},"license":"BSD-3-Clause","_id":"@wavesurfer/react@1.0.10","maintainers":[{"name":"katspaugh","email":"katspaugh@gmail.com"}],"homepage":"https://wavesurfer.xyz","bugs":{"url":"https://github.com/katspaugh/wavesurfer-react/issues"},"dist":{"shasum":"92be7275f245a1f74194605143b2ec8d30dfc078","tarball":"https://registry.npmjs.org/@wavesurfer/react/-/react-1.0.10.tgz","fileCount":5,"integrity":"sha512-N8rYAKrLFCa+CdniF7qz7mmjr+Y1RFHfPWWwA2GdBL7yTZDKqZ7CibhCTmjM1i1ugF+t+E+orNdxfUiVQmdc/g==","signatures":[{"sig":"MEUCIQDzvko0ETVZvzGWmC16bmQ0UUnJoVA7H/56nyXsTY79UgIgVakdE+4DNm3HfWHH/U1DYWY22C2xJQq7L58jZhcj280=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10943},"jest":{"transform":{},"testEnvironment":"jest-environment-jsdom"},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","gitHead":"03226bdea9663abf7a6c02cb49c92e2c13ff4e72","scripts":{"lint":"eslint src","test":"node --experimental-vm-modules node_modules/jest/bin/jest.js tests","build":"rollup -c","serve":"npx live-server --port=3030 --no-browser --ignore='.*,src,tests'","prepare":"yarn build","test:ci":"yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json","build:examples":"cd examples && rollup -c","prepublishOnly":"yarn build"},"typings":"./dist/index.d.ts","_npmUser":{"name":"katspaugh","email":"katspaugh@gmail.com"},"repository":{"url":"git+ssh://git@github.com/katspaugh/wavesurfer-react.git","type":"git"},"_npmVersion":"10.8.2","description":"React component and hook for wavesurfer.js","directories":{},"_nodeVersion":"20.19.0","_hasShrinkwrap":false,"packageManager":"yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e","devDependencies":{"jest":"^29.7.0","react":"^19.0.0","eslint":"^8.37.0","rollup":"^3.26.2","prettier":"^2.8.7","react-dom":"^19.0.0","typescript":"^5.0.4","@types/jest":"^29.5.14","@types/react":"^19.0.2","wavesurfer.js":"^7.8.11","@types/react-dom":"^19.0.2","@testing-library/dom":"^10.4.0","@rollup/plugin-terser":"^0.4.3","@testing-library/react":"^16.1.0","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.2","@typescript-eslint/parser":"^5.57.0","@rollup/plugin-node-resolve":"^15.2.3","@typescript-eslint/eslint-plugin":"^5.57.0","rollup-plugin-inject-process-env":"^1.3.1"},"peerDependencies":{"react":"^18.2.0 || ^19.0.0","wavesurfer.js":">=7.7.14"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.10_1743489861430_0.33643974992283066","host":"s3://npm-registry-packages-npm-production"}},"1.0.11":{"name":"@wavesurfer/react","version":"1.0.11","keywords":["wavesurfer","react","audio","waveform","player"],"author":{"name":"katspaugh"},"license":"BSD-3-Clause","_id":"@wavesurfer/react@1.0.11","maintainers":[{"name":"katspaugh","email":"katspaugh@gmail.com"}],"homepage":"https://wavesurfer.xyz","bugs":{"url":"https://github.com/katspaugh/wavesurfer-react/issues"},"dist":{"shasum":"658e3540134a1f40668e1fecc0f2d980830b08ec","tarball":"https://registry.npmjs.org/@wavesurfer/react/-/react-1.0.11.tgz","fileCount":5,"integrity":"sha512-DRpaA3MRTKy4Jby12xvoHASa+w31FZtxaqanXcJjfqNqfamkKi8VJfRnz+Uub9LkpdgoAc3g5SuZF75lEcGgzQ==","signatures":[{"sig":"MEUCIQDSF+B8FBBS5iZhe3mnDYMw5Wq7RO8uyM8xvUbGVP7LtgIgGezlIuSMqPZFSYxR6rRZm7qKjWTCYKjPWJZxURVSfY4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10942},"jest":{"transform":{},"testEnvironment":"jest-environment-jsdom"},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","gitHead":"b0ae6b3eab66ada1a1f8f712f7b3fd3597de9a6c","scripts":{"lint":"eslint src","test":"node --experimental-vm-modules node_modules/jest/bin/jest.js tests","build":"rollup -c","serve":"npx live-server --port=3030 --no-browser --ignore='.*,src,tests'","prepare":"yarn build","test:ci":"yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json","build:examples":"cd examples && rollup -c","prepublishOnly":"yarn build"},"typings":"./dist/index.d.ts","_npmUser":{"name":"katspaugh","email":"katspaugh@gmail.com"},"repository":{"url":"git+ssh://git@github.com/katspaugh/wavesurfer-react.git","type":"git"},"_npmVersion":"10.8.2","description":"React component and hook for wavesurfer.js","directories":{},"_nodeVersion":"20.19.0","_hasShrinkwrap":false,"packageManager":"yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e","devDependencies":{"jest":"^29.7.0","react":"^19.0.0","eslint":"^8.37.0","rollup":"^3.26.2","prettier":"^2.8.7","react-dom":"^19.0.0","typescript":"^5.0.4","@types/jest":"^29.5.14","@types/react":"^19.0.2","wavesurfer.js":"^7.9.4","@types/react-dom":"^19.0.2","@testing-library/dom":"^10.4.0","@rollup/plugin-terser":"^0.4.3","@testing-library/react":"^16.1.0","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.2","@typescript-eslint/parser":"^5.57.0","@rollup/plugin-node-resolve":"^15.2.3","@typescript-eslint/eslint-plugin":"^5.57.0","rollup-plugin-inject-process-env":"^1.3.1"},"peerDependencies":{"react":"^18.2.0 || ^19.0.0","wavesurfer.js":">=7.7.14"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.11_1744697530781_0.7114833807153587","host":"s3://npm-registry-packages-npm-production"}},"1.0.12":{"name":"@wavesurfer/react","version":"1.0.12","description":"React component and hook for wavesurfer.js","homepage":"https://wavesurfer.xyz","repository":{"type":"git","url":"git+ssh://git@github.com/katspaugh/wavesurfer-react.git"},"keywords":["wavesurfer","react","audio","waveform","player"],"main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","type":"module","scripts":{"build":"rollup -c","build:examples":"cd examples && rollup -c","lint":"eslint src","lint:report":"eslint \"src/**/*.ts*\" --output-file eslint_report.json --format json","test":"node --experimental-vm-modules node_modules/jest/bin/jest.js tests","test:ci":"yarn test --ci --silent --coverage --json --watchAll=false --testLocationInResults --outputFile=report.json","serve":"npx live-server --port=3030 --no-browser --ignore='.*,src,tests'","prepare":"yarn build","prepublishOnly":"yarn build"},"author":{"name":"katspaugh"},"license":"BSD-3-Clause","peerDependencies":{"react":"^18.2.0 || ^19.0.0","wavesurfer.js":">=7.7.14"},"devDependencies":{"@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.3","@rollup/plugin-typescript":"^11.1.2","@testing-library/dom":"^10.4.0","@testing-library/react":"^16.1.0","@types/jest":"^29.5.14","@types/react":"^19.0.2","@types/react-dom":"^19.0.2","@typescript-eslint/eslint-plugin":"^5.57.0","@typescript-eslint/parser":"^5.57.0","eslint":"^8.37.0","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","jest":"^29.7.0","jest-environment-jsdom":"^29.7.0","prettier":"^2.8.7","react":"^19.0.0","react-dom":"^19.0.0","rollup":"^3.26.2","rollup-plugin-inject-process-env":"^1.3.1","typescript":"^5.0.4","wavesurfer.js":"^7.12.0"},"jest":{"transform":{},"testEnvironment":"jest-environment-jsdom"},"packageManager":"yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e","_id":"@wavesurfer/react@1.0.12","gitHead":"8dc817d75b29ed2f5faac8094baed1a082e48a49","bugs":{"url":"https://github.com/katspaugh/wavesurfer-react/issues"},"_nodeVersion":"20.19.6","_npmVersion":"10.8.2","dist":{"integrity":"sha512-BNHpz2ryKNVvJdxB47pCPUsNCsjb2pZRysg82M5djIiw0vsiSJwdlt5jaAfDo3vd5IWrcoK9OiPQKO9ZEVNpDQ==","shasum":"a93ea1cf52e7e645184c5ee68cb269939a3752e4","tarball":"https://registry.npmjs.org/@wavesurfer/react/-/react-1.0.12.tgz","fileCount":5,"unpackedSize":13233,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIEskTzefaC0kh1ACBgB6Mf3Y73rwXePr0ZyB9QuTghKmAiBk6ZkZEOP7rBQe1qd0Iq/d58dIwD/Qo1MzP/zkRdcQBQ=="}]},"_npmUser":{"name":"katspaugh","email":"katspaugh@gmail.com"},"directories":{},"maintainers":[{"name":"katspaugh","email":"katspaugh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react_1.0.12_1764875824394_0.8208606856305243"},"_hasShrinkwrap":false}},"time":{"created":"2023-12-28T22:09:46.706Z","modified":"2025-12-04T19:17:04.715Z","1.0.0":"2023-12-28T22:09:47.013Z","1.0.1":"2023-12-29T11:35:14.295Z","1.0.2":"2023-12-31T12:11:07.747Z","1.0.3":"2024-01-04T21:03:38.605Z","1.0.4":"2024-01-09T20:17:17.380Z","1.0.5":"2024-04-04T07:32:01.697Z","1.0.6":"2024-05-11T06:59:27.671Z","1.0.7":"2024-07-03T07:53:27.954Z","1.0.8":"2024-12-23T06:43:05.008Z","1.0.9":"2025-02-03T08:20:45.096Z","1.0.10":"2025-04-01T06:44:21.602Z","1.0.11":"2025-04-15T06:12:10.943Z","1.0.12":"2025-12-04T19:17:04.531Z"},"bugs":{"url":"https://github.com/katspaugh/wavesurfer-react/issues"},"author":{"name":"katspaugh"},"license":"BSD-3-Clause","homepage":"https://wavesurfer.xyz","keywords":["wavesurfer","react","audio","waveform","player"],"repository":{"type":"git","url":"git+ssh://git@github.com/katspaugh/wavesurfer-react.git"},"description":"React component and hook for wavesurfer.js","maintainers":[{"name":"katspaugh","email":"katspaugh@gmail.com"}],"readme":"# @wavesurfer/react\n\n[![npm](https://img.shields.io/npm/v/@wavesurfer/react)](https://www.npmjs.com/package/@wavesurfer/react)\n\nA React component and hook for [wavesurfer.js](http://github.com/katspaugh/wavesurfer.js).\n\nIt makes it easy to use wavesurfer from React. All of the familiar [wavesurfer options](https://wavesurfer.xyz/docs/types/wavesurfer.WaveSurferOptions) become React props.\n\nYou can subscribe to various [wavesurfer events](https://wavesurfer.xyz/docs/types/wavesurfer.WaveSurferEvents) also via props. Just prepend an event name with on, e.g. `ready` -> `onReady`. Each event callback receives a wavesurfer instance as the first argument.\n\n## Installation\n\nWith yarn:\n```bash\nyarn add wavesurfer.js @wavesurfer/react\n```\n\nWith npm:\n```bash\nnpm install wavesurfer.js @wavesurfer/react\n```\n\n## Usage\n\nAs a component:\n\n```js\nimport WavesurferPlayer from '@wavesurfer/react'\n\nconst App = () => {\n  const [wavesurfer, setWavesurfer] = useState(null)\n  const [isPlaying, setIsPlaying] = useState(false)\n\n  const onReady = (ws) => {\n    setWavesurfer(ws)\n    setIsPlaying(false)\n  }\n\n  const onPlayPause = () => {\n    wavesurfer && wavesurfer.playPause()\n  }\n\n  return (\n    <>\n      <WavesurferPlayer\n        height={100}\n        waveColor=\"violet\"\n        url=\"/my-server/audio.wav\"\n        onReady={onReady}\n        onPlay={() => setIsPlaying(true)}\n        onPause={() => setIsPlaying(false)}\n      />\n\n      <button onClick={onPlayPause}>\n        {isPlaying ? 'Pause' : 'Play'}\n      </button>\n    </>\n  )\n}\n```\n\nAlternatively, as a hook:\n\n```js\nimport { useRef } from 'react'\nimport { useWavesurfer } from '@wavesurfer/react'\n\nconst App = () => {\n  const containerRef = useRef(null)\n\n  const { wavesurfer, isReady, isPlaying, currentTime } = useWavesurfer({\n    container: containerRef,\n    url: '/my-server/audio.ogg',\n    waveColor: 'purple',\n    height: 100,\n  })\n\n  const onPlayPause = () => {\n    wavesurfer && wavesurfer.playPause()\n  }\n\n  return (\n    <>\n      <div ref={containerRef} />\n\n      <button onClick={onPlayPause}>\n        {isPlaying ? 'Pause' : 'Play'}\n      </button>\n    </>\n  )\n}\n```\n\n## Using plugins\n\nWavesurfer [plugins](https://wavesurfer.xyz/docs/modules/plugins_index) can be passed in the `plugins` option.\n\n**Important:** The `plugins` array **must be memoized** using `useMemo` or defined outside the component. This is because wavesurfer.js mutates plugin instances during initialization, and passing a new array on every render will cause errors.\n\n### Basic example with a single plugin\n\n```js\nimport { useMemo } from 'react'\nimport WavesurferPlayer from '@wavesurfer/react'\nimport Timeline from 'wavesurfer.js/dist/plugins/timeline.esm.js'\n\nconst App = () => {\n  const plugins = useMemo(() => {\n    return [\n      Timeline.create({\n        container: '#timeline',\n      }),\n    ]\n  }, [])\n\n  return (\n    <>\n      <WavesurferPlayer\n        height={100}\n        waveColor=\"violet\"\n        url=\"/audio.wav\"\n        plugins={plugins}\n      />\n      <div id=\"timeline\" />\n    </>\n  )\n}\n```\n\n### Example with multiple plugins\n\n```js\nimport { useMemo } from 'react'\nimport WavesurferPlayer from '@wavesurfer/react'\nimport Timeline from 'wavesurfer.js/dist/plugins/timeline.esm.js'\nimport Regions from 'wavesurfer.js/dist/plugins/regions.esm.js'\n\nconst App = () => {\n  const plugins = useMemo(() => {\n    return [\n      Timeline.create({\n        container: '#timeline',\n      }),\n      Regions.create(),\n    ]\n  }, [])\n\n  return (\n    <>\n      <WavesurferPlayer\n        height={100}\n        waveColor=\"violet\"\n        url=\"/audio.wav\"\n        plugins={plugins}\n      />\n      <div id=\"timeline\" />\n    </>\n  )\n}\n```\n\n### Alternative: Define plugins outside the component\n\nIf your plugins don't depend on component props or state, you can define them outside:\n\n```js\nimport WavesurferPlayer from '@wavesurfer/react'\nimport Timeline from 'wavesurfer.js/dist/plugins/timeline.esm.js'\n\n// Define plugins outside the component\nconst plugins = [\n  Timeline.create({\n    container: '#timeline',\n  }),\n]\n\nconst App = () => {\n  return (\n    <>\n      <WavesurferPlayer\n        height={100}\n        waveColor=\"violet\"\n        url=\"/audio.wav\"\n        plugins={plugins}\n      />\n      <div id=\"timeline\" />\n    </>\n  )\n}\n```\n\n## Docs\n\nhttps://wavesurfer.xyz\n","readmeFilename":"README.md"}