npm - monaco-languageclient-examples - Versions diffs - 6.4.5-next.0 - Mend

monaco-languageclient-examples 6.4.5-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (92) hide show

package/CHANGELOG.md +7 -0
package/License.txt +11 -0
package/README.md +17 -0
package/browser.html +16 -0
package/client.html +16 -0
package/dist/browser/main.d.ts +2 -0
package/dist/browser/main.d.ts.map +1 -0
package/dist/browser/main.js +111 -0
package/dist/browser/main.js.map +1 -0
package/dist/common.d.ts +22 -0
package/dist/common.d.ts.map +1 -0
package/dist/common.js +109 -0
package/dist/common.js.map +1 -0
package/dist/index.d.ts +9 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +13 -0
package/dist/index.js.map +1 -0
package/dist/json/client/main.d.ts +2 -0
package/dist/json/client/main.d.ts.map +1 -0
package/dist/json/client/main.js +19 -0
package/dist/json/client/main.js.map +1 -0
package/dist/json/server/json-server.d.ts +36 -0
package/dist/json/server/json-server.d.ts.map +1 -0
package/dist/json/server/json-server.js +216 -0
package/dist/json/server/json-server.js.map +1 -0
package/dist/json/server/main.d.ts +2 -0
package/dist/json/server/main.d.ts.map +1 -0
package/dist/json/server/main.js +64 -0
package/dist/json/server/main.js.map +1 -0
package/dist/langium/langiumClient.d.ts +2 -0
package/dist/langium/langiumClient.d.ts.map +1 -0
package/dist/langium/langiumClient.js +130 -0
package/dist/langium/langiumClient.js.map +1 -0
package/dist/langium/langiumServerWorker.d.ts +2 -0
package/dist/langium/langiumServerWorker.d.ts.map +1 -0
package/dist/langium/langiumServerWorker.js +18 -0
package/dist/langium/langiumServerWorker.js.map +1 -0
package/dist/langium/statemachineClient.d.ts +2 -0
package/dist/langium/statemachineClient.d.ts.map +1 -0
package/dist/langium/statemachineClient.js +140 -0
package/dist/langium/statemachineClient.js.map +1 -0
package/dist/node.d.ts +5 -0
package/dist/node.d.ts.map +1 -0
package/dist/node.js +9 -0
package/dist/node.js.map +1 -0
package/dist/python/client.d.ts +3 -0
package/dist/python/client.d.ts.map +1 -0
package/dist/python/client.js +157 -0
package/dist/python/client.js.map +1 -0
package/dist/python/server.d.ts +2 -0
package/dist/python/server.d.ts.map +1 -0
package/dist/python/server.js +105 -0
package/dist/python/server.js.map +1 -0
package/dist/react/app.d.ts +10 -0
package/dist/react/app.d.ts.map +1 -0
package/dist/react/app.js +45 -0
package/dist/react/app.js.map +1 -0
package/dist/react/main.d.ts +2 -0
package/dist/react/main.d.ts.map +1 -0
package/dist/react/main.js +14 -0
package/dist/react/main.js.map +1 -0
package/dist/utils/fs-utils.d.ts +5 -0
package/dist/utils/fs-utils.d.ts.map +1 -0
package/dist/utils/fs-utils.js +14 -0
package/dist/utils/fs-utils.js.map +1 -0
package/dist/worker/langiumServerWorker.js +210 -0
package/dist/worker/statemachineServerWorker.js +534 -0
package/langium_client.html +17 -0
package/package.json +96 -0
package/python.html +16 -0
package/react.html +16 -0
package/src/browser/main.ts +131 -0
package/src/common.ts +130 -0
package/src/index.ts +13 -0
package/src/json/client/main.ts +22 -0
package/src/json/server/json-server.ts +265 -0
package/src/json/server/main.ts +68 -0
package/src/langium/example.langium +215 -0
package/src/langium/example.statemachine +26 -0
package/src/langium/langium.configuration.json +164 -0
package/src/langium/langium.tmLanguage.json +290 -0
package/src/langium/langiumClient.ts +146 -0
package/src/langium/langiumServerWorker.ts +21 -0
package/src/langium/statemachineClient.ts +151 -0
package/src/node.ts +9 -0
package/src/python/client.ts +170 -0
package/src/python/server.ts +114 -0
package/src/react/app.tsx +73 -0
package/src/react/main.tsx +19 -0
package/src/utils/fs-utils.ts +14 -0
package/statemachine_client.html +16 -0
package/vite.statemachine-worker.ts +17 -0

package/langium_client.html ADDED Viewed

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Client & Langium Grammar DSL Web Worker Language Server Example</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+</head>
+<body>
+    <h2>Client & Langium Grammar DSL Web Worker Language Server Example</h2>
+    <div id="container" style="width:800px;height:600px;border:1px solid grey"></div>
+    <script type="module" src="./src/langium/langiumClient.ts"></script>
+    <div id="panel"></div>
+</body>
+</html>

package/package.json ADDED Viewed

@@ -0,0 +1,96 @@
+{
+  "name": "monaco-languageclient-examples",
+  "version": "6.4.5-next.0",
+  "description": "Monaco Language client examples",
+  "author": {
+    "name": "TypeFox GmbH",
+    "url": "http://www.typefox.io"
+  },
+  "homepage": "https://github.com/TypeFox/monaco-languageclient/blob/main/packages/examples/main/README.md",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TypeFox/monaco-languageclient",
+    "directory": "packages/examples/main"
+  },
+  "bugs": {
+    "url": "https://github.com/TypeFox/monaco-languageclient/issues"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./node": {
+      "types": "./dist/node.d.ts",
+      "default": "./dist/node.js"
+    },
+    "./langiumWorker": {
+      "types": "./dist/langium/langiumServerWorker.d.ts",
+      "default": "./dist/worker/langiumServerWorker.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "dist/index"
+      ],
+      "node": [
+        "dist/node"
+      ],
+      "langiumWorker": [
+        "dist/langium/langiumServerWorker"
+      ]
+    }
+  },
+  "dependencies": {
+    "express": "~4.18.2",
+    "langium": "~2.0.1",
+    "langium-statemachine-dsl": "~2.0.0",
+    "monaco-editor-workers": "~0.41.0",
+    "monaco-languageclient": "~6.4.5",
+    "pyright": "~1.1.322",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "request-light": "~0.7.0",
+    "vscode-json-languageservice": "~5.3.6",
+    "vscode-languageserver": "~8.1.0",
+    "vscode-ws-jsonrpc": "~3.0.0",
+    "ws": "~8.13.0"
+  },
+  "devDependencies": {
+    "@types/ws": "~8.5.5",
+    "@types/express": "~4.17.17",
+    "@types/react": "~18.2.20",
+    "@types/react-dom": "~18.2.7",
+    "ts-node": "~10.9.1",
+    "vscode-languageserver-types": "~3.17.3"
+  },
+  "volta": {
+    "node": "18.17.1",
+    "npm": "9.6.7"
+  },
+  "files": [
+    "dist",
+    "src",
+    "*.html",
+    "*.ts",
+    "README.md",
+    "CHANGELOG.md",
+    "License.txt"
+  ],
+  "scripts": {
+    "clean": "shx rm -fr dist *.tsbuildinfo",
+    "compile": "tsc --build tsconfig.src.json",
+    "build:msg": "echo Building main examples:",
+    "build:worker:vite": "vite --config  vite.statemachine-worker.ts build",
+    "build:worker:statemachine": "esbuild ../../../node_modules/langium-statemachine-dsl/out/language-server/main-browser.js --bundle --tree-shaking=true --minify --format=iife --outfile=./dist/worker/statemachineServerWorker.js",
+    "build:worker:langium": "esbuild ./src/langium/langiumServerWorker.js --bundle --tree-shaking=true --minify --format=iife --outfile=./dist/worker/langiumServerWorker.js",
+    "build": "npm run build:msg && npm run clean && npm run compile && npm run build:worker:statemachine && npm run build:worker:langium",
+    "start:server:json": "node --loader ts-node/esm src/json/server/main.ts",
+    "start:server:python": "node --loader ts-node/esm src/python/server.ts"
+  }
+}

package/python.html ADDED Viewed

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Monaco Language Client Python Example</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body>
+    <h2>Monaco Language Client Python Example</h2>
+    <div id="container" style="width:800px;height:600px;border:1px solid grey"></div>
+    <script type="module" src="./src/python/client.ts"></script>
+</body>
+</html>

package/react.html ADDED Viewed

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Monaco Language Client React Client Example</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body>
+    <h2>Monaco Language Client React Client Example</h2>
+    <div id="root" />
+    <script type="module" src="./src/react/main.tsx"></script>
+</body>
+</html>

package/src/browser/main.ts ADDED Viewed

@@ -0,0 +1,131 @@
+/* --------------------------------------------------------------------------------------------
+ * Copyright (c) 2018-2022 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ * ------------------------------------------------------------------------------------------ */
+import { languages, workspace, TextDocument as VsCodeTextDocument } from 'vscode';
+import { getLanguageService, TextDocument } from 'vscode-json-languageservice';
+import { createConverter as createCodeConverter } from 'vscode-languageclient/lib/common/codeConverter.js';
+import { createConverter as createProtocolConverter } from 'vscode-languageclient/lib/common/protocolConverter.js';
+import { createDefaultJsonContent, createJsonEditor, performInit } from '../common.js';
+import { buildWorkerDefinition } from 'monaco-editor-workers';
+buildWorkerDefinition('../../../node_modules/monaco-editor-workers/dist/workers/', new URL('', window.location.href).href, false);
+const codeConverter = createCodeConverter();
+const protocolConverter = createProtocolConverter(undefined, true, true);
+const createEditor = async () => {
+    let mainVscodeDocument: VsCodeTextDocument | undefined;
+    const languageId = 'json';
+    await performInit(true);
+    workspace.onDidOpenTextDocument((_event) => {
+        mainVscodeDocument = workspace.textDocuments[0];
+    });
+    const jsonEditor = await createJsonEditor({
+        htmlElement: document.getElementById('container')!,
+        content: createDefaultJsonContent()
+    });
+    const createDocument = (vscodeDocument: VsCodeTextDocument) => {
+        return TextDocument.create(vscodeDocument.uri.toString(), vscodeDocument.languageId, vscodeDocument.version, vscodeDocument.getText());
+    };
+    const resolveSchema = (url: string): Promise<string> => {
+        const promise = new Promise<string>((resolve, reject) => {
+            const xhr = new XMLHttpRequest();
+            xhr.onload = () => resolve(xhr.responseText);
+            xhr.onerror = () => reject(xhr.statusText);
+            xhr.open('GET', url, true);
+            xhr.send();
+        });
+        return promise;
+    };
+    const jsonService = getLanguageService({
+        schemaRequestService: resolveSchema
+    });
+    const pendingValidationRequests = new Map<string, number>();
+    languages.registerCompletionItemProvider(languageId, {
+        async provideCompletionItems(vscodeDocument, position, _token, _context) {
+            const document = createDocument(vscodeDocument);
+            const jsonDocument = jsonService.parseJSONDocument(document);
+            const completionList = await jsonService.doComplete(document, codeConverter.asPosition(position), jsonDocument);
+            return protocolConverter.asCompletionResult(completionList);
+        },
+        resolveCompletionItem(item, _token) {
+            return jsonService.doResolve(codeConverter.asCompletionItem(item)).then(result => protocolConverter.asCompletionItem(result));
+        }
+    });
+    languages.registerDocumentRangeFormattingEditProvider(languageId, {
+        provideDocumentRangeFormattingEdits(vscodeDocument, range, options, _token) {
+            const document = createDocument(vscodeDocument);
+            const edits = jsonService.format(document, codeConverter.asRange(range), codeConverter.asFormattingOptions(options, {}));
+            return protocolConverter.asTextEdits(edits);
+        }
+    });
+    languages.registerDocumentSymbolProvider(languageId, {
+        provideDocumentSymbols(vscodeDocument, _token) {
+            const document = createDocument(vscodeDocument);
+            const jsonDocument = jsonService.parseJSONDocument(document);
+            return protocolConverter.asSymbolInformations(jsonService.findDocumentSymbols(document, jsonDocument));
+        }
+    });
+    languages.registerHoverProvider(languageId, {
+        provideHover(vscodeDocument, position, _token) {
+            const document = createDocument(vscodeDocument);
+            const jsonDocument = jsonService.parseJSONDocument(document);
+            return jsonService.doHover(document, codeConverter.asPosition(position), jsonDocument).then((hover) => {
+                return protocolConverter.asHover(hover)!;
+            });
+        }
+    });
+    const validate = () => {
+        const document = createDocument(mainVscodeDocument!);
+        cleanPendingValidation(document);
+        pendingValidationRequests.set(document.uri, window.setTimeout(() => {
+            pendingValidationRequests.delete(document.uri);
+            doValidate(document);
+        }));
+    };
+    const cleanPendingValidation = (document: TextDocument) => {
+        const request = pendingValidationRequests.get(document.uri);
+        if (request !== undefined) {
+            window.clearTimeout(request);
+            pendingValidationRequests.delete(document.uri);
+        }
+    };
+    const diagnosticCollection = languages.createDiagnosticCollection('json');
+    const doValidate = (document: TextDocument) => {
+        if (document.getText().length === 0) {
+            cleanDiagnostics();
+            return;
+        }
+        const jsonDocument = jsonService.parseJSONDocument(document);
+        jsonService.doValidation(document, jsonDocument).then(async (pDiagnostics) => {
+            const diagnostics = await protocolConverter.asDiagnostics(pDiagnostics);
+            diagnosticCollection.set(jsonEditor.uri, diagnostics);
+        });
+    };
+    const cleanDiagnostics = () => {
+        diagnosticCollection.clear();
+    };
+    jsonEditor.modelRef.object.textEditorModel!.onDidChangeContent(() => {
+        validate();
+    });
+};
+createEditor();

package/src/common.ts ADDED Viewed

@@ -0,0 +1,130 @@
+/* --------------------------------------------------------------------------------------------
+ * Copyright (c) 2018-2022 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ * ------------------------------------------------------------------------------------------ */
+import { editor, languages, Uri } from 'monaco-editor';
+import { createConfiguredEditor, createModelReference, IReference, ITextFileEditorModel } from 'vscode/monaco';
+import 'vscode/default-extensions/theme-defaults';
+import 'vscode/default-extensions/json';
+import { initServices, MonacoLanguageClient } from 'monaco-languageclient';
+import { CloseAction, ErrorAction, MessageTransports } from 'vscode-languageclient';
+import { WebSocketMessageReader, WebSocketMessageWriter, toSocket } from 'vscode-ws-jsonrpc';
+export const createLanguageClient = (transports: MessageTransports): MonacoLanguageClient => {
+    return new MonacoLanguageClient({
+        name: 'Sample Language Client',
+        clientOptions: {
+            // use a language id as a document selector
+            documentSelector: ['json'],
+            // disable the default error handler
+            errorHandler: {
+                error: () => ({ action: ErrorAction.Continue }),
+                closed: () => ({ action: CloseAction.DoNotRestart })
+            }
+        },
+        // create a language client connection from the JSON RPC connection on demand
+        connectionProvider: {
+            get: () => {
+                return Promise.resolve(transports);
+            }
+        }
+    });
+};
+export const createUrl = (hostname: string, port: number, path: string, searchParams: Record<string, any> = {}, secure: boolean = location.protocol === 'https:'): string => {
+    const protocol = secure ? 'wss' : 'ws';
+    const url = new URL(`${protocol}://${hostname}:${port}${path}`);
+    for (let [key, value] of Object.entries(searchParams)) {
+        if (value instanceof Array) {
+            value = value.join(',');
+        }
+        if (value) {
+            url.searchParams.set(key, value);
+        }
+    }
+    return url.toString();
+};
+export const createWebSocketAndStartClient = (url: string): WebSocket => {
+    const webSocket = new WebSocket(url);
+    webSocket.onopen = () => {
+        const socket = toSocket(webSocket);
+        const reader = new WebSocketMessageReader(socket);
+        const writer = new WebSocketMessageWriter(socket);
+        const languageClient = createLanguageClient({
+            reader,
+            writer
+        });
+        languageClient.start();
+        reader.onClose(() => languageClient.stop());
+    };
+    return webSocket;
+};
+export const createDefaultJsonContent = (): string => {
+    return `{
+    "$schema": "http://json.schemastore.org/coffeelint",
+    "line_endings": "unix"
+} `;
+};
+export type ExampleJsonEditor = {
+    languageId: string;
+    editor: editor.IStandaloneCodeEditor;
+    uri: Uri;
+    modelRef: IReference<ITextFileEditorModel>;
+}
+export const performInit = async (vscodeApiInit: boolean) => {
+    if (vscodeApiInit === true) {
+        await initServices({
+            enableThemeService: true,
+            enableTextmateService: true,
+            enableModelService: true,
+            configureEditorOrViewsService: {
+            },
+            enableKeybindingsService: true,
+            enableLanguagesService: true,
+            enableOutputService: true,
+            enableAccessibilityService: true,
+            debugLogging: false
+        });
+        // register the JSON language with Monaco
+        languages.register({
+            id: 'json',
+            extensions: ['.json', '.jsonc'],
+            aliases: ['JSON', 'json'],
+            mimetypes: ['application/json']
+        });
+    }
+};
+export const createJsonEditor = async (config: {
+    htmlElement: HTMLElement,
+    content: string
+}) => {
+    // create the model
+    const uri = Uri.parse('/tmp/model.json');
+    const modelRef = await createModelReference(uri, config.content);
+    modelRef.object.setLanguageId('json');
+    // create monaco editor
+    const editor = createConfiguredEditor(config.htmlElement, {
+        model: modelRef.object.textEditorModel,
+        glyphMargin: true,
+        lightbulb: {
+            enabled: true
+        },
+        automaticLayout: true
+    });
+    const result = {
+        editor,
+        uri,
+        modelRef
+    } as ExampleJsonEditor;
+    return Promise.resolve(result);
+};

package/src/index.ts ADDED Viewed

@@ -0,0 +1,13 @@
+/* --------------------------------------------------------------------------------------------
+ * Copyright (c) 2018-2022 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ * ------------------------------------------------------------------------------------------ */
+export * from './common.js';
+export * from './browser/main.js';
+export * from './json/client/main.js';
+export * from './langium/langiumClient.js';
+export * from './langium/statemachineClient.js';
+export * from './python/client.js';
+export * from './react/app.js';
+export * from './react/main.js';

package/src/json/client/main.ts ADDED Viewed

@@ -0,0 +1,22 @@
+/* --------------------------------------------------------------------------------------------
+ * Copyright (c) 2018-2022 TypeFox GmbH (http://www.typefox.io). All rights reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ * ------------------------------------------------------------------------------------------ */
+import { createDefaultJsonContent, createJsonEditor, createUrl, createWebSocketAndStartClient, performInit } from '../../common.js';
+import { buildWorkerDefinition } from 'monaco-editor-workers';
+buildWorkerDefinition('../../../node_modules/monaco-editor-workers/dist/workers/', new URL('', window.location.href).href, false);
+const start = async () => {
+    // use the same common method to create a monaco editor for json
+    await performInit(true);
+    await createJsonEditor({
+        htmlElement: document.getElementById('container')!,
+        content: createDefaultJsonContent()
+    });
+    const url = createUrl('localhost', 3000, '/sampleServer');
+    createWebSocketAndStartClient(url);
+};
+start();