Adds settings scoping

Author: eamodio

src/pageProvider.ts

@@ -1,5 +1,5 @@
 'use strict';
-import { commands, ConfigurationTarget, Disposable, Event, EventEmitter, TextDocumentContentProvider, Uri, ViewColumn, workspace } from 'vscode';
+import { commands, ConfigurationTarget, Disposable, Event, EventEmitter, TextDocument, TextDocumentContentProvider, Uri, ViewColumn, workspace } from 'vscode';
 import { Container } from './container';
 import { configuration } from './configuration';
 import { Logger } from './logger';
@@ -15,11 +15,13 @@ export class PageProvider extends Disposable implements TextDocumentContentProvi
     }
 
     private readonly _disposable: Disposable;
+    private _scope: Map<string, 'user' | 'workspace'> = new Map();
 
     constructor() {
         super(() => this.dispose());
 
         this._disposable = Disposable.from(
+            workspace.onDidCloseTextDocument(this.onTextDocumentClosed, this),
             workspace.registerTextDocumentContentProvider(settingsUri.scheme, this),
             commands.registerCommand('gitlens.showSettingsPage', this.showSettings, this),
             commands.registerCommand('gitlens.showWelcomePage', this.showWelcome, this),
@@ -31,33 +33,59 @@ export class PageProvider extends Disposable implements TextDocumentContentProvi
         this._disposable.dispose();
     }
 
+    private onTextDocumentClosed(e: TextDocument) {
+        this._scope.delete(e.uri.toString());
+    }
+
     async provideTextDocumentContent(uri: Uri): Promise<string> {
         const doc = await workspace.openTextDocument(Uri.file(Container.context.asAbsolutePath(`${uri.path}.html`)));
 
         let text = doc.getText().replace(/{{root}}/g, Uri.file(Container.context.asAbsolutePath('.')).toString());
-        if (text.includes('\'{{config}}\'')) {
-            text = text.replace(/'{{config}}'/g, JSON.stringify(Container.config));
+        if (text.includes('\'{{data}}\'')) {
+            text = text.replace(/'{{data}}'/g, JSON.stringify({
+                config: Container.config,
+                scope: this.getScope(uri),
+                scopes: this.getAvailableScopes(),
+                uri: uri.toString()
+            }));
         }
 
         return text;
     }
 
-    refresh(uri?: Uri) {
+    private getAvailableScopes(): ['user' | 'workspace', string][] {
+        const scopes: ['user' | 'workspace', string][] = [['user', 'User Settings']];
+        if (workspace.workspaceFolders !== undefined && workspace.workspaceFolders.length) {
+            scopes.push(['workspace', 'Workspace Settings']);
+        }
+        return scopes;
+    }
+
+    private getScope(uri: Uri): 'user' | 'workspace' {
+        return this._scope.get(uri.toString()) || 'user';
+    }
+
+    refresh(uri ?: Uri) {
         Logger.log('PageProvider.refresh');
 
         this._onDidChange.fire(uri || settingsUri);
     }
 
-    async save(changes: { [key: string]: any }) {
-        Logger.log(`PageProvider.save: changes=${JSON.stringify(changes)}`);
+    async save(options: { changes: { [key: string]: any }, scope: 'user' | 'workspace', uri: string }) {
+        Logger.log(`PageProvider.save: options=${JSON.stringify(options)}`);
+
+        this._scope.set(options.uri, options.scope);
+        const target = options.scope === 'workspace'
+            ? ConfigurationTarget.Workspace
+            : ConfigurationTarget.Global;
 
-        for (const key in changes) {
+        for (const key in options.changes) {
             const inspect = await configuration.inspect(key)!;
-            if (inspect.defaultValue === changes[key]) {
-                await configuration.update(key, undefined, ConfigurationTarget.Global);
+            if (inspect.defaultValue === options.changes[key]) {
+                await configuration.update(key, undefined, target);
             }
             else {
-                await configuration.update(key, changes[key], ConfigurationTarget.Global);
+                await configuration.update(key, options.changes[key], target);
             }
         }
     }

src/ui/scss/main.scss

@@ -72,6 +72,8 @@ header {
 }
 
 input, select, button {
+    font-family: var(--font-family);
+    font-size: inherit;
     margin: 0;
 }
 
@@ -401,6 +403,7 @@ ul {
 
 .page-header {
     margin: 1em 0 2em 0;
+    position: relative;
 }
 
 .page-header__title {
@@ -583,6 +586,22 @@ ul {
     margin-left: 7em;
 }
 
+.settings-scope {
+    margin: 1.6em 185px 0 0;
+    position: absolute;
+    right: 0;
+    top: -2px;
+    white-space: nowrap;
+
+    select, option {
+        background-color: var(--background-color) !important;
+    }
+
+    @media all and (max-width: 860px) {
+        margin-right: -9px;
+    }
+}
+
 .sidebar-group {
     margin-top: 1em;
 }