Add types for fscreen

This commit is contained in:
Joscha Feth
2017-12-18 11:51:42 +11:00
parent 6d9978eb72
commit af6e63d5ba
4 changed files with 73 additions and 0 deletions

View File

@@ -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);

22
types/fscreen/index.d.ts vendored Normal file
View File

@@ -0,0 +1,22 @@
// Type definitions for fscreen 1.0
// Project: https://github.com/rafrex/fscreen#readme
// Definitions by: Joscha Feth <https://github.com/joscha>
// 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;

View File

@@ -0,0 +1,24 @@
{
"compilerOptions": {
"module": "commonjs",
"lib": [
"es6",
"dom"
],
"noImplicitAny": true,
"noImplicitThis": true,
"strictNullChecks": true,
"baseUrl": "../",
"target": "es6",
"typeRoots": [
"../"
],
"types": [],
"noEmit": true,
"forceConsistentCasingInFileNames": true
},
"files": [
"index.d.ts",
"fscreen-tests.ts"
]
}

View File

@@ -0,0 +1 @@
{ "extends": "dtslint/dt.json" }