We consider how Croquet might mix with ES6 modules.
It must have some access to the DOM that I don't pass in. For example, the swirly connecting animation. discord
We append an export declaration after the minified croquet.js from the CDN. unpkg
We import croquet and the Model and View classes.
pages/super-collaborator/croquet-in-modules
This works. What I don't understand is how this code in the count.js module can reach the div in the html?
counterChanged() { countDisplay.textContent = this.model.count; }
This is more about my misunderstanding of module scope than anything about Croquet.
> HTML+JS is far from โpure.โ Any HTML element that has an id attribute is available globally to all JS in the page context. Even in a module all globals are still accessible.
Wow. I have exploited this myself but thought I lost it when I use <script type="module">
> Nope, still there ๐
Hurray for the Croquet team for their (your) deep knowledge of html/js, and your willingness to share.