fix: gatsbyImageData generates http urls, not https (#210)

fixes #209

README.md

@@ -315,6 +315,13 @@ The style of the temporary image shown while the larger image is loaded.
 
 Go to the [Gatsby Plugin Image Docs](https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-plugin-image/#placeholder) for more information.
 
+#### `secure`
+
+When set to `false` uses `http` instead of `https` for the image urls.
+
+**Type:** `Boolean`
+**Default:** `true`
+
 #### `height` / `width`
 
 Go to the [Gatsby Plugin Image Docs](https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-plugin-image/#widthheight) for information on `height` / `width`.

plugin/gatsby-plugin-image/generate-asset-url.js

@@ -48,7 +48,7 @@ exports.generateCloudinaryAssetUrl = ({
     transformation.push(generateTracedSVGTransformation(tracedSvg));
   }
 
-  cloudinary.config({ cloud_name: cloudName });
+  cloudinary.config({ cloud_name: cloudName, secure: options.secure });
 
   const url = cloudinary.url(publicId, {
     transformation,

plugin/gatsby-plugin-image/generate-asset-url.test.js

@@ -40,6 +40,18 @@ describe('generateCloudinaryAssetUrl', () => {
     );
   });
 
+  it('generates correct Cloudinary url with scure option set to true', () => {
+    const url = generateCloudinaryAssetUrl({
+      ...asset,
+      options: {
+        secure: true,
+      },
+    });
+    expect(url).toBe(
+      'https://res.cloudinary.com/cloud-name/image/upload/f_jpg,h_600,w_400/public-id'
+    );
+  });
+
   it('generates correct Cloudinary url in traced SVG mode', () => {
     const url = generateCloudinaryAssetUrl({
       ...asset,

plugin/gatsby-plugin-image/resolve-asset.test.js

@@ -36,6 +36,7 @@ describe('generateCloudinaryAssetSource', () => {
   const fit = undefined;
   const options = {
     chained: ['t_lwj'],
+    secure: true,
   };
   it('generated correct source data', () => {
     const result = _generateCloudinaryAssetSource(
@@ -48,7 +49,7 @@ describe('generateCloudinaryAssetSource', () => {
     );
 
     expect(result.src).toBe(
-      'http://res.cloudinary.com/cloud-name/image/upload/f_jpg,h_500,w_300/t_lwj/public-id'
+      'https://res.cloudinary.com/cloud-name/image/upload/f_jpg,h_500,w_300/t_lwj/public-id'
     );
     expect(result.width).toBe(width);
     expect(result.height).toBe(height);

plugin/gatsby-plugin-image/resolvers.js

@@ -18,6 +18,10 @@ exports.createGatsbyPluginImageResolver = (gatsbyUtils, pluginOptions) => {
         placeholder: {
           type: CloudinaryPlaceholderType,
         },
+        secure: {
+          type: 'Boolean',
+          defaultValue: true,
+        },
       }
     );
   } catch (error) {