filestash/client/components/events.js

// cheap event system that handle subscription, unsubscriptions and event emitions
import React from "react";
let emitters = {};

function subscribe(key, event, fn){
    if(emitters[event]){
        emitters[event][key] = fn;
    }else{
        emitters[event] = {};
        emitters[event][key] = fn;
    }
}

function unsubscribe(key, event){
    if(emitters[event]){
        if(key){
            delete emitters[event][key];
        }else{
            delete emitters[event];
        }
    }
}

function emit(event, payload){
    // trigger events if needed
    if(emitters[event]){
        return Promise.all(Object.keys(emitters[event]).map((key) => {
            return emitters[event][key].apply(null, payload);
        })).then((res) => {
            return emitters[event] ?
                Promise.resolve(res) :
                Promise.reject({message: "do not exist", code: "CANCELLED"});
        });
    }else{
        return Promise.reject({message: "oups, something went wrong", code: "NO_LISTENERS"});
    }
}

export function EventReceiver(WrappedComponent){
    let id = Math.random().toString();

    return class extends React.Component {
        subscribe(event, callback){
            subscribe(id, event, callback);
        }

        unsubscribe(event){
            unsubscribe(id, event);
        }

        render(){
            return <WrappedComponent subscribe={this.subscribe} unsubscribe={this.unsubscribe} {...this.props} />;
        }
    };
}

export function EventEmitter(WrappedComponent) {
    return class extends React.Component {
        emit(){
            // reconstruct arguments
            let args = Array.prototype.slice.call(arguments);
            let event = args.shift();
            let payload = args;

            let res = emit(event, payload);
            if(res.then){
                return res;
            }else{
                return Promise.resolve(res);
            }
        }

        render() {
            return <WrappedComponent emit={this.emit} {...this.props} />;
        }
    };
}