with-script.js

import { h, Component } from 'preact';


function withScript(src) {
  return (Child) => class ScriptLoader extends Component {
    static script;

    componentWillMount() {
      if (typeof ScriptLoader.script === 'undefined') {
        ScriptLoader.script = document.createElement('script');
        ScriptLoader.script.src = src;
        ScriptLoader.script.addEventListener('load', () => this.setState({ loaded: true }));

        document.body.appendChild(ScriptLoader.script);
      }
    }
    render(props, { loaded }) {
      return loaded && <Child {...props} />
    }
  }
}

/**
withScript('http://n12v.com/focus-transition/flying-focus.js');
withScript('http://nv.github.io/focus-snail/standalone/focus-snail.js');
withScript('http://nv.github.io/focus-hug/standalone/focus-hug.js');
withScript('http://nv.github.io/focus-zoom/focus-zoom.js');
*/