From 3a3d0106b6bf7e41df9ee1cfb72af5508ed890b5 Mon Sep 17 00:00:00 2001 From: Remy Suen Date: Fri, 13 Dec 2019 08:41:19 -0500 Subject: [PATCH] Add CompletionItem with snippet support to the example Many users are asking about snippet support in Monaco. Enhancing the example on in the playground with a snippet CompletionItem will help users learn about the feature more easily without having to dig through Stack Overflow and GitHub issues. Signed-off-by: Remy Suen --- ...ding-language-services-completion-provider-example.html | 7 +++++++ .../completion-provider-example/sample.js | 7 +++++++ 2 files changed, 14 insertions(+) diff --git a/test/playground.generated/extending-language-services-completion-provider-example.html b/test/playground.generated/extending-language-services-completion-provider-example.html index 654871beaf..273e0e3505 100644 --- a/test/playground.generated/extending-language-services-completion-provider-example.html +++ b/test/playground.generated/extending-language-services-completion-provider-example.html @@ -57,6 +57,13 @@ kind: monaco.languages.CompletionItemKind.Function, documentation: "Recursively mkdir, like mkdir -p", insertText: '"mkdirp": "*"' + }, + { + label: '"my-third-party-library"', + kind: monaco.languages.CompletionItemKind.Function, + documentation: "Describe your library here", + insertText: '"${1:my-third-party-library}": "${2:1.2.3}"', + insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet } ]; } diff --git a/website/playground/new-samples/extending-language-services/completion-provider-example/sample.js b/website/playground/new-samples/extending-language-services/completion-provider-example/sample.js index 3cb025a776..f6e3fdca66 100644 --- a/website/playground/new-samples/extending-language-services/completion-provider-example/sample.js +++ b/website/playground/new-samples/extending-language-services/completion-provider-example/sample.js @@ -19,6 +19,13 @@ function createDependencyProposals() { kind: monaco.languages.CompletionItemKind.Function, documentation: "Recursively mkdir, like mkdir -p", insertText: '"mkdirp": "*"' + }, + { + label: '"my-third-party-library"', + kind: monaco.languages.CompletionItemKind.Function, + documentation: "Describe your library here", + insertText: '"${1:my-third-party-library}": "${2:1.2.3}"', + insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet } ]; }