diff --git a/types/fscreen/fscreen-tests.ts b/types/fscreen/fscreen-tests.ts new file mode 100644 index 0000000000..eb2845f76f --- /dev/null +++ b/types/fscreen/fscreen-tests.ts @@ -0,0 +1,26 @@ +import fscreen from 'fscreen'; + +const element = document.createElement('div'); + +if (fscreen.fullscreenEnabled) { + fscreen.addEventListener('fullscreenchange', handler, false); + fscreen.requestFullscreen(element); +} + +function handler() { + if (fscreen.fullscreenElement !== null) { + // Entered fullscreen mode + } else { + // Exited fullscreen mode + } +} + +fscreen.requestFullscreen(element); +fscreen.requestFullscreenFunction(element); +fscreen.exitFullscreen(); +fscreen.onfullscreenchange = handler; +fscreen.addEventListener('fullscreenchange', handler); +fscreen.removeEventListener('fullscreenchange', handler); +fscreen.onfullscreenerror = handler; +fscreen.addEventListener('fullscreenerror', handler); +fscreen.removeEventListener('fullscreenerror', handler); diff --git a/types/fscreen/index.d.ts b/types/fscreen/index.d.ts new file mode 100644 index 0000000000..dfe2f6117f --- /dev/null +++ b/types/fscreen/index.d.ts @@ -0,0 +1,22 @@ +// Type definitions for fscreen 1.0 +// Project: https://github.com/rafrex/fscreen#readme +// Definitions by: Joscha Feth +// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped + +type Handler = () => void; + +declare class Fscreen { + readonly fullscreenElement: Element | undefined; + readonly fullscreenEnabled: boolean; + readonly exitFullscreen: Handler; + onfullscreenchange: Handler; + onfullscreenerror: Handler; + + addEventListener(type: string, handler: Handler, useCapture?: boolean): void; + removeEventListener(type: string, handler: Handler): void; + requestFullscreen(element: Element): void; + requestFullscreenFunction(element: Element): void; +} + +declare const fscreen: Fscreen; +export default fscreen; diff --git a/types/fscreen/tsconfig.json b/types/fscreen/tsconfig.json new file mode 100644 index 0000000000..e352d9fd2e --- /dev/null +++ b/types/fscreen/tsconfig.json @@ -0,0 +1,25 @@ +{ + "compilerOptions": { + "module": "commonjs", + "lib": [ + "es6", + "dom" + ], + "noImplicitAny": true, + "noImplicitThis": true, + "strictNullChecks": true, + "baseUrl": "../", + "target": "es6", + "strictFunctionTypes": true, + "typeRoots": [ + "../" + ], + "types": [], + "noEmit": true, + "forceConsistentCasingInFileNames": true + }, + "files": [ + "index.d.ts", + "fscreen-tests.ts" + ] +} diff --git a/types/fscreen/tslint.json b/types/fscreen/tslint.json new file mode 100644 index 0000000000..3db14f85ea --- /dev/null +++ b/types/fscreen/tslint.json @@ -0,0 +1 @@ +{ "extends": "dtslint/dt.json" }