Copy postcss.vendor to own code

Author: hudochenkov

lib/__tests__/vendor.test.js

@@ -0,0 +1,15 @@
+let vendor = require('../vendor');
+
+const VALUE = '-1px -1px 1px rgba(0, 0, 0, 0.2) inset';
+
+it('returns prefix', () => {
+	expect(vendor.prefix('-moz-color')).toEqual('-moz-');
+	expect(vendor.prefix('color')).toEqual('');
+	expect(vendor.prefix(VALUE)).toEqual('');
+});
+
+it('returns unprefixed version', () => {
+	expect(vendor.unprefixed('-moz-color')).toEqual('color');
+	expect(vendor.unprefixed('color')).toEqual('color');
+	expect(vendor.unprefixed(VALUE)).toEqual(VALUE);
+});

lib/properties-order/index.js

@@ -1,5 +1,3 @@
-const postcss = require('postcss');
-
 const createExpectedPropertiesOrder = require('../createExpectedPropertiesOrder');
 const getComments = require('../getComments');
 const getPropertiesOrderData = require('../getPropertiesOrderData');
@@ -8,6 +6,7 @@ const isCustomProperty = require('../isCustomProperty');
 const isRuleWithNodes = require('../isRuleWithNodes');
 const isStandardSyntaxProperty = require('../isStandardSyntaxProperty');
 const sorting = require('../sorting');
+const vendor = require('../vendor');
 
 module.exports = function propertiesOrder(css, opts) {
 	const isAlphabetical = opts['properties-order'] === 'alphabetical';
@@ -33,7 +32,7 @@ module.exports = function propertiesOrder(css, opts) {
 					isStandardSyntaxProperty(childNode.prop) &&
 					!isCustomProperty(childNode.prop)
 				) {
-					let unprefixedPropName = postcss.vendor.unprefixed(childNode.prop);
+					let unprefixedPropName = vendor.unprefixed(childNode.prop);
 
 					// Hack to allow -moz-osx-font-smoothing to be understood
 					// just like -webkit-font-smoothing

lib/sorting.js

@@ -1,6 +1,6 @@
-const postcss = require('postcss');
 const _ = require('lodash');
 const shorthandData = require('./shorthandData');
+const vendor = require('./vendor');
 
 module.exports = {
 	sortDeclarations,
@@ -12,11 +12,11 @@ function sortDeclarations(a, b) {
 	// If unprefixed prop names are the same, compare the prefixed versions
 	if (a.node.type === 'decl' && b.node.type === 'decl' && a.unprefixedName === b.unprefixedName) {
 		// If first property has no prefix and second property has prefix
-		if (!postcss.vendor.prefix(a.name).length && postcss.vendor.prefix(b.name).length) {
+		if (!vendor.prefix(a.name).length && vendor.prefix(b.name).length) {
 			return 1;
 		}
 
-		if (postcss.vendor.prefix(a.name).length && !postcss.vendor.prefix(b.name).length) {
+		if (vendor.prefix(a.name).length && !vendor.prefix(b.name).length) {
 			return -1;
 		}
 	}
@@ -84,11 +84,11 @@ function sortDeclarationsAlphabetically(a, b) {
 	if (a.unprefixedName === b.unprefixedName) {
 		if (a.node.type === 'decl' && b.node.type === 'decl') {
 			// If first property has no prefix and second property has prefix
-			if (!postcss.vendor.prefix(a.name).length && postcss.vendor.prefix(b.name).length) {
+			if (!vendor.prefix(a.name).length && vendor.prefix(b.name).length) {
 				return 1;
 			}
 
-			if (postcss.vendor.prefix(a.name).length && !postcss.vendor.prefix(b.name).length) {
+			if (vendor.prefix(a.name).length && !vendor.prefix(b.name).length) {
 				return -1;
 			}
 		}

lib/vendor.js

@@ -0,0 +1,45 @@
+/**
+ * Contains helpers for working with vendor prefixes.
+ *
+ * Copied from https://github.com/postcss/postcss/commit/777c55b5d2a10605313a4972888f4f32005f5ac2
+ *
+ * @namespace vendor
+ */
+let vendor = {
+	/**
+	 * Returns the vendor prefix extracted from an input string.
+	 *
+	 * @param {string} prop String with or without vendor prefix.
+	 *
+	 * @return {string} vendor prefix or empty string
+	 *
+	 * @example
+	 * vendor.prefix('-moz-tab-size') //=> '-moz-'
+	 * vendor.prefix('tab-size')      //=> ''
+	 */
+	prefix(prop) {
+		let match = prop.match(/^(-\w+-)/);
+
+		if (match) {
+			return match[0];
+		}
+
+		return '';
+	},
+
+	/**
+	 * Returns the input string stripped of its vendor prefix.
+	 *
+	 * @param {string} prop String with or without vendor prefix.
+	 *
+	 * @return {string} String name without vendor prefixes.
+	 *
+	 * @example
+	 * vendor.unprefixed('-moz-tab-size') //=> 'tab-size'
+	 */
+	unprefixed(prop) {
+		return prop.replace(/^-\w+-/, '');
+	},
+};
+
+module.exports = vendor;

package.json

@@ -61,7 +61,7 @@
       "./jest-setup.js"
     ],
     "testEnvironment": "node",
-    "testRegex": "__tests__/[a-zA-Z-]+\\.js$",
+    "testRegex": "__tests__/[a-zA-Z-.]+\\.js$",
     "watchPlugins": [
       "jest-watch-typeahead/filename",
       "jest-watch-typeahead/testname"