1
0

extending-language-services-configure-javascript-defaults.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <!DOCTYPE html>
  2. <!-- THIS IS A GENERATED FILE VIA gulp generate-test-samples -->
  3. <html>
  4. <head>
  5. <base href="..">
  6. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  7. </head>
  8. <body>
  9. <style>
  10. /*----------------------------------------SAMPLE CSS START*/
  11. /*----------------------------------------SAMPLE CSS END*/
  12. </style>
  13. <a class="loading-opts" href="playground.generated/index.html">[&lt;&lt; BACK]</a> <br/>
  14. THIS IS A GENERATED FILE VIA gulp generate-test-samples
  15. <div id="bar" style="margin-bottom: 6px;"></div>
  16. <div style="clear:both"></div>
  17. <div id="outer-container" style="width:800px;height:450px;border: 1px solid grey">
  18. <!-- ----------------------------------------SAMPLE HTML START-->
  19. <div id="container" style="height:100%;"></div>
  20. <!-- ----------------------------------------SAMPLE HTML END-->
  21. </div>
  22. <div style="clear:both"></div>
  23. <script src="../metadata.js"></script>
  24. <script src="dev-setup.js"></script>
  25. <script>
  26. loadEditor(function() {
  27. /*----------------------------------------SAMPLE JS START*/
  28. // Add additonal d.ts files to the JavaScript language service and change.
  29. // Also change the default compilation options.
  30. // The sample below shows how a class Facts is declared and introduced
  31. // to the system and how the compiler is told to use ES6 (target=2).
  32. // validation settings
  33. monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
  34. noSemanticValidation: true,
  35. noSyntaxValidation: false
  36. });
  37. // compiler options
  38. monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
  39. target: monaco.languages.typescript.ScriptTarget.ES6,
  40. allowNonTsExtensions: true
  41. });
  42. // extra libraries
  43. monaco.languages.typescript.javascriptDefaults.addExtraLib([
  44. 'declare class Facts {',
  45. ' /**',
  46. ' * Returns the next fact',
  47. ' */',
  48. ' static next():string',
  49. '}',
  50. ].join('\n'), 'ts:filename/facts.d.ts');
  51. var jsCode = [
  52. '"use strict";',
  53. '',
  54. "class Chuck {",
  55. " greet() {",
  56. " return Facts.next();",
  57. " }",
  58. "}"
  59. ].join('\n');
  60. monaco.editor.create(document.getElementById("container"), {
  61. value: jsCode,
  62. language: "javascript"
  63. });
  64. /*----------------------------------------SAMPLE JS END*/
  65. });
  66. </script>
  67. </body>
  68. </html>