cloudinary-jquery-file-upload - npm Package Compare versions

Comparing version 2.12.0 to 2.12.1

cloudinary-jquery-file-upload.d.ts

@@ -454,5 +454,6 @@ export as namespace cloudinary;
  * @param {Object} [options]
+ * @param {Array<Object>} [widthList]
  */
 export class PictureTag extends HtmlTag {
-    static "new"(publicId: string, options?: Transformation.Options, widthList?: Array<[number, number, Transformation]>): PictureTag;
+    static "new"(publicId: string, options?: Transformation.Options, widthList?: Array<Object>): PictureTag;
     static "new"(name: string, publicId: string, options?: Transformation.Options): PictureTag;
@@ -462,2 +463,14 @@ }
 /**
+ * Creates an HTML (DOM) Source tag using Cloudinary as the source.
+ * @constructor SourceTag
+ * @extends HtmlTag
+ * @param {string} [publicId]
+ * @param {Object} [options]
+ */
+export class SourceTag extends HtmlTag {
+    static "new"(publicId: string, options?: Transformation.Options): SourceTag;
+    static "new"(name: string, publicId: string, options?: Transformation.Options): SourceTag;
+}
+
+/**
  * Creates an HTML (DOM) Video tag using Cloudinary as the source.
@@ -741,2 +754,21 @@ * @constructor VideoTag
     /**
+     * Creates a new PictureTag instance, configured using this own's configuration.
+     * @function Cloudinary#pictureTag
+     * @param {string} publicId - the public ID of the resource
+     * @param {Object} options - additional options to pass to the new PictureTag instance
+     * @param {Array<Object>} sources - the sources definitions
+     * @return {PictureTag} An PictureTag that is attached (chained) to this Cloudinary instance
+     */
+    pictureTag(publicId: string, options?: Transformation | Transformation.Options, sources?: Array<object>): PictureTag;
+
+    /**
+     * Creates a new SourceTag instance, configured using this own's configuration.
+     * @function Cloudinary#sourceTag
+     * @param {string} publicId - the public ID of the resource
+     * @param {Object} options - additional options to pass to the new SourceTag instance
+     * @return {SourceTag} An SourceTag that is attached (chained) to this Cloudinary instance
+     */
+    sourceTag(publicId: string, options?: Transformation | Transformation.Options): SourceTag;
+
+    /**
      * Generate an image tag for the video thumbnail.
@@ -883,2 +915,3 @@ * @function Cloudinary#video_thumbnail
     PictureTag: PictureTag,
+    SourceTag: SourceTag,
     SubtitlesLayer: SubtitlesLayer,
@@ -885,0 +918,0 @@ TextLayer: TextLayer,

package.json

 {
   "name": "cloudinary-jquery-file-upload",
-  "version": "2.12.0",
+  "version": "2.12.1",
   "description": "Cloudinary Client Side JS library. Cloudinary streamlines your web application’s image manipulation needs. Cloudinary's cloud-based servers automate image uploading, resizing, cropping, optimizing, sprite generation and more. Cloudinary's jQuery File Upload plugin allows direct uploading from the browser to the cloud and dynamic cloud-based image transformations and effects.",
@@ -5,0 +5,0 @@ "main": "cloudinary-jquery-file-upload.js",

src/cloudinary.js

@@ -282,7 +282,8 @@ import {normalizeToArray} from "./util/parse/normalizeToArray";
    * @param {Object} options - additional options to pass to the new ImageTag instance
+   * @param {Array<Object>} sources - the sources definitions
    * @return {PictureTag} A PictureTag that is attached (chained) to this Cloudinary instance
    */
-  pictureTag(publicId, options) {
+  pictureTag(publicId, options, sources) {
     var tag;
-    tag = new PictureTag(publicId, this.config());
+    tag = new PictureTag(publicId, this.config(), sources);
     tag.transformation().fromOptions(options);
@@ -289,0 +290,0 @@ return tag;

src/tags/imagetag.js

@@ -34,4 +34,4 @@ /**
     options = this.getOptions();
-    let srcsetParam = this.getOption('srcset');
     let attributes = this.getOption('attributes') || {};
+    let srcsetParam = this.getOption('srcset')|| attributes.srcset;
 
@@ -45,4 +45,4 @@ let responsiveAttributes = {};
     if(!isEmpty(responsiveAttributes)) {
-      delete options.width;
-      delete options.height;
+      delete attr.width;
+      delete attr.height;
     }
@@ -49,0 +49,0 @@

src/tags/picturetag.js

@@ -8,3 +8,3 @@ import HtmlTag from './htmltag';
 class PictureTag extends HtmlTag {
-  constructor(publicId, options = {}, sources) {
+  constructor(publicId, options = {}, sources = []) {
     super('picture', publicId, options);
@@ -11,0 +11,0 @@ this.widthList = sources;

src/util/features/transparentVideo/checkSupportForTransparency.js

 /**
  * @return {Promise<boolean>} - Whether the browser supports transparent videos or not
  */
+import {isSafari} from "./util";
+
 function checkSupportForTransparency() {
   return new Promise((resolve, reject) => {
-    let video = document.createElement('video');
-    let canPlay = video.canPlayType && video.canPlayType('video/webm; codecs="vp9"');
+    // Resolve early for safari.
+    // Currently (29 December 2021) Safari can play webm/vp9,
+    // but it does not support transparent video in the format we're outputting
+    if (isSafari()){
+      resolve(false);
+    }
+
+    const video = document.createElement('video');
+    const canPlay = video.canPlayType && video.canPlayType('video/webm; codecs="vp9"');
     resolve(canPlay === 'maybe' || canPlay === 'probably');
@@ -9,0 +18,0 @@ });

src/util/jquery.js

@@ -6,2 +6,3 @@ /**
 export * from './lazyLoad';
+export * from './browser';
 import getSDKAnalyticsSignature from "../sdkAnalytics/getSDKAnalyticsSignature";
@@ -8,0 +9,0 @@ import getAnalyticsOptions from "../sdkAnalytics/getAnalyticsOptions";

src/util/lodash.js

@@ -61,6 +61,9 @@ var nodeContains;
 export * from './baseutil';
+export * from './browser';
 export {
   isElement,
   isFunction,
-  trim};
+  trim
+};
+
 /*
@@ -67,0 +70,0 @@ * Includes utility methods and lodash / jQuery shims

No alert changes

Improved metrics

Total package byte prevSize

1002259

increased by1.23%

Number of package files

61

increased by1.67%

Lines of code

13812

increased by1.08%

No dependency changes