fix: monaco-graphql worker issue, es module config should use esNext (#1979)

* fix: fix failed to create graphql worker
* Update workerManager.ts

Co-authored-by: Rikki Schulte <[email protected]>

Author: iahu

.changeset/afraid-nails-trade.md

@@ -0,0 +1,6 @@
+---
+"graphql-language-service": patch
+"monaco-graphql": patch
+---
+
+fix: export `monaco-graphql` esm with esm modules, also fix issues with worker manager, resolves #1706 & #1791

packages/graphql-language-service/package.json

@@ -31,7 +31,9 @@
   },
   "dependencies": {
     "graphql-language-service-interface": "^2.8.2",
-    "graphql-language-service-types": "^1.8.0"
+    "graphql-language-service-parser": "^1.9.2",
+    "graphql-language-service-types": "^1.8.2",
+    "graphql-language-service-utils": "^2.5.3"
   },
   "devDependencies": {
     "graphql": "experimental-stream-defer"

packages/monaco-graphql/src/GraphQLWorker.ts

@@ -124,3 +124,14 @@ export class GraphQLWorker {
     return '';
   }
 }
+
+export default {
+  GraphQLWorker,
+};
+
+export function create(
+  ctx: worker.IWorkerContext,
+  createData: ICreateData,
+): GraphQLWorker {
+  return new GraphQLWorker(ctx, createData);
+}

packages/monaco-graphql/src/monaco.contribution.ts

@@ -13,7 +13,7 @@ import {
   modeConfigurationDefault,
 } from './api';
 
-import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+import * as monaco from 'monaco-editor';
 
 export * from './typings';
 

packages/monaco-graphql/src/workerManager.ts

@@ -5,7 +5,7 @@
  *  LICENSE file in the root directory of this source tree.
  */
 
-import { editor as monacoEditor } from 'monaco-editor/esm/vs/editor/editor.api';
+import { editor as monacoEditor } from 'monaco-editor';
 import { LanguageServiceAPI } from './api';
 import { GraphQLWorker } from './GraphQLWorker';
 
@@ -68,7 +68,7 @@ export class WorkerManager {
     if (!this._client) {
       this._worker = monacoEditor.createWebWorker<GraphQLWorker>({
         // module that exports the create() method and returns a `GraphQLWorker` instance
-        moduleId: 'vs/language/graphql/graphqlWorker',
+        moduleId: 'monaco-graphql/esm/GraphQLWorker.js',
 
         label: this._defaults.languageId,
         // passed in to the create() method
@@ -86,7 +86,7 @@ export class WorkerManager {
       try {
         this._client = await this._worker.getProxy();
       } catch (error) {
-        throw Error('Error loading serviceworker proxy');
+        // throw Error(error);
       }
     }
     return this._client as GraphQLWorker;

packages/monaco-graphql/tsconfig.esm.json

@@ -1,7 +1,7 @@
 {
   "extends": "../../resources/tsconfig.base.esm.json",
   "compilerOptions": {
-    "module": "amd",
+    "module": "ESNext",
     "moduleResolution": "node",
     "baseUrl": ".",
     "rootDir": "./src",