No communication after initialized message, like textDocument/DidOpen, textDocument/DidChange

[cjayashantha]

HI,

I followed the below example in an angular application that connects to an xtext service using an LS via WebSocket. (I am new to these technologies)

https://github.com/TypeFox/monaco-languageclient/blob/main/verify/angular/src/app/app.component.ts

Console log

editor.component.ts:75 dispose wrapper
index.js:23 Starting monaco-editor (87)
index.js:23 Init of Extended App was completed.
editor.component.ts:60 Connected to socket.
index.js:23 LanguageClientWrapper status:
LanguageClient: Monaco Wrapper Language Client is in a 'Running' state
index.js:23 languageClientWrapper (unnamed): Started successfully.
editor.component.ts:77 initAndStart
workerFactory.js:68 getWorker: moduleId: workerMain.js label: editorWorkerService
workerFactory.js:55 Creating worker: http://localhost:3000/assets/monaco-editor-wrapper/dist/workers/editorWorker-es.js

package.json

    "@codingame/monaco-vscode-keybindings-service-override": "^5.1.1",
    "vscode": "npm:@codingame/monaco-vscode-api@~5.1.1",
    "monaco-editor-wrapper": "^5.1.1",
    "monaco-languageclient": "^8.4.0",

componednt html

<div #editor class="editor"></div>

component.ts

import {AfterViewInit, Component, ElementRef, ViewChild} from '@angular/core';
import {MonacoEditorLanguageClientWrapper, UserConfig} from "monaco-editor-wrapper";
import getKeybindingsServiceOverride from '@codingame/monaco-vscode-keybindings-service-override';
import {useWorkerFactory} from "monaco-editor-wrapper/workerFactory";
import {LANGUAGE_EXTENSION, LANGUAGE_ID} from "../../language-definitions";


useWorkerFactory({
  rootPath: window.location.href + '../..',
  basePath: '../assets',
});


@Component({
  selector: 'app-editor',
  standalone: true,
  imports: [],
  templateUrl: './editor.component.html',
  styleUrl: './editor.component.scss'
})
export class EditorComponent implements AfterViewInit{
 @ViewChild('editor') editor!: ElementRef;

 ngAfterViewInit(): void {
    const wrapper = new MonacoEditorLanguageClientWrapper();
    const userConfig: UserConfig = {
      wrapperConfig: {
        serviceConfig: {
          userServices: {
            ...getKeybindingsServiceOverride(),
          },
          debugLogging: true
        },
        editorAppConfig: {
          $type: 'extended',
          codeResources: {
            main: {
              text: '',
              fileExt: LANGUAGE_EXTENSION
            }
          },
          userConfiguration: {
            json: JSON.stringify({
              'workbench.colorTheme': 'Default Dark Modern',
              'editor.guides.bracketPairsHorizontal': 'active',
              'editor.lightbulb.enabled': 'On'
            })
          },
          useDiffEditor: false,
        }
      },
      languageClientConfig: {
        languageId: LANGUAGE_ID,
        options: {
          $type: 'WebSocketUrl',
          url: 'ws://localhost:5008',
          startOptions: {
            onCall: () => {
              console.log('Connected to socket.');
            },
            reportStatus: true
          },
          stopOptions: {
            onCall: () => {
              console.log('Disconnected from socket.');
            },
            reportStatus: true
          }
        }
      }
    };

    wrapper.dispose().then(() => {
      console.log('dispose wrapper')
      wrapper.initAndStart(userConfig, this.editor.nativeElement).then(() => {
        console.log('initAndStart')
      }).catch((error) => {
        console.log(error);
      });
    })

  }
}

Am I missing something ?

Thanks in advance.

[cjayashantha]

I missed the part registering the language...

 editorAppConfig: {
          $type: 'classic',
          codeResources: {
            main: {
              text: '',
              fileExt: LANGUAGE_EXTENSION
            }
          },
         languageDef: {
           languageExtensionConfig: {
             id: LANGUAGE_ID,
             extensions: [LANGUAGE_EXTENSION],
             aliases: [LANGUAGE_ID],
           },
         },
          useDiffEditor: false,
        }
      },