Frikki/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">Application</div>
</body>
</html>

## index.js
import Cycle from '@cycle/most-run';
import {
  makeDOMDriver,
  AttrsModule,
  ClassModule,
  StyleModule,
  PropsModule,
  VNode,
  div,
} from '@motorcycle/dom';
import { just, Stream } from 'most';

const id = `#anId`;

const view = div(id, {}, [`Hello, world!`]);

const DOM = just(view);

console.log(DOM instanceof Stream); // true

function main() {
  return {
    DOM // Uncaught Error: The DOM driver function
        // expects as input a Stream of virtual DOM elements
  };
}

const modules =
  [
    AttrsModule,
    ClassModule,
    StyleModule,
    PropsModule
  ];

const drivers = {
  DOM: makeDOMDriver(`#app`, { transposition: false, modules } )
};

Cycle.run(main, drivers);

## package.json
{
  "name": "esnextbin-sketch",
  "version": "0.0.0",
  "dependencies": {
    "@cycle/most-run": "4.1.3",
    "@motorcycle/dom": "3.0.0",
    "most": "1.1.0"
  }
}

## transpiled.js
'use strict';

var _mostRun = require('@cycle/most-run');

var _mostRun2 = _interopRequireDefault(_mostRun);

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

var _most = require('most');

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

var id = '#anId';

var view = (0, _dom.div)(id, {}, ['Hello, world!']);

var DOM = (0, _most.just)(view);

console.log(DOM instanceof _most.Stream); // true

function main() {
  return {
    DOM: DOM // Uncaught Error: The DOM driver function
    // expects as input a Stream of virtual DOM elements
  };
}

var modules = [_dom.AttrsModule, _dom.ClassModule, _dom.StyleModule, _dom.PropsModule];

var drivers = {
  DOM: (0, _dom.makeDOMDriver)('#app', { transposition: false, modules: modules })
};

_mostRun2.default.run(main, drivers);
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>ESNextbin Sketch</title>
	<!-- put additional styles and scripts here -->
	</head>
	<body>
	<div id="app">Application</div>
	</body>
	</html>
	import Cycle from '@cycle/most-run';
	import {
	makeDOMDriver,
	AttrsModule,
	ClassModule,
	StyleModule,
	PropsModule,
	VNode,
	div,
	} from '@motorcycle/dom';
	import { just, Stream } from 'most';

	const id = `#anId`;

	const view = div(id, {}, [`Hello, world!`]);

	const DOM = just(view);

	console.log(DOM instanceof Stream); // true

	function main() {
	return {
	DOM // Uncaught Error: The DOM driver function
	// expects as input a Stream of virtual DOM elements
	};
	}

	const modules =
	[
	AttrsModule,
	ClassModule,
	StyleModule,
	PropsModule
	];

	const drivers = {
	DOM: makeDOMDriver(`#app`, { transposition: false, modules } )
	};

	Cycle.run(main, drivers);
	{
	"name": "esnextbin-sketch",
	"version": "0.0.0",
	"dependencies": {
	"@cycle/most-run": "4.1.3",
	"@motorcycle/dom": "3.0.0",
	"most": "1.1.0"
	}
	}
	'use strict';

	var _mostRun = require('@cycle/most-run');

	var _mostRun2 = _interopRequireDefault(_mostRun);

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

	var _most = require('most');

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

	var id = '#anId';

	var view = (0, _dom.div)(id, {}, ['Hello, world!']);

	var DOM = (0, _most.just)(view);

	console.log(DOM instanceof _most.Stream); // true

	function main() {
	return {
	DOM: DOM // Uncaught Error: The DOM driver function
	// expects as input a Stream of virtual DOM elements
	};
	}

	var modules = [_dom.AttrsModule, _dom.ClassModule, _dom.StyleModule, _dom.PropsModule];

	var drivers = {
	DOM: (0, _dom.makeDOMDriver)('#app', { transposition: false, modules: modules })
	};

	_mostRun2.default.run(main, drivers);