Merge commit 'be3e8236086165e5e45a5a10783823874b3f3ebd' as 'lib/vscode'

lib/vscode/extensions/emmet/src/reflectCssValue.ts

@@ -0,0 +1,54 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+import { Range, window, TextEditor } from 'vscode';
+import { getCssPropertyFromRule, getCssPropertyFromDocument } from './util';
+import { Property, Rule } from 'EmmetNode';
+
+const vendorPrefixes = ['-webkit-', '-moz-', '-ms-', '-o-', ''];
+
+export function reflectCssValue(): Thenable<boolean> | undefined {
+	let editor = window.activeTextEditor;
+	if (!editor) {
+		window.showInformationMessage('No editor is active.');
+		return;
+	}
+
+	let node = getCssPropertyFromDocument(editor, editor.selection.active);
+	if (!node) {
+		return;
+	}
+
+	return updateCSSNode(editor, node);
+}
+
+function updateCSSNode(editor: TextEditor, property: Property): Thenable<boolean> {
+	const rule: Rule = property.parent;
+	let currentPrefix = '';
+
+	// Find vendor prefix of given property node
+	for (const prefix of vendorPrefixes) {
+		if (property.name.startsWith(prefix)) {
+			currentPrefix = prefix;
+			break;
+		}
+	}
+
+	const propertyName = property.name.substr(currentPrefix.length);
+	const propertyValue = property.value;
+
+	return editor.edit(builder => {
+		// Find properties with vendor prefixes, update each
+		vendorPrefixes.forEach(prefix => {
+			if (prefix === currentPrefix) {
+				return;
+			}
+			let vendorProperty = getCssPropertyFromRule(rule, prefix + propertyName);
+			if (vendorProperty) {
+				builder.replace(new Range(vendorProperty.valueToken.start, vendorProperty.valueToken.end), propertyValue);
+			}
+		});
+	});
+}