本文整理汇总了TypeScript中@cycle/xstream-run.run函数的典型用法代码示例。如果您正苦于以下问题：TypeScript run函数的具体用法？TypeScript run怎么用？TypeScript run使用的例子？那么, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了run函数的10个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: run
import main from './main';
import { run } from '@cycle/xstream-run';
import { makeDOMDriver } from '@cycle/dom';
run(main, {
dom: makeDOMDriver('#app')
});示例2: run
import {run} from '@cycle/xstream-run';
import {makeDOMDriver} from '@cycle/dom';
import { makeHTTPDriver } from '@cycle/http';
import Login from './Login';
// import BmiCalculator from './BmiCalculator';
// const main = BmiCalculator;
const main = Login
run(main, {
DOM: makeDOMDriver('#main-container'),
HTTP: makeHTTPDriver()
});示例3: run
import {run} from '@cycle/xstream-run';
import {makeDOMDriver} from '@cycle/dom';
import Counter from './Counter';
const main = Counter;
run(main, {
DOM: makeDOMDriver('#main-container')
});
示例4: run
// return {
// name: s.name,
// input
// }
// }).debug((x: any) => console.log('debug', x)) // Object {name...}
// ).debug((x: any) => console.log('debug2', x)) // Stream
// .flatten()
// .debug((x: any) => console.log('debug3', x)) // nothing
sendUpdate: xs.combine(
state$.compose(dropRepeats<Model>((a, b) => a.shows === b.shows)),
keyboard.filter((x: Input) => x === 'increment' || x === 'decrement')
)
.compose(debounce(100))
.map(([state, input]: [Model, Input]): Update => {
const s = state.shows[state.cursor];
return {
name: s.name,
count: s.count,
input
}
})
};
}
run(main, {
DOM: makeDOMDriver('#app'),
keyboard: makeKeyboardDriver(),
scrollIntoView: makeScrollIntoViewDriver(),
sendUpdate: makeSendUpdateDriver()
});
示例5: run
document.addEventListener('DOMContentLoaded', () => run(main, drivers));示例6: makeDOMDriver
data: { id, label }
})),
board.noteDelete$.map(id => ({
type: 'delete-note',
data: { id }
}))
)
return {
DOM: board.DOM,
websocket: Stream.merge(boardWebsocket$, Stream.of({ type: 'init' }))
.debug('websocket$'),
preventDefault: board.preventDefault,
focus: board.focus,
}
}
Cycle.run(main, {
DOM: makeDOMDriver('#root'),
websocket: createWebsocketDriver('http://localhost:3000'),
focus: createFocusDriver(),
preventDefault: (event$: Stream<Event>) => {
event$.addListener({
next: (e) => e.preventDefault(),
error: (err) => console.error(err),
complete: () => {}
})
return {}
},
})
示例7: main
import xs from "xstream";
import {run} from "@cycle/xstream-run";
import {makeDOMDriver, h1} from "@cycle/dom";
function main() {
const sinks = {
DOM: xs.periodic(1000).map(i => h1('' + i + " seconds elapsed"))
};
return sinks;
}
const drivers:{[name:string]: Function} = {
DOM: makeDOMDriver("#app")
}
run(main, drivers);
示例8: send
action$: gameAction$ as Stream<Action>
});
const stateForClients$ = state$
.map(state => ({type: 'UPDATE_STATE', data: state}));
const stateUpdate$ = stateForClients$.map(broadcast);
const newConnection$ = sources.Socket.connections;
const newClientState$ = stateForClients$
.map(state => newConnection$.map(id => send(id, state)))
.flatten();
const setClientId$ = newConnection$
.map(id => send(id, {type: 'SET_ID', data: id}));
const socket$ = xs.merge(
stateUpdate$,
newClientState$,
setClientId$
);
return {
Socket: socket$
}
}
server.listen(8000, () => console.log(`Listening on localhost:8000`));
run(Server, drivers);
示例9: next
ws.onmessage = (data, flags) => {
observer.next(JSON.parse(data.data));
};
ws.onopen = () => {
sink$.addListener({
next (message) {
console.log('outgoing message', message);
ws.send(JSON.stringify(message));
}
});
startup.shamefullySendNext('');
};
return {
messages: stream,
startup
};
}
}
const drivers = {
DOM: makeDOMDriver('.app'),
Animation: makeAnimationDriver(),
Socket: makeWebSocketDriver(new WebSocket(`ws://${location.host}/websocket`))
};
run(Client, drivers);
示例10: h
import xs from 'xstream';
import {run} from '@cycle/xstream-run';
import {makeDOMDriver, h} from '@cycle/dom';
const App = () => ({
DOM: xs.of(
h('div.app', [
h('h1', 'Enter the lairs'),
h('p', 'Lorem ipsum')
])
)
});
// tslint:disable-next-line:no-expression-statement
run(App, {
DOM: makeDOMDriver(document.getElementById('app'))
});