{"_id":"@8xff/atm0s-media-react","_rev":"6-ce07248058ab1a678a7a242d695d07bb","name":"@8xff/atm0s-media-react","dist-tags":{"alpha":"0.1.0-alpha.4","latest":"0.1.0-alpha.4","nightly":"0.1.0-nightly.20240129"},"versions":{"0.1.0-alpha.1":{"name":"@8xff/atm0s-media-react","version":"0.1.0-alpha.1","description":"[![Continuous Integrations](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml/badge.svg?branch=main)](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml) [![License](https://badgen.n","cdn":"dist/index.umd.js","main":"dist/index.js","types":"types/index.d.ts","unpkg":"dist/index.umd.js","module":"dist/index.esm.js","jsdelivr":"dist/index.umd.js","umd:main":"dist/index.umd.js","exports":{".":[{"import":"./dist/index.mjs","require":"./dist/index.cjs","default":"./dist/index.js"},"./dist/index.js"]},"devDependencies":{"@8xff/atm0s-media-js":"0.1.3-alpha.3","@rollup/plugin-terser":"^0.4.3","@types/eslint":"^8.44.3","@types/jest":"^29.5.5","@types/prettier":"^3.0.0","@types/react":">=16","@typescript-eslint/eslint-plugin":"^6.7.4","@typescript-eslint/parser":"^6.7.4","eslint":"^8.50.0","eslint-config-prettier":"^9.0.0","eslint-plugin-prettier":"^5.0.0","jest":"^29.7.0","prettier":"^3.0.3","react":">=16","rollup":"^3.29.4","rollup-plugin-typescript2":"^0.36.0","ts-jest":"^29.1.1","ts-jest-resolver":"^2.0.1","tslib":"^2.6.2","typedoc":"^0.25.1","typedoc-plugin-markdown":"^3.16.0","typescript":"^5.2.2"},"repository":{"type":"git","url":"git+https://github.com/8xff/media-sdk-react.git"},"keywords":[],"author":{"name":"Luong Ngoc Minh"},"license":"MIT","bugs":{"url":"https://github.com/8xff/media-sdk-react/issues"},"homepage":"https://github.com/8xff/media-sdk-react#readme","peerDependencies":{"@8xff/atm0s-media-js":"0.1.3-alpha.3","@types/react":">=16","react":">=16"},"scripts":{"doc":"typedoc src/index.ts","test":"jest --passWithNoTests","lint":"eslint \"*/**/*.{ts,js,json}\"","lint:fix":"eslint \"*/**/*.{ts,js,json}\" --fix","build":"rollup --config ./rollup.config.mjs","config:prerelease":"node ./scripts/configurePrerelease.mjs"},"_id":"@8xff/atm0s-media-react@0.1.0-alpha.1","_integrity":"sha512-b+yCybkL2Rsu8QS4ivEQ/Fv1EiAyHP2qs+KZ4b2zb+zDOds/NFMmgh8x/w+m2EPmZxY7u+s8PviOfn+lA+HTCQ==","_resolved":"/tmp/7a630679b3b3771e271dbd2a88566bcf/8xff-atm0s-media-react-0.1.0-alpha.1.tgz","_from":"file:8xff-atm0s-media-react-0.1.0-alpha.1.tgz","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-b+yCybkL2Rsu8QS4ivEQ/Fv1EiAyHP2qs+KZ4b2zb+zDOds/NFMmgh8x/w+m2EPmZxY7u+s8PviOfn+lA+HTCQ==","shasum":"f7becce60b91d0080f287873ff836c2a81985e41","tarball":"https://registry.npmjs.org/@8xff/atm0s-media-react/-/atm0s-media-react-0.1.0-alpha.1.tgz","fileCount":43,"unpackedSize":653838,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDg3uN3G2FFsbUcPZ8JfiBHM5ZphpH4y4mAQ4hPMFQWZAiBgksnpuNBmm4FJw723hyo6VgGxJUjH1+R0+81kBSYWaA=="}]},"_npmUser":{"name":"luongngocminh","email":"ngocminhluong182@gmail.com"},"directories":{},"maintainers":[{"name":"luongngocminh","email":"ngocminhluong182@gmail.com"},{"name":"giangndm","email":"giang.ndm@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/atm0s-media-react_0.1.0-alpha.1_1702453691613_0.010056323696157055"},"_hasShrinkwrap":false},"0.1.0-alpha.2":{"name":"@8xff/atm0s-media-react","version":"0.1.0-alpha.2","description":"[![Continuous Integrations](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml/badge.svg?branch=main)](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml) [![License](https://badgen.n","cdn":"dist/index.umd.js","main":"dist/index.js","types":"types/index.d.ts","unpkg":"dist/index.umd.js","module":"dist/index.esm.js","jsdelivr":"dist/index.umd.js","umd:main":"dist/index.umd.js","exports":{".":[{"import":"./dist/index.mjs","require":"./dist/index.cjs","default":"./dist/index.js"},"./dist/index.js"]},"devDependencies":{"@8xff/atm0s-media-js":"0.1.3-alpha.6","@rollup/plugin-terser":"^0.4.3","@testing-library/react":"^14.1.2","@types/eslint":"^8.44.3","@types/jest":"^29.5.5","@types/react":">=16","@typescript-eslint/eslint-plugin":"^6.7.4","@typescript-eslint/parser":"^6.7.4","eslint":"^8.50.0","eslint-config-prettier":"^9.0.0","eslint-plugin-prettier":"^5.0.0","jest":"^29.7.0","prettier":"^3.0.3","react":">=16","rollup":"^3.29.4","rollup-plugin-typescript2":"^0.36.0","ts-jest":"^29.1.1","ts-jest-resolver":"^2.0.1","tslib":"^2.6.2","typedoc":"^0.25.1","typedoc-plugin-markdown":"^3.16.0","typescript":"^5.2.2"},"repository":{"type":"git","url":"git+https://github.com/8xff/media-sdk-react.git"},"keywords":[],"author":{"name":"Luong Ngoc Minh"},"license":"MIT","bugs":{"url":"https://github.com/8xff/media-sdk-react/issues"},"homepage":"https://github.com/8xff/media-sdk-react#readme","peerDependencies":{"@8xff/atm0s-media-js":"0.1.3-alpha.6","@types/react":">=16","react":">=16"},"scripts":{"doc":"typedoc src/index.ts","test":"jest --passWithNoTests","lint":"eslint \"*/**/*.{ts,js,json}\"","lint:fix":"eslint \"*/**/*.{ts,js,json}\" --fix","build":"rollup --config ./rollup.config.mjs","config:prerelease":"node ./scripts/configurePrerelease.mjs"},"readme":"# Atm0s React SDK\n\n[![Continuous Integrations](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml/badge.svg?branch=main)](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml)\n[![License](https://badgen.net/github/license/8xff/media-sdk-react)](./LICENSE)\n[![Package tree-shaking](https://badgen.net/bundlephobia/tree-shaking/@8xff/atm0s-media-react)](https://bundlephobia.com/package/@8xff/atm0s-media-react)\n[![Package minified & gzipped size](https://badgen.net/bundlephobia/minzip/@8xff/atm0s-media-react)](https://bundlephobia.com/package/@8xff/atm0s-media-react)\n[![Package dependency count](https://badgen.net/bundlephobia/dependency-count/react@8xff/atm0s-media-react)](https://bundlephobia.com/package/@8xff/atm0s-media-react)\n\n## Installation\n\nThis library is published in the NPM registry and can be installed using any compatible package manager.\n\n```sh\nnpm install @8xff/atm0s-media-react --save\n\n# For Yarn, use the command below.\nyarn add @8xff/atm0s-media-react\n```\n\n### Installation from CDN\n\nThis module has an UMD bundle available through JSDelivr and Unpkg CDNs.\n\n```html\n<!-- For UNPKG use the code below. -->\n<script src=\"https://unpkg.com/@8xff/atm0s-media-react\"></script>\n\n<!-- For JSDelivr use the code below. -->\n<script src=\"https://cdn.jsdelivr.net/npm/@8xff/atm0s-media-react\"></script>\n\n<script>\n  // UMD module is exposed through the \"Atm0s\" global variable.\n  console.log(Atm0s);\n</script>\n```\n\n## Documentation\n\n[Documentation generated from source files by Typedoc](./docs/README.md).\n\n## License\n\nReleased under [MIT License](./LICENSE).\n","readmeFilename":"README.md","_id":"@8xff/atm0s-media-react@0.1.0-alpha.2","_integrity":"sha512-iLhv1nSF0iLnWkISwdSrmNRC5EJJ/LihYwmHEZHTRr3Gw7D2d0yQDGSqd043XRqHzp5Rwvz7d4q126UMv/Ar+A==","_resolved":"/tmp/b8465fef9c6ccf44b9c1a8c72a16733a/8xff-atm0s-media-react-0.1.0-alpha.2.tgz","_from":"file:8xff-atm0s-media-react-0.1.0-alpha.2.tgz","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-iLhv1nSF0iLnWkISwdSrmNRC5EJJ/LihYwmHEZHTRr3Gw7D2d0yQDGSqd043XRqHzp5Rwvz7d4q126UMv/Ar+A==","shasum":"8f664114549207c2594353de13a06f223bf7eb6b","tarball":"https://registry.npmjs.org/@8xff/atm0s-media-react/-/atm0s-media-react-0.1.0-alpha.2.tgz","fileCount":53,"unpackedSize":723510,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuyjYiPxxvI5zaWDYrnWSvgE7NzSnlFcoOKRp+WTDPOgIgSsu8LbODLDWEItqFjSiNOTDFiRrdnWxWk+UEgjxY9VM="}]},"_npmUser":{"name":"luongngocminh","email":"ngocminhluong182@gmail.com"},"directories":{},"maintainers":[{"name":"luongngocminh","email":"ngocminhluong182@gmail.com"},{"name":"giangndm","email":"giang.ndm@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/atm0s-media-react_0.1.0-alpha.2_1703134229934_0.7339908235278014"},"_hasShrinkwrap":false},"0.1.0-alpha.3":{"name":"@8xff/atm0s-media-react","version":"0.1.0-alpha.3","description":"[![Continuous Integrations](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml/badge.svg?branch=main)](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml) [![License](https://badgen.n","cdn":"dist/index.umd.js","main":"dist/index.js","types":"types/index.d.ts","unpkg":"dist/index.umd.js","module":"dist/index.esm.js","jsdelivr":"dist/index.umd.js","umd:main":"dist/index.umd.js","exports":{".":[{"import":"./dist/index.mjs","require":"./dist/index.cjs","default":"./dist/index.js"},"./dist/index.js"]},"devDependencies":{"@8xff/atm0s-media-js":"0.1.3-alpha.7","@rollup/plugin-terser":"^0.4.4","@testing-library/react":"^14.1.2","@types/eslint":"^8.56.0","@types/jest":"^29.5.11","@types/react":"^18.2.46","@typescript-eslint/eslint-plugin":"^6.17.0","@typescript-eslint/parser":"^6.17.0","eslint":"^8.56.0","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.1.2","jest":"^29.7.0","prettier":"^3.1.1","react":"^18.2.0","rollup":"^3.29.4","rollup-plugin-typescript2":"^0.36.0","ts-jest":"^29.1.1","ts-jest-resolver":"^2.0.1","tslib":"^2.6.2","typedoc":"^0.25.6","typedoc-plugin-markdown":"^3.17.1","typescript":"^5.3.3"},"repository":{"type":"git","url":"git+https://github.com/8xff/media-sdk-react.git"},"keywords":[],"author":{"name":"Luong Ngoc Minh"},"license":"MIT","bugs":{"url":"https://github.com/8xff/media-sdk-react/issues"},"homepage":"https://github.com/8xff/media-sdk-react#readme","peerDependencies":{"@8xff/atm0s-media-js":"0.1.3-alpha.6","@types/react":">=16","react":">=16"},"scripts":{"doc":"typedoc src/index.ts","test":"jest --passWithNoTests","lint":"eslint \"*/**/*.{ts,js,json}\"","lint:fix":"eslint \"*/**/*.{ts,js,json}\" --fix","build":"rollup --config ./rollup.config.mjs","config:prerelease":"node ./scripts/configurePrerelease.mjs"},"readme":"# Atm0s React SDK\n\n[![Continuous Integrations](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml/badge.svg?branch=main)](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml)\n[![License](https://badgen.net/github/license/8xff/media-sdk-react)](./LICENSE)\n[![Package tree-shaking](https://badgen.net/bundlephobia/tree-shaking/@8xff/atm0s-media-react)](https://bundlephobia.com/package/@8xff/atm0s-media-react)\n[![Package minified & gzipped size](https://badgen.net/bundlephobia/minzip/@8xff/atm0s-media-react)](https://bundlephobia.com/package/@8xff/atm0s-media-react)\n[![Package dependency count](https://badgen.net/bundlephobia/dependency-count/react@8xff/atm0s-media-react)](https://bundlephobia.com/package/@8xff/atm0s-media-react)\n\n## Installation\n\nThis library is published in the NPM registry and can be installed using any compatible package manager.\n\n```sh\nnpm install @8xff/atm0s-media-react --save\n\n# For Yarn, use the command below.\nyarn add @8xff/atm0s-media-react\n```\n\n### Installation from CDN\n\nThis module has an UMD bundle available through JSDelivr and Unpkg CDNs.\n\n```html\n<!-- For UNPKG use the code below. -->\n<script src=\"https://unpkg.com/@8xff/atm0s-media-react\"></script>\n\n<!-- For JSDelivr use the code below. -->\n<script src=\"https://cdn.jsdelivr.net/npm/@8xff/atm0s-media-react\"></script>\n\n<script>\n  // UMD module is exposed through the \"Atm0s\" global variable.\n  console.log(Atm0s);\n</script>\n```\n\n## Documentation\n\n[Documentation generated from source files by Typedoc](./docs/README.md).\n\n## License\n\nReleased under [MIT License](./LICENSE).\n","readmeFilename":"README.md","_id":"@8xff/atm0s-media-react@0.1.0-alpha.3","_integrity":"sha512-FonrtRjsG499XdV3H/OlnMOGmX4VSYThFiXBITvrsSwhP8BKU24dFB0oe1EElDJ5D5V+pPfuxbhbN8gn1N4y8g==","_resolved":"/tmp/cb39080a2301d903b871d2709eef9a0c/8xff-atm0s-media-react-0.1.0-alpha.3.tgz","_from":"file:8xff-atm0s-media-react-0.1.0-alpha.3.tgz","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-FonrtRjsG499XdV3H/OlnMOGmX4VSYThFiXBITvrsSwhP8BKU24dFB0oe1EElDJ5D5V+pPfuxbhbN8gn1N4y8g==","shasum":"d4d421d4b0c2150c3aab83757baa21507a1fe242","tarball":"https://registry.npmjs.org/@8xff/atm0s-media-react/-/atm0s-media-react-0.1.0-alpha.3.tgz","fileCount":53,"unpackedSize":712518,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHN/1jYzqjDf4d1KJNqPDuELN3NrEYhWSI8YtshKIdXnAiBtPWZFCnjrDMUvFp1NsmtlZLG7WrleAiJmYG3JGMh1kw=="}]},"_npmUser":{"name":"luongngocminh","email":"ngocminhluong182@gmail.com"},"directories":{},"maintainers":[{"name":"luongngocminh","email":"ngocminhluong182@gmail.com"},{"name":"giangndm","email":"giang.ndm@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/atm0s-media-react_0.1.0-alpha.3_1704190625629_0.37550599896379455"},"_hasShrinkwrap":false},"0.1.0-alpha.4":{"name":"@8xff/atm0s-media-react","version":"0.1.0-alpha.4","description":"[![Continuous Integrations](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml/badge.svg?branch=main)](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml) [![License](https://badgen.n","cdn":"dist/index.umd.js","main":"dist/index.js","types":"types/index.d.ts","unpkg":"dist/index.umd.js","module":"dist/index.esm.js","jsdelivr":"dist/index.umd.js","umd:main":"dist/index.umd.js","exports":{".":[{"import":"./dist/index.mjs","require":"./dist/index.cjs","default":"./dist/index.js"},"./dist/index.js"]},"devDependencies":{"@8xff/atm0s-media-js":"0.1.3-alpha.7","@rollup/plugin-terser":"^0.4.4","@testing-library/react":"^14.1.2","@types/eslint":"^8.56.0","@types/jest":"^29.5.11","@types/react":"^18.2.46","@typescript-eslint/eslint-plugin":"^6.17.0","@typescript-eslint/parser":"^6.17.0","eslint":"^8.56.0","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.1.2","jest":"^29.7.0","prettier":"^3.1.1","react":"^18.2.0","rollup":"^3.29.4","rollup-plugin-typescript2":"^0.36.0","ts-jest":"^29.1.1","ts-jest-resolver":"^2.0.1","tslib":"^2.6.2","typedoc":"^0.25.6","typedoc-plugin-markdown":"^3.17.1","typescript":"^5.3.3"},"repository":{"type":"git","url":"git+https://github.com/8xff/media-sdk-react.git"},"keywords":[],"author":{"name":"Luong Ngoc Minh"},"license":"MIT","bugs":{"url":"https://github.com/8xff/media-sdk-react/issues"},"homepage":"https://github.com/8xff/media-sdk-react#readme","peerDependencies":{"@8xff/atm0s-media-js":">=0.1.3-alpha","@types/react":">=16","react":">=16"},"scripts":{"doc":"typedoc src/index.ts","test":"jest --passWithNoTests","lint":"eslint \"*/**/*.{ts,js,json}\"","lint:fix":"eslint \"*/**/*.{ts,js,json}\" --fix","build":"rollup --config ./rollup.config.mjs","config:prerelease":"node ./scripts/configurePrerelease.mjs"},"_id":"@8xff/atm0s-media-react@0.1.0-alpha.4","_integrity":"sha512-MVi5IqlUkNAjvnKzQ8a9KAKZWTy6ur2kSCfBaFd4t8ytPw56EFqrk0nExvXeJrEgJ6kn7vStGx3PPvEE7jN43w==","_resolved":"/tmp/88b293a3ab94f8e8f35c5a463f0d1697/8xff-atm0s-media-react-0.1.0-alpha.4.tgz","_from":"file:8xff-atm0s-media-react-0.1.0-alpha.4.tgz","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-MVi5IqlUkNAjvnKzQ8a9KAKZWTy6ur2kSCfBaFd4t8ytPw56EFqrk0nExvXeJrEgJ6kn7vStGx3PPvEE7jN43w==","shasum":"0b1d4e2ead2ee74ab192664092ac446242855185","tarball":"https://registry.npmjs.org/@8xff/atm0s-media-react/-/atm0s-media-react-0.1.0-alpha.4.tgz","fileCount":53,"unpackedSize":780933,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDVneTPHCvEojZkxovZz3oR/XwMuxE9figSMn5MU46F5AiEA0PCkHjQetRcJEkNJnx0BDrxBQ1Hay2HhuxMeU/GBOPY="}]},"_npmUser":{"name":"luongngocminh","email":"ngocminhluong182@gmail.com"},"directories":{},"maintainers":[{"name":"luongngocminh","email":"ngocminhluong182@gmail.com"},{"name":"giangndm","email":"giang.ndm@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/atm0s-media-react_0.1.0-alpha.4_1706242322836_0.9128108960269758"},"_hasShrinkwrap":false},"0.1.0-nightly.20240128":{"name":"@8xff/atm0s-media-react","version":"0.1.0-nightly.20240128","description":"[![Continuous Integrations](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml/badge.svg?branch=main)](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml) [![License](https://badgen.n","cdn":"dist/index.umd.js","main":"dist/index.js","types":"types/index.d.ts","unpkg":"dist/index.umd.js","module":"dist/index.esm.js","jsdelivr":"dist/index.umd.js","umd:main":"dist/index.umd.js","exports":{".":[{"import":"./dist/index.mjs","require":"./dist/index.cjs","default":"./dist/index.js"},"./dist/index.js"]},"devDependencies":{"@8xff/atm0s-media-js":"0.1.3-alpha.7","@rollup/plugin-terser":"^0.4.4","@testing-library/react":"^14.1.2","@types/eslint":"^8.56.0","@types/jest":"^29.5.11","@types/react":"^18.2.46","@typescript-eslint/eslint-plugin":"^6.17.0","@typescript-eslint/parser":"^6.17.0","eslint":"^8.56.0","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.1.2","jest":"^29.7.0","prettier":"^3.1.1","react":"^18.2.0","rollup":"^3.29.4","rollup-plugin-typescript2":"^0.36.0","ts-jest":"^29.1.1","ts-jest-resolver":"^2.0.1","tslib":"^2.6.2","typedoc":"^0.25.6","typedoc-plugin-markdown":"^3.17.1","typescript":"^5.3.3"},"repository":{"type":"git","url":"git+https://github.com/8xff/media-sdk-react.git"},"keywords":[],"author":{"name":"Luong Ngoc Minh"},"license":"MIT","bugs":{"url":"https://github.com/8xff/media-sdk-react/issues"},"homepage":"https://github.com/8xff/media-sdk-react#readme","peerDependencies":{"@8xff/atm0s-media-js":">=0.1.3-alpha","@types/react":">=16","react":">=16"},"scripts":{"doc":"typedoc src/index.ts","test":"jest --passWithNoTests","lint":"eslint \"*/**/*.{ts,js,json}\"","lint:fix":"eslint \"*/**/*.{ts,js,json}\" --fix","build":"rollup --config ./rollup.config.mjs","config:prerelease":"node ./scripts/configurePrerelease.mjs"},"readme":"# Atm0s React SDK\n\n[![Continuous Integrations](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml/badge.svg?branch=main)](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml)\n[![License](https://badgen.net/github/license/8xff/media-sdk-react)](./LICENSE)\n\nReact SDK for interacting with Atm0s Media Server (This SDK is still in Alpha)\n\n## Installation\n\nThis library is published in the NPM registry and can be installed using any compatible package manager.\nYou will need to install along side with `@8xff/atm0s-media-js`.\n\n```sh\nnpm install @8xff/atm0s-media-react@alpha @8xff/atm0s-media-js@alpha --save\n\n# For Yarn, use the command below.\nyarn add @8xff/atm0s-media-react@alpha @8xff/atm0s-media-js@alpha\n```\n\n## Usage\n\n### Create a session\n\n```js\nimport { SessionProvider, StreamKinds } from '@8xff/atm0s-media-react';\n\nfunction App() {\n  return (\n    <SessionProvider\n      gateways=\"https://SAMPLE_GATEWAY_URL\"\n      room=\"SAMPLE_ROOM_ID\"\n      peer=\"SAMPLE_PEER_ID\"\n      token=\"SAMPLE_TOKEN\"\n      // The senders and receivers prop is optional\n      // You can optionally initialize the session with senders and receivers so we won't have to keep\n      // updating SDP every time we create a new senders and receivers\n      senders={[\n        { kind: StreamKinds.AUDIO, name: 'audio_main' },\n        { kind: StreamKinds.VIDEO, name: 'video_main', simulcast: true },\n      ]}\n      receivers={{\n        audio: 1,\n        video: 1,\n      }}>\n      <div>...Do streaming here...</div>\n    </SessionProvider>\n  );\n}\n```\n\n### Publish a stream\n\n```js\nconst EchoPair = ({ peer }: { peer: string }) => {\n  const [stream, , streamChanger] = useSharedUserMedia(\"main_stream\");\n  const micPublisher = usePublisher({\n    kind: StreamKinds.AUDIO,\n    name: \"audio_main\", // this will be used to identify the sender which the publisher will be using\n  });\n  const cameraPublisher = usePublisher({\n    kind: StreamKinds.VIDEO,\n    name: \"video_main\",\n  });\n\n  useEffect(() => {\n    if (stream) {\n      // add the stream to the publisher\n      micPublisher.switchStream(stream);\n      cameraPublisher.switchStream(stream);\n\n      return () => {\n        micPublisher.switchStream(null);\n        cameraPublisher.switchStream(null);\n      };\n    }\n  }, [stream, micPublisher, cameraPublisher]);\n};\n```\n\n### Consume stream from a peer\n\n```js\nconst EchoConsumer = ({ peer }: { peer: string }) => {\n  const consumer = useConsumerPair(peer, \"audio_main\", \"video_main\");\n\n  return (\n    <div>\n      <VideoViewer stream={consumer} />\n    </div>\n  );\n};\n```\n\n### Put it all together\n\n```js\nfunction App() {\n  const peer = 'SAMPLE_PEER_ID';\n  return (\n    <SessionProvider\n      gateways=\"https://SAMPLE_GATEWAY_URL\"\n      room=\"SAMPLE_ROOM_ID\"\n      peer={peer}\n      token=\"SAMPLE_TOKEN\"\n      // The senders and receivers prop is optional\n      // You can optionally initialize the session with senders and receivers so we won't have to keep\n      // updating SDP every time we create a new senders and receivers\n      senders={[\n        { kind: StreamKinds.AUDIO, name: 'audio_main' },\n        { kind: StreamKinds.VIDEO, name: 'video_main', simulcast: true },\n      ]}\n      receivers={{\n        audio: 1,\n        video: 1,\n      }}>\n      <EchoPair peer={peer} />\n      <EchoConsumer peer={peer} />\n    </SessionProvider>\n  );\n}\n```\n\n### Documentation\n\nFor more details, go to [Documentation](https://8xff.github.io/media-docs/docs/intro) \n\n## License\n\nReleased under [MIT License](./LICENSE).\n","readmeFilename":"README.md","_id":"@8xff/atm0s-media-react@0.1.0-nightly.20240128","_integrity":"sha512-wFbJa9iOivY5eenbN95VyUtnUL4TBBycXYkgvneASQqIJ8cW5C35M23KtXb/ff3eiVUuTLYCdihGyl8mflR2qQ==","_resolved":"/tmp/c064504b51dc8d988be0325699789e0a/8xff-atm0s-media-react-0.1.0-nightly.20240128.tgz","_from":"file:8xff-atm0s-media-react-0.1.0-nightly.20240128.tgz","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-wFbJa9iOivY5eenbN95VyUtnUL4TBBycXYkgvneASQqIJ8cW5C35M23KtXb/ff3eiVUuTLYCdihGyl8mflR2qQ==","shasum":"733bcf6f4b6eb6833ca12d9282d8be0fb471ee45","tarball":"https://registry.npmjs.org/@8xff/atm0s-media-react/-/atm0s-media-react-0.1.0-nightly.20240128.tgz","fileCount":53,"unpackedSize":780996,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBcWKKKcjezzGLFaVVEMMvRCKDgTJWVhJi6Yh+2pET6LAiAp09TP4TcPLZuHGWnTOUu0UOo4X202hkQA3fD0gAazOg=="}]},"_npmUser":{"name":"luongngocminh","email":"ngocminhluong182@gmail.com"},"directories":{},"maintainers":[{"name":"luongngocminh","email":"ngocminhluong182@gmail.com"},{"name":"giangndm","email":"giang.ndm@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/atm0s-media-react_0.1.0-nightly.20240128_1706461627666_0.13492078839124422"},"_hasShrinkwrap":false},"0.1.0-nightly.20240129":{"name":"@8xff/atm0s-media-react","version":"0.1.0-nightly.20240129","description":"[![Continuous Integrations](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml/badge.svg?branch=main)](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml) [![License](https://badgen.n","cdn":"dist/index.umd.js","main":"dist/index.js","types":"types/index.d.ts","unpkg":"dist/index.umd.js","module":"dist/index.esm.js","jsdelivr":"dist/index.umd.js","umd:main":"dist/index.umd.js","exports":{".":[{"import":"./dist/index.mjs","require":"./dist/index.cjs","default":"./dist/index.js"},"./dist/index.js"]},"devDependencies":{"@8xff/atm0s-media-js":"0.1.3-alpha.7","@rollup/plugin-terser":"^0.4.4","@testing-library/react":"^14.1.2","@types/eslint":"^8.56.0","@types/jest":"^29.5.11","@types/react":"^18.2.46","@typescript-eslint/eslint-plugin":"^6.17.0","@typescript-eslint/parser":"^6.17.0","eslint":"^8.56.0","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.1.2","jest":"^29.7.0","prettier":"^3.1.1","react":"^18.2.0","rollup":"^3.29.4","rollup-plugin-typescript2":"^0.36.0","ts-jest":"^29.1.1","ts-jest-resolver":"^2.0.1","tslib":"^2.6.2","typedoc":"^0.25.6","typedoc-plugin-markdown":"^3.17.1","typescript":"^5.3.3"},"repository":{"type":"git","url":"git+https://github.com/8xff/media-sdk-react.git"},"keywords":[],"author":{"name":"Luong Ngoc Minh"},"license":"MIT","bugs":{"url":"https://github.com/8xff/media-sdk-react/issues"},"homepage":"https://github.com/8xff/media-sdk-react#readme","peerDependencies":{"@8xff/atm0s-media-js":">=0.1.3-alpha","@types/react":">=16","react":">=16"},"scripts":{"doc":"typedoc src/index.ts","test":"jest --passWithNoTests","lint":"eslint \"*/**/*.{ts,js,json}\"","lint:fix":"eslint \"*/**/*.{ts,js,json}\" --fix","build":"rollup --config ./rollup.config.mjs","config:prerelease":"node ./scripts/configurePrerelease.mjs"},"readme":"# Atm0s React SDK\n\n[![Continuous Integrations](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml/badge.svg?branch=main)](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml)\n[![License](https://badgen.net/github/license/8xff/media-sdk-react)](./LICENSE)\n\nReact SDK for interacting with Atm0s Media Server (This SDK is still in Alpha)\n\n## Installation\n\nThis library is published in the NPM registry and can be installed using any compatible package manager.\nYou will need to install along side with `@8xff/atm0s-media-js`.\n\n```sh\nnpm install @8xff/atm0s-media-react@alpha @8xff/atm0s-media-js@alpha --save\n\n# For Yarn, use the command below.\nyarn add @8xff/atm0s-media-react@alpha @8xff/atm0s-media-js@alpha\n```\n\n## Usage\n\n### Create a session\n\n```js\nimport { SessionProvider, StreamKinds } from '@8xff/atm0s-media-react';\n\nfunction App() {\n  return (\n    <SessionProvider\n      gateways=\"https://SAMPLE_GATEWAY_URL\"\n      room=\"SAMPLE_ROOM_ID\"\n      peer=\"SAMPLE_PEER_ID\"\n      token=\"SAMPLE_TOKEN\"\n      // The senders and receivers prop is optional\n      // You can optionally initialize the session with senders and receivers so we won't have to keep\n      // updating SDP every time we create a new senders and receivers\n      senders={[\n        { kind: StreamKinds.AUDIO, name: 'audio_main' },\n        { kind: StreamKinds.VIDEO, name: 'video_main', simulcast: true },\n      ]}\n      receivers={{\n        audio: 1,\n        video: 1,\n      }}>\n      <div>...Do streaming here...</div>\n    </SessionProvider>\n  );\n}\n```\n\n### Publish a stream\n\n```js\nconst EchoPair = ({ peer }: { peer: string }) => {\n  const [stream, , streamChanger] = useSharedUserMedia(\"main_stream\");\n  const micPublisher = usePublisher({\n    kind: StreamKinds.AUDIO,\n    name: \"audio_main\", // this will be used to identify the sender which the publisher will be using\n  });\n  const cameraPublisher = usePublisher({\n    kind: StreamKinds.VIDEO,\n    name: \"video_main\",\n  });\n\n  useEffect(() => {\n    if (stream) {\n      // add the stream to the publisher\n      micPublisher.switchStream(stream);\n      cameraPublisher.switchStream(stream);\n\n      return () => {\n        micPublisher.switchStream(null);\n        cameraPublisher.switchStream(null);\n      };\n    }\n  }, [stream, micPublisher, cameraPublisher]);\n};\n```\n\n### Consume stream from a peer\n\n```js\nconst EchoConsumer = ({ peer }: { peer: string }) => {\n  const consumer = useConsumerPair(peer, \"audio_main\", \"video_main\");\n\n  return (\n    <div>\n      <VideoViewer stream={consumer} />\n    </div>\n  );\n};\n```\n\n### Put it all together\n\n```js\nfunction App() {\n  const peer = 'SAMPLE_PEER_ID';\n  return (\n    <SessionProvider\n      gateways=\"https://SAMPLE_GATEWAY_URL\"\n      room=\"SAMPLE_ROOM_ID\"\n      peer={peer}\n      token=\"SAMPLE_TOKEN\"\n      // The senders and receivers prop is optional\n      // You can optionally initialize the session with senders and receivers so we won't have to keep\n      // updating SDP every time we create a new senders and receivers\n      senders={[\n        { kind: StreamKinds.AUDIO, name: 'audio_main' },\n        { kind: StreamKinds.VIDEO, name: 'video_main', simulcast: true },\n      ]}\n      receivers={{\n        audio: 1,\n        video: 1,\n      }}>\n      <EchoPair peer={peer} />\n      <EchoConsumer peer={peer} />\n    </SessionProvider>\n  );\n}\n```\n\n### Documentation\n\nFor more details, go to [Documentation](https://8xff.github.io/media-docs/docs/intro) \n\n## License\n\nReleased under [MIT License](./LICENSE).\n","readmeFilename":"README.md","_id":"@8xff/atm0s-media-react@0.1.0-nightly.20240129","_integrity":"sha512-bkhJ2gjX9sZdF4+mn0Hf/ueETfpv+YIkmwpwwbftNXYp5ke/Id3mu0+WocJog2K3StysmQNW5iCW8XNERkT8HA==","_resolved":"/tmp/33fc1cc7c71206b2288ec51b797bdb16/8xff-atm0s-media-react-0.1.0-nightly.20240129.tgz","_from":"file:8xff-atm0s-media-react-0.1.0-nightly.20240129.tgz","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-bkhJ2gjX9sZdF4+mn0Hf/ueETfpv+YIkmwpwwbftNXYp5ke/Id3mu0+WocJog2K3StysmQNW5iCW8XNERkT8HA==","shasum":"051c60afbff7bc2d5b1e7b8511d02e0c418702ac","tarball":"https://registry.npmjs.org/@8xff/atm0s-media-react/-/atm0s-media-react-0.1.0-nightly.20240129.tgz","fileCount":53,"unpackedSize":780996,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCt12i/rBj+KtquG0ATvCNDmlkAog0+mnOFlDswwZJ95wIgDSTg0tWNcDXG6HPN/iphNw/J99vL5VGPrR41DJBMHh4="}]},"_npmUser":{"name":"luongngocminh","email":"ngocminhluong182@gmail.com"},"directories":{},"maintainers":[{"name":"luongngocminh","email":"ngocminhluong182@gmail.com"},{"name":"giangndm","email":"giang.ndm@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/atm0s-media-react_0.1.0-nightly.20240129_1706490220916_0.15370152319219077"},"_hasShrinkwrap":false}},"time":{"created":"2023-12-13T07:48:11.495Z","0.1.0-alpha.1":"2023-12-13T07:48:11.884Z","modified":"2024-01-29T01:03:41.369Z","0.1.0-alpha.2":"2023-12-21T04:50:30.227Z","0.1.0-alpha.3":"2024-01-02T10:17:05.884Z","0.1.0-alpha.4":"2024-01-26T04:12:03.070Z","0.1.0-nightly.20240128":"2024-01-28T17:07:07.885Z","0.1.0-nightly.20240129":"2024-01-29T01:03:41.149Z"},"maintainers":[{"name":"luongngocminh","email":"ngocminhluong182@gmail.com"},{"name":"giangndm","email":"giang.ndm@gmail.com"}],"description":"[![Continuous Integrations](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml/badge.svg?branch=main)](https://github.com/8xff/media-sdk-react/actions/workflows/continuous-integrations.yaml) [![License](https://badgen.n","homepage":"https://github.com/8xff/media-sdk-react#readme","keywords":[],"repository":{"type":"git","url":"git+https://github.com/8xff/media-sdk-react.git"},"author":{"name":"Luong Ngoc Minh"},"bugs":{"url":"https://github.com/8xff/media-sdk-react/issues"},"license":"MIT","readme":"","readmeFilename":""}