From d5092e4ac0ed78d3ab09a2f2222e2b75773505ed Mon Sep 17 00:00:00 2001
From: a <a@a>
Date: Wed, 12 Aug 2020 00:03:02 +0200
Subject: [PATCH] Strict mode

---
 src/frontend/popup/Popup.svelte | 28 ++++++++++++++++++++++++++++
 tsconfig.json                   |  3 ++-
 2 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 src/frontend/popup/Popup.svelte

diff --git a/src/frontend/popup/Popup.svelte b/src/frontend/popup/Popup.svelte
new file mode 100644
index 0000000..1811943
--- /dev/null
+++ b/src/frontend/popup/Popup.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { Communicator } from "../../communication";
+
+	let isON = false;
+
+	const con = new Communicator();
+	con.setEnabledCallback = (v) => (isON = v);
+	Communicator.getEnabled().then((v) => (isON = v));
+
+	const handleClick = () => {
+		isON = !isON;
+		Communicator.setEnabled(isON);
+	};
+</script>
+
+<style lang="scss">
+	#container {
+		display: flex;
+		min-width: 320px;
+	}
+	button {
+		width: 100%;
+	}
+</style>
+
+<div id="container">
+	<button on:click={handleClick}>{isON ? 'ON' : 'OFF'}</button>
+</div>
diff --git a/tsconfig.json b/tsconfig.json
index 0bd4577..72d32ef 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,7 +3,8 @@
 	"compilerOptions": {
 		"outDir": "./dist/",
 		"noImplicitAny": true,
-		"target": "ES6"
+		"target": "ES6",
+		"strict": true
 	},
 	"include": ["src/**/*", "src/node_modules"],
 	"exclude": ["node_modules/*"]