TypeScript play
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
<title>TypeScript Play</title> | |
<link rel="stylesheet" href="https://unpkg.com/codemirror/lib/codemirror.css"> | |
<style> | |
html { | |
box-sizing: border-box; | |
} | |
*, *:before, *:after { | |
box-sizing: inherit; | |
} | |
body { | |
position: relative; | |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
font-weight: 300; | |
} | |
#statusPanel { | |
pointer-events: none; | |
position: fixed; | |
right: 0.3em; top: 0; | |
font-size: 70%; | |
opacity: 0.8; | |
} | |
</style> | |
</head> | |
<body bgcolor=black text=silver> | |
Loading... | |
<script id=app> | |
var sourceGist = 'b2351ec5b221e808e8eb3cecf6eb42a8'; | |
var statusPanel; | |
window.onload = _onload; | |
earlyInit(); | |
function earlyInit() { | |
statusPanel = document.createElement('div'); | |
statusPanel.id = 'statusPanel'; | |
document.body.appendChild(statusPanel); | |
} | |
function _onload() { | |
statusPanel.textContent = | |
(ts && ts.version && 'ts' + ts.version || 'ts??') + ' ' + | |
(CodeMirror && CodeMirror.version && 'CodeMirror ' + CodeMirror.version || 'CodeMirror??'); | |
} | |
</script> | |
<script id=cmImport src="https://unpkg.com/codemirror"></script> | |
<script id=tsImport src="https://unpkg.com/typescript"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment