Using ClangD extension with monaco-vscode-api.

[navpreet032]

How can I use the ClangD extension with the monaco-vscode-api? I encountered an error 'Cannot read properties of undefined (reading 'toString')' when attempting to import the .vsix file.

export default defineConfig({ plugins: [react(), vsixPlugin()], })

import './vscode-clangd-0.1.23.vsix';

[CGNonofr]

I'm not able to reproduce you error, do you have the full stack? are you able to reproduce in the demo of this repository?

Note that even without error, it won't do much as the extension is not web-compatible

You'll need to use the ext-host server to run the extension on a server to make it fully work

[navpreet032]

Here is the repo: https://github.com/navpreet032/MonacoDemo
All the details are present in the repo

[CGNonofr]

You app is almost empty, there is no service initialization

Does vsCode also uses ext-host server for clangD extension?

This library bundles VSCode browser code, the code that is used by https://vscode.dev/. The clangd extension can't be run in vscode.dev either and you'll need the ext-host server as well

if the extension can works fine in VsCode.Then can it work on monaco also?

Yes if it works in vscode.dev

[navpreet032]

"no service initialization" i did't got it can you explain it and provide an example code ?

[CGNonofr]

I mean

monaco-vscode-api/demo/src/setup.ts

Lines 72 to 110 in 52c94ba

	await initializeMonacoService({
	...getExtensionServiceOverride(toWorkerConfig(ExtensionHostWorker)),
	...getModelServiceOverride(),
	...getNotificationServiceOverride(),
	...getDialogsServiceOverride(),
	...getConfigurationServiceOverride(remotePath == null
	? monaco.Uri.file('/tmp')
	: { id: 'remote-workspace', uri: monaco.Uri.from({ scheme: 'vscode-remote', path: remotePath, authority: remoteAuthority }) }),
	...getKeybindingsServiceOverride(),
	...getTextmateServiceOverride(),
	...getThemeServiceOverride(),
	...getLanguagesServiceOverride(),
	...getAudioCueServiceOverride(),
	...getDebugServiceOverride(),
	...getPreferencesServiceOverride(),
	...getViewsServiceOverride(openNewCodeEditor),
	...getBannerServiceOverride(),
	...getStatusBarServiceOverride(),
	...getTitleBarServiceOverride(),
	...getSnippetServiceOverride(),
	...getQuickAccessServiceOverride({
	isKeybindingConfigurationVisible: isEditorPartVisible,
	shouldUseGlobalPicker: (_editor, isStandalone) => !isStandalone && isEditorPartVisible()
	}),
	...getOutputServiceOverride(),
	...getTerminalServiceOverride(new TerminalBackend()),
	...getSearchServiceOverride(),
	...getMarkersServiceOverride(),
	...getAccessibilityServiceOverride(),
	...getLanguageDetectionWorkerServiceOverride(),
	...getStorageServiceOverride(),
	...getRemoteAgentServiceOverride(connectionToken),
	...getLifecycleServiceOverride(),
	...getEnvironmentServiceOverride({
	remoteAuthority,
	enableWorkspaceTrust: true
	}),
	...getWorkspaceTrustOverride()
	})