ブラウザのウィンドウオブジェクトの使い方を抽象化する方法は？

Question

Aureliaフレームワークを使用しているときに、ブラウザのwindowオブジェクトの使用をどのように抽象化しますか？たとえば、setIntervalまたはaddEventListenerなどの機能を使用する場合、ブラウザに直接依存しないようにしたいと考えています。

アウレリアには、プラットフォーム抽象化ライブラリと呼ばれるものがあります。これは、理論的には私が探している機能を提供するはずです。しかし、私はこの質問を書いている時点でそれに関する文書を見つけることができませんでした。

Answer 1

いくつかの例：

import {DOM, PLATFORM, FEATURE} from 'aurelia-pal'; 

PLATFORM.addEventListener('click', e => ...); 
PLATFORM.requestAnimationFrame(() => ...); 

let event = DOM.createCustomEvent('foo', { bubbles: true }); 
DOM.dispatchEvent(event); 
let element = DOM.createElement('div'); 

if (FEATURE.shadowDOM && FEATURE.scopedCSS && FEATURE.htmlTemplateElement) { 
    ... 
} 

アウレリアはsetTimeoutを使用していないので、私が思うPAL- には setTimeout/ setIntervalはありません。 これを追加するにはissueを追加しました。