Add environment objects and methods

[byeze]

Hello!

Currently I'm doing a code based rule decision system, the thing is that I render a dashboard with a Monaco editor but I need to add the objects and methods passed to the function that you are coding.

For example, if I write: user., I want the editor to show me suggestions like:

How can I do it without automatically adding type definitions into the editor's value?

Thank you for your help and time!

Edit: The editor allows you to write custom rules with javascript code that run on an isolated sandbox when the system needs to decide some action that the user requested, it's like when you write a custom rule on Auth0. The editor by default has this filled:

I need to suggest for example the user object when writing the rule.

[suren-atoyan]

Hello @byeze, sorry for the late answer.

You can use completion-provider to achieve that

[lucabiasotto]

Hi guys, have you found a solution to suggest properties based on the object?

I followed @suren-atoyan example but I don't understand how to make different suggestions based on the object.

For example, if I write console the monaco suggests log, info etc...i want that that if the user writes mysql monaco suggests my custom methods.

This below is my code, but it has the following 2 problems:

1. suggests query even though I haven't written mysql
   

2. when I select mysql from the suggestions then monaco doesn't suggest query (unless I press cmd + space)
   

monaco.languages.registerCompletionItemProvider("javascript", {
      provideCompletionItems: (model, position) => {
        var word = model.getWordUntilPosition(position);
        var range = {
          startLineNumber: position.lineNumber,
          endLineNumber: position.lineNumber,
          startColumn: word.startColumn,
          endColumn: word.endColumn
        };

        // Docs: https://microsoft.github.io/monaco-editor/api/interfaces/monaco.languages.CompletionItem.html
        return {
          suggestions: [
            {
              label: 'mysql',
              kind: monaco.languages.CompletionItemKind.Variable,// Module,
              documentation: "Anacleto library for working with MySQL.",
              commitCharacters: ["."],
              detail: "Anacleto MySQL library",
              insertText: 'mysql',
              range: range,
            },
            {
              label: 'query({})',
              filterText: 'mysql.query({})',
              kind: monaco.languages.CompletionItemKind.Function,
              insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
              documentation: "mysql.query: mysql.query <any>(query: string | timeout: int | values: array | nestTables: boolean)",
              detail: 'mysql.query({query..})',
              insertText: 'mysql.query({query:${1:string}, timeout:${2:millis}, values:${3:array}, nestTables:${4:boolean}})',
              range: range,
            }
          ]
        };
      }
    });
  }

[suren-atoyan]

please check this. let me know if it helps

[lucabiasotto]

Thanks @suren-atoyan with this example it works!! Super :)
Bye