I hereby claim:
- I am staltz on github.
- I am andrestaltz (https://keybase.io/andrestaltz) on keybase.
- I have a public key whose fingerprint is C83A 1721 7B3E 3DE2 23F2 F4C6 A1F0 0911 A32F D4DD
To claim this, I am signing this object:
I hereby claim:
To claim this, I am signing this object:
| function *main() { | |
| const confirmRequest = { | |
| type: 'confirm', | |
| value: 'Are you sure?', | |
| }; | |
| const confirmResponse = yield confirmRequest; | |
| if (confirmResponse === true) { | |
| const consoleRequest = { | |
| type: 'console', |
| import xs from 'xstream'; | |
| import Cycle from '@cycle/xstream-run'; | |
| import {h, makeDOMDriver} from '@cycle/dom'; | |
| require('aframe'); | |
| function main(sources) { | |
| let vdom$ = xs.periodic(16).startWith(0).map(i => | |
| h('a-scene', [ | |
| h('a-sphere', { | |
| attrs: { |
| // Generic helper function that takes a main() (the top-level component) | |
| // and wraps it with Stanga logic | |
| function wrapWithStanga(main, initialState) { | |
| return function (sources) { | |
| const modProxy$ = new Subject(); | |
| const modelSource = Model(initialState)(modProxy$); | |
| sources.model = modelSource; | |
| const sinks = main(sources); | |
| sinks.model.subscribe(modProxy$); |
Run this in one shell
./node_modules/.bin/mocha --debug-brk --compilers js:babel-register test/node
Then this in another shell
node-inspector
Then open the browser
| var operators = [ | |
| '\\.case', | |
| '\\.create', | |
| '\\.defer', | |
| '\\.empty', | |
| '\\.forkJoin', | |
| '\\.from', | |
| '\\.fromCallback', | |
| '\\.fromEvent', | |
| '\\.fromEventPattern', |
| import {Observable, Disposable} from 'rx'; | |
| import {run} from '@cycle/core' | |
| const jsondiffpatch = require('jsondiffpatch').create({ | |
| objectHash: function(obj) { | |
| return obj.name; | |
| } | |
| }); | |
| function generateCurve(steps){ | |
| var curve = new Float32Array(steps) |
| {run} = require '@cycle/core' | |
| {Observable} = require 'rx' | |
| {div, input, h2, makeDOMDriver} = require '@cycle/dom' | |
| intent = (domSource) => | |
| changeWeight$ = domSource | |
| .select('#weight').events('input') | |
| .map((ev) => ev.target.value) | |
| changeHeight$ = domSource | |
| .select('#height').events('input') |
| Rx.Observable.timer(0, 1000) | |
| .map(i => `Seconds elapsed ${i}`) | |
| .subscribe(text => { | |
| const container = document.querySelector('#app'); | |
| container.textContent = text; | |
| }); |
| function main() { | |
| return { | |
| DOM: Rx.Observable.timer(0, 1000) | |
| .map(i => { | |
| return { | |
| tagName: 'h1', | |
| children: [`Seconds elapsed ${i}`] | |
| } | |
| }) | |
| } |