From af6e63d5ba6aca96aa8d8b3e55d6b83b36ea9ff9 Mon Sep 17 00:00:00 2001
From: Joscha Feth <joscha@canva.com>
Date: Mon, 18 Dec 2017 11:51:42 +1100
Subject: [PATCH] Add types for fscreen

---
 types/fscreen/fscreen-tests.ts | 26 ++++++++++++++++++++++++++
 types/fscreen/index.d.ts       | 22 ++++++++++++++++++++++
 types/fscreen/tsconfig.json    | 24 ++++++++++++++++++++++++
 types/fscreen/tslint.json      |  1 +
 4 files changed, 73 insertions(+)
 create mode 100644 types/fscreen/fscreen-tests.ts
 create mode 100644 types/fscreen/index.d.ts
 create mode 100644 types/fscreen/tsconfig.json
 create mode 100644 types/fscreen/tslint.json

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 <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;
diff --git a/types/fscreen/tsconfig.json b/types/fscreen/tsconfig.json
new file mode 100644
index 0000000000..74c4dc119b
--- /dev/null
+++ b/types/fscreen/tsconfig.json
@@ -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"
+    ]
+}
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" }