postcss-svgo - npm Package Compare versions

Comparing version 2.1.6 to 4.0.0-nightly.2020.1.9

dist/index.js

@@ -1,108 +0,126 @@
-'use strict';
+"use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+var _postcss = _interopRequireDefault(require("postcss"));
 
-var _postcss = require('postcss');
+var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
 
-var _postcss2 = _interopRequireDefault(_postcss);
+var _svgo = _interopRequireDefault(require("svgo"));
 
-var _postcssValueParser = require('postcss-value-parser');
+var _isSvg = _interopRequireDefault(require("is-svg"));
 
-var _postcssValueParser2 = _interopRequireDefault(_postcssValueParser);
+var _url = require("./lib/url");
 
-var _svgo = require('svgo');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _svgo2 = _interopRequireDefault(_svgo);
+const PLUGIN = 'postcss-svgo';
+const dataURI = /data:image\/svg\+xml(;((charset=)?utf-8|base64))?,/i;
+const dataURIBase64 = /data:image\/svg\+xml;base64,/i;
 
-var _isSvg = require('is-svg');
+function minifyPromise(decl, getSvgo, opts) {
+  const promises = [];
+  const parsed = (0, _postcssValueParser.default)(decl.value);
+  decl.value = parsed.walk(node => {
+    if (node.type !== 'function' || node.value.toLowerCase() !== 'url' || !node.nodes.length) {
+      return;
+    }
 
-var _isSvg2 = _interopRequireDefault(_isSvg);
+    let {
+      value,
+      quote
+    } = node.nodes[0];
+    let isBase64, isUriEncoded;
+    const url = new URL(value);
+    let svg = value.replace(dataURI, '');
 
-var _url = require('./lib/url');
+    if (dataURIBase64.test(value)) {
+      let base64String = `${url.protocol}${url.pathname}`.replace(dataURI, '');
+      svg = Buffer.from(base64String, 'base64').toString('utf8');
+      isBase64 = true;
+    } else {
+      let decodedUri;
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+      try {
+        decodedUri = (0, _url.decode)(svg);
+        isUriEncoded = decodedUri !== svg;
+      } catch (e) {
+        // Swallow exception if we cannot decode the value
+        isUriEncoded = false;
+      }
 
-var PLUGIN = 'postcss-svgo';
-var dataURI = /data:image\/svg\+xml(;(charset=)?utf-8)?,/;
+      if (isUriEncoded) {
+        svg = decodedUri;
+      }
 
-function minifyPromise(svgo, decl, opts) {
-    var promises = [];
+      if (opts.encode !== undefined) {
+        isUriEncoded = opts.encode;
+      }
+    }
 
-    decl.value = (0, _postcssValueParser2.default)(decl.value).walk(function (node) {
-        if (node.type !== 'function' || node.value !== 'url' || !node.nodes.length) {
-            return;
-        }
-        var value = node.nodes[0].value;
+    if (!(0, _isSvg.default)(svg)) {
+      return;
+    }
 
-        var decodedUri = void 0,
-            isUriEncoded = void 0;
+    promises.push(getSvgo().optimize(svg).then(result => {
+      let data, optimizedValue;
 
-        try {
-            decodedUri = (0, _url.decode)(value);
-            isUriEncoded = decodedUri !== value;
-        } catch (e) {
-            // Swallow exception if we cannot decode the value
-            isUriEncoded = false;
-        }
+      if (isBase64) {
+        data = Buffer.from(result.data).toString('base64');
+        optimizedValue = 'data:image/svg+xml;base64,' + data + url.hash;
+      } else {
+        data = isUriEncoded ? (0, _url.encode)(result.data) : result.data; // Should always encode # otherwise we yield a broken SVG
+        // in Firefox (works in Chrome however). See this issue:
+        // https://github.com/cssnano/cssnano/issues/245
 
-        if (isUriEncoded) {
-            value = decodedUri;
-        }
-        if (opts.encode !== undefined) {
-            isUriEncoded = opts.encode;
-        }
+        data = data.replace(/#/g, '%23');
+        optimizedValue = 'data:image/svg+xml;charset=utf-8,' + data;
+        quote = isUriEncoded ? '"' : "'";
+      }
 
-        var svg = value.replace(dataURI, '');
+      node.nodes[0] = Object.assign({}, node.nodes[0], {
+        value: optimizedValue,
+        quote: quote,
+        type: 'string',
+        before: '',
+        after: ''
+      });
+    }).catch(error => {
+      throw new Error(`${PLUGIN}: ${error}`);
+    }));
+    return false;
+  });
+  return Promise.all(promises).then(() => decl.value = decl.value.toString());
+}
 
-        if (!(0, _isSvg2.default)(svg)) {
-            return;
-        }
+var _default = _postcss.default.plugin(PLUGIN, (opts = {}) => {
+  let svgo = null;
 
-        promises.push(new Promise(function (resolve, reject) {
-            return svgo.optimize(svg, function (result) {
-                if (result.error) {
-                    return reject(PLUGIN + ': ' + result.error);
-                }
-                var data = isUriEncoded ? (0, _url.encode)(result.data) : result.data;
-                // Should always encode # otherwise we yield a broken SVG
-                // in Firefox (works in Chrome however). See this issue:
-                // https://github.com/ben-eb/cssnano/issues/245
-                data = data.replace(/#/g, '%23');
-                node.nodes[0] = _extends({}, node.nodes[0], {
-                    value: 'data:image/svg+xml;charset=utf-8,' + data,
-                    quote: isUriEncoded ? '"' : '\'',
-                    type: 'string',
-                    before: '',
-                    after: ''
-                });
-                return resolve();
-            });
-        }));
+  const getSvgo = () => {
+    if (!svgo) {
+      svgo = new _svgo.default(opts);
+    }
 
-        return false;
-    });
+    return svgo;
+  };
 
-    return Promise.all(promises).then(function () {
-        return decl.value = decl.value.toString();
+  return css => {
+    return new Promise((resolve, reject) => {
+      const svgoQueue = [];
+      css.walkDecls(decl => {
+        if (!dataURI.test(decl.value)) {
+          return;
+        }
+
+        svgoQueue.push(minifyPromise(decl, getSvgo, opts));
+      });
+      return Promise.all(svgoQueue).then(resolve, reject);
     });
-}
+  };
+});
 
-exports.default = _postcss2.default.plugin(PLUGIN, function () {
-    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    var svgo = new _svgo2.default(opts);
-    return function (css) {
-        return new Promise(function (resolve, reject) {
-            var promises = [];
-            css.walkDecls(function (decl) {
-                if (dataURI.test(decl.value)) {
-                    promises.push(minifyPromise(svgo, decl, opts));
-                }
-            });
-            return Promise.all(promises).then(resolve, reject);
-        });
-    };
-});
-module.exports = exports['default'];
+exports.default = _default;
+module.exports = exports.default;

dist/lib/url.js

@@ -1,9 +0,14 @@
-'use strict';
+"use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.encode = encode;
+exports.decode = void 0;
+
 function encode(data) {
-    return data.replace(/"/g, '\'').replace(/%/g, '%25').replace(/</g, '%3C').replace(/>/g, '%3E').replace(/&/g, '%26').replace(/#/g, '%23').replace(/\s+/g, ' ');
-};
+  return data.replace(/"/g, "'").replace(/%/g, '%25').replace(/</g, '%3C').replace(/>/g, '%3E').replace(/&/g, '%26').replace(/#/g, '%23').replace(/\s+/g, ' ');
+}
 
-var decode = exports.decode = decodeURIComponent;
+const decode = decodeURIComponent;
+exports.decode = decode;

package.json

 {
   "name": "postcss-svgo",
-  "version": "2.1.6",
+  "version": "4.0.0-nightly.2020.1.9",
   "description": "Optimise inline SVG with PostCSS.",
   "main": "dist/index.js",
   "scripts": {
-    "contributorAdd": "all-contributors add",
-    "contributorGenerate": "all-contributors generate",
-    "pretest": "eslint src",
-    "prepublish": "del-cli dist && BABEL_ENV=publish babel src --out-dir dist --ignore /__tests__/",
-    "report": "nyc report --reporter=html",
-    "test": "nyc --reporter=text ava src/__tests__",
-    "test-012": "nyc --reporter=text ava src/__tests__"
+    "prebuild": "",
+    "build": "cross-env BABEL_ENV=publish babel src --config-file ../../babel.config.js --out-dir dist --ignore \"**/__tests__/\"",
+    "prepublish": ""
   },
@@ -29,22 +25,3 @@ "files": [
   "license": "MIT",
-  "devDependencies": {
-    "all-contributors-cli": "^3.0.5",
-    "ava": "^0.16.0",
-    "babel-cli": "^6.4.5",
-    "babel-core": "^6.4.5",
-    "babel-plugin-add-module-exports": "^0.2.0",
-    "babel-preset-es2015": "^6.3.13",
-    "babel-preset-es2015-loose": "^7.0.0",
-    "babel-preset-stage-0": "^6.3.13",
-    "babel-register": "^6.9.0",
-    "coveralls": "^2.11.6",
-    "del-cli": "^0.2.0",
-    "eslint": "^3.0.0",
-    "eslint-config-cssnano": "^3.0.0",
-    "eslint-plugin-babel": "^3.3.0",
-    "eslint-plugin-import": "^2.0.1",
-    "nyc": "^10.0.0",
-    "pleeease-filters": "^3.0.0"
-  },
-  "homepage": "https://github.com/ben-eb/postcss-svgo",
+  "homepage": "https://github.com/cssnano/cssnano",
   "author": {
@@ -55,15 +32,15 @@ "name": "Ben Briggs",
   },
-  "repository": "ben-eb/postcss-svgo",
+  "repository": "cssnano/cssnano",
   "dependencies": {
-    "is-svg": "^2.0.0",
-    "postcss": "^5.0.14",
-    "postcss-value-parser": "^3.2.3",
-    "svgo": "^0.7.0"
+    "is-svg": "^4.1.0",
+    "postcss": "^7.0.16",
+    "postcss-value-parser": "^3.3.1",
+    "svgo": "^1.2.2"
   },
-  "ava": {
-    "require": "babel-register"
+  "bugs": {
+    "url": "https://github.com/cssnano/cssnano/issues"
   },
-  "eslintConfig": {
-    "extends": "cssnano"
+  "engines": {
+    "node": ">=10.13.0"
   }
-}
+}

README.md

@@ -1,2 +0,2 @@
-# [postcss][postcss]-svgo [![Build Status](https://travis-ci.org/ben-eb/postcss-svgo.svg?branch=master)][ci] [![NPM version](https://badge.fury.io/js/postcss-svgo.svg)][npm] [![Dependency Status](https://gemnasium.com/ben-eb/postcss-svgo.svg)][deps]
+# [postcss][postcss]-svgo
 
@@ -23,2 +23,6 @@ > Optimise inline SVG with PostCSS.
 }
+
+h2 {
+    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDAiIGZpbGw9InllbGxvdyIgLz48IS0tdGVzdCBjb21tZW50LS0+PC9zdmc+');
+}
 ```
@@ -32,2 +36,6 @@
 }
+
+h2 {
+    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjQwIiBmaWxsPSIjZmYwIi8+PC9zdmc+');
+}
 ```
@@ -112,12 +120,5 @@
 
-Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
+See [CONTRIBUTORS.md](https://github.com/cssnano/cssnano/blob/master/CONTRIBUTORS.md).
 
-<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
-| [<img src="https://avatars.githubusercontent.com/u/1282980?v=3" width="100px;"/><br /><sub>Ben Briggs</sub>](http://beneb.info)<br />[💻](https://github.com/ben-eb/postcss-svgo/commits?author=ben-eb) [📖](https://github.com/ben-eb/postcss-svgo/commits?author=ben-eb) 👀 [⚠️](https://github.com/ben-eb/postcss-svgo/commits?author=ben-eb) | [<img src="https://avatars.githubusercontent.com/u/7263665?v=3" width="100px;"/><br /><sub>Sebastian Misch</sub>](https://sebastian-misch.de)<br />[💻](https://github.com/ben-eb/postcss-svgo/commits?author=sbstnmsch) [⚠️](https://github.com/ben-eb/postcss-svgo/commits?author=sbstnmsch) | [<img src="https://avatars.githubusercontent.com/u/11319202?v=3" width="100px;"/><br /><sub>Вячеслав Ляшенко</sub>](https://github.com/ophyros)<br />[💻](https://github.com/ben-eb/postcss-svgo/commits?author=ophyros) [⚠️](https://github.com/ben-eb/postcss-svgo/commits?author=ophyros) | [<img src="https://avatars.githubusercontent.com/u/1131567?v=3" width="100px;"/><br /><sub>shinnn</sub>](https://shinnn.github.io)<br />[💻](https://github.com/ben-eb/postcss-svgo/commits?author=shinnn) | [<img src="https://avatars.githubusercontent.com/u/45338?v=3" width="100px;"/><br /><sub>Jung-gun Lim</sub>](https://github.com/j6lim)<br />[🐛](https://github.com/ben-eb/postcss-svgo/issues?q=author%3Aj6lim) | [<img src="https://avatars.githubusercontent.com/u/5635476?v=3" width="100px;"/><br /><sub>Bogdan Chadkin</sub>](https://github.com/TrySound)<br />[💻](https://github.com/ben-eb/postcss-svgo/commits?author=TrySound) 👀 [⚠️](https://github.com/ben-eb/postcss-svgo/commits?author=TrySound) | [<img src="https://avatars.githubusercontent.com/u/368561?v=3" width="100px;"/><br /><sub>Piotr Walczyszyn</sub>](http://outof.me)<br />[🐛](https://github.com/ben-eb/postcss-svgo/issues?q=author%3Apwalczyszyn) |
-| :---: | :---: | :---: | :---: | :---: | :---: | :---: |
-<!-- ALL-CONTRIBUTORS-LIST:END -->
 
-This project follows the [all-contributors] specification. Contributions of
-any kind welcome!
-
 ## License
@@ -127,8 +128,3 @@
 
-
-[all-contributors]: https://github.com/kentcdodds/all-contributors
-[ci]:      https://travis-ci.org/ben-eb/postcss-svgo
-[deps]:    https://gemnasium.com/ben-eb/postcss-svgo
-[npm]:     http://badge.fury.io/js/postcss-svgo
 [postcss]: https://github.com/postcss/postcss
 [plugins]: https://github.com/svg/svgo/tree/master/plugins

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

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Dev dependency count

0

decreased by-100%

Lines of code

110

increased by25%

Number of low maintenance alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

9228

decreased by-30.24%

Number of package files

5

decreased by-16.67%

Number of lines in readme file

127

decreased by-3.05%

Dependency changes

• + Added@types/q@1.5.8(transitive)

• + Addedansi-styles@3.2.1(transitive)

• + Addedarray-buffer-byte-length@1.0.1(transitive)

• + Addedarray.prototype.reduce@1.0.7(transitive)

• + Addedarraybuffer.prototype.slice@1.0.3(transitive)

• + Addedavailable-typed-arrays@1.0.7(transitive)

• + Addedboolbase@1.0.0(transitive)

• + Addedcall-bind@1.0.7(transitive)

• + Addedchalk@2.4.2(transitive)

• + Addedcoa@2.0.2(transitive)

• + Addedcolor-convert@1.9.3(transitive)

• + Addedcolor-name@1.1.3(transitive)

• + Addedcss-select@2.1.0(transitive)

• + Addedcss-select-base-adapter@0.1.1(transitive)

• + Addedcss-tree@1.0.0-alpha.371.1.3(transitive)

• + Addedcss-what@3.4.2(transitive)

• + Addedcsso@4.2.0(transitive)

• + Addeddata-view-buffer@1.0.1(transitive)

• + Addeddata-view-byte-length@1.0.1(transitive)

• + Addeddata-view-byte-offset@1.0.0(transitive)

• + Addeddefine-data-property@1.1.4(transitive)

• + Addeddefine-properties@1.2.1(transitive)

• + Addeddom-serializer@0.2.2(transitive)

• + Addeddomelementtype@1.3.12.3.0(transitive)

• + Addeddomutils@1.7.0(transitive)

• + Addedentities@2.2.0(transitive)

• + Addedes-abstract@1.23.3(transitive)

• + Addedes-array-method-boxes-properly@1.0.0(transitive)

• + Addedes-define-property@1.0.0(transitive)

• + Addedes-errors@1.3.0(transitive)

• + Addedes-object-atoms@1.0.0(transitive)

• + Addedes-set-tostringtag@2.0.3(transitive)

• + Addedes-to-primitive@1.2.1(transitive)

• + Addedesprima@4.0.1(transitive)

• + Addedfast-xml-parser@4.5.0(transitive)

• + Addedfor-each@0.3.3(transitive)

• + Addedfunction-bind@1.1.2(transitive)

• + Addedfunction.prototype.name@1.1.6(transitive)

• + Addedfunctions-have-names@1.2.3(transitive)

• + Addedget-intrinsic@1.2.4(transitive)

• + Addedget-symbol-description@1.0.2(transitive)

• + Addedglobalthis@1.0.4(transitive)

• + Addedgopd@1.0.1(transitive)

• + Addedhas-bigints@1.0.2(transitive)

• + Addedhas-flag@3.0.0(transitive)

• + Addedhas-property-descriptors@1.0.2(transitive)

• + Addedhas-proto@1.0.3(transitive)

• + Addedhas-symbols@1.0.3(transitive)

• + Addedhas-tostringtag@1.0.2(transitive)

• + Addedhasown@2.0.2(transitive)

• + Addedinternal-slot@1.0.7(transitive)

• + Addedis-array-buffer@3.0.4(transitive)

• + Addedis-bigint@1.0.4(transitive)

• + Addedis-boolean-object@1.1.2(transitive)

• + Addedis-callable@1.2.7(transitive)

• + Addedis-data-view@1.0.1(transitive)

• + Addedis-date-object@1.0.5(transitive)

• + Addedis-negative-zero@2.0.3(transitive)

• + Addedis-number-object@1.0.7(transitive)

• + Addedis-regex@1.1.4(transitive)

• + Addedis-shared-array-buffer@1.0.3(transitive)

• + Addedis-string@1.0.7(transitive)

• + Addedis-svg@4.4.0(transitive)

• + Addedis-symbol@1.0.4(transitive)

• + Addedis-typed-array@1.1.13(transitive)

• + Addedis-weakref@1.0.2(transitive)

• + Addedisarray@2.0.5(transitive)

• + Addedjs-yaml@3.14.1(transitive)

• + Addedmdn-data@2.0.142.0.4(transitive)

• + Addednth-check@1.0.2(transitive)

• + Addedobject-inspect@1.13.2(transitive)

• + Addedobject-keys@1.1.1(transitive)

• + Addedobject.assign@4.1.5(transitive)

• + Addedobject.getownpropertydescriptors@2.1.8(transitive)

• + Addedobject.values@1.2.0(transitive)

• + Addedpicocolors@0.2.1(transitive)

• + Addedpossible-typed-array-names@1.0.0(transitive)

• + Addedpostcss@7.0.39(transitive)

• + Addedregexp.prototype.flags@1.5.2(transitive)

• + Addedsafe-array-concat@1.1.2(transitive)

• + Addedsafe-regex-test@1.0.3(transitive)

• + Addedset-function-length@1.2.2(transitive)

• + Addedset-function-name@2.0.2(transitive)

• + Addedside-channel@1.0.6(transitive)

• + Addedsource-map@0.6.1(transitive)

• + Addedstable@0.1.8(transitive)

• + Addedstring.prototype.trim@1.2.9(transitive)

• + Addedstring.prototype.trimend@1.0.8(transitive)

• + Addedstring.prototype.trimstart@1.0.8(transitive)

• + Addedstrnum@1.0.5(transitive)

• + Addedsupports-color@5.5.0(transitive)

• + Addedsvgo@1.3.2(transitive)

• + Addedtyped-array-buffer@1.0.2(transitive)

• + Addedtyped-array-byte-length@1.0.1(transitive)

• + Addedtyped-array-byte-offset@1.0.2(transitive)

• + Addedtyped-array-length@1.0.6(transitive)

• + Addedunbox-primitive@1.0.2(transitive)

• + Addedunquote@1.1.1(transitive)

• + Addedutil.promisify@1.0.1(transitive)

• + Addedwhich-boxed-primitive@1.0.2(transitive)

• + Addedwhich-typed-array@1.1.15(transitive)

• - Removedansi-regex@2.1.1(transitive)

• - Removedansi-styles@2.2.1(transitive)

• - Removedchalk@1.1.3(transitive)

• - Removedclap@1.2.3(transitive)

• - Removedcoa@1.0.4(transitive)

• - Removedcolors@1.1.2(transitive)

• - Removedcsso@2.3.2(transitive)

• - Removedesprima@2.7.3(transitive)

• - Removedhas-ansi@2.0.0(transitive)

• - Removedhas-flag@1.0.0(transitive)

• - Removedhtml-comment-regex@1.1.2(transitive)

• - Removedis-svg@2.1.0(transitive)

• - Removedjs-base64@2.6.4(transitive)

• - Removedjs-yaml@3.7.0(transitive)

• - Removedpostcss@5.2.18(transitive)

• - Removedsource-map@0.5.7(transitive)

• - Removedstrip-ansi@3.0.1(transitive)

• - Removedsupports-color@2.0.03.2.3(transitive)

• - Removedsvgo@0.7.2(transitive)

• - Removedwhet.extend@0.9.9(transitive)

• Updatedis-svg@^4.1.0

• Updatedpostcss@^7.0.16

• Updatedpostcss-value-parser@^3.3.1

• Updatedsvgo@^1.2.2