From b717cfe2f11ecb5e0c2389fceb141d886a51ee44 Mon Sep 17 00:00:00 2001
From: Orta Therox <orta.therox@gmail.com>
Date: Fri, 26 Jun 2020 06:56:14 -0400
Subject: [PATCH] Adds compiler options to the test page

---
 test/index.html | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/test/index.html b/test/index.html
index a1284f11..c9052f80 100644
--- a/test/index.html
+++ b/test/index.html
@@ -10,6 +10,9 @@
 <h2>Monaco Editor TypeScript test page</h2>
 <button id="resetBtn">Reset Sample</button>
 <div id="container" style="width:800px;height:600px;border:1px solid grey"></div>
+<h3>Compiler settings</h3>
+<textarea style="font-family: monospace;" id="compilerOpts" cols="60" rows="30"></textarea><br/>
+<button id="updateCompilerSettingsBtn">Update compiler settings</button>
 
 <script>
 	var paths = {
@@ -162,6 +165,10 @@
 			'var game = new Conway.GameOfLife();',
 		].join('\n');
 	}
+
+	function getDefaultComplierOpts() {
+		return { target: 99, jsx: 1, allowNonTsExtensions: true }
+	}
 	require([
 		'vs/basic-languages/monaco.contribution',
 		'vs/language/typescript/monaco.contribution'
@@ -181,8 +188,18 @@
 		document.getElementById('resetBtn').onclick = () => {
 			editor.setValue(getDefaultCode());
 		};
+
+		const optsString = localStorage.getItem("compiler-opts") || JSON.stringify(getDefaultComplierOpts(), null, 4)
+		document.getElementById("compilerOpts").textContent = optsString
+		monaco.languages.typescript.typescriptDefaults.setCompilerOptions(JSON.parse(optsString))
+
+		document.getElementById('updateCompilerSettingsBtn').onclick = () => {
+			const newOpts = document.getElementById('compilerOpts').value
+			monaco.languages.typescript.typescriptDefaults.setCompilerOptions(JSON.parse(newOpts))
+			localStorage.setItem("compiler-opts", newOpts)
+		};
+
 	});
 </script>
-
 </body>
 </html>