cycle-vex-driver

A Cycle.js Driver for using Dialog by HubSpot/vex

install

npm

npm install cycle-vex-driver

Usage

import Rx from 'rx';
import Cycle from '@cycle/core';
import makeVexDriver from '../';

//main
function main(sources) {
    let nextDialog$ = sources.Dialog
	    .filter(({id}) => id == 'first')
	    .map(x => ({
		  method: 'alert',
		  options: {
		      message: 'result value:' + x.value
		  }
	    }));

    let dialog$ = Rx.Observable.just({
	    id: 'first',
	    method: 'prompt',
            options: {
	        message: 'hello cycle.js',
	        placeholder: 'input'
	    }
    }).merge(nextDialog$);
    return {
	    Dialog: dialog$
    };
}

//run with drivers
Cycle.run(main, {
    Dialog: makeVexDriver('vex-theme-default')
});

link stylesheets

<link rel="stylesheet" href="../node_modules/vex-js/css/vex.css" />
<link rel="stylesheet" href="../node_modules/vex-js/css/vex-theme-default.css" />

check example

cd example
webpack
# open index.html