2016-09-06 18:34:53 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<!-- THIS IS A GENERATED FILE VIA gulp generate-test-samples -->
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<base href="..">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<style>
|
|
|
|
|
/*----------------------------------------SAMPLE CSS START*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*----------------------------------------SAMPLE CSS END*/
|
|
|
|
|
</style>
|
2016-09-06 22:03:32 +08:00
|
|
|
<a class="loading-opts" href="playground.generated/index.html">[<< BACK]</a> <br/>
|
2016-09-06 18:34:53 +08:00
|
|
|
THIS IS A GENERATED FILE VIA gulp generate-test-samples
|
|
|
|
|
|
|
|
|
|
<div id="bar" style="margin-bottom: 6px;"></div>
|
|
|
|
|
|
|
|
|
|
<div style="clear:both"></div>
|
|
|
|
|
<div id="outer-container" style="width:800px;height:450px;border: 1px solid grey">
|
|
|
|
|
<!-- ----------------------------------------SAMPLE HTML START-->
|
|
|
|
|
|
|
|
|
|
<div id="container" style="height:100%;"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- ----------------------------------------SAMPLE HTML END-->
|
|
|
|
|
</div>
|
|
|
|
|
<div style="clear:both"></div>
|
|
|
|
|
|
|
|
|
|
<script src="../metadata.js"></script>
|
|
|
|
|
<script src="dev-setup.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
loadEditor(function() {
|
|
|
|
|
/*----------------------------------------SAMPLE JS START*/
|
|
|
|
|
|
|
|
|
|
// Add additonal d.ts files to the JavaScript language service and change.
|
|
|
|
|
// Also change the default compilation options.
|
|
|
|
|
// The sample below shows how a class Facts is declared and introduced
|
|
|
|
|
// to the system and how the compiler is told to use ES6 (target=2).
|
|
|
|
|
|
|
|
|
|
// validation settings
|
|
|
|
|
monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
|
|
|
|
|
noSemanticValidation: true,
|
|
|
|
|
noSyntaxValidation: false
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// compiler options
|
|
|
|
|
monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
|
|
|
|
|
target: monaco.languages.typescript.ScriptTarget.ES6,
|
|
|
|
|
allowNonTsExtensions: true
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// extra libraries
|
|
|
|
|
monaco.languages.typescript.javascriptDefaults.addExtraLib([
|
|
|
|
|
'declare class Facts {',
|
|
|
|
|
' /**',
|
|
|
|
|
' * Returns the next fact',
|
|
|
|
|
' */',
|
|
|
|
|
' static next():string',
|
|
|
|
|
'}',
|
|
|
|
|
].join('\n'), 'filename/facts.d.ts');
|
|
|
|
|
|
|
|
|
|
var jsCode = [
|
|
|
|
|
'"use strict";',
|
|
|
|
|
'',
|
|
|
|
|
"class Chuck {",
|
|
|
|
|
" greet() {",
|
|
|
|
|
" return Facts.next();",
|
|
|
|
|
" }",
|
|
|
|
|
"}"
|
|
|
|
|
].join('\n');
|
|
|
|
|
|
|
|
|
|
monaco.editor.create(document.getElementById("container"), {
|
|
|
|
|
value: jsCode,
|
|
|
|
|
language: "javascript"
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/*----------------------------------------SAMPLE CSS END*/
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
