he-lib

he-lib

A customElements indirection to have hooked-elements library a part, without needing to bundle it within components.

// vanilla
customElements.whenDefined('he-lib').then(() => {
  const {define} = customElements.get('he-lib');
  define('.my-component', {
    init() {
      console.log('my-component is ready');
    }
  });
});

// with helper
import when from 'once-defined';
when('he-lib').then(({define}) => {
  define('.another-component', {
    init() {
      console.log('another-component is ready');
    }
  });
});

Previous Work

• uce provides this idea already
• the idea has been described in this blog post