VSCode Server Setup

[cemalgnlts]

Hi,

I followed this guide while setting up my server: https://github.com/CodinGame/monaco-vscode-api/wiki

I tried installing VSCode Server on my server and connecting to it, but I’m getting the following error in the console.

Uncaught (in promise) TypeError: can't access property "toString", resource is undefined
    defaultToKey map.js:23
    get map.js:46
    createLogger log.js:275
    _LogService2 index.js:34
    _createInstance instantiationService.js:135
    idle instantiationService.js:271
    _executor async.js:793
    get value async.js:808
    get instantiationService.js:315
[map.js:23:43](http://localhost:3000/node_modules/@codingame/monaco-vscode-api/vscode/src/vs/base/common/map.js)

This error occurs only if the following code has been added.

...getRemoteAgentServiceOverride({
  scanRemoteExtensions: true
})

Setup

Service Overrides

import getBaseServiceOverride from "@codingame/monaco-vscode-base-service-override";
import getConfigurationServiceOverride, {
	initUserConfiguration
} from "@codingame/monaco-vscode-configuration-service-override";
import getDialogsServiceOverride from "@codingame/monaco-vscode-dialogs-service-override";
import getEnvironmentServiceOverride from "@codingame/monaco-vscode-environment-service-override";
import getExplorerServiceOverride from "@codingame/monaco-vscode-explorer-service-override";
import getExtensionsServiceOverride from "@codingame/monaco-vscode-extensions-service-override";
import getFileServiceOverride from "@codingame/monaco-vscode-files-service-override";
import getHostServiceOverride from "@codingame/monaco-vscode-host-service-override";
import getLanguagesServiceOverride from "@codingame/monaco-vscode-languages-service-override";
import getLifecycleServiceOverride from "@codingame/monaco-vscode-lifecycle-service-override";
import getLogServiceOverride from "@codingame/monaco-vscode-log-service-override";
import getModelServiceOverride from "@codingame/monaco-vscode-model-service-override";
import getNotificationsServiceOverride from "@codingame/monaco-vscode-notifications-service-override";
import getOutputServiceOverride from "@codingame/monaco-vscode-output-service-override";
import getQuickAccessServiceOverride from "@codingame/monaco-vscode-quickaccess-service-override";
import getRemoteAgentServiceOverride from "@codingame/monaco-vscode-remote-agent-service-override";
import getSearchServiceOverride from "@codingame/monaco-vscode-search-service-override";
import getMarkersServiceOverride from "@codingame/monaco-vscode-markers-service-override";
import getSnippetsServiceOverride from "@codingame/monaco-vscode-snippets-service-override";
import getStorageServiceOverrride from "@codingame/monaco-vscode-storage-service-override";
import getTerminalServiceOverride from "@codingame/monaco-vscode-terminal-service-override";
import getTextmateServiceOverride from "@codingame/monaco-vscode-textmate-service-override";
import getThemeServiceOverride from "@codingame/monaco-vscode-theme-service-override";
import getTimelineServiceOverride from "@codingame/monaco-vscode-timeline-service-override";
import getStatusBarServiceOverride from "@codingame/monaco-vscode-view-status-bar-service-override";
import getTitleBarServiceOverride from "@codingame/monaco-vscode-view-title-bar-service-override";
import getViewsServiceOverride, {
	isEditorPartVisible
} from "@codingame/monaco-vscode-views-service-override";

Workers

const workerLoaders: Partial> = {
	TextEditorWorker: new Worker(
		new URL("monaco-editor/esm/vs/editor/editor.worker.js", import.meta.url),
		{ type: "module" }
	),
	TextMateWorker: new Worker(
		new URL(
			"@codingame/monaco-vscode-textmate-service-override/worker",
			import.meta.url
		),
		{ type: "module" }
	),
	ExtensionWorker: new Worker(
		new URL(
			"@codingame/monaco-vscode-textmate-service-override/worker",
			import.meta.url
		),
		{ type: "module" }
	),
	typescript: new Worker(
		new URL(
			"@codingame/monaco-vscode-standalone-typescript-language-features/worker",
			import.meta.url
		),
		{ type: "module" }
	),
	extensionHostWorkerMain: new Worker(
		new URL(
			"@codingame/monaco-vscode-api/workers/extensionHost.worker",
			import.meta.url
		),
		{ type: "module" }
	)
};

async function init(container: HTMLDivElement) {
	if (isInitialized) return;

	isInitialized = true;
	const authority = "?.?.?.?:8000";

	await initUserConfiguration(userConfig);
	fileSystem.register();

	await initializeServices(
		{
			...getLogServiceOverride(),
			...getExtensionsServiceOverride({ enableWorkerExtensionHost: true }),
			...getModelServiceOverride(),
			...getNotificationsServiceOverride(),
			...getTerminalServiceOverride(),
			...getDialogsServiceOverride(),
			...getConfigurationServiceOverride(),
			...getSearchServiceOverride(),
			...getMarkersServiceOverride(),
			...getFileServiceOverride(),
			...getTextmateServiceOverride(),
			...getHostServiceOverride(),
			...getThemeServiceOverride(),
			...getViewsServiceOverride(undefined, undefined, () => ({
				editor: { restoreEditors: false, editorsToOpen: Promise.resolve([]) },
				views: {
					containerToRestore: { auxiliaryBar: "", panel: "", sideBar: "" },
					defaults: []
				},
				layout: { editors: undefined }
			})),
			...getStatusBarServiceOverride(),
			...getTimelineServiceOverride(),
			...getSnippetsServiceOverride(),
			...getBaseServiceOverride(),
			...getQuickAccessServiceOverride({
				isKeybindingConfigurationVisible: () => false,
				shouldUseGlobalPicker: (_, isStandalone) =>
					!isStandalone && isEditorPartVisible()
			}),
			...getOutputServiceOverride(),
			// ...getMarkersServiceOverride(),
			...getStorageServiceOverrride({
				fallbackOverride: {
					"workbench.activity.showAccounts": false
				}
			}),
			...getLifecycleServiceOverride(),
			...getEnvironmentServiceOverride(),
			...getLanguagesServiceOverride(),
			...getTitleBarServiceOverride(),
			...getExplorerServiceOverride(),
			...getRemoteAgentServiceOverride({
				scanRemoteExtensions: true
			})
		},
		container,
		{
			remoteAuthority: authority,
			developmentOptions: {
				logLevel: LogLevel.Info // Default value
			},
			workspaceProvider: {
				trusted: true,
				async open() {
					window.open(window.location.href);
					return true;
				},
				// workspace: { folderUri: Uri.file("/") }
				workspace: {
					folderUri: Uri.from({
						scheme: "vscode-remote",
						path: "/",
						authority
					})
				}
			},
			additionalTrustedDomains: ["https://github.com", location.origin],
			productConfiguration: {
				nameLong: "Code",
				nameShort: "code"
				// version: "1.0.0",
				// date: __APP_DATE,
				commandPaletteSuggestedCommandIds: ["workbench.action.files.openFile"],
				enableTelemetry: false
			}
		},
		{ userHome: Uri.file("/") }
	);

	await activateDefaultExtensions();

	commands.registerCommand("workbench.action.toggleFullScreen", () => {
		if (document.fullscreenElement !== null) {
			document.exitFullscreen();
			return;
		}

		document.body.requestFullscreen({ navigationUI: "hide" }).catch(() => {});
	});
}

[CGNonofr]

Do you mind providing a minimal reproduction repo? I see nothing obvious

[cemalgnlts]

It took a while, but here’s a repository where you can reproduce the bug: https://github.com/cemalgnlts/vscode-api

[CGNonofr]

Your issue is related to https://github.com/CodinGame/monaco-vscode-api/wiki/Troubleshooting#duplicate-versions

[cemalgnlts]

Cool, thanks. That worked.