import Rx, { Observable } from 'rxjs';
import Animation1a from './animation1a';
import Animation1b from './animation1b';
import Animation2a from './animation2a';
import Animation2b from './animation2b';
import Animation3a from './animation3a';
import Animation3b from './animation3b';

require('../css/reset.scss');
require('../css/index.scss');
require('../css/particle.scss');
require('../css/controls.scss');

window.addEventListener('load', () => {
    const destroy$ = new Rx.BehaviorSubject(null);

    Animation1a(destroy$);
    Animation1b(destroy$);
    Animation2a(destroy$);
    Animation2b(destroy$);
    Animation3a(destroy$);
    Animation3b(destroy$);
});

// TODO remove bottom padding from Disqus
// TODO fix "hangup" small radius evade bug
// TODO sort out particle nextframe
// TODO abs positioning on controls elements so order doesn't matter
// TODO BehaviorSubject listener on bounds change
// TODO are vision grid nodes removed properly
// TODO overlapping grid points
// TODO grid touches

// TODO ANIM1ab free movement

// TODO ANIM3a streamline updateLeader
// TODO ANIM3b separation
// TODO ANIM3c alignment