@rollup/plugin-image - npm Package Compare versions

Comparing version 2.0.2 to 2.0.4

CHANGELOG.md

 # @rollup/plugin-image ChangeLog
 
+## v2.0.4
+
+_2020-02-04_
+
+### Bugfixes
+
+- fix: url-encode SVG source (#173)
+
+## v2.0.3
+
+_2020-02-04_
+
+### Bugfixes
+
+- fix: url-encode SVG source (#173)
+
 ## v2.0.2
@@ -4,0 +20,0 @@

dist/index.es.js

 import { readFileSync } from 'fs';
 import { extname } from 'path';
 import { createFilter } from '@rollup/pluginutils';
+import svgToMiniDataURI from 'mini-svg-data-uri';
 
@@ -20,2 +21,23 @@ var defaults = {
 
+var domTemplate = function (ref) {
+  var dataUri = ref.dataUri;
+
+  return ("\n  const img = new Image();\n  img.src = \"" + dataUri + "\";\n  export default img;\n");
+};
+
+var constTemplate = function (ref) {
+  var dataUri = ref.dataUri;
+
+  return ("\n  const img = \"" + dataUri + "\";\n  export default img;\n");
+};
+
+var getDataUri = function (ref) {
+    var format = ref.format;
+    var isSvg = ref.isSvg;
+    var mime = ref.mime;
+    var source = ref.source;
+
+    return isSvg ? svgToMiniDataURI(source) : ("data:" + mime + ";" + format + "," + source);
+};
+
 function image(opts) {
@@ -41,10 +63,9 @@ if ( opts === void 0 ) opts = {};
 
-      var format = mime === mimeTypes['.svg'] ? 'utf-8' : 'base64';
+      var isSvg = mime === mimeTypes['.svg'];
+      var format = isSvg ? 'utf-8' : 'base64';
       var source = readFileSync(id, format).replace(/[\r\n]+/gm, '');
-      var data = "'data:" + mime + ";" + format + "," + source + "'";
-      var code = options.dom
-        ? ("var img = new Image(); img.src = " + data + "; export default img;")
-        : ("const img = " + data + "; export default img;");
+      var dataUri = getDataUri({ format: format, isSvg: isSvg, mime: mime, source: source });
+      var code = options.dom ? domTemplate({ dataUri: dataUri }) : constTemplate({ dataUri: dataUri });
 
-      return code;
+      return code.trim();
     }
@@ -51,0 +72,0 @@ };

dist/index.js

 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var fs = require('fs');
 var path = require('path');
 var pluginutils = require('@rollup/pluginutils');
+var svgToMiniDataURI = _interopDefault(require('mini-svg-data-uri'));
 
@@ -22,2 +25,23 @@ var defaults = {
 
+var domTemplate = function (ref) {
+  var dataUri = ref.dataUri;
+
+  return ("\n  const img = new Image();\n  img.src = \"" + dataUri + "\";\n  export default img;\n");
+};
+
+var constTemplate = function (ref) {
+  var dataUri = ref.dataUri;
+
+  return ("\n  const img = \"" + dataUri + "\";\n  export default img;\n");
+};
+
+var getDataUri = function (ref) {
+    var format = ref.format;
+    var isSvg = ref.isSvg;
+    var mime = ref.mime;
+    var source = ref.source;
+
+    return isSvg ? svgToMiniDataURI(source) : ("data:" + mime + ";" + format + "," + source);
+};
+
 function image(opts) {
@@ -43,10 +67,9 @@ if ( opts === void 0 ) opts = {};
 
-      var format = mime === mimeTypes['.svg'] ? 'utf-8' : 'base64';
+      var isSvg = mime === mimeTypes['.svg'];
+      var format = isSvg ? 'utf-8' : 'base64';
       var source = fs.readFileSync(id, format).replace(/[\r\n]+/gm, '');
-      var data = "'data:" + mime + ";" + format + "," + source + "'";
-      var code = options.dom
-        ? ("var img = new Image(); img.src = " + data + "; export default img;")
-        : ("const img = " + data + "; export default img;");
+      var dataUri = getDataUri({ format: format, isSvg: isSvg, mime: mime, source: source });
+      var code = options.dom ? domTemplate({ dataUri: dataUri }) : constTemplate({ dataUri: dataUri });
 
-      return code;
+      return code.trim();
     }
@@ -53,0 +76,0 @@ };

package.json

 {
   "name": "@rollup/plugin-image",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "publishConfig": {
@@ -48,7 +48,8 @@ "access": "public"
   "dependencies": {
-    "@rollup/pluginutils": "^3.0.1"
+    "@rollup/pluginutils": "^3.0.4",
+    "mini-svg-data-uri": "^1.1.3"
   },
   "devDependencies": {
     "@rollup/plugin-buble": "^0.21.0",
-    "rollup": "^1.27.14"
+    "rollup": "^1.29.0"
   },
@@ -55,0 +56,0 @@ "ava": {

No alert changes

Improved metrics

Total package byte prevSize

16958

21.11%

Lines of code

118

35.63%

Worsened metrics

Dependency count

3

50%

Dependency changes

• + Added

  mini-svg-data-uri@^1.1.3

• + Added

  mini-svg-data-uri@1.4.4
  (transitive)

• Updated

  @rollup/pluginutils@^3.0.4