caravaggio-react - npm Package Compare versions

Comparing version 1.1.1 to 1.2.0

CHANGELOG.md

 # caravaggio-react
 
+## 1.2.0
+  - Can pass undefinied image to the hook, producing an undefined result
+
 ## 1.1.1
@@ -4,0 +7,0 @@ - Accept 'auto' as rotate value

dist/index.cjs.js

@@ -5,8 +5,7 @@ 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var React = require('react');
+var React__default = _interopDefault(React);
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 /*! *****************************************************************************
@@ -50,6 +49,6 @@ Copyright (c) Microsoft Corporation.
 
-var CaravaggioContext = React__default['default'].createContext(null);
+var CaravaggioContext = React__default.createContext(null);
 var CaravaggioProvider = function (_a) {
     var children = _a.children, url = _a.url, baseUrl = _a.baseUrl;
-    return (React__default['default'].createElement(CaravaggioContext.Provider, { value: { url: url, baseUrl: baseUrl } }, children));
+    return (React__default.createElement(CaravaggioContext.Provider, { value: { url: url, baseUrl: baseUrl } }, children));
 };
@@ -141,2 +140,4 @@
     var context = useCaravaggioContext();
+    if (!imageUrl)
+        return undefined;
     return urlBuilder(context, imageUrl, opt);
@@ -177,6 +178,6 @@ };
 
-var Image = React__default['default'].forwardRef(function (_a, ref) {
+var Image = React__default.forwardRef(function (_a, ref) {
     var opt = _a.opt, src = _a.src, otherProps = __rest(_a, ["opt", "src"]);
     var url = useCaravaggio(src, opt);
-    return React__default['default'].createElement("img", __assign({ src: url }, otherProps, { ref: ref }));
+    return React__default.createElement("img", __assign({ src: url }, otherProps, { ref: ref }));
 });
@@ -195,7 +196,7 @@ Image.displayName = 'Image';
             .join(',');
-        return (React__default['default'].createElement("source", { type: set.type, srcSet: srcSet, key: otherProps.src + "-set-" + i }));
+        return (React__default.createElement("source", { type: set.type, srcSet: srcSet, key: otherProps.src + "-set-" + i }));
     });
-    return (React__default['default'].createElement("picture", null,
+    return (React__default.createElement("picture", null,
         sources,
-        React__default['default'].createElement("img", __assign({}, otherProps))));
+        React__default.createElement("img", __assign({}, otherProps))));
 };
@@ -202,0 +203,0 @@

dist/index.esm.js

@@ -131,2 +131,4 @@ import React, { useContext } from 'react';
     var context = useCaravaggioContext();
+    if (!imageUrl)
+        return undefined;
     return urlBuilder(context, imageUrl, opt);
@@ -133,0 +135,0 @@ };

dist/useCaravaggio.d.ts

@@ -7,3 +7,3 @@ import { CaravaggioOptions } from './urlBuilder';
  */
-export declare const useCaravaggio: (imageUrl: string, opt?: CaravaggioOptions | undefined) => string;
+export declare const useCaravaggio: (imageUrl?: string | undefined, opt?: CaravaggioOptions | undefined) => string | undefined;
 /**
@@ -14,3 +14,3 @@ * Given an image, return the url with the transofmrations applied
  */
-export declare const useCaravaggioImage: (imageUrl: string, opt?: CaravaggioOptions | undefined) => string;
+export declare const useCaravaggioImage: (imageUrl: string, opt?: CaravaggioOptions | undefined) => string | undefined;
 /**
@@ -17,0 +17,0 @@ * Same as useCaravaggio but return the original image if there's no context

package.json

 {
   "name": "caravaggio-react",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "Caravaggio react library",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

No alert changes

Improved metrics

Total package byte prevSize

32229

increased by0.36%

Lines of code

646

increased by0.62%

No dependency changes