Chatterbox lets you securely embed Hydrogen within any website.
Develop Instructions
- Clone the repo.
- Install dependencies (you only need to do this once):
yarn install
- Modify config.json in
public
directory with your homeserver details.
(Seetypes/IChatterboxConfig.ts
) - Start develop server:
yarn start
Build Instructions
Follow the develop instructions above (steps 1-3), then:
- Build chatterbox app into
/target
directory:yarn build
Embed Instructions
Assuming that the build output (inside /target
) is hosted at <root>
(eg: chatterbox.element.io), copy and paste the following snippet before the closing </body>
tag:
<script>
window.CHATTERBOX_CONFIG_LOCATION = "path_to_config";
</script>
<script src="<root>/assets/parent.js" type="module" id="chatterbox-script"></script>