inline-style-prefixer - npm Package Compare versions

Comparing version 0.1.5 to 0.1.6

lib/data.js

@@ -1,1 +0,1 @@
-var prefixes = {"ie":{"flex":10,"flexBasis":10,"flexDirection":10,"flexGrow":10,"flexFlow":10,"flexShrink":10,"alignContent":10,"alignItems":10,"alignSelf":10,"justifyContent":10,"order":10,"userSelect":11,"wrapFlow":11,"wrapThrough":11,"wrapMargin":11,"scrollSnapType":11,"scrollSnapPointsX":11,"scrollSnapPointsY":11,"scrollSnapDestination":11,"scrollSnapCoordinate":11,"touchAction":10},"firefox":{"border-radius":3.6,"flex":21,"flexBasis":21,"flexDirection":21,"flexGrow":21,"flexFlow":21,"flexShrink":21,"alignContent":21,"alignItems":21,"alignSelf":21,"justifyContent":21,"order":21,"transition":15,"transitionDelay":15,"transitionDuration":15,"transitionProperty":15,"transitionTimingFunction":15,"backfaceVisibility":15,"perspective":15,"perspectiveOrigin":15,"transform":15,"transformOrigin":15,"transformStyle":15,"transformOriginX":15,"transformOriginY":15,"animation":15,"animationDelay":15,"animationDirection":15,"animationFillMode":15,"animationDuration":15,"anmationIterationCount":15,"animationName":15,"animationPlayState":15,"animationTimingFunction":15,"appearance":42,"userSelect":42,"boxSizing":28,"textAlignLast":42,"textDecorationStyle":35,"textDecorationSkip":35,"textDecorationLine":35,"textDecorationColor":35,"tabSize":42},"safari":{"border-radius":4,"flex":8,"flexBasis":8,"flexDirection":8,"flexGrow":8,"flexFlow":8,"flexShrink":8,"alignContent":8,"alignItems":8,"alignSelf":8,"justifyContent":8,"order":8,"transition":6,"transitionDelay":6,"transitionDuration":6,"transitionProperty":6,"transitionTimingFunction":6,"backfaceVisibility":8,"perspective":8,"perspectiveOrigin":8,"transform":8,"transformOrigin":8,"transformStyle":8,"transformOriginX":8,"transformOriginY":8,"animation":8,"animationDelay":8,"animationDirection":8,"animationFillMode":8,"animationDuration":8,"anmationIterationCount":8,"animationName":8,"animationPlayState":8,"animationTimingFunction":8,"appearance":9,"userSelect":9,"backdropFilter":9,"boxSizing":5,"fontKerning":9,"scrollSnapType":9,"scrollSnapPointsX":9,"scrollSnapPointsY":9,"scrollSnapDestination":9,"scrollSnapCoordinate":9,"textEmphasisPosition":7,"textEmphasis":7,"textEmphasisStyle":7,"textEmphasisColor":7,"boxDecorationBreak":9,"clipPath":9,"maskImage":9,"maskMode":9,"maskRepeat":9,"maskPosition":9,"maskClip":9,"maskOrigin":9,"maskSize":9,"maskComposite":9,"mask":9,"maskBorderSource":9,"maskBorderMode":9,"maskBorderSlice":9,"maskBorderWidth":9,"maskBorderOutset":9,"maskBorderRepeat":9,"maskBorder":9,"maskType":9,"textDecorationStyle":9,"textDecorationSkip":9,"textDecorationLine":9,"textDecorationColor":9,"shapeImageThreshold":9,"shapeImageMargin":9,"shapeImageOutside":9},"chrome":{"border-radius":4,"flex":28,"flexBasis":28,"flexDirection":28,"flexGrow":28,"flexFlow":28,"flexShrink":28,"alignContent":28,"alignItems":28,"alignSelf":28,"justifyContent":28,"order":28,"transition":25,"transitionDelay":25,"transitionDuration":25,"transitionProperty":25,"transitionTimingFunction":25,"backfaceVisibility":35,"perspective":35,"perspectiveOrigin":35,"transform":35,"transformOrigin":35,"transformStyle":35,"transformOriginX":35,"transformOriginY":35,"animation":42,"animationDelay":42,"animationDirection":42,"animationFillMode":42,"animationDuration":42,"anmationIterationCount":42,"animationName":42,"animationPlayState":42,"animationTimingFunction":42,"appearance":47,"userSelect":47,"boxSizing":9,"fontKerning":32,"textEmphasisPosition":47,"textEmphasis":47,"textEmphasisStyle":47,"textEmphasisColor":47,"boxDecorationBreak":47,"clipPath":47,"maskImage":47,"maskMode":47,"maskRepeat":47,"maskPosition":47,"maskClip":47,"maskOrigin":47,"maskSize":47,"maskComposite":47,"mask":47,"maskBorderSource":47,"maskBorderMode":47,"maskBorderSlice":47,"maskBorderWidth":47,"maskBorderOutset":47,"maskBorderRepeat":47,"maskBorder":47,"maskType":47,"textDecorationStyle":47,"textDecorationSkip":47,"textDecorationLine":47,"textDecorationColor":47}}; module.exports = prefixes
+var prefixes = {"ie":{"flex":10,"flexBasis":10,"flexDirection":10,"flexGrow":10,"flexFlow":10,"flexShrink":10,"alignContent":10,"alignItems":10,"alignSelf":10,"justifyContent":10,"order":10,"userSelect":11,"wrapFlow":11,"wrapThrough":11,"wrapMargin":11,"scrollSnapType":11,"scrollSnapPointsX":11,"scrollSnapPointsY":11,"scrollSnapDestination":11,"scrollSnapCoordinate":11,"touchAction":10,"hyphens":11,"flowInto":11,"flowFrom":11,"regionFragment":11,"gridTemplateColumns":11,"gridTemplateRows":11,"gridTemplateAreas":11,"gridTemplate":11,"gridAutoColumns":11,"gridAutoRows":11,"gridAutoFlow":11,"grid":11,"gridRowStart":11,"gridColumnStart":11,"gridRowEnd":11,"gridRow":11,"gridColumn":11,"gridArea":11,"rowGap":11,"gridGap":11},"firefox":{"borderRadius":3.6,"borderImage":14,"borderImageOutset":14,"borderImageRepeat":14,"borderImageSlice":14,"borderImageSource":14,"borderImageWidth":14,"flex":21,"flexBasis":21,"flexDirection":21,"flexGrow":21,"flexFlow":21,"flexShrink":21,"alignContent":21,"alignItems":21,"alignSelf":21,"justifyContent":21,"order":21,"transition":15,"transitionDelay":15,"transitionDuration":15,"transitionProperty":15,"transitionTimingFunction":15,"backfaceVisibility":15,"perspective":15,"perspectiveOrigin":15,"transform":15,"transformOrigin":15,"transformStyle":15,"transformOriginX":15,"transformOriginY":15,"animation":15,"animationDelay":15,"animationDirection":15,"animationFillMode":15,"animationDuration":15,"anmationIterationCount":15,"animationName":15,"animationPlayState":15,"animationTimingFunction":15,"appearance":42,"userSelect":42,"boxSizing":28,"textAlignLast":42,"textDecorationStyle":35,"textDecorationSkip":35,"textDecorationLine":35,"textDecorationColor":35,"tabSize":42,"resize":4,"hyphens":42,"breakBefore":42,"breakAfter":42,"breakInside":42,"columnGap":42,"backgroundClip":3.6,"backgroundOrigin":3.6,"backgroundSize":3.6,"fontFeatureSettings":33,"boxShadow":3.6,"columnCount":42,"columnFill":42,"columnRule":42,"columnRuleColor":42,"columnRuleStyle":42,"columnRuleWidth":42,"columns":42,"columnSpan":42,"columnWidth":42},"safari":{"borderRadius":4,"borderImage":5.1,"borderImageOutset":5.1,"borderImageRepeat":5.1,"borderImageSlice":5.1,"borderImageSource":5.1,"borderImageWidth":5.1,"flex":8,"flexBasis":8,"flexDirection":8,"flexGrow":8,"flexFlow":8,"flexShrink":8,"alignContent":8,"alignItems":8,"alignSelf":8,"justifyContent":8,"order":8,"transition":6,"transitionDelay":6,"transitionDuration":6,"transitionProperty":6,"transitionTimingFunction":6,"backfaceVisibility":8,"perspective":8,"perspectiveOrigin":8,"transform":8,"transformOrigin":8,"transformStyle":8,"transformOriginX":8,"transformOriginY":8,"animation":8,"animationDelay":8,"animationDirection":8,"animationFillMode":8,"animationDuration":8,"anmationIterationCount":8,"animationName":8,"animationPlayState":8,"animationTimingFunction":8,"appearance":9,"userSelect":9,"backdropFilter":9,"boxSizing":5,"fontKerning":9,"scrollSnapType":9,"scrollSnapPointsX":9,"scrollSnapPointsY":9,"scrollSnapDestination":9,"scrollSnapCoordinate":9,"textEmphasisPosition":7,"textEmphasis":7,"textEmphasisStyle":7,"textEmphasisColor":7,"boxDecorationBreak":9,"clipPath":9,"maskImage":9,"maskMode":9,"maskRepeat":9,"maskPosition":9,"maskClip":9,"maskOrigin":9,"maskSize":9,"maskComposite":9,"mask":9,"maskBorderSource":9,"maskBorderMode":9,"maskBorderSlice":9,"maskBorderWidth":9,"maskBorderOutset":9,"maskBorderRepeat":9,"maskBorder":9,"maskType":9,"textDecorationStyle":9,"textDecorationSkip":9,"textDecorationLine":9,"textDecorationColor":9,"shapeImageThreshold":9,"shapeImageMargin":9,"shapeImageOutside":9,"filter":9,"hyphens":9,"flowInto":9,"flowFrom":9,"breakBefore":8,"breakAfter":8,"breakInside":8,"regionFragment":9,"columnGap":8,"boxShadow":5,"columnCount":8,"columnFill":8,"columnRule":8,"columnRuleColor":8,"columnRuleStyle":8,"columnRuleWidth":8,"columns":8,"columnSpan":8,"columnWidth":8},"chrome":{"borderRadius":4,"borderImage":15,"borderImageOutset":15,"borderImageRepeat":15,"borderImageSlice":15,"borderImageSource":15,"borderImageWidth":15,"flex":28,"flexBasis":28,"flexDirection":28,"flexGrow":28,"flexFlow":28,"flexShrink":28,"alignContent":28,"alignItems":28,"alignSelf":28,"justifyContent":28,"order":28,"transition":25,"transitionDelay":25,"transitionDuration":25,"transitionProperty":25,"transitionTimingFunction":25,"backfaceVisibility":35,"perspective":35,"perspectiveOrigin":35,"transform":35,"transformOrigin":35,"transformStyle":35,"transformOriginX":35,"transformOriginY":35,"animation":42,"animationDelay":42,"animationDirection":42,"animationFillMode":42,"animationDuration":42,"anmationIterationCount":42,"animationName":42,"animationPlayState":42,"animationTimingFunction":42,"appearance":47,"userSelect":47,"boxSizing":9,"fontKerning":32,"textEmphasisPosition":47,"textEmphasis":47,"textEmphasisStyle":47,"textEmphasisColor":47,"boxDecorationBreak":47,"clipPath":47,"maskImage":47,"maskMode":47,"maskRepeat":47,"maskPosition":47,"maskClip":47,"maskOrigin":47,"maskSize":47,"maskComposite":47,"mask":47,"maskBorderSource":47,"maskBorderMode":47,"maskBorderSlice":47,"maskBorderWidth":47,"maskBorderOutset":47,"maskBorderRepeat":47,"maskBorder":47,"maskType":47,"textDecorationStyle":47,"textDecorationSkip":47,"textDecorationLine":47,"textDecorationColor":47,"filter":47,"flowInto":18,"flowFrom":18,"breakBefore":47,"breakAfter":47,"breakInside":47,"regionFragment":18,"columnGap":47,"fontFeatureSettings":47,"boxShadow":9,"columnCount":47,"columnFill":47,"columnRule":47,"columnRuleColor":47,"columnRuleStyle":47,"columnRuleWidth":47,"columns":47,"columnSpan":47,"columnWidth":47},"opera":{"borderImage":12.1,"borderImageOutset":12.1,"borderImageRepeat":12.1,"borderImageSlice":12.1,"borderImageSource":12.1,"borderImageWidth":12.1,"flex":16,"flexBasis":16,"flexDirection":16,"flexGrow":16,"flexFlow":16,"flexShrink":16,"alignContent":16,"alignItems":16,"alignSelf":16,"justifyContent":16,"order":16,"transition":12,"transitionDelay":12,"transitionDuration":12,"transitionProperty":12,"transitionTimingFunction":12,"backfaceVisibility":22,"perspective":22,"perspectiveOrigin":22,"transform":22,"transformOrigin":22,"transformStyle":22,"transformOriginX":22,"transformOriginY":22,"animation":29,"animationDelay":29,"animationDirection":29,"animationFillMode":29,"animationDuration":29,"anmationIterationCount":29,"animationName":29,"animationPlayState":29,"animationTimingFunction":29,"appearance":32,"userSelect":32,"fontKerning":19,"textEmphasisPosition":32,"textEmphasis":32,"textEmphasisStyle":32,"textEmphasisColor":32,"boxDecorationBreak":32,"clipPath":32,"maskImage":32,"maskMode":32,"maskRepeat":32,"maskPosition":32,"maskClip":32,"maskOrigin":32,"maskSize":32,"maskComposite":32,"mask":32,"maskBorderSource":32,"maskBorderMode":32,"maskBorderSlice":32,"maskBorderWidth":32,"maskBorderOutset":32,"maskBorderRepeat":32,"maskBorder":32,"maskType":32,"tabSize":12.1,"filter":32,"breakBefore":32,"breakAfter":32,"breakInside":32,"columnGap":32,"objectFit":12.1,"objectPosition":12.1,"textOverflow":10.6,"backgroundClip":10,"backgroundOrigin":10,"backgroundSize":10,"fontFeatureSettings":32,"columnCount":32,"columnFill":32,"columnRule":32,"columnRuleColor":32,"columnRuleStyle":32,"columnRuleWidth":32,"columns":32,"columnSpan":32,"columnWidth":32}}; module.exports = prefixes

lib/hacks.js

@@ -17,11 +17,19 @@ 'use strict';
 
+var _hacksSizing = require('./hacks/sizing');
+
+var _hacksSizing2 = _interopRequireDefault(_hacksSizing);
+
+var _hacksGradient = require('./hacks/gradient');
+
+var _hacksGradient2 = _interopRequireDefault(_hacksGradient);
+
 //special flexbox specifications
 
-var _hacksFlexbox2009 = require('./hacks/flexbox2009');
+var _hacksFlexspec2009 = require('./hacks/flexspec/2009');
 
-var _hacksFlexbox20092 = _interopRequireDefault(_hacksFlexbox2009);
+var _hacksFlexspec20092 = _interopRequireDefault(_hacksFlexspec2009);
 
-var _hacksFlexbox2012 = require('./hacks/flexbox2012');
+var _hacksFlexspec2012 = require('./hacks/flexspec/2012');
 
-var _hacksFlexbox20122 = _interopRequireDefault(_hacksFlexbox2012);
+var _hacksFlexspec20122 = _interopRequireDefault(_hacksFlexspec2012);
 
@@ -31,5 +39,7 @@ exports['default'] = {
 	flexbox: _hacksFlexbox2['default'],
-	flexbox2009: _hacksFlexbox20092['default'],
-	flexbox2012: _hacksFlexbox20122['default']
+	sizing: _hacksSizing2['default'],
+	gradient: _hacksGradient2['default'],
+	flexbox2009: _hacksFlexspec20092['default'],
+	flexbox2012: _hacksFlexspec20122['default']
 };
 module.exports = exports['default'];

lib/hacks/cursor.js

@@ -6,18 +6,20 @@ 'use strict';
 });
-exports['default'] = {
-	condition: function condition(info) {
-		return info.prefix == 'Webkit' || info.prefix == 'Moz' && info.version <= 23;
-	},
+exports['default'] = hack;
+function condition(browserInfo) {
+	return browserInfo.prefix.inline == 'Webkit' || browserInfo.prefix.inline == 'Moz' && browserInfo.version <= 23;
+}
 
-	alternatives: function alternatives(info) {
+function hack(browserInfo) {
+	if (condition(browserInfo)) {
+
 		return {
-			cursor: {
-				'zoom-in': info.css + 'zoom-in',
-				'zoom-out': info.css + 'zoom-out',
-				'grab': info.css + 'grab',
-				'grabbing': info.css + 'grabbing'
+			prefixValue: {
+				cursor: ['zoom-in', 'zoom-out', 'grab', 'grabbing']
 			}
 		};
+	} else {
+		return false;
 	}
-};
+}
+
 module.exports = exports['default'];

lib/hacks/flexbox.js

@@ -6,16 +6,20 @@ 'use strict';
 });
-exports['default'] = {
-	condition: function condition(info) {
-		return info.prefix == 'Webkit';
-	},
+exports['default'] = hack;
+function condition(browserInfo) {
+	return browserInfo.prefix.inline == 'Webkit';
+}
 
-	alternatives: function alternatives(info) {
+function hack(browserInfo) {
+	if (condition(browserInfo)) {
+
 		return {
-			display: {
-				'flex': info.css + 'flex',
-				'inline-flex': info.css + 'inline-flex'
+			prefixValue: {
+				display: ['flex', 'inline-flex']
 			}
 		};
+	} else {
+		return false;
 	}
-};
+}
+
 module.exports = exports['default'];

lib/utils/getBrowserInfo.js

@@ -50,2 +50,5 @@ 'use strict';
 		version = userAgent.substring(verOffset + 1);
+	} else {
+		browser = '';
+		version = 1;
 	}
@@ -57,4 +60,6 @@
 		version: version,
-		prefix: prefix,
-		css: '-' + prefix.toLowerCase() + '-'
+		prefix: {
+			inline: prefix,
+			css: '-' + prefix.toLowerCase() + '-'
+		}
 	};
@@ -61,0 +66,0 @@ }

package.json

 {
-	"name": "inline-style-prefixer",
-	"version": "0.1.5",
-	"description": "Autoprefixer for Inline Style objects using userAgent and caniuse data",
-	"main": "lib/prefixer.js",
-	"files": [
-		"LICENSE",
-		"README.md",
-		"lib/",
-		"dist/"
-	],
-	"scripts": {
-		"transpile": "babel src --out-dir lib && babel generator --out-dir dist",
-		"pretest": "npm run transpile && node dist/generatePrefixData.js",
-		"test": "mocha --recursive --compilers js:babel/register",
-		"build": "npm run transpile",
-		"postinstall": "node dist/generatePrefixData.js"
-	},
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/rofrischmann/inline-style-prefixer"
-	},
-	"keywords": [
-		"react",
-		"react styling",
-		"prefixer",
-		"inline styles",
-		"autoprefixer",
-		"vendor prefix",
-		"userAgent"
-	],
-	"author": "Robin Frischmann",
-	"license": "MIT",
-	"dependencies": {
-		"caniuse-api": "^1.3.2"
-	},
-	"devDependencies": {
-		"babel": "^5.6.14",
-		"chai": "^3.2.0",
-		"mocha": "^2.2.5"
-	}
-}
+  "name": "inline-style-prefixer",
+  "version": "0.1.6",
+  "description": "Autoprefixer for Inline Style objects using userAgent and caniuse data",
+  "main": "lib/prefixer.js",
+  "files": [
+    "LICENSE",
+    "README.md",
+    "lib/",
+    "dist/"
+  ],
+  "scripts": {
+    "clean": "rimraf lib dist",
+    "transpile": "babel src --out-dir lib && babel generator --out-dir lib/generator",
+    "pretest": "npm run clean && npm run transpile && npm run generate",
+    "generate": "node lib/generator/generatePrefixData.js",
+    "bundle": "browserify lib/index.js --o dist/prefixer.js && uglifyjs dist/prefixer.js -o dist/prefixer.min.js",
+    "test": "mocha --recursive --compilers js:babel/register",
+    "build": "npm run clean && mkdir dist && npm run transpile && npm run generate && npm run bundle",
+    "postinstall": "npm run generate"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rofrischmann/inline-style-prefixer"
+  },
+  "keywords": [
+    "react",
+    "react styling",
+    "prefixer",
+    "inline styles",
+    "autoprefixer",
+    "vendor prefix",
+    "userAgent"
+  ],
+  "author": "Robin Frischmann",
+  "license": "MIT",
+  "dependencies": {
+    "caniuse-api": "^1.3.2",
+    "param-case": "^1.1.1"
+  },
+  "devDependencies": {
+    "babel": "^5.6.14",
+    "chai": "^3.2.0",
+    "mocha": "^2.2.5",
+    "rimraf": "^2.4.2",
+    "uglifyjs": "^2.4.10"
+  }
+}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Install scripts

Supply chain risk

Install scripts are run when the package is installed. The majority of malware in npm is hidden in install scripts.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Install scripts

Supply chain risk

Install scripts are run when the package is installed. The majority of malware in npm is hidden in install scripts.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

102867

increased by333.12%

Number of package files

17

increased by21.43%

Lines of code

1264

increased by184.68%

Worsened metrics

Dependency count

2

increased by100%

Dev dependency count

5

increased by66.67%

Number of low quality alerts

3

increased by50%

Number of low supply chain risk alerts

5

increased by400%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedparam-case@^1.1.1

• + Addedcaniuse-db@1.0.30001679(transitive)

• + Addedelectron-to-chromium@1.5.55(transitive)

• + Addedlower-case@1.1.4(transitive)

• + Addedparam-case@1.1.2(transitive)

• + Addedsentence-case@1.1.3(transitive)

• - Removedcaniuse-db@1.0.30001680(transitive)

• - Removedelectron-to-chromium@1.5.58(transitive)