monaco-languageclient-examples 8.0.0 → 8.1.0

package/src/langium/statemachine/main-react.tsx

@@ -1,5 +1,5 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 

package/src/langium/statemachine/main.ts

@@ -1,5 +1,5 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 

package/src/langium/statemachine/worker/statemachine-server-port.ts

@@ -1,5 +1,5 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 

package/src/langium/statemachine/worker/statemachine-server-start.ts

@@ -1,5 +1,5 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 

package/src/langium/statemachine/worker/statemachine-server.ts

@@ -1,5 +1,5 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 

package/src/node.ts

@@ -1,5 +1,5 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 

package/src/python/client/config.ts

@@ -1,5 +1,5 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 

package/src/python/client/main.ts

@@ -1,5 +1,5 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 

package/src/python/client/reactPython.tsx

@@ -1,5 +1,5 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 

package/src/python/server/direct.ts

@@ -1,5 +1,5 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 

package/src/python/server/main.ts

@@ -1,5 +1,5 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 

package/src/ts/wrapperAdvanced.ts

@@ -1,15 +1,20 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 
 import getKeybindingsServiceOverride from '@codingame/monaco-vscode-keybindings-service-override';
-import '@codingame/monaco-vscode-javascript-default-extension';
-// import '@codingame/monaco-vscode-typescript-basics-default-extension';
-// import '@codingame/monaco-vscode-typescript-language-features-default-extension';
+import '@codingame/monaco-vscode-standalone-languages';
+import '@codingame/monaco-vscode-standalone-typescript-language-features';
 import { EditorAppConfigClassic, LanguageClientError, MonacoEditorLanguageClientWrapper, UserConfig } from 'monaco-editor-wrapper';
 import { useWorkerFactory } from 'monaco-editor-wrapper/workerFactory';
 
+export const configureMonacoWorkers = () => {
+    useWorkerFactory({
+        basePath: '../../../node_modules'
+    });
+};
+
 const wrapper42 = new MonacoEditorLanguageClientWrapper();
 const wrapper43 = new MonacoEditorLanguageClientWrapper();
 const wrapper44 = new MonacoEditorLanguageClientWrapper();
@@ -24,7 +29,7 @@ const wrapper42Config: UserConfig = {
             debugLogging: true
         },
         editorAppConfig: {
-            $type: 'extended',
+            $type: 'classic',
             languageId: 'text/plain',
             useDiffEditor: true,
             codeOriginal: `This line is equal.
@@ -59,7 +64,7 @@ const wrapper43Config: UserConfig = {
             debugLogging: true
         },
         editorAppConfig: {
-            $type: 'extended',
+            $type: 'classic',
             languageId: 'text/plain',
             useDiffEditor: true,
             codeOriginal: 'This line is equal.\nThis number is different 3022.\nMisspelled!Same again.',
@@ -84,7 +89,7 @@ const wrapper44Config: UserConfig = {
             debugLogging: true
         },
         editorAppConfig: {
-            $type: 'extended',
+            $type: 'classic',
             languageId: 'javascript',
             useDiffEditor: false,
             code: `function logMe() {
@@ -100,12 +105,6 @@ const wrapper44Config: UserConfig = {
     }
 };
 
-export const configureMonacoWorkers = () => {
-    useWorkerFactory({
-        basePath: '../../../node_modules'
-    });
-};
-
 const startWrapper42 = async () => {
     await wrapper42.initAndStart(wrapper42Config, document.getElementById('monaco-editor-root-42'));
     console.log('wrapper42 was started.');

package/src/ts/wrapperTs.ts

@@ -1,28 +1,24 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 
 import * as vscode from 'vscode';
 import * as monaco from 'monaco-editor';
 import getKeybindingsServiceOverride from '@codingame/monaco-vscode-keybindings-service-override';
-
-// only works if wrapper is configured in extended mode
-// import '@codingame/monaco-vscode-theme-defaults-default-extension';
-// import '@codingame/monaco-vscode-typescript-basics-default-extension';
-// import '@codingame/monaco-vscode-typescript-language-features-default-extension';
-
-// basic-languages and language only exists if manually copied there
-// import 'monaco-editor/esm/vs/basic-languages/typescript/typescript.contribution.js';
-// import 'monaco-editor/esm/vs/language/typescript/monaco.contribution.js';
-
+import '@codingame/monaco-vscode-theme-defaults-default-extension';
+import '@codingame/monaco-vscode-typescript-basics-default-extension';
+import '@codingame/monaco-vscode-typescript-language-features-default-extension';
 import { disposeEditor, getWrapper, startEditor, swapEditors, updateModel } from '../common/example-apps-common.js';
 import { UserConfig } from 'monaco-editor-wrapper';
 import { useWorkerFactory } from 'monaco-editor-wrapper/workerFactory';
 
 export const configureMonacoWorkers = () => {
     useWorkerFactory({
-        basePath: '../../../node_modules'
+        ignoreMapping: true,
+        workerLoaders: {
+            editorWorkerService: () => new Worker(new URL('monaco-editor/esm/vs/editor/editor.worker.js', import.meta.url), { type: 'module' }),
+        }
     });
 };
 
@@ -59,10 +55,11 @@ export const runTsWrapper = async () => {
                 userServices: {
                     ...getKeybindingsServiceOverride()
                 },
+                enableExtHostWorker: true,
                 debugLogging: true
             },
             editorAppConfig: {
-                $type: 'classic',
+                $type: 'extended',
                 languageId: 'typescript',
                 code,
                 codeUri: codeUri,

package/src/utils/fs-utils.ts

@@ -1,5 +1,5 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 import { dirname } from 'path';

package/src/utils/localeLoader.ts

@@ -1,5 +1,5 @@
 /* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Copyright (c) 2024 TypeFox and others.
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 

package/wrapper_adv.html

@@ -4,16 +4,12 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Monaco Editor Languageclient Component</title>
-    <style>
-        @font-face {
-            font-family: 'codicon';
-            src: url('./dist/assets/codicon.ttf') format('truetype');
-        }
-    </style>
+    <title>Multiple Editors Example</title>
+    <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
+    <h2>Multiple Editors Example</title>
     <div style="height: 33vh;" id="monaco-editor-root-42">
     </div>
     <div style="height: 33vh;" id="monaco-editor-root-43">

package/wrapper_langium.html

@@ -2,13 +2,14 @@
 <html lang="en">
 
 <head>
-    <title>Langium Grammar DSL Language Client & Server (Worker)</title>
+    <title>Langium Grammar DSL Web Worker Language Server Example</title>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
-    <h2>Langium Grammar DSL Language Client & Server (Worker)</h2>
+    <h2>Langium Grammar DSL Web Worker Language Server Example</h2>
     <div style="padding: 0px 5px 5px 0px">
         <button type="button" id="button-start-classic">Start Classic</button>
         <button type="button" id="button-start-extended">Start Extended</button>

package/wrapper_statemachine.html

@@ -4,10 +4,12 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Monaco Editor Wrapper Langium Web Worker Language Server Example</title>
+    <title>Langium Statemachine Web Worker Language Server Example</title>
+    <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
+    <h2>Langium Statemachine Web Worker Language Server Example</h2>
     <button type="button" id="button-start">Start</button>
     <button type="button" id="button-dispose">Dispose</button>
     <div id="monaco-editor-root" style="height: 40vh;"></div>

package/wrapper_ts.html

@@ -5,9 +5,11 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Monaco Editor Wrapper TypeScript Example</title>
+    <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
+    <h2>Monaco Editor Wrapper TypeScript Example</h2>
     <button type="button" id="button-start">Start</button>
     <button type="button" id="button-swap-code">Swap Code</button>
     <button type="button" id="button-swap">Swap Diff</button>

package/wrapper_ws.html

@@ -5,9 +5,11 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Monaco Editor Wrapper Web Socket LSP Example</title>
+    <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
+    <h2>Monaco Editor Wrapper Web Socket LSP Example</h2>
     <button type="button" id="button-start">Start</button>
     <button type="button" id="button-swap">Swap Diff</button>
     <button type="button" id="button-dispose">Dispose</button>