proto-float-wc

a technology POC...

usage

yarn install
yarn demo

features

• stencil based web component
• uses mitt for an eventbus
• uses nanoid to generate internal id in web component
• uses floating-ui to create the popover which holds the iframe
• uses postMessage to communicate to/from iframe
• uses a resize-iframe message to pass size back to the web component

articles

• The ultimate guide to iframes - LogRocket
• Why is NanoID Replacing UUID? - Bits and Pieces

references

• floating-ui - low-level library for positioning "floating" elements.
• mitt - tiny 200 byte functional event emitter / pubsub.
• nanoid - tiny (130 bytes), secure, URL-friendly, unique string ID generator for JavaScript.