Moved "extension/ui" to "webview", removed "shared".

2020-02-29 21:31:22 +01:00
parent f55bef23c2
commit 5318b5e4ae
56 changed files with 144 additions and 116 deletions
--- a/webview/src/model/MonacoBridge.ts
+++ b/webview/src/model/MonacoBridge.ts
@@ -0,0 +1,123 @@
+import * as monaco from "monaco-editor";
+import { Model } from "./Model";
+import { Disposable } from "@hediet/std/disposable";
+import { autorun } from "mobx";
+export class MonacoBridge {
+	public readonly dispose = Disposable.fn();
+
+	constructor(private readonly model: Model) {
+		monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
+			noSemanticValidation: false,
+			noSyntaxValidation: false,
+		});
+		monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
+			target: monaco.languages.typescript.ScriptTarget.ES5,
+			allowNonTsExtensions: true,
+			moduleResolution:
+				monaco.languages.typescript.ModuleResolutionKind.NodeJs,
+			module: monaco.languages.typescript.ModuleKind.CommonJS,
+			strict: true,
+		});
+
+		const es5Lib = require("!!raw-loader!./lib.es5.d.ts.txt")
+			.default as string;
+		const commonTypes = require("!!raw-loader!@hediet/debug-visualizer-data-extraction/src/CommonDataTypes.ts")
+			.default as string;
+
+		this.dispose.track([
+			monaco.languages.typescript.javascriptDefaults.addExtraLib(es5Lib),
+			monaco.languages.typescript.javascriptDefaults.addExtraLib(
+				commonTypes,
+				`file:///node_modules/CommonDataTypes/index.ts`
+			),
+			monaco.languages.typescript.javascriptDefaults.addExtraLib(
+				`declare function $asData(data: import("CommonDataTypes").CommonDataType): import("CommonDataTypes").CommonDataType;`,
+				`file:///types.d.ts`
+			),
+		]);
+
+		this.dispose.track(
+			monaco.languages.registerCompletionItemProvider(
+				"javascript",
+				new DebugSessionCompletionProvider(this.model)
+			)
+		);
+
+		this.dispose.track({
+			dispose: autorun(() => {
+				monaco.editor.setTheme(
+					model.theme === "light" ? "vs-light" : "vs-dark"
+				);
+			}),
+		});
+	}
+}
+
+class DebugSessionCompletionProvider
+	implements monaco.languages.CompletionItemProvider {
+	public readonly triggerCharacters = ["."];
+
+	private readonly map = {
+		method: monaco.languages.CompletionItemKind.Method,
+		function: monaco.languages.CompletionItemKind.Function,
+		constructor: monaco.languages.CompletionItemKind.Constructor,
+		field: monaco.languages.CompletionItemKind.Field,
+		variable: monaco.languages.CompletionItemKind.Variable,
+		class: monaco.languages.CompletionItemKind.Class,
+		interface: monaco.languages.CompletionItemKind.Interface,
+		module: monaco.languages.CompletionItemKind.Module,
+		property: monaco.languages.CompletionItemKind.Property,
+		unit: monaco.languages.CompletionItemKind.Unit,
+		value: monaco.languages.CompletionItemKind.Value,
+		enum: monaco.languages.CompletionItemKind.Enum,
+		keyword: monaco.languages.CompletionItemKind.Keyword,
+		snippet: monaco.languages.CompletionItemKind.Snippet,
+		text: monaco.languages.CompletionItemKind.Text,
+		color: monaco.languages.CompletionItemKind.Color,
+		file: monaco.languages.CompletionItemKind.File,
+		reference: monaco.languages.CompletionItemKind.Reference,
+		customcolor: monaco.languages.CompletionItemKind.Customcolor,
+	};
+
+	constructor(private readonly model: Model) {}
+
+	public async provideCompletionItems(
+		model: monaco.editor.ITextModel,
+		position: monaco.Position,
+		context: monaco.languages.CompletionContext
+	): Promise<monaco.languages.CompletionList> {
+		const expression = model.getValue();
+
+		if (!this.model.server) {
+			return { suggestions: [] };
+		}
+		const completions = (
+			await this.model.server.getCompletions({
+				text: expression,
+				column: position.column,
+			})
+		).completions;
+
+		const p = model.getWordAtPosition(position);
+
+		return {
+			suggestions: completions.map<monaco.languages.CompletionItem>(c => {
+				const startColumn =
+					c.start || (p && p.startColumn) || position.column;
+
+				return {
+					insertText: c.text || c.label,
+					label: c.label,
+					kind: this.map[c.type || "text"],
+					range: {
+						startColumn,
+						endColumn: startColumn + (c.length || 0),
+						startLineNumber: 0,
+						endLineNumber: 0,
+					},
+					sortText: c.type === "property" ? "zzzzzzz" : c.label,
+				};
+			}),
+		};
+	}
+}