本文整理汇总了TypeScript中@cycle/history.makeHistoryDriver函数的典型用法代码示例。如果您正苦于以下问题:TypeScript makeHistoryDriver函数的具体用法?TypeScript makeHistoryDriver怎么用?TypeScript makeHistoryDriver使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了makeHistoryDriver函数的4个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: makeRouterDriver
/**
* Instantiates an new router driver function using the same arguments required
* by @cycle/history.
* @public
* @method makeRouterDriver
* @return {routerDriver} The router driver function
*/
function makeRouterDriver(history: History, options?: RouterDriverOptions) {
const historyDriver = makeHistoryDriver(history, options);
/**
* The actual router driver.
* @public
* @typedef {routerDriver}
* @name routerDriver
* @method routerDriver
* @param {Stream<string|Location>} sink$ - This is the same input that the
* history driver would expect.
* @return {routerAPI}
*/
return function routerDriver(sink$: any, runSA: StreamAdapter) {
const history$ = historyDriver(sink$, runSA);
return new RouterSource(history$, [], history$.createHref, options);
};
}
示例2: makeRouterDriver
/**
* Instantiates an new router driver function using the same arguments required
* by @cycle/history.
* @public
* @method makeRouterDriver
* @return {routerDriver} The router driver function
*/
function makeRouterDriver(history: History, routeMatcher: RouteMatcher) {
if (!history) {
throw new Error('Cyclic router must be given a history object');
}
const historyDriver = makeHistoryDriver(history);
/**
* The actual router driver.
* @public
* @typedef {routerDriver}
* @name routerDriver
* @method routerDriver
* @param {Stream<string|Location>} sink$ - This is the same input that the
* history driver would expect.
* @return {routerAPI}
*/
return function routerDriver(sink$: any) {
const history$ = historyDriver(sink$).remember();
return new RouterSource(history$, [], history.createHref, routeMatcher);
};
}
示例3: makeHistoryDriver
['history', () => makeHistoryDriver()],
示例4: routerify
const mainWithRouter = routerify(main, switchPath, {
historyName: "History",
routerName: "Router"
});
function helixPiDriver(sink$: Stream<Input>) {
const worker = work(require("./worker"));
const driver = makeWebWorkerDriver(worker);
const stringifiedSink$ = sink$.map(event => JSON.stringify(event));
return driver(stringifiedSink$).map(source => JSON.parse(source));
}
const drivers = {
DOM: makeDOMDriver(document.body),
Time: timeDriver,
History: makeHistoryDriver(),
DB: makeIDBDriver("helix-pi", 1, (upgradeDb: any) => {
const projectsStore = upgradeDb.createObjectStore("projects", {
keyPath: "id"
});
projectsStore.createIndex("id", "id");
}),
HelixPi: helixPiDriver
};
run(mainWithRouter, drivers);