gatsby-plugin-storyblok-image - npm Package Compare versions

Comparing version 2.0.6 to 2.0.8

dist/utils/buildImageUrl.js

@@ -35,5 +35,3 @@ "use strict";
     ].filter(Boolean);
-    if (filters.length > 0) {
-        url += (0, helpers_1.applyFilters)(filters);
-    }
+    url += (0, helpers_1.applyFilters)(filters);
     // fullfil the url format when no any filters or size config
@@ -40,0 +38,0 @@ if (url.endsWith('/m')) {

package.json

 {
   "name": "gatsby-plugin-storyblok-image",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "Adds gatsby-plugin-image to Gatsby & Storyblok as a content source.",
@@ -14,3 +14,3 @@ "main": "dist/index.js",
     "build": "yarn tsc",
-    "prepublishOnly": "yarn install && yarn build"
+    "prepublishOnly": "yarn install && yarn build && yarn test"
   },
@@ -17,0 +17,0 @@ "keywords": [

README.md

@@ -5,10 +5,14 @@ # gatsby-plugin-storyblok-image
 [![Tested with Jest](https://img.shields.io/badge/tested_with-Jest-99424f.svg)](https://github.com/facebook/jest)
+[![Coverage Status](https://coveralls.io/repos/github/nonjene/gatsby-plugin-storyblok-image/badge.svg?branch=master)](https://coveralls.io/github/nonjene/gatsby-plugin-storyblok-image?branch=master)
 
-_gatsby-plugin-storyblok-image_ let you use gatsby-plugin-image with [Storyblok service v2](https://www.storyblok.com/docs/image-service).
+_gatsby-plugin-storyblok-image_ let you use [gatsby-plugin-image](https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-plugin-image) with [Storyblok service v2](https://www.storyblok.com/docs/image-service).
 
-Let you can create any dynamic content in the Storyblok CMS and get advantage with the optimized images outside of GraphQL static query.
+This is helpful when your images are dynamically in content.
 
-Plugin write with Typescript. Props design to be gatsby-plugin-image liked.
+Let you take advantage of optimizing any images inside dynamic content (run-time optimizing), gets out of build-time complex processing of download -> markup each source -> static query for each component.
 
 
+Plugin write with Typescript. Options design to be gatsby-plugin-image liked.
+
+
 ## Install
@@ -36,3 +40,4 @@
     
-    // use width & height when layout is 'fixed' or 'constrained'
+    // Use width & height when layout is 'fixed' or 'constrained'
+    // No need when layout is 'fullWidth'
     width: 900,
@@ -43,8 +48,13 @@ height: 900,
     // quality: 100,
-    // outputPixelDensities: [1, 2, 3], // for constrained default is [0.25, 0.5, 1, 2, 3]
-    // breakpoints	[750, 1080, 1366, 1920], // for fullWidth or constrained
-    // backgroundColor: 'transparent', // make the image like fixed object to contain instead of cover. Default not set.
+    // outputPixelDensities: [1, 2, 3], // For fixed or constrained
+    // breakpoints	[750, 1080, 1366, 1920], // For fullWidth or constrained
+    // backgroundColor: '#fff', // Just pass to gatsby-plugin-image image prop
 
-    // Storyblok image service additional options:
-    // smartCrop: true, // default true
+    /** Storyblok image service additional options: */
+    // `fitIn` set `true` to make the image like fixed object to "contain". Refer to https://www.storyblok.com/docs/image-service#fit-in
+    // fitIn: true, // Default false (act like "cover")
+    // fitInColor: '#fff', // Color to fill when fitIn true. Default is transparent. okay to add `#` prefix.
+
+    // smartCrop: true, // Default true
+
   })
@@ -51,0 +61,0 @@

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

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

Improved metrics

Total package byte prevSize

16731

increased by4.2%

Number of lines in readme file

70

increased by16.67%

Worsened metrics

Lines of code

306

decreased by-0.65%

No dependency changes