next-cloudinary 1.9.0 → 1.11.0

package/dist/components/CldImage/CldImage.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const CldImage: (props: any) => JSX.Element;
+export default CldImage;

package/dist/components/CldOgImage/CldOgImage.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const CldOgImage: ({ excludeTags, twitterTitle, ...props }: {
+    [x: string]: any;
+    excludeTags?: string[] | undefined;
+    twitterTitle: any;
+}) => JSX.Element;
+export default CldOgImage;

package/dist/components/CldUploadButton/CldUploadButton.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const CldUploadButton: ({ children, onClick, onUpload, options, signatureEndpoint, uploadPreset, ...props }: {
+    [x: string]: any;
+    children: any;
+    onClick: any;
+    onUpload: any;
+    options: any;
+    signatureEndpoint: any;
+    uploadPreset: any;
+}) => JSX.Element;
+export default CldUploadButton;

package/dist/components/CldUploadWidget/CldUploadWidget.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const CldUploadWidget: ({ children, onUpload, options, signatureEndpoint, uploadPreset, }: {
+    children: any;
+    onUpload: any;
+    options: any;
+    signatureEndpoint: any;
+    uploadPreset: any;
+}) => JSX.Element;
+export default CldUploadWidget;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { default as CldImage } from './components/CldImage';
+export { default as CldOgImage } from './components/CldOgImage';
+export { default as CldUploadButton } from './components/CldUploadButton';
+export { default as CldUploadWidget } from './components/CldUploadWidget';
+export { cloudinaryLoader } from './loaders/cloudinary-loader';
+export { primary, position, text, effects } from './constants/qualifiers';
+export { constructCloudinaryUrl } from './lib/cloudinary';

package/dist/lib/cloudinary.d.ts

@@ -0,0 +1,45 @@
+import * as effectsPlugin from '../plugins/effects';
+import ICloudinaryConfigurations from '@cloudinary/url-gen/config/interfaces/Config/ICloudinaryConfigurations';
+export declare const transformationPlugins: (typeof effectsPlugin)[];
+interface ImageUrlOptions {
+    src?: string;
+    width?: number;
+    quality?: number;
+    deliveryType?: string;
+    format?: string;
+    rawTransformations?: string[];
+    resize?: {
+        crop?: string;
+        width?: number;
+    };
+}
+interface ConstructUrlProps {
+    options?: ImageUrlOptions;
+    config?: ICloudinaryConfigurations;
+}
+/**
+ * constructCloudinaryUrl
+ */
+export declare function constructCloudinaryUrl({ options, config }: ConstructUrlProps): string;
+/**
+ * Retrieves the public id of a cloudiary image url. If no url is recognized it returns the parameter it self.
+ * If it's recognized that is a url and it's not possible to get the public id, it warns the user.
+ *
+ * @param {string} src The cloudiary url or public id.
+ *
+ * @return {string} The images public id
+ */
+export declare function getPublicId(src: any): string;
+/**
+ * createPlaceholderUrl
+ */
+export declare function createPlaceholderUrl({ src, placeholder, config }: {
+    src?: any;
+    placeholder?: boolean | string;
+    config?: any;
+}): string;
+/**
+ * pollForProcessingImage
+ */
+export declare function pollForProcessingImage(options: any): Promise<boolean>;
+export {};

package/dist/next-cloudinary.js

@@ -1,7 +1,6 @@
 var react = require('react');
 var Image = require('next/image');
 var urlGen = require('@cloudinary/url-gen');
-var nextPkg = require('next/package.json');
 var jsxRuntime = require('react/jsx-runtime');
 var Head = require('next/head');
 var Script = require('next/script');
@@ -9,7 +8,6 @@ var Script = require('next/script');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var Image__default = /*#__PURE__*/_interopDefaultLegacy(Image);
-var nextPkg__default = /*#__PURE__*/_interopDefaultLegacy(nextPkg);
 var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
 var Script__default = /*#__PURE__*/_interopDefaultLegacy(Script);
 
@@ -876,52 +874,8 @@ var zoompanPlugin = {
   plugin: plugin
 };
 
-var NEXT_CLOUDINARY_ANALYTICS_ID = 'V';
-
-var name = "next-cloudinary";
-var version = "1.9.0";
-var main = "dist/next-cloudinary.umd.js";
-var module$1 = "dist/next-cloudinary.module.js";
-var source = "src/index.js";
-var scripts = {
-	build: "microbundle --no-compress --jsx React.createElement --jsxFragment React.Fragment --jsxImportSource react",
-	dev: "microbundle watch --no-compress --jsx React.createElement --jsxFragment React.Fragment --jsxImportSource react",
-	prepublishOnly: "cp ../README.md . && yarn build",
-	postpublish: "rm ./README.md",
-	test: "jest"
-};
-var dependencies = {
-	"@cloudinary/url-gen": "^1.8.6"
-};
-var devDependencies = {
-	"@babel/core": "^7.19.6",
-	"@babel/preset-env": "^7.19.4",
-	"@types/jest": "^29.2.0",
-	"babel-jest": "^29.2.2",
-	dotenv: "^16.0.3",
-	jest: "^29.2.2",
-	"jest-environment-jsdom": "^29.2.2",
-	microbundle: "^0.15.1"
-};
-var peerDependencies = {
-	next: "^12 || ^13",
-	react: "^17 || ^18"
-};
-var pkg = {
-	name: name,
-	version: version,
-	main: main,
-	module: module$1,
-	"umd:main": "dist/next-cloudinary.umd.js",
-	source: source,
-	scripts: scripts,
-	dependencies: dependencies,
-	devDependencies: devDependencies,
-	peerDependencies: peerDependencies
-};
-
-/**
- * pollForProcessingImage
+/**
+ * pollForProcessingImage
  */
 
 function _catch(body, recover) {
@@ -977,14 +931,11 @@ var transformationPlugins = [
 removeBackgroundPlugin, croppingPlugin, effectsPlugin, overlaysPlugin, namedTransformationsPlugin, underlaysPlugin, zoompanPlugin,
 // Raw transformations needs to be last simply to make sure
 // it's always expected to applied the same way
-
 rawTransformationsPlugin];
 var cld;
-
-/**
- * constructCloudinaryUrl
+/**
+ * constructCloudinaryUrl
  */
-
 function constructCloudinaryUrl(_ref) {
   var options = _ref.options,
     config = _ref.config;
@@ -992,52 +943,49 @@ function constructCloudinaryUrl(_ref) {
     cld = new urlGen.Cloudinary(_extends({
       cloud: {
         cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME
+      },
+      url: {
+        // Used to avoid issues with SSR particularly for the blurred placeholder
+        analytics: false
       }
     }, config));
   }
-  var publicId = getPublicId(options.src);
+  var publicId = getPublicId(options == null ? void 0 : options.src);
   var cldImage = cld.image(publicId);
   transformationPlugins.forEach(function (_ref2) {
     var plugin = _ref2.plugin;
+    // @ts-ignore
     var _ref3 = plugin({
         cldImage: cldImage,
         options: options
       }) || {},
       pluginOptions = _ref3.options;
-    if (pluginOptions != null && pluginOptions.format) {
+    if (pluginOptions != null && pluginOptions.format && options) {
       options.format = pluginOptions.format;
     }
-    if (pluginOptions != null && pluginOptions.width) {
+    if (pluginOptions != null && pluginOptions.width && options) {
       options.resize = {
         width: pluginOptions == null ? void 0 : pluginOptions.width
       };
     }
   });
-  if (options.resize) {
+  if (options != null && options.resize) {
     var _options$resize = options.resize,
       width = _options$resize.width,
       _options$resize$crop = _options$resize.crop,
       crop = _options$resize$crop === void 0 ? 'scale' : _options$resize$crop;
     cldImage.effect("c_" + crop + ",w_" + width);
   }
-  return cldImage.setDeliveryType(options.deliveryType || 'upload').format(options.format || 'auto').delivery("q_" + (options.quality || 'auto')).toURL({
-    trackedAnalytics: {
-      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,
-      sdkSemver: pkg.version,
-      techVersion: nextPkg__default["default"].version
-    }
-  });
+  return cldImage.setDeliveryType((options == null ? void 0 : options.deliveryType) || 'upload').format((options == null ? void 0 : options.format) || 'auto').delivery("q_" + ((options == null ? void 0 : options.quality) || 'auto')).toURL();
 }
-
-/**
- * Retrieves the public id of a cloudiary image url. If no url is recognized it returns the parameter it self.
- * If it's recognized that is a url and it's not possible to get the public id, it warns the user.
- *
- * @param {string} src The cloudiary url or public id.
- *
- * @return {string} The images public id
+/**
+ * Retrieves the public id of a cloudiary image url. If no url is recognized it returns the parameter it self.
+ * If it's recognized that is a url and it's not possible to get the public id, it warns the user.
+ *
+ * @param {string} src The cloudiary url or public id.
+ *
+ * @return {string} The images public id
  */
-
 function getPublicId(src) {
   if (typeof src !== 'string') {
     throw new Error("Invalid src of type " + typeof src);
@@ -1057,11 +1005,9 @@ function getPublicId(src) {
   }
   return src;
 }
-
-/**
- * createPlaceholderUrl
+/**
+ * createPlaceholderUrl
  */
-
 function createPlaceholderUrl(_ref4) {
   var src = _ref4.src,
     _ref4$placeholder = _ref4.placeholder,
@@ -1114,8 +1060,8 @@ function cloudinaryLoader(_ref) {
 }
 
 var CldImage = function CldImage(props) {
-  /**
-   * handleOnError
+  /**
+   * handleOnError
    */
   var handleOnError = function handleOnError(options) {
     try {
@@ -1141,10 +1087,11 @@ var CldImage = function CldImage(props) {
       CLD_OPTIONS.push(prop);
     });
   });
-
   // Construct the base Image component props by filtering out Cloudinary-specific props
-
-  var imageProps = {};
+  var imageProps = {
+    alt: props.alt,
+    src: props.src
+  };
   Object.keys(props).filter(function (key) {
     return !CLD_OPTIONS.includes(key);
   }).forEach(function (key) {
@@ -1156,16 +1103,13 @@ var CldImage = function CldImage(props) {
   var _useState = react.useState(defaultImgKey),
     imgKey = _useState[0],
     setImgKey = _useState[1];
-
   // Construct Cloudinary-specific props by looking for values for any of the supported prop keys
-
   var cldOptions = {};
   CLD_OPTIONS.forEach(function (key) {
     if (props[key]) {
       cldOptions[key] = props[key];
     }
   });
-
   // If we see a placeholder option, configure a Cloudinary-based URL.
   // The resulting image will always be blurred per Next.js, so we're
   // limited on options for placeholders.
@@ -1174,7 +1118,6 @@ var CldImage = function CldImage(props) {
   // an Image component prop as opposed to simply the URL
   //
   // https://nextjs.org/docs/api-reference/next/image#blurdataurl
-
   if (imageProps.placeholder) {
     var publicId = getPublicId(props.src);
     imageProps.blurDataURL = createPlaceholderUrl({
@@ -1187,7 +1130,8 @@ var CldImage = function CldImage(props) {
   }
   if (props.src && props.preserveTransformations) {
     var transformations = getTransformations(props.src, props.preserveTransformations);
-    imageProps.rawTransformations = [].concat(imageProps.rawTransformations, transformations);
+    var rawTransformations = imageProps.rawTransformations ? [].concat(imageProps.rawTransformations) : [];
+    imageProps.rawTransformations = [].concat(rawTransformations, transformations);
   }
   return /*#__PURE__*/jsxRuntime.jsx(Image__default["default"], _extends({}, imageProps, {
     loader: function loader(loaderOptions) {
@@ -1214,15 +1158,14 @@ var CldOgImage = function CldOgImage(_ref) {
     width: props.width || IMAGE_WIDTH,
     height: props.height || IMAGE_HEIGHT,
     crop: props.crop || 'fill',
-    gravity: props.gravity || 'center'
+    gravity: props.gravity || 'center',
+    alt: props.alt
   });
   var ogImageUrl = constructCloudinaryUrl({
     options: options
   });
-
   // We need to include the tags within the Next.js Head component rather than
   // direcly adding them inside of the Head otherwise we get unexpected results
-
   return /*#__PURE__*/jsxRuntime.jsxs(Head__default["default"], {
     children: [/*#__PURE__*/jsxRuntime.jsx("meta", {
       property: "og:image",
@@ -1261,12 +1204,10 @@ var CldUploadWidget = function CldUploadWidget(_ref) {
   var cloudinary = react.useRef();
   var widget = react.useRef();
   var signed = !!signatureEndpoint;
-
-  /**
-   * generateSignature
-   * @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation
+  /**
+   * generateSignature
+   * @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation
    */
-
   function generateSignature(callback, paramsToSign) {
     fetch(signatureEndpoint, {
       method: "POST",
@@ -1280,19 +1221,16 @@ var CldUploadWidget = function CldUploadWidget(_ref) {
       callback(signature);
     });
   }
-
-  /**
-   * createWidget
-   * @description Creates a new instance of the Cloudinary widget and stores in a ref
+  /**
+   * createWidget
+   * @description Creates a new instance of the Cloudinary widget and stores in a ref
    */
-
   function createWidget() {
     var _cloudinary$current;
     // When creating a signed upload, you need to provide both your Cloudinary API Key
     // as well as a signature generator function that will sign any paramters
     // either on page load or during the upload process. Read more about signed uploads at:
     // https://cloudinary.com/documentation/upload_widget#signed_uploads
-
     var uploadOptions = _extends({
       cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,
       uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,
@@ -1300,13 +1238,12 @@ var CldUploadWidget = function CldUploadWidget(_ref) {
     }, options);
     if (signed) {
       uploadOptions.uploadSignature = generateSignature;
-
       // No need for apiSecret here because of api/sign-cloudinary-params
-
       if (!uploadOptions.apiKey) {
         return new Error("Signed Upload needs apiKey!");
       }
     }
+    // @ts-ignore
     return (_cloudinary$current = cloudinary.current) == null ? void 0 : _cloudinary$current.createUploadWidget(uploadOptions, function (error, result) {
       // The callback is a bit more chatty than failed or success so
       // only trigger when one of those are the case. You can additionally
@@ -1317,25 +1254,23 @@ var CldUploadWidget = function CldUploadWidget(_ref) {
       }
     });
   }
-
-  /**
-   * open
-   * @description When triggered, uses the current widget instance to open the upload modal
+  /**
+   * open
+   * @description When triggered, uses the current widget instance to open the upload modal
    */
-
   function open() {
     if (!(widget != null && widget.current)) {
       widget.current = createWidget();
     }
+    // @ts-ignore
     (widget == null ? void 0 : widget.current) && widget.current.open();
   }
-
-  /**
-   * handleOnLoad
-   * @description Stores the Cloudinary window instance to a ref when the widget script loads
+  /**
+   * handleOnLoad
+   * @description Stores the Cloudinary window instance to a ref when the widget script loads
    */
-
   function handleOnLoad() {
+    // @ts-ignore
     cloudinary.current = window.cloudinary;
   }
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {