const monacoConfig: NgxMonacoEditorConfig = {
    baseUrl: environment.production ? './assets' : '',
    defaultOptions: {
        scrollBeyondLastLine: true,
        theme: 'vs-dark',
        minimap: {
            enabled: false
        },
        language: 'mySpecialLanguage'
    },
    onMonacoLoad: () => {
        const monaco = (window as any).monaco;
        monaco.languages.setMonarchTokensProvider('mySpecialLanguage', {
            tokenizer: {
                root: [
                    [/\[error.*/, "custom-error"],
                    [/\[notice.*/, "custom-notice"],
                    [/\[info.*/, "custom-info"],
                    [/\[[a-zA-Z 0-9:]+\]/, "custom-date"],
                ]
            }
        });

        monaco.languages.registerCompletionItemProvider('mySpecialLanguage', {
            provideCompletionItems: () => {
                var suggestions = [{
                    label: 'simpleText',
                    kind: monaco.languages.CompletionItemKind.Text,
                    insertText: 'simpleText'
                }, {
                    label: 'testing',
                    kind: monaco.languages.CompletionItemKind.Keyword,
                    insertText: 'testing(${1:condition})',
                    insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet
                }, {
                    label: 'ifelse',
                    kind: monaco.languages.CompletionItemKind.Snippet,
                    insertText: [
                        'if (${1:condition}) {',
                        '\t$0',
                        '} else {',
                        '\t',
                        '}'
                    ].join('\n'),
                    insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
                    documentation: 'If-Else Statement'
                }];
                return { suggestions: suggestions };
            }
        });

        monaco.languages.register({ id: 'mySpecialLanguage' });

    }
};