當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript history.makeHistoryDriver函數代碼示例

本文整理匯總了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);
  };
}
開發者ID:alisd23,項目名稱:cyclic-router,代碼行數:24,代碼來源:makeRouterDriver.ts

示例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);
  };
}
開發者ID:ntilwalli,項目名稱:cyclic-router,代碼行數:27,代碼來源:makeRouterDriver.ts

示例3: makeHistoryDriver

 ['history', () => makeHistoryDriver()],
開發者ID:OpenDirective,項目名稱:brian,代碼行數:1,代碼來源:drivers.ts

示例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);
開發者ID:helix-pi,項目名稱:helix-pi,代碼行數:29,代碼來源:editor.ts


注:本文中的@cycle/history.makeHistoryDriver函數示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。