You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
90 lines
2.5 KiB
HTML
90 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<!-- THIS IS A GENERATED FILE VIA gulp generate-test-samples -->
|
|
<html>
|
|
<head>
|
|
<base href="..">
|
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
|
</head>
|
|
<body>
|
|
<style>
|
|
/*----------------------------------------SAMPLE CSS START*/
|
|
|
|
|
|
|
|
/*----------------------------------------SAMPLE CSS END*/
|
|
</style>
|
|
<a class="loading-opts" href="playground.generated/index.html">[<< BACK]</a> <br/>
|
|
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
|
|
var libSource = [
|
|
'declare class Facts {',
|
|
' /**',
|
|
' * Returns the next fact',
|
|
' */',
|
|
' static next():string',
|
|
'}',
|
|
].join('\n');
|
|
var libUri = 'ts:filename/facts.d.ts';
|
|
monaco.languages.typescript.javascriptDefaults.addExtraLib(libSource, libUri);
|
|
// When resolving definitions and references, the editor will try to use created models.
|
|
// Creating a model for the library allows "peek definition/references" commands to work with the library.
|
|
monaco.editor.createModel(libSource, 'typescript', monaco.Uri.parse(libUri));
|
|
|
|
var jsCode = [
|
|
'"use strict";',
|
|
'',
|
|
'class Chuck {',
|
|
' greet() {',
|
|
' return Facts.next();',
|
|
' }',
|
|
'}'
|
|
].join('\n');
|
|
|
|
monaco.editor.create(document.getElementById('container'), {
|
|
value: jsCode,
|
|
language: 'javascript'
|
|
});
|
|
|
|
|
|
/*----------------------------------------SAMPLE JS END*/
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |