MonacoEditorLanguageClientWrapper.init never resolves its promise.

[vivekburman]

Below are the error message and code snippet I'm using to get started with basic Editor instance with Gopls server.

@typefox/monaco-editor-react@6.6.0

ERROR:
Default api is not ready yet, do not forget to import 'vscode/localExtensionHost' and wait for services initialization at Object.get (http://localhost:3000/static/js/bundle.js:811236:15)

CODE:

import '@codingame/monaco-vscode-base-service-override';
import "@codingame/monaco-vscode-go-default-extension";
import '@codingame/monaco-vscode-host-service-override';
import getKeybindingsServiceOverride from '@codingame/monaco-vscode-keybindings-service-override';
import "@codingame/monaco-vscode-theme-defaults-default-extension";
import * as monaco from 'monaco-editor';
import { defineDefaultWorkerLoaders } from 'monaco-editor-wrapper/workers/workerLoaders';
import { useWorkerFactory as workerFactory } from 'monaco-languageclient/workerFactory';
import type { Logger } from 'monaco-languageclient/tools';
import { MonacoEditorLanguageClientWrapper, WrapperConfig } from 'monaco-editor-wrapper';

const workspaceUri = monaco.Uri.file("C:/Users/vivek/AppData/Roaming/streamcraft/lsp/marketing_analytics_etl");
const getUserConfig = (): WrapperConfig => {
	const workerLoaders = defineDefaultWorkerLoaders();

	return {
		id: `1`,
		$type: 'classic',
		logLevel: LogLevel.Debug,
		vscodeApiConfig: {
			workspaceConfig: {
				enableWorkspaceTrust: true,
				workspaceProvider: {
                    trusted: true,
                    async open() {
                        window.open(window.location.href);
                        return true;
                    },
                    workspace: {
                        workspaceUri: workspaceUri
                    },
                },
			},
            serviceOverrides: {
                ...getKeybindingsServiceOverride(),
            },
			userConfiguration: {
                json: JSON.stringify({
                    'workbench.colorTheme': 'Default Light Modern',
                    'editor.wordBasedSuggestions': 'off',
                    'editor.guides.bracketPairsHorizontal': true,
                    'editor.experimental.asyncTokenization': false
                })
            },
		},
		editorAppConfig: {
			languageDef: {
				languageExtensionConfig: {
					id: 'go',
					extensions: ['.go'],
					aliases: ['Go', 'go']
				}
			},
			monacoWorkerFactory: (logger?: Logger) => {
                              workerFactory({
                                   workerLoaders,
                                   logger
                              });
                        },
			editorOptions: {
				language: "go",
			},
		},
		languageClientConfigs: {
			configs: {
				"go": {
					name: 'w-1',
					connection: {
						options: {
							$type: 'WebSocketUrl',
							url: `ws://localhost:9090/codebase/ws`
						},
					},
					clientOptions: {
						documentSelector: ["go"],
						workspaceFolder: {
							index: 0,
							name: "w-1",
							uri: workspaceUri
						},
					},
				}
			}
		}
	}
}
await wrapper.init(getUserConfig());

[vivekburman]

Adding debug logs here:

DEBUG Initializing vscode services. Caller: monaco-editor (2)
log.js:152 DEBUG Loading service: fileService
log.js:152 DEBUG Loading service: textFileService
log.js:152 DEBUG Loading service: filesConfigurationService
log.js:152 DEBUG Loading service: elevatedFileService
log.js:152 DEBUG Loading service: configurationService
log.js:152 DEBUG Loading service: contextService
log.js:152 DEBUG Loading service: textResourceConfigurationService
log.js:152 DEBUG Loading service: workspaceEditingService
log.js:152 DEBUG Loading service: workspacesService
log.js:152 DEBUG Loading service: textResourcePropertiesService
log.js:152 DEBUG Loading service: configurationResolverService
log.js:152 DEBUG Loading service: languageService
log.js:152 DEBUG Loading service: ILanguageStatusService
log.js:152 DEBUG Loading service: environmentService
log.js:152 DEBUG Loading service: loggerService
log.js:152 DEBUG Loading service: logService
log.js:152 DEBUG Loading service: IDefaultLogLevelsService
log.js:152 DEBUG Loading service: textModelService
log.js:152 DEBUG Loading service: keybindingService
log.js:152 DEBUG Loading service: keyboardLayoutService
log.js:152 DEBUG Loading service: commandService
log.js:152 DEBUG Loading service: themeService
log.js:152 DEBUG Loading service: codeEditorService
log.js:152 DEBUG Loading service: editorService
log.js:152 DEBUG Loading service: textEditorService
log.js:152 DEBUG Loading service: editorGroupsService

[kaisalmen]

@vivekburman thank you. I will catch up with answering / looking into issues this week. Was occupied with other things last two weeks.

[kaisalmen]

Hi @vivekburman I tried to reproduce your problem, but I can't. Can you share a repository which allows to easily reproduce the problem or write/share a unit test that fails?

One thing that is wrong though is to use the classic monaco-editor mode with vscode extensions like @codingame/monaco-vscode-go-default-extension. You should use the $type: extended. Also, textmate based themeing should only be used with extended mode. languageDef is not needed because the go extension takes care of that.

[vivekburman]

Closing this ticket it was due to mismatch in typefox and @CodinGame deps.