inline-style-prefixer - npm Package Compare versions

Comparing version 6.0.0 to 6.0.1

es/data.js

@@ -1,2 +0,8 @@
-
+import backgroundClip from 'inline-style-prefixer/lib/plugins/backgroundClip';
+import crossFade from 'inline-style-prefixer/lib/plugins/crossFade';
+import gradient from 'inline-style-prefixer/lib/plugins/gradient';
+import imageSet from 'inline-style-prefixer/lib/plugins/imageSet';
+import position from 'inline-style-prefixer/lib/plugins/position';
+import sizing from 'inline-style-prefixer/lib/plugins/sizing';
+import transition from 'inline-style-prefixer/lib/plugins/transition';
 var w = ["Webkit"];
@@ -10,4 +16,4 @@ var m = ["Moz"];
 export default {
-  plugins: [],
-  prefixMap: { "appearance": wm, "textEmphasisPosition": w, "textEmphasis": w, "textEmphasisStyle": w, "textEmphasisColor": w, "boxDecorationBreak": w, "maskImage": w, "maskMode": w, "maskRepeat": w, "maskPosition": w, "maskClip": w, "maskOrigin": w, "maskSize": w, "maskComposite": w, "mask": w, "maskBorderSource": w, "maskBorderMode": w, "maskBorderSlice": w, "maskBorderWidth": w, "maskBorderOutset": w, "maskBorderRepeat": w, "maskBorder": w, "maskType": w, "textDecorationStyle": w, "textDecorationSkip": w, "textDecorationLine": w, "textDecorationColor": w, "userSelect": wmms, "backdropFilter": w, "fontKerning": w, "scrollSnapType": wms, "scrollSnapPointsX": wms, "scrollSnapPointsY": wms, "scrollSnapDestination": wms, "scrollSnapCoordinate": wms, "clipPath": w, "shapeImageThreshold": w, "shapeImageMargin": w, "shapeImageOutside": w, "filter": w, "hyphens": wms, "flowInto": wms, "flowFrom": wms, "breakBefore": wms, "breakAfter": wms, "breakInside": wms, "regionFragment": wms, "writingMode": w, "textOrientation": w, "tabSize": m, "fontFeatureSettings": w, "columnCount": w, "columnFill": w, "columnGap": w, "columnRule": w, "columnRuleColor": w, "columnRuleStyle": w, "columnRuleWidth": w, "columns": w, "columnSpan": w, "columnWidth": w, "wrapFlow": ms, "wrapThrough": ms, "wrapMargin": ms, "textSizeAdjust": w }
+  plugins: [backgroundClip, crossFade, gradient, imageSet, position, sizing, transition],
+  prefixMap: { "appearance": wmms, "textEmphasisPosition": wms, "textEmphasis": wms, "textEmphasisStyle": wms, "textEmphasisColor": wms, "boxDecorationBreak": wms, "maskImage": wms, "maskMode": wms, "maskRepeat": wms, "maskPosition": wms, "maskClip": wms, "maskOrigin": wms, "maskSize": wms, "maskComposite": wms, "mask": wms, "maskBorderSource": wms, "maskBorderMode": wms, "maskBorderSlice": wms, "maskBorderWidth": wms, "maskBorderOutset": wms, "maskBorderRepeat": wms, "maskBorder": wms, "maskType": wms, "userSelect": wms, "backdropFilter": w, "clipPath": w, "textDecorationStyle": w, "textDecorationSkip": w, "textDecorationLine": w, "textDecorationColor": w, "hyphens": wms, "textOrientation": w, "tabSize": m, "wrapFlow": ms, "wrapThrough": ms, "wrapMargin": ms, "scrollSnapType": ms, "scrollSnapPointsX": ms, "scrollSnapPointsY": ms, "scrollSnapDestination": ms, "scrollSnapCoordinate": ms, "textSizeAdjust": ["ms", "Webkit"], "flowInto": ms, "flowFrom": ms, "breakBefore": ms, "breakAfter": ms, "breakInside": ms, "regionFragment": ms, "fontKerning": w }
 };

es/generator/maps/pluginMap.js

@@ -29,9 +29,9 @@ // values are "up-to"
   cursor: {
-    firefox: maximumVersion,
-    chrome: maximumVersion,
-    safari: maximumVersion,
-    opera: maximumVersion
+    firefox: 24,
+    chrome: 37,
+    safari: 9,
+    opera: 24
   },
   filter: {
-    ios_saf: maximumVersion,
+    ios_saf: 9.3,
     safari: 9.1
@@ -53,4 +53,3 @@ },
     ios_saf: 6.2,
-    android: 4.4,
-    and_uc: maximumVersion
+    android: 4.4
   },
@@ -64,4 +63,3 @@ gradient: {
     op_mini: 12.1,
-    android: 4.4,
-    and_uc: maximumVersion
+    android: 4.4
   },
@@ -77,3 +75,2 @@ grid: {
     and_chr: maximumVersion,
-    and_uc: maximumVersion,
     ios_saf: maximumVersion
@@ -83,15 +80,15 @@ },
     chrome: 68,
-    safari: maximumVersion,
-    opera: maximumVersion,
+    safari: 12,
+    opera: 55,
     and_chr: 66,
-    ios_saf: maximumVersion,
+    ios_saf: 12,
     firefox: 40
   },
   position: {
-    safari: maximumVersion,
-    ios_saf: maximumVersion
+    safari: 12.1,
+    ios_saf: 12.4
   },
   sizing: {
     chrome: 46,
-    safari: maximumVersion,
+    safari: 10.1,
     opera: 33,
@@ -98,0 +95,0 @@ and_chr: 53,

es/plugins/flexboxIE.js

@@ -25,3 +25,3 @@ var alternativeValues = {
 var isUnitlessNumber = /^\d+(\.\d+)?$/;
-
+var logTag = 'inline-style-prefixer.flexboxIE plugin';
 export default function flexboxIE(property, value, style) {
@@ -45,2 +45,14 @@ if (Object.prototype.hasOwnProperty.call(alternativeProps, property)) {
 
+    if (typeof value === 'number' && value < 0) {
+      // ignore negative values;
+      console.warn(logTag + ': "flex: ' + value + '", negative values is not valid and will be ignored.');
+      return;
+    }
+
+    if (!value.split) {
+      console.warn(logTag + ': "flex: ' + value + '", value format is not detected, it will be remain as is');
+      style.msFlex = value;
+      return;
+    }
+
     // The next thing we can look for is if there are multiple values.
@@ -47,0 +59,0 @@ var flexValues = value.split(/\s/);

lib/data.js

@@ -1,2 +0,2 @@
-"use strict";
+'use strict';
 
@@ -7,2 +7,32 @@ Object.defineProperty(exports, "__esModule", {
 
+var _backgroundClip = require('inline-style-prefixer/lib/plugins/backgroundClip');
+
+var _backgroundClip2 = _interopRequireDefault(_backgroundClip);
+
+var _crossFade = require('inline-style-prefixer/lib/plugins/crossFade');
+
+var _crossFade2 = _interopRequireDefault(_crossFade);
+
+var _gradient = require('inline-style-prefixer/lib/plugins/gradient');
+
+var _gradient2 = _interopRequireDefault(_gradient);
+
+var _imageSet = require('inline-style-prefixer/lib/plugins/imageSet');
+
+var _imageSet2 = _interopRequireDefault(_imageSet);
+
+var _position = require('inline-style-prefixer/lib/plugins/position');
+
+var _position2 = _interopRequireDefault(_position);
+
+var _sizing = require('inline-style-prefixer/lib/plugins/sizing');
+
+var _sizing2 = _interopRequireDefault(_sizing);
+
+var _transition = require('inline-style-prefixer/lib/plugins/transition');
+
+var _transition2 = _interopRequireDefault(_transition);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var w = ["Webkit"];
@@ -16,4 +46,4 @@ var m = ["Moz"];
 exports.default = {
-  plugins: [],
-  prefixMap: { "appearance": wm, "textEmphasisPosition": w, "textEmphasis": w, "textEmphasisStyle": w, "textEmphasisColor": w, "boxDecorationBreak": w, "maskImage": w, "maskMode": w, "maskRepeat": w, "maskPosition": w, "maskClip": w, "maskOrigin": w, "maskSize": w, "maskComposite": w, "mask": w, "maskBorderSource": w, "maskBorderMode": w, "maskBorderSlice": w, "maskBorderWidth": w, "maskBorderOutset": w, "maskBorderRepeat": w, "maskBorder": w, "maskType": w, "textDecorationStyle": w, "textDecorationSkip": w, "textDecorationLine": w, "textDecorationColor": w, "userSelect": wmms, "backdropFilter": w, "fontKerning": w, "scrollSnapType": wms, "scrollSnapPointsX": wms, "scrollSnapPointsY": wms, "scrollSnapDestination": wms, "scrollSnapCoordinate": wms, "clipPath": w, "shapeImageThreshold": w, "shapeImageMargin": w, "shapeImageOutside": w, "filter": w, "hyphens": wms, "flowInto": wms, "flowFrom": wms, "breakBefore": wms, "breakAfter": wms, "breakInside": wms, "regionFragment": wms, "writingMode": w, "textOrientation": w, "tabSize": m, "fontFeatureSettings": w, "columnCount": w, "columnFill": w, "columnGap": w, "columnRule": w, "columnRuleColor": w, "columnRuleStyle": w, "columnRuleWidth": w, "columns": w, "columnSpan": w, "columnWidth": w, "wrapFlow": ms, "wrapThrough": ms, "wrapMargin": ms, "textSizeAdjust": w }
+  plugins: [_backgroundClip2.default, _crossFade2.default, _gradient2.default, _imageSet2.default, _position2.default, _sizing2.default, _transition2.default],
+  prefixMap: { "appearance": wmms, "textEmphasisPosition": wms, "textEmphasis": wms, "textEmphasisStyle": wms, "textEmphasisColor": wms, "boxDecorationBreak": wms, "maskImage": wms, "maskMode": wms, "maskRepeat": wms, "maskPosition": wms, "maskClip": wms, "maskOrigin": wms, "maskSize": wms, "maskComposite": wms, "mask": wms, "maskBorderSource": wms, "maskBorderMode": wms, "maskBorderSlice": wms, "maskBorderWidth": wms, "maskBorderOutset": wms, "maskBorderRepeat": wms, "maskBorder": wms, "maskType": wms, "userSelect": wms, "backdropFilter": w, "clipPath": w, "textDecorationStyle": w, "textDecorationSkip": w, "textDecorationLine": w, "textDecorationColor": w, "hyphens": wms, "textOrientation": w, "tabSize": m, "wrapFlow": ms, "wrapThrough": ms, "wrapMargin": ms, "scrollSnapType": ms, "scrollSnapPointsX": ms, "scrollSnapPointsY": ms, "scrollSnapDestination": ms, "scrollSnapCoordinate": ms, "textSizeAdjust": ["ms", "Webkit"], "flowInto": ms, "flowFrom": ms, "breakBefore": ms, "breakAfter": ms, "breakInside": ms, "regionFragment": ms, "fontKerning": w }
 };

lib/generator/maps/pluginMap.js

@@ -34,9 +34,9 @@ "use strict";
   cursor: {
-    firefox: maximumVersion,
-    chrome: maximumVersion,
-    safari: maximumVersion,
-    opera: maximumVersion
+    firefox: 24,
+    chrome: 37,
+    safari: 9,
+    opera: 24
   },
   filter: {
-    ios_saf: maximumVersion,
+    ios_saf: 9.3,
     safari: 9.1
@@ -58,4 +58,3 @@ },
     ios_saf: 6.2,
-    android: 4.4,
-    and_uc: maximumVersion
+    android: 4.4
   },
@@ -69,4 +68,3 @@ gradient: {
     op_mini: 12.1,
-    android: 4.4,
-    and_uc: maximumVersion
+    android: 4.4
   },
@@ -82,3 +80,2 @@ grid: {
     and_chr: maximumVersion,
-    and_uc: maximumVersion,
     ios_saf: maximumVersion
@@ -88,15 +85,15 @@ },
     chrome: 68,
-    safari: maximumVersion,
-    opera: maximumVersion,
+    safari: 12,
+    opera: 55,
     and_chr: 66,
-    ios_saf: maximumVersion,
+    ios_saf: 12,
     firefox: 40
   },
   position: {
-    safari: maximumVersion,
-    ios_saf: maximumVersion
+    safari: 12.1,
+    ios_saf: 12.4
   },
   sizing: {
     chrome: 46,
-    safari: maximumVersion,
+    safari: 10.1,
     opera: 33,
@@ -103,0 +100,0 @@ and_chr: 53,

lib/plugins/flexboxIE.js

@@ -31,3 +31,3 @@ 'use strict';
 var isUnitlessNumber = /^\d+(\.\d+)?$/;
-
+var logTag = 'inline-style-prefixer.flexboxIE plugin';
 function flexboxIE(property, value, style) {
@@ -51,2 +51,14 @@ if (Object.prototype.hasOwnProperty.call(alternativeProps, property)) {
 
+    if (typeof value === 'number' && value < 0) {
+      // ignore negative values;
+      console.warn(logTag + ': "flex: ' + value + '", negative values is not valid and will be ignored.');
+      return;
+    }
+
+    if (!value.split) {
+      console.warn(logTag + ': "flex: ' + value + '", value format is not detected, it will be remain as is');
+      style.msFlex = value;
+      return;
+    }
+
     // The next thing we can look for is if there are multiple values.
@@ -53,0 +65,0 @@ var flexValues = value.split(/\s/);

package.json

 {
   "name": "inline-style-prefixer",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "description": "Run-time Autoprefixer for JavaScript style objects",
@@ -26,3 +26,3 @@ "module": "es/index.js",
     "lint": "eslint modules/**/*.js",
-    "release": "yarn build && npm publish && yarn docs",
+    "release": "yarn build && npm publish",
     "test": "cross-env BABEL_ENV=commonjs jest",
@@ -60,3 +60,2 @@ "coverage": "yarn test --coverage"
     "caniuse-api": "^3.0.0",
-    "codeclimate-test-reporter": "^0.1.1",
     "cross-env": "^5.2.0",
@@ -78,5 +77,5 @@ "eslint": "^3.14.0",
     "jest": "^19.0.2",
-    "prettier": "^1.14.2",
+    "prettier": "^2.2.1",
     "rimraf": "^2.6.2"
   }
 }

CHANGELOG.md

-# Changelog
-
-## 6.0
-
-### 6.0.0
->  While this might not be breaking anything, we decided to release a new major just to be safe with this change. 
-
-* removed `ie_mob` support as it is deprecated and was removed from `caniuse-api` ( [#192](https://github.com/rofrischmann/inline-style-prefixer/pull/192) )
-
-## 5.0
-
-### 5.1.2
-* fixed bugs that occured with 5.1.1
-* added support for `span X` values in grid properties ( [#190](https://github.com/rofrischmann/inline-style-prefixer/pull/190) )
-
-### 5.1.1
-* added support for `span` values in grid properties ( [#186](https://github.com/rofrischmann/inline-style-prefixer/pull/186) )
-
-### 5.1.0
-* added a plugin that transforms grid properties ( [#174](https://github.com/rofrischmann/inline-style-prefixer/pull/174) )
-
-### 5.0.4
-* added a plugin that transform logical properties ( [#170](https://github.com/rofrischmann/inline-style-prefixer/issues/170) )
-
-### 5.0.3
-* fix generator output path for plugins ( [#167](https://github.com/rofrischmann/inline-style-prefixer/pull/167) )
-
-### 5.0.2
-* expanding flexbox shorthands for IE10 ( [#166](https://github.com/rofrischmann/inline-style-prefixer/issues/166) )
-
-### 5.0.1
-* added a plugin that adds a `-webkit-` prefix if `background-clip` is set to `text` ( [#159](https://github.com/rofrischmann/inline-style-prefixer/issues/159) )
-
-### 5.0.0
-We entirely removed the dynamic version of the prefixer due to constant issues with browser detection and the almost impossible need to keep all the versions updated and in sync.
-There are no other changes except the import paths for this version.
-
-Improvements, additions and bug fixes will be build on top of the new major version shortly.
-
-## 4.0
-
-### 4.0.2
-* added missing alternative values to the legacy flexbox plugins ( [#153](https://github.com/rofrischmann/inline-style-prefixer/issues/153) )
-* added missing props to the dynamic version of the legacy flexbox plugin in order to align with the static version ( [#153](https://github.com/rofrischmann/inline-style-prefixer/issues/153) )
-* updated browser versions and caniuse data
-
-### 4.0.1
-* added support for the CSS `text-orientation` property ( [#150](https://github.com/rofrischmann/inline-style-prefixer/pull/150) )
-
-### 4.0.0
-* prefixed style objects are now reordered correctly ( [#147](https://github.com/rofrischmann/inline-style-prefixer/issues/147) )
-* default browser versions have been bumped to meet new usage percentages
-
-## 3.0
-### 3.0.8
-* added support for `writing-mode` ( [#139](https://github.com/rofrischmann/inline-style-prefixer/issues/139) )
-
-### 3.0.7
-* fix `flexBasis` fallback for legacy IE 10 (`msPreferredSize` to `msFlexPreferredSize`) ( [#134](https://github.com/rofrischmann/inline-style-prefixer/issues/134) )
-
-### 3.0.6
-* fix legacy display prefixing for `inline-flex` ( [#132](https://github.com/rofrischmann/inline-style-prefixer/issues/132) )
-
-### 3.0.5
-* use Chrome data for Yandex browser ( [#127](https://github.com/rofrischmann/inline-style-prefixer/issues/127) )
-
-### 3.0.4
-* removed `caniuse-api` as a `devDependency`
-
-### 3.0.3
-* data update
-
-### 3.0.2
-* performance improvements (up to 30% faster)
-
-### 3.0.1
-* performance improvements (~10% faster) ( [#115](https://github.com/rofrischmann/inline-style-prefixer/pull/115) ) ( [#116](https://github.com/rofrischmann/inline-style-prefixer/pull/116) )
-* ordering prefixed properties correctly ( [#117](https://github.com/rofrischmann/inline-style-prefixer/pull/117) )
-
-### 3.0.0
-
-#### Complete Rewrite
-* introducing new core prefixer that perform up to 4.5x faster
-* added a whole new generator to create your custom prefixer
-* added 4 new plugins to prefix special values
-* new documentation using gitbook
-* integrated flowtype
-
-------
-
-## 2.0
-### 2.0.5
-* added style sorting to prepend prefixed properties ( [#105](https://github.com/rofrischmann/inline-style-prefixer/issues/105) )
-* support for `position: -webkit-sticky` ( [#103](https://github.com/rofrischmann/inline-style-prefixer/issues/103) )
-
-### 2.0.4
-* added type checks for `flexDirection` specification alternatives
-
-### 2.0.3
-* fixed updated caniuse-api search keys
-
-### 2.0.2
-* fixed a bug that used the prefixAll fallback for Windows Phone browsers ( [#97](https://github.com/rofrischmann/inline-style-prefixer/issues/97) )
-* fixed a bug preventing Firefox on Android to correct prefixes ( [#95]((https://github.com/rofrischmann/inline-style-prefixer/issues/95) )
-
-### 2.0.1
-* fixed a bug that removed array values ( [#89](https://github.com/rofrischmann/inline-style-prefixer/issues/89) )
-* added array prefixing to the dynamic version
-* improved prefixing performance
-
-
-### 2.0.0
-##### API Changes
-* merged [inline-style-prefix-all](https://github.com/rofrischmann/inline-style-prefix-all) as `inline-style-prefixer/static`
-
-##### Improvements
-* support for Chromium browser ( [#75](https://github.com/rofrischmann/inline-style-prefixer/pull/86) )
-* support for Vivaldi browser ( [#81](https://github.com/rofrischmann/inline-style-prefixer/pull/81) )
-* support for zoom and grab `cursor` values ( [#82](https://github.com/rofrischmann/inline-style-prefixer/pull/82) )
-* support for prefixing arrays of values ( [@inline-style-prefix-all#16](https://github.com/rofrischmann/inline-style-prefix-all/pull/16) )
-
-##### Bugs
-* fixed a bug where `border` within transitions was treated as `order` ( [@inline-style-prefix-all#15](https://github.com/rofrischmann/inline-style-prefix-all/issues/15) )
-* fixed a bug where prefixed transition values where incorrectly concatenated ( [@inline-style-prefix-all#17](https://github.com/rofrischmann/inline-style-prefix-all/issues/17) )
-
-
-## 1.0
-### 1.0.4
-* updated inline-style-prefix-all dependency to correct fallback value order
-
-### 1.0.3
-* replaced `Set` with ES5 alternative
-
-### 1.0.2
-* fixed a bug that caused crashes if `display` got either `null` or `undefined` assigned ( [#71](https://github.com/rofrischmann/inline-style-prefixer/pull/71#issue-139056802) )
-
-### 1.0.1
-* added `undefined` check for `userAgent` to prevent bowser errors
-
-### 1.0.0
-* pulled a bugfix by Khan Academy that dash-cases fallback properties ( https://github.com/Khan/inline-style-prefixer/commit/f41f3040ac27eeec3b7a1fb7450ddce250cac4e4 )
-* using [inline-style-prefix-all](https://github.com/rofrischmann/inline-style-prefix-all) for `prefixAll` now
-* `display` does not get removed anymore ( #65 )
-* not throwing anymore if unsupported `userAgent` is provided ( #62 )
-
-## 0.6
-### 0.6.7
-* Fixed a bug that caused `transition` with `cubic-bezier` to resolve false
-* Replaced `for of` in favor of a basic `for` loop to not require `Symbol` to be available
-
-### 0.6.6
-* Prevent crashes if a value is `false` or `undefined`
-
-### 0.6.5
-* Plugins won't crash if a `number` value is passed
-* Added default `options`
-
-### 0.6.4
-* support for prefixed `transition` properties *e.g. `transition: '-webkit-filter 200ms linear'`*
-* wider support for **gradients** on all properties
-* `prefixAll` now prefixes all plugin values
-* uses default `userAgent` if no userAgent, `undefined` or `false` is passed
-
-### 0.6.3
-* added support for Cordova apps & in-app browser *(especially on iOS 8.4.x)*
-* fixed Android Chrome detection *(on Android 4.x)*
-* added some [FAQ](docs/FAQ.md)'s
-
-### 0.6.2
-* fixed dist files to register globally
-
-### 0.6.1
-* replaced multi-options with an object hash
-* renamed `keepDefaults` to `keepUnprefixed`
-
-### 0.6.0
-* fixed a bug that caused the `display:flex` plugin to prefix incorrectly
-* added `forceRun`-option to plugins to support plugins when using `prefixAll`
-* added `keepDefault`-option to keep defaults after prefixing
-* added MS Edge support
-* added whitelist for headless browsers
-* several data updates
-
-## 0.5
-## 0.5.4
-* fixed a typo in `animationIterationCount`
-
-## 0.5.3
-* Added 2D Transform to the searchMap so IE 9 prefixes `transform`, `transformOrigin`, `transformOriginX` and `transformOriginY`
-* Removed unsupported browsers from browser detection to avoid false prefixes
-
-## 0.5.2
-* Added Changelog
-* Android detection for older Versions (< 5)
-* added `flexWrap` to the properties list

New alerts

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

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

Fixed alerts

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

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

Improved metrics

Dev dependency count

28

-3.45%

Lines of code

1825

2.01%

Worsened metrics

Total package byte prevSize

79990

-7.53%

Number of package files

61

-1.61%

No dependency changes