{"_id":"@alistigo/third-party-js-container-react","_rev":"1-ba35172308d71249aad6a346f24cadb6","name":"@alistigo/third-party-js-container-react","dist-tags":{"latest":"0.4.0"},"versions":{"0.3.11":{"name":"@alistigo/third-party-js-container-react","version":"0.3.11","keywords":["third-party","loader","public"],"author":{"name":"Mikaël Labrut","email":"labrut@gmail.com"},"license":"MIT","_id":"@alistigo/third-party-js-container-react@0.3.11","maintainers":[{"name":"mikael.labrut","email":"npm@alistigo.com"}],"homepage":"https://github.com/alistigo/libraries/tree/main/packages/third-party-js-container-react","bugs":{"url":"https://github.com/alistigo/libraries/issues"},"dist":{"shasum":"5f495af659700b971472d6e46317cf62ec0f858a","tarball":"https://registry.npmjs.org/@alistigo/third-party-js-container-react/-/third-party-js-container-react-0.3.11.tgz","fileCount":27,"integrity":"sha512-YyrDBb6XS/tyEnnOJog5UB7S9qkq/zhjV5J2wDdFpRGSZLNBDPHsth2sgxjb8ER1lQ1ci+G/kcR6hNQ3HdPo7g==","signatures":[{"sig":"MEUCIQDMJi5VpqCXZj7QfuIDcaW+e4zF1vxOsLrZZy799MhEZAIgPuFOOUjrHr5fbgqy8/S5vS1Dgvy7erbZAH8xZdj5p7g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@alistigo%2fthird-party-js-container-react@0.3.11","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":25824},"main":"./src/index.js","type":"commonjs","engines":{"node":">=20.0"},"gitHead":"fc402b8a47c3547b17c181d0bf396138c8a81b70","typings":"./src/index.d.ts","_npmUser":{"name":"mikael.labrut","email":"npm@alistigo.com"},"repository":{"url":"git+https://github.com/alistigo/libraries.git","type":"git","directory":"packages/third-party-js-container-react"},"_npmVersion":"10.7.0","description":"","directories":{},"_nodeVersion":"20.15.1","dependencies":{"@alistigo/third-party-js-types":"^0.4.5","@alistigo/third-party-js-container":"^0.6.7"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^18.3.1"},"_npmOperationalInternal":{"tmp":"tmp/third-party-js-container-react_0.3.11_1722418580403_0.5709651564785083","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"@alistigo/third-party-js-container-react","version":"0.4.0","description":"**react** wrapper around [third-party-js-container](https://github.com/alistigo/libraries/tree/main/packages/third-party-js-container/README.md)","keywords":["third-party-js","react","host","public"],"engines":{"node":">=20.0"},"author":{"name":"Mikaël Labrut","email":"labrut@gmail.com"},"license":"MIT","main":"./src/index.js","repository":{"type":"git","url":"git+https://github.com/alistigo/libraries.git","directory":"packages/third-party-js-container-react"},"dependencies":{"@alistigo/third-party-js-container":"^0.6.8","@alistigo/third-party-js-types":"^0.4.6"},"peerDependencies":{"react":"^18.3.1"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"type":"commonjs","typings":"./src/index.d.ts","bugs":{"url":"https://github.com/alistigo/libraries/issues"},"homepage":"https://github.com/alistigo/libraries/tree/main/packages/third-party-js-container-react","_id":"@alistigo/third-party-js-container-react@0.4.0","gitHead":"322ad6bd95e68249ad3620ff18ce5a6d308a4351","_nodeVersion":"20.16.0","_npmVersion":"10.8.1","dist":{"integrity":"sha512-l3vuL3rQQ+To20pDh26BaX7bdeP/GkbtUzzSSwUfpwk6pOyBwuKozr4yUC5f9WERKVM33A8UxVdd78qh3hTfsg==","shasum":"5efd2fff6fc3b715253f5d0a6af60f9bed015494","tarball":"https://registry.npmjs.org/@alistigo/third-party-js-container-react/-/third-party-js-container-react-0.4.0.tgz","fileCount":27,"unpackedSize":27450,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@alistigo%2fthird-party-js-container-react@0.4.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICh5iME9RjwFOC1MkfGkgWArAUby3/TqBZLEsdoPMkkXAiBa7vU2JCGKf2CrTlxps1j91Ggeblj3kM0I3h+nUzRTUA=="}]},"_npmUser":{"name":"mikael.labrut","email":"npm@alistigo.com"},"directories":{},"maintainers":[{"name":"mikael.labrut","email":"npm@alistigo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/third-party-js-container-react_0.4.0_1722780990693_0.6556188832768814"},"_hasShrinkwrap":false}},"time":{"created":"2024-07-31T09:36:20.293Z","modified":"2024-08-04T14:16:31.266Z","0.3.11":"2024-07-31T09:36:20.537Z","0.4.0":"2024-08-04T14:16:30.845Z"},"bugs":{"url":"https://github.com/alistigo/libraries/issues"},"author":{"name":"Mikaël Labrut","email":"labrut@gmail.com"},"license":"MIT","homepage":"https://github.com/alistigo/libraries/tree/main/packages/third-party-js-container-react","keywords":["third-party-js","react","host","public"],"repository":{"type":"git","url":"git+https://github.com/alistigo/libraries.git","directory":"packages/third-party-js-container-react"},"maintainers":[{"name":"mikael.labrut","email":"npm@alistigo.com"}],"readme":"# @alistigo/third-party-js-container-react\n\n**react** wrapper around [third-party-js-container](https://github.com/alistigo/libraries/tree/main/packages/third-party-js-container/README.md)\n\nThis library should be used on the **host** application.\n\n## How to use\n\n```tsx\nimport { ThirdPartyApplication, useThirdPartyApplication } from '@alistigo/third-party-js-container-react';\n\nconst THIRD_PARTY_APPLICATION_NAME = 'My3rdPartyApp';\n\nexport default function App() {\n  const thirdPartyApp = useThirdPartyApplication(THIRD_PARTY_APPLICATION_NAME);\n\n  useEffect(() => {\n\n    const communicateWith3rdPartyApp = async () => {\n      // We can call a method on the 3rd party application and get a response\n      const result = await thirdPartyApp.call('applicationApiMethod1', 'arg1', 33);\n    }\n\n    // You can check if the application is loaded and ready\n    if (thirdPartyApp.isApplicationReady) {\n      communicateWith3rdPartyApp();\n\n      // You can also controls (with viewport plugin enabled) the aspect of the application\n      thirdPartyApp.setViewportVisible();\n    }\n\n  }, [thirdPartyApp]);\n\n  return (\n    <div>\n      <h1>Host</h1>\n\n      <ThirdPartyApplication url={https://url-to-the-application-to-integrate} name={THIRD_PARTY_APPLICATION_NAME} />\n    </div>\n  );\n}\n```\n","readmeFilename":"README.md","description":"**react** wrapper around [third-party-js-container](https://github.com/alistigo/libraries/tree/main/packages/third-party-js-container/README.md)"}