Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: add multi-root workspaces support Closes #33
other changes: - remove server code & switch to gql-language-server
- Loading branch information
1 parent
7ad1202
commit af8fe1d
Showing
13 changed files
with
1,048 additions
and
4,171 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,9 +1,11 @@ | ||
| { | ||
| "bracketSpacing": true, | ||
| "jsxBracketSameLine": false, | ||
| "printWidth": 80, | ||
| "semi": true, | ||
| "singleQuote": true, | ||
| "tabWidth": 2, | ||
| "trailingComma": "all", | ||
| "useTabs": false | ||
| "useTabs": false, | ||
| "parser": "typescript" | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,152 @@ | ||
| 'use strict'; | ||
|
|
||
| import { | ||
| commands, | ||
| languages, | ||
| StatusBarAlignment, | ||
| StatusBarItem, | ||
| TextDocument, | ||
| TextEditor, | ||
| ThemeColor, | ||
| window, | ||
| workspace, | ||
| } from 'vscode'; | ||
|
|
||
| import { LanguageClient, State } from 'vscode-languageclient'; | ||
|
|
||
| enum Status { | ||
| init = 1, | ||
| ok = 2, | ||
| error = 3, | ||
| } | ||
|
|
||
| interface IStatusBarItemConfig { | ||
| icon: string; | ||
| tooltip: string; | ||
| color: string; | ||
| } | ||
|
|
||
| const STATUS_BAR_ITEM_NAME = 'GQL'; | ||
| const STATUS_BAR_UI = { | ||
| [Status.init]: { | ||
| icon: 'sync', | ||
| color: 'progressBar.background', | ||
| tooltip: 'Graphql language server is initializing.', | ||
| }, | ||
| [Status.ok]: { | ||
| icon: 'plug', | ||
| color: 'statusBar.foreground', | ||
| tooltip: 'Graphql language server is running.', | ||
| }, | ||
| [Status.error]: { | ||
| icon: 'stop', | ||
| color: 'editorError.foreground', | ||
| tooltip: 'Graphql language server is not running.', | ||
| }, | ||
| }; | ||
| export default class ClientStatusBarItem { | ||
| private _item: StatusBarItem; | ||
| private _client: LanguageClient; | ||
| private _disposables: Array<{ dispose: () => any }> = []; | ||
|
|
||
| constructor(client: LanguageClient) { | ||
| this._item = window.createStatusBarItem(StatusBarAlignment.Right, 0); | ||
| this._client = client; | ||
|
|
||
| this._disposables.push(this._item); | ||
| this._disposables.push(this._addOnClickToShowOutputChannel()); | ||
|
|
||
| // update status bar depending on client state | ||
| this._setStatus(Status.init); | ||
| this._registerStatusChangeListeners(); | ||
|
|
||
| // update visibility of statusBarItem depending on current activeTextEditor | ||
| this._updateVisibility(window.activeTextEditor); | ||
| window.onDidChangeActiveTextEditor(this._updateVisibility); | ||
| } | ||
|
|
||
| public dispose() { | ||
| this._disposables.forEach(item => { | ||
| item.dispose(); | ||
| }); | ||
| this._item = null; | ||
| this._client = null; | ||
| } | ||
|
|
||
| private _registerStatusChangeListeners() { | ||
| this._client.onDidChangeState(({ oldState, newState }) => { | ||
| if (newState === State.Running) { | ||
| this._setStatus(Status.ok); | ||
| } else if (newState === State.Stopped) { | ||
| this._setStatus(Status.error); | ||
| } | ||
| }); | ||
|
|
||
| this._client.onReady().then( | ||
| () => { | ||
| this._setStatus(Status.ok); | ||
| }, | ||
| () => { | ||
| this._setStatus(Status.error); | ||
| }, | ||
| ); | ||
| } | ||
|
|
||
| private _addOnClickToShowOutputChannel() { | ||
| const commandName = `showOutputChannel-${this._client.outputChannel.name}`; | ||
| const disposable = commands.registerCommand(commandName, () => { | ||
| this._client.outputChannel.show(); | ||
| }); | ||
| this._item.command = commandName; | ||
| return disposable; | ||
| } | ||
|
|
||
| private _updateVisibility = (textEditor: TextEditor) => { | ||
| let hide = true; | ||
|
|
||
| if (textEditor && this._checkDocumentInsideWorkspace(textEditor.document)) { | ||
| if (this._client.initializeResult) { | ||
| // if client is initialized then show only for file extensions | ||
| // defined in .gqlconfig | ||
| // @TODO: if possible, match against patterns defined in .gqlconfig | ||
| // instead of extensions. | ||
| const extensions = this._client.initializeResult.fileExtensions; | ||
| const score = languages.match( | ||
| { scheme: 'file', pattern: `**/*.{${extensions.join(',')}}` }, | ||
| textEditor.document, | ||
| ); | ||
| hide = score === 0; | ||
| } else { | ||
| // while server is initializing show status bar item | ||
| // for all files inside worspace | ||
| hide = false; | ||
| } | ||
| } | ||
|
|
||
| hide ? this._hide() : this._show(); | ||
| }; | ||
|
|
||
| private _checkDocumentInsideWorkspace(document: TextDocument): boolean { | ||
| const folder = workspace.getWorkspaceFolder(document.uri); | ||
| return folder && folder.uri.toString() === this._getWorkspace(); | ||
| } | ||
|
|
||
| private _getWorkspace(): string { | ||
| return this._client.clientOptions.workspaceFolder.uri.toString(); | ||
| } | ||
|
|
||
| private _show() { | ||
| this._item.show(); | ||
| } | ||
|
|
||
| private _hide() { | ||
| this._item.hide(); | ||
| } | ||
|
|
||
| private _setStatus(status: Status) { | ||
| const ui: IStatusBarItemConfig = STATUS_BAR_UI[status]; | ||
| this._item.text = `$(${ui.icon}) ${STATUS_BAR_ITEM_NAME}`; | ||
| this._item.tooltip = ui.tooltip; | ||
| this._item.color = new ThemeColor(ui.color); | ||
| } | ||
| } |
Oops, something went wrong.