Hypnosphi/esnextbin.md

## esnextbin.md

      
    Raw
  

              esnextbin.md
            
          
    made with esnextbin

  
## index.html
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>ESNextbin Sketch</title>
  <!-- put additional styles and scripts here -->
</head>
<body>
  <div id="app"></div>
</body>
</html>

## index.js
import xs from 'xstream';
import {run} from '@cycle/xstream-run';
import {makeHTTPDriver} from '@cycle/http';
import {makeDOMDriver, div} from '@cycle/dom';

function main(source) {
  const response$ = source.HTTP.select()
    .flatten()

  const accumulatedResponse$ = response$.fold((acc, res) => acc.concat(res), []);

  const request$ = xs.periodic(2000)
    .mapTo({ url: 'https://api.github.com', method: 'GET' });

  return {
    DOM: accumulatedResponse$.map(responses =>
      div(responses.map(res =>
        div([res.body.emails_url])
      ))
    ),
    HTTP: request$
  };
}

run(main, {
  DOM: makeDOMDriver('#app'),
  HTTP: makeHTTPDriver()
});

## package.json
{
  "name": "esnextbin-sketch",
  "version": "0.0.0",
  "dependencies": {
    "xstream": "9.0.0",
    "@cycle/xstream-run": "4.2.0",
    "@cycle/http": "11.2.0",
    "@cycle/dom": "14.3.0"
  }
}

## transpiled.js
'use strict';

var _xstream = require('xstream');

var _xstream2 = _interopRequireDefault(_xstream);

var _xstreamRun = require('@cycle/xstream-run');

var _http = require('@cycle/http');

var _dom = require('@cycle/dom');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function main(source) {
  var response$ = source.HTTP.select().flatten();

  var accumulatedResponse$ = response$.fold(function (acc, res) {
    return acc.concat(res);
  }, []);

  var request$ = _xstream2.default.periodic(2000).mapTo({ url: 'https://api.github.com', method: 'GET' });

  return {
    DOM: accumulatedResponse$.map(function (responses) {
      return (0, _dom.div)(responses.map(function (res) {
        return (0, _dom.div)([res.body.emails_url]);
      }));
    }),
    HTTP: request$
  };
}

(0, _xstreamRun.run)(main, {
  DOM: (0, _dom.makeDOMDriver)('#app'),
  HTTP: (0, _http.makeHTTPDriver)()
});
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>ESNextbin Sketch</title>
	<!-- put additional styles and scripts here -->
	</head>
	<body>
	<div id="app"></div>
	</body>
	</html>
	import xs from 'xstream';
	import {run} from '@cycle/xstream-run';
	import {makeHTTPDriver} from '@cycle/http';
	import {makeDOMDriver, div} from '@cycle/dom';

	function main(source) {
	const response$ = source.HTTP.select()
	.flatten()

	const accumulatedResponse$ = response$.fold((acc, res) => acc.concat(res), []);

	const request$ = xs.periodic(2000)
	.mapTo({ url: 'https://api.github.com', method: 'GET' });

	return {
	DOM: accumulatedResponse$.map(responses =>
	div(responses.map(res =>
	div([res.body.emails_url])
	))
	),
	HTTP: request$
	};
	}

	run(main, {
	DOM: makeDOMDriver('#app'),
	HTTP: makeHTTPDriver()
	});
	{
	"name": "esnextbin-sketch",
	"version": "0.0.0",
	"dependencies": {
	"xstream": "9.0.0",
	"@cycle/xstream-run": "4.2.0",
	"@cycle/http": "11.2.0",
	"@cycle/dom": "14.3.0"
	}
	}
	'use strict';

	var _xstream = require('xstream');

	var _xstream2 = _interopRequireDefault(_xstream);

	var _xstreamRun = require('@cycle/xstream-run');

	var _http = require('@cycle/http');

	var _dom = require('@cycle/dom');

	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

	function main(source) {
	var response$ = source.HTTP.select().flatten();

	var accumulatedResponse$ = response$.fold(function (acc, res) {
	return acc.concat(res);
	}, []);

	var request$ = _xstream2.default.periodic(2000).mapTo({ url: 'https://api.github.com', method: 'GET' });

	return {
	DOM: accumulatedResponse$.map(function (responses) {
	return (0, _dom.div)(responses.map(function (res) {
	return (0, _dom.div)([res.body.emails_url]);
	}));
	}),
	HTTP: request$
	};
	}

	(0, _xstreamRun.run)(main, {
	DOM: (0, _dom.makeDOMDriver)('#app'),
	HTTP: (0, _http.makeHTTPDriver)()
	});