Need help in defing custom language

[kartik-gupta-ij]

Hello everyone,

I am new to monaco and I'm having trouble implementing my custom language for a project. I would greatly appreciate some help.

The format of my language is as follows:

Method EndPoint
{json Payload (optional)} 

I have already created an array of keywords ["POST", "GET", "PUT", "DELETE", "HEAD"] for the HTTP methods. The EndPoint will look something like [collections/startups/points , collections , collections/demo1/points , collections/startups/points].

The {json Payload} part will be optional as per the user's needs.

I am having trouble figuring out how to add custom error checking and auto-completion. I want to be able to check the first word (the HTTP method) and the second word (the endpoint) for unexpected letters and support separate arrays for auto-completion. Additionally, I would like to have a different feature for autocompletion in the JSON body.

Any guidance or advice on how to approach this would be greatly appreciated. Thank you in advance!

current code (for setMonarchTokensProvider )

const Method = ["POST", "GET", "PUT", "DELETE", "HEAD"];

export const Rules = {
    base: 'json',
    Method,
    tokenizer: {
        root: [
            [/@?[a-zA-Z][\w$]*/, {
                cases: {
                    '@Method': 'keyword',

                    '@default': 'variable',
                }
            }],

            [/".*?"/, 'string'],

            [/\/\/.*/, 'comment'],
        ]
    }
}

for auto-complete

const keywords = ["POST", "GET", "PUT", "DELETE", "HEAD", "collections"];
export const Autocomplete = {
    provideCompletionItems: (model, position) => {
        const suggestions
            =
            [
                ...keywords.map(k => {
                    return {
                        label: "Method:" + k,
                        kind: "monaco.languages.CompletionItemKind.Keyword",
                        insertText: k,
                    };
                })
            ];
        return { suggestions: suggestions };
    }
}

[tamayika]

You can add error underline by markers.
Please see example

Generally, you should create AST parser to provide rich language support.
https://en.wikipedia.org/wiki/Abstract_syntax_tree

[kartik-gupta-ij]

@tamayika thanks for the help
can you please guide me on how to autocomplete for the Endpoints and json

Autocomplete should suggest:

next allowed work in API url. Examples

/collect -> ["collections"]
/collections/mycollection/ -> ["points", "snapshots"]

Allowed fields in JSON:

{
  "filter": {
    "|
  }
}

should suggest

must
should
must_not

[aimhighrana]

Nice to have thanks