FeliciousX/esnextbin.md

## esnextbin.md

      
    Raw
  

              esnextbin.md
            
          
    made with esnextbin

  
## index.html
<!doctype html>
  <html>
    <head>
      <meta charset="utf-8"/>
    </head>
    <body>
      <div id="app"></div>
    </body>
  </html>

## index.js
import xs from 'xstream'
import fromEvent from 'xstream/extra/fromEvent'
import {h, makeDOMDriver} from '@cycle/dom'

const vnode$ = new xs.create()
const DOMSource = makeDOMDriver('#app')(vnode$);

DOMSource.select('input').events('change').subscribe({ next: e => console.log('changed', e) })

const page = h('div', {}, [
  h('h3', {}, 'Test file input change event:'),
  h('input', { props: { type: 'file' }}, '')
])

vnode$.shamefullySendNext(page)

## package.json
{
  "name": "esnextbin-sketch",
  "version": "0.0.0",
  "dependencies": {
    "xstream": "10.2.0",
    "@cycle/dom": "16.0.0"
  }
}

## transpiled.js
'use strict';

var _xstream = require('xstream');

var _xstream2 = _interopRequireDefault(_xstream);

var _fromEvent = require('xstream/extra/fromEvent');

var _fromEvent2 = _interopRequireDefault(_fromEvent);

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

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

var vnode$ = new _xstream2.default.create();
var DOMSource = (0, _dom.makeDOMDriver)('#app')(vnode$);

DOMSource.select('input').events('change').subscribe({ next: function next(e) {
    return console.log('changed', e);
  } });

var page = (0, _dom.h)('div', {}, [(0, _dom.h)('h3', {}, 'Test file input change event:'), (0, _dom.h)('input', { props: { type: 'file' } }, '')]);

vnode$.shamefullySendNext(page);
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8"/>
	</head>
	<body>
	<div id="app"></div>
	</body>
	</html>
	import xs from 'xstream'
	import fromEvent from 'xstream/extra/fromEvent'
	import {h, makeDOMDriver} from '@cycle/dom'

	const vnode$ = new xs.create()
	const DOMSource = makeDOMDriver('#app')(vnode$);

	DOMSource.select('input').events('change').subscribe({ next: e => console.log('changed', e) })

	const page = h('div', {}, [
	h('h3', {}, 'Test file input change event:'),
	h('input', { props: { type: 'file' }}, '')
	])

	vnode$.shamefullySendNext(page)
	{
	"name": "esnextbin-sketch",
	"version": "0.0.0",
	"dependencies": {
	"xstream": "10.2.0",
	"@cycle/dom": "16.0.0"
	}
	}
	'use strict';

	var _xstream = require('xstream');

	var _xstream2 = _interopRequireDefault(_xstream);

	var _fromEvent = require('xstream/extra/fromEvent');

	var _fromEvent2 = _interopRequireDefault(_fromEvent);

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

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

	var vnode$ = new _xstream2.default.create();
	var DOMSource = (0, _dom.makeDOMDriver)('#app')(vnode$);

	DOMSource.select('input').events('change').subscribe({ next: function next(e) {
	return console.log('changed', e);
	} });

	var page = (0, _dom.h)('div', {}, [(0, _dom.h)('h3', {}, 'Test file input change event:'), (0, _dom.h)('input', { props: { type: 'file' } }, '')]);

	vnode$.shamefullySendNext(page);