next-cloudinary 2.3.1 → 2.3.2

package/dist/index.js

@@ -1,438 +1,2 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  CldImage: () => CldImage_default,
-  CldOgImage: () => CldOgImage_default,
-  CldUploadButton: () => CldUploadButton_default,
-  CldUploadWidget: () => CldUploadWidget_default,
-  cloudinaryLoader: () => cloudinaryLoader
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/CldImage/CldImage.tsx
-var import_react = require("react");
-var import_image = __toESM(require("next/image"));
-var import_util = require("@cloudinary-util/util");
-var import_url_loader2 = require("@cloudinary-util/url-loader");
-
-// src/lib/cloudinary.ts
-function pollForProcessingImage(options) {
-  return __async(this, null, function* () {
-    const { src } = options;
-    try {
-      yield new Promise((resolve, reject) => {
-        fetch(src).then((res) => {
-          if (!res.ok) {
-            reject(res);
-            return;
-          }
-          resolve(res);
-        });
-      });
-    } catch (e) {
-      if (e.status === 423) {
-        return yield pollForProcessingImage(options);
-      }
-      return false;
-    }
-    return true;
-  });
-}
-
-// src/loaders/cloudinary-loader.ts
-var import_url_loader = require("@cloudinary-util/url-loader");
-
-// src/constants/analytics.ts
-var import_package = __toESM(require("next/package.json"));
-
-// package.json
-var package_default = {
-  name: "next-cloudinary",
-  version: "2.3.1",
-  main: "./dist/index.js",
-  module: "./dist/index.mjs",
-  types: "./dist/index.d.ts",
-  source: "src/index.ts",
-  scripts: {
-    build: "tsup src/index.ts --format esm,cjs --dts --external react",
-    dev: "tsup src/index.ts --format esm,cjs --watch --dts --external react",
-    prepublishOnly: "cp ../README.md . && yarn build",
-    postpublish: "rm ./README.md",
-    test: "jest"
-  },
-  dependencies: {
-    "@cloudinary-util/url-loader": "^1.4.0",
-    "@cloudinary-util/util": "^1.2.0",
-    "@cloudinary/url-gen": "^1.8.6"
-  },
-  devDependencies: {
-    "@babel/core": "^7.19.6",
-    "@babel/preset-env": "^7.19.4",
-    "@types/jest": "^29.2.0",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
-    "babel-jest": "^29.2.2",
-    dotenv: "^16.0.3",
-    jest: "^29.2.2",
-    "jest-environment-jsdom": "^29.2.2",
-    "ts-jest": "^29.0.3",
-    tsup: "^6.6.3",
-    typescript: "^4.9.4"
-  },
-  peerDependencies: {
-    next: "^12 || ^13",
-    react: "^17 || ^18"
-  }
-};
-
-// src/constants/analytics.ts
-var NEXT_CLOUDINARY_ANALYTICS_ID = "V";
-var NEXT_CLOUDINARY_VERSION = package_default.version;
-var NEXT_VERSION = import_package.default.version;
-
-// src/loaders/cloudinary-loader.ts
-function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }) {
-  const options = __spreadValues(__spreadValues({}, imageProps), cldOptions);
-  options.width = typeof options.width === "string" ? parseInt(options.width) : options.width;
-  options.height = typeof options.height === "string" ? parseInt(options.height) : options.height;
-  if (typeof (loaderOptions == null ? void 0 : loaderOptions.width) === "number" && typeof options.width === "number" && loaderOptions.width !== options.width) {
-    const multiplier = loaderOptions.width / options.width;
-    options.widthResize = loaderOptions.width;
-    if (typeof options.height === "number") {
-      options.heightResize = Math.round(options.height * multiplier);
-    }
-  }
-  return (0, import_url_loader.constructCloudinaryUrl)({
-    // @ts-expect-error
-    options,
-    config: __spreadValues({
-      cloud: {
-        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME
-      }
-    }, cldConfig),
-    analytics: {
-      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,
-      sdkSemver: NEXT_CLOUDINARY_VERSION,
-      techVersion: NEXT_VERSION,
-      feature: ""
-    }
-  });
-}
-
-// src/components/CldImage/CldImage.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-"use client";
-var CldImage = (props) => {
-  const CLD_OPTIONS = [
-    "deliveryType",
-    "preserveTransformations"
-  ];
-  import_url_loader2.transformationPlugins.forEach(({ props: props2 = [] }) => {
-    props2.forEach((prop) => {
-      if (CLD_OPTIONS.includes(prop)) {
-        throw new Error(`Option ${prop} already exists!`);
-      }
-      CLD_OPTIONS.push(prop);
-    });
-  });
-  const imageProps = {
-    alt: props.alt,
-    src: props.src
-  };
-  Object.keys(props).filter((key) => !CLD_OPTIONS.includes(key)).forEach((key) => imageProps[key] = props[key]);
-  const defaultImgKey = Object.keys(imageProps).map((key) => `${key}:${imageProps[key]}`).join(";");
-  const [imgKey, setImgKey] = (0, import_react.useState)(defaultImgKey);
-  const cldOptions = {};
-  CLD_OPTIONS.forEach((key) => {
-    if (props[key]) {
-      cldOptions[key] = props[key] || void 0;
-    }
-  });
-  if (props.preserveTransformations) {
-    try {
-      const transformations = (0, import_util.getTransformations)(props.src);
-      cldOptions.rawTransformations = [...transformations.flat(), ...props.rawTransformations || []];
-    } catch (e) {
-      console.warn(`Failed to preserve transformations: ${e.message}`);
-    }
-  }
-  function handleOnError(options) {
-    return __async(this, null, function* () {
-      const result = yield pollForProcessingImage({ src: options.target.src });
-      if (result) {
-        setImgKey(`${defaultImgKey};${Date.now()}`);
-      }
-    });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_image.default,
-    __spreadProps(__spreadValues({}, imageProps), {
-      loader: (loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions }),
-      onError: handleOnError
-    }),
-    imgKey
-  );
-};
-var CldImage_default = CldImage;
-
-// src/components/CldOgImage/CldOgImage.tsx
-var import_head = __toESM(require("next/head"));
-var import_url_loader3 = require("@cloudinary-util/url-loader");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var IMAGE_WIDTH = 2400;
-var IMAGE_HEIGHT = 1200;
-var TWITTER_CARD = "summary_large_image";
-var CldOgImage = (_a) => {
-  var _b = _a, { excludeTags = [], twitterTitle } = _b, props = __objRest(_b, ["excludeTags", "twitterTitle"]);
-  const options = __spreadProps(__spreadValues({}, props), {
-    alt: props.alt,
-    crop: props.crop || "fill",
-    gravity: props.gravity || "center",
-    height: props.height || IMAGE_HEIGHT,
-    src: props.src,
-    width: props.width || IMAGE_WIDTH
-  });
-  const ogImageUrl = (0, import_url_loader3.constructCloudinaryUrl)({
-    options,
-    config: {
-      cloud: {
-        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME
-      }
-    },
-    analytics: {
-      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,
-      sdkSemver: NEXT_CLOUDINARY_VERSION,
-      techVersion: NEXT_VERSION,
-      feature: ""
-    }
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_head.default, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("meta", { property: "og:image", content: ogImageUrl }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("meta", { property: "og:image:secure_url", content: ogImageUrl }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("meta", { property: "og:image:width", content: `${options.width}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("meta", { property: "og:image:height", content: `${options.height}` }),
-    options.alt && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("meta", { property: "og:image:alt", content: options.alt }),
-    !excludeTags.includes("twitter:title") && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("meta", { property: "twitter:title", content: twitterTitle || " " }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("meta", { property: "twitter:card", content: TWITTER_CARD }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("meta", { property: "twitter:image", content: ogImageUrl })
-  ] });
-};
-var CldOgImage_default = CldOgImage;
-
-// src/components/CldUploadWidget/CldUploadWidget.tsx
-var import_script = __toESM(require("next/script"));
-
-// src/lib/util.ts
-function triggerOnIdle(callback) {
-  if (window && "requestIdleCallback" in window) {
-    return requestIdleCallback(callback);
-  }
-  return setTimeout(() => callback(), 1);
-}
-
-// src/components/CldUploadWidget/CldUploadWidget.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var cloudinary;
-var widget;
-var CldUploadWidget = ({
-  children,
-  onUpload,
-  options,
-  signatureEndpoint,
-  uploadPreset
-}) => {
-  const signed = !!signatureEndpoint;
-  function handleOnLoad() {
-    if (!cloudinary) {
-      cloudinary = window.cloudinary;
-    }
-    triggerOnIdle(() => {
-      if (!widget) {
-        widget = createWidget();
-      }
-    });
-  }
-  function generateSignature(callback, paramsToSign) {
-    if (typeof signatureEndpoint === "undefined") {
-      throw Error("Failed to generate signature: signatureEndpoint undefined.");
-    }
-    fetch(signatureEndpoint, {
-      method: "POST",
-      body: JSON.stringify({
-        paramsToSign
-      })
-    }).then((r) => r.json()).then(({ signature }) => {
-      callback(signature);
-    });
-  }
-  function createWidget() {
-    const uploadOptions = __spreadValues({
-      cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,
-      uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,
-      apiKey: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY
-    }, options);
-    if (signed) {
-      uploadOptions.uploadSignature = generateSignature;
-      if (!uploadOptions.apiKey) {
-        return new Error("Signed Upload needs apiKey!");
-      }
-    }
-    return cloudinary == null ? void 0 : cloudinary.createUploadWidget(
-      uploadOptions,
-      function(error, result) {
-        if ((error || result.event === "success") && typeof onUpload === "function") {
-          onUpload(error, result, widget);
-        }
-      }
-    );
-  }
-  function open() {
-    if (!widget) {
-      widget = createWidget();
-    }
-    widget && widget.open();
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    typeof children === "function" && children({
-      cloudinary,
-      widget,
-      open
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_script.default,
-      {
-        id: `cloudinary-${Math.floor(Math.random() * 100)}`,
-        src: "https://widget.cloudinary.com/v2.0/global/all.js",
-        onLoad: handleOnLoad,
-        onError: (e) => console.error(`Failed to load Cloudinary: ${e.message}`)
-      }
-    )
-  ] });
-};
-var CldUploadWidget_default = CldUploadWidget;
-
-// src/components/CldUploadButton/CldUploadButton.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var CldUploadButton = (_a) => {
-  var _b = _a, {
-    children,
-    onClick,
-    onUpload,
-    options,
-    signatureEndpoint,
-    uploadPreset
-  } = _b, props = __objRest(_b, [
-    "children",
-    "onClick",
-    "onUpload",
-    "options",
-    "signatureEndpoint",
-    "uploadPreset"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    CldUploadWidget_default,
-    {
-      onUpload,
-      options,
-      signatureEndpoint,
-      uploadPreset,
-      children: ({ open }) => {
-        function handleOnClick(e) {
-          e.preventDefault();
-          open();
-          if (typeof onClick === "function") {
-            onClick(e);
-          }
-        }
-        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", __spreadProps(__spreadValues({}, props), { onClick: handleOnClick, children: children || "Upload" }));
-      }
-    }
-  ) });
-};
-var CldUploadButton_default = CldUploadButton;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CldImage,
-  CldOgImage,
-  CldUploadButton,
-  CldUploadWidget,
-  cloudinaryLoader
-});
+"use strict";var M=Object.create;var I=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var H=(e,r)=>{for(var o in r)I(e,o,{get:r[o],enumerable:!0})},b=(e,r,o,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of F(r))!V.call(e,t)&&t!==o&&I(e,t,{get:()=>r[t],enumerable:!(i=k(r,t))||i.enumerable});return e};var s=(e,r,o)=>(o=e!=null?M($(e)):{},b(r||!e||!e.__esModule?I(o,"default",{value:e,enumerable:!0}):o,e)),K=e=>b(I({},"__esModule",{value:!0}),e);var oe={};H(oe,{CldImage:()=>L,CldOgImage:()=>N,CldUploadButton:()=>T,CldUploadWidget:()=>y,cloudinaryLoader:()=>P});module.exports=K(oe);var x=s(require("react")),S=s(require("next/image")),W=require("@cloudinary-util/util"),R=require("@cloudinary-util/url-loader");async function w(e){let{src:r}=e;try{await new Promise((o,i)=>{fetch(r).then(t=>{if(!t.ok){i(t);return}o(t)})})}catch(o){return o.status===423?await w(e):!1}return!0}var D=require("@cloudinary-util/url-loader");var v=s(require("next/package.json"));var A={name:"next-cloudinary",version:"2.3.2",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup src/index.ts --dts",dev:"tsup src/index.ts --watch --dts",prepublishOnly:"cp ../README.md . && yarn build",postpublish:"rm ./README.md",test:"jest","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" yarn build && cd tests/nextjs-app && yarn build'},dependencies:{"@cloudinary-util/url-loader":"^1.4.0","@cloudinary-util/util":"^1.2.0","@cloudinary/url-gen":"^1.8.6"},devDependencies:{"@babel/core":"^7.19.6","@babel/preset-env":"^7.19.4","@types/jest":"^29.2.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","babel-jest":"^29.2.2",dotenv:"^16.0.3",jest:"^29.2.2","jest-environment-jsdom":"^29.2.2","ts-jest":"^29.0.3",tsup:"^6.6.3",typescript:"^4.9.4"},peerDependencies:{next:"^12 || ^13",react:"^17 || ^18"}};var U="V",O=A.version,E=v.default.version;function P({loaderOptions:e,imageProps:r,cldOptions:o,cldConfig:i={}}){let t={...r,...o};if(t.width=typeof t.width=="string"?parseInt(t.width):t.width,t.height=typeof t.height=="string"?parseInt(t.height):t.height,typeof(e==null?void 0:e.width)=="number"&&typeof t.width=="number"&&e.width!==t.width){let p=e.width/t.width;t.widthResize=e.width,typeof t.height=="number"&&(t.heightResize=Math.round(t.height*p))}return(0,D.constructCloudinaryUrl)({options:t,config:{cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME},...i},analytics:{sdkCode:U,sdkSemver:O,techVersion:E,feature:""}})}var J=e=>{let r=["deliveryType","preserveTransformations"];R.transformationPlugins.forEach(({props:n=[]})=>{n.forEach(d=>{if(r.includes(d))throw new Error(`Option ${d} already exists!`);r.push(d)})});let o={alt:e.alt,src:e.src};Object.keys(e).filter(n=>!r.includes(n)).forEach(n=>o[n]=e[n]);let i=Object.keys(o).map(n=>`${n}:${o[n]}`).join(";"),[t,p]=(0,x.useState)(i),m={};if(r.forEach(n=>{e[n]&&(m[n]=e[n]||void 0)}),e.preserveTransformations)try{let n=(0,W.getTransformations)(e.src);m.rawTransformations=[...n.flat(),...e.rawTransformations||[]]}catch(n){console.warn(`Failed to preserve transformations: ${n.message}`)}async function f(n){await w({src:n.target.src})&&p(`${i};${Date.now()}`)}return x.default.createElement(S.default,{key:t,...o,loader:n=>P({loaderOptions:n,imageProps:o,cldOptions:m}),onError:f})},L=J;var a=s(require("react")),X=s(require("next/head")),j=require("@cloudinary-util/url-loader");var q=2400,G=1200,Q="summary_large_image",Z=({excludeTags:e=[],twitterTitle:r,...o})=>{let i={...o,alt:o.alt,crop:o.crop||"fill",gravity:o.gravity||"center",height:o.height||G,src:o.src,width:o.width||q},t=(0,j.constructCloudinaryUrl)({options:i,config:{cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},analytics:{sdkCode:U,sdkSemver:O,techVersion:E,feature:""}});return a.default.createElement(X.default,null,a.default.createElement("meta",{property:"og:image",content:t}),a.default.createElement("meta",{property:"og:image:secure_url",content:t}),a.default.createElement("meta",{property:"og:image:width",content:`${i.width}`}),a.default.createElement("meta",{property:"og:image:height",content:`${i.height}`}),i.alt&&a.default.createElement("meta",{property:"og:image:alt",content:i.alt}),!e.includes("twitter:title")&&a.default.createElement("meta",{property:"twitter:title",content:r||" "}),a.default.createElement("meta",{property:"twitter:card",content:Q}),a.default.createElement("meta",{property:"twitter:image",content:t}))},N=Z;var C=s(require("react"));var _=s(require("react")),B=s(require("next/script"));function Y(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var g,l,ee=({children:e,onUpload:r,options:o,signatureEndpoint:i,uploadPreset:t})=>{let p=!!i;function m(){g||(g=window.cloudinary),Y(()=>{l||(l=n())})}function f(c,h){if(typeof i=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(i,{method:"POST",body:JSON.stringify({paramsToSign:h})}).then(u=>u.json()).then(({signature:u})=>{c(u)})}function n(){let c={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:t||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...o};return p&&(c.uploadSignature=f,!c.apiKey)?new Error("Signed Upload needs apiKey!"):g==null?void 0:g.createUploadWidget(c,function(h,u){(h||u.event==="success")&&typeof r=="function"&&r(h,u,l)})}function d(){l||(l=n()),l&&l.open()}return _.default.createElement(_.default.Fragment,null,typeof e=="function"&&e({cloudinary:g,widget:l,open:d}),_.default.createElement(B.default,{id:`cloudinary-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:m,onError:c=>console.error(`Failed to load Cloudinary: ${c.message}`)}))},y=ee;var te=({children:e,onClick:r,onUpload:o,options:i,signatureEndpoint:t,uploadPreset:p,...m})=>C.default.createElement(C.default.Fragment,null,C.default.createElement(y,{onUpload:o,options:i,signatureEndpoint:t,uploadPreset:p},({open:f})=>{function n(d){d.preventDefault(),f(),typeof r=="function"&&r(d)}return C.default.createElement("button",{...m,onClick:n},e||"Upload")})),T=te;0&&(module.exports={CldImage,CldOgImage,CldUploadButton,CldUploadWidget,cloudinaryLoader});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.ts","../src/loaders/cloudinary-loader.ts","../src/constants/analytics.ts","../package.json","../src/components/CldOgImage/CldOgImage.tsx","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts"],"sourcesContent":["export { default as CldImage } from './components/CldImage';\nexport type { CldImageProps } from './components/CldImage';\n\nexport { default as CldOgImage } from './components/CldOgImage';\nexport type { CldOgImageProps } from './components/CldOgImage';\n\nexport { default as CldUploadButton } from './components/CldUploadButton';\nexport type { CldUploadButtonProps } from './components/CldUploadButton';\n\nexport { default as CldUploadWidget } from './components/CldUploadWidget';\nexport type { CldUploadWidgetProps, CldUploadWidgetPropsOptions } from './components/CldUploadWidget';\n\nexport { cloudinaryLoader } from './loaders/cloudinary-loader';\nexport type { CloudinaryLoader, CloudinaryLoaderLoaderOptions, CloudinaryLoaderCldOptions } from './loaders/cloudinary-loader';","import React, { useState } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { getTransformations } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { pollForProcessingImage } from '../../lib/cloudinary';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n  src: string;\n  preserveTransformations?: boolean;\n};\n\nconst CldImage = (props: CldImageProps) => {\n  const CLD_OPTIONS = [\n    'deliveryType',\n    'preserveTransformations'\n  ];\n\n  transformationPlugins.forEach(({ props = [] }) => {\n    props.forEach(prop => {\n      if ( CLD_OPTIONS.includes(prop) ) {\n        throw new Error(`Option ${prop} already exists!`);\n      }\n      CLD_OPTIONS.push(prop);\n    });\n  })\n\n  // Construct the base Image component props by filtering out Cloudinary-specific props\n\n  const imageProps = {\n    alt: props.alt,\n    src: props.src\n  };\n\n  (Object.keys(props) as Array<keyof typeof props>)\n    .filter(key => !CLD_OPTIONS.includes(key))\n    // @ts-expect-error\n    .forEach(key => imageProps[key] = props[key]);\n\n\n  const defaultImgKey = (Object.keys(imageProps) as Array<keyof typeof imageProps>).map(key => `${key}:${imageProps[key]}`).join(';');\n  const [imgKey, setImgKey] = useState(defaultImgKey);\n\n  // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n  const cldOptions = {};\n\n  CLD_OPTIONS.forEach(key => {\n    // @ts-expect-error\n    if ( props[key] ) {\n      // @ts-expect-error\n      cldOptions[key] = props[key] || undefined;\n    }\n  });\n\n  // Try to preserve the original transformations from the Cloudinary URL passed in\n  // to the component. This only works if the URL has a version number on it and otherwise\n  // will fail to load\n\n  if (props.preserveTransformations) {\n    try {\n      const transformations = getTransformations(props.src);\n      // @ts-expect-error\n      cldOptions.rawTransformations = [...transformations.flat(), ...(props.rawTransformations || [])];\n    } catch(e) {\n      console.warn(`Failed to preserve transformations: ${(e as Error).message}`)\n    }\n  }\n\n  /**\n   * handleOnError\n   */\n\n  interface HandleOnError {\n    target: any;\n  }\n\n  async function handleOnError(options: HandleOnError) {\n    const result = await pollForProcessingImage({ src: options.target.src })\n    if ( result ) {\n      setImgKey(`${defaultImgKey};${Date.now()}`);\n    }\n  }\n\n  return (\n    <Image\n      key={imgKey}\n      {...imageProps}\n      loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions })}\n      onError={handleOnError}\n    />\n  );\n}\n\nexport default CldImage;\n","/**\n * pollForProcessingImage\n */\n\nexport async function pollForProcessingImage(options): Promise<boolean> {\n  const { src } = options;\n  try {\n    await new Promise((resolve, reject) => {\n      fetch(src).then(res => {\n        if ( !res.ok ) {\n          reject(res);\n          return;\n        }\n        resolve(res);\n      });\n    });\n  } catch(e: any) {\n    if ( e.status === 423 ) {\n      return await pollForProcessingImage(options);\n    }\n    return false;\n  }\n  return true;\n}","import { ImageProps } from 'next/image';\nimport { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\nexport interface CloudinaryLoaderCldOptions {\n  heightResize?: string | number;\n  widthResize?: string | number;\n}\n\nexport interface CloudinaryLoaderLoaderOptions {\n  height?: string | number;\n  width?: string | number;\n}\n\nexport interface CloudinaryLoader {\n  loaderOptions: CloudinaryLoaderLoaderOptions;\n  imageProps: ImageProps;\n  cldOptions: CloudinaryLoaderCldOptions;\n  cldConfig?: object;\n}\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }: CloudinaryLoader) {\n  const options = {\n    ...imageProps,\n    ...cldOptions\n  }\n\n  options.width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n  options.height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n\n  // The loader options are used to create dynamic sizing when working with responsive images\n  // so these should override the default options collected from the props alone if\n  // the results are different. While we don't always use the height in the loader logic,\n  // we always pass it here, as the usage is determined later based on cropping.js\n\n  if ( typeof loaderOptions?.width === 'number' && typeof options.width === 'number' && loaderOptions.width !== options.width ) {\n    const multiplier = loaderOptions.width / options.width;\n\n    options.widthResize = loaderOptions.width;\n\n    if ( typeof options.height === 'number' ) {\n      options.heightResize = Math.round(options.height * multiplier);\n    }\n  }\n\n  return constructCloudinaryUrl({\n    // @ts-expect-error\n    options,\n    config: {\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      },\n      ...cldConfig\n    },\n    analytics: {\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }\n  });\n}","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_CLOUDINARY_VERSION = pkg.version;\nexport const NEXT_VERSION = nextPkg.version;","{\n  \"name\": \"next-cloudinary\",\n  \"version\": \"2.3.2\",\n  \"main\": \"./dist/index.js\",\n  \"module\": \"./dist/index.mjs\",\n  \"types\": \"./dist/index.d.ts\",\n  \"source\": \"src/index.ts\",\n  \"scripts\": {\n    \"build\": \"tsup src/index.ts --dts\",\n    \"dev\": \"tsup src/index.ts --watch --dts\",\n    \"prepublishOnly\": \"cp ../README.md . && yarn build\",\n    \"postpublish\": \"rm ./README.md\",\n    \"test\": \"jest\",\n    \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" yarn build && cd tests/nextjs-app && yarn build\"\n  },\n  \"dependencies\": {\n    \"@cloudinary-util/url-loader\": \"^1.4.0\",\n    \"@cloudinary-util/util\": \"^1.2.0\",\n    \"@cloudinary/url-gen\": \"^1.8.6\"\n  },\n  \"devDependencies\": {\n    \"@babel/core\": \"^7.19.6\",\n    \"@babel/preset-env\": \"^7.19.4\",\n    \"@types/jest\": \"^29.2.0\",\n    \"@types/react\": \"^18.0.28\",\n    \"@types/react-dom\": \"^18.0.11\",\n    \"babel-jest\": \"^29.2.2\",\n    \"dotenv\": \"^16.0.3\",\n    \"jest\": \"^29.2.2\",\n    \"jest-environment-jsdom\": \"^29.2.2\",\n    \"ts-jest\": \"^29.0.3\",\n    \"tsup\": \"^6.6.3\",\n    \"typescript\": \"^4.9.4\"\n  },\n  \"peerDependencies\": {\n    \"next\": \"^12 || ^13\",\n    \"react\": \"^17 || ^18\"\n  }\n}\n","import React from 'react';\nimport Head from 'next/head';\nimport { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../../constants/analytics';\n\nconst IMAGE_WIDTH = 2400;\nconst IMAGE_HEIGHT = 1200;\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport interface CldOgImageProps {\n  alt: string;\n  crop?: string;\n  excludeTags?: Array<string>;\n  gravity?: string;\n  height: string | number;\n  src: string;\n  twitterTitle?: string;\n  width: string | number;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, ...props }: CldOgImageProps) => {\n  const options = {\n    ...props,\n    alt: props.alt,\n    crop: props.crop || 'fill',\n    gravity: props.gravity || 'center',\n    height: props.height || IMAGE_HEIGHT,\n    src: props.src,\n    width: props.width || IMAGE_WIDTH,\n  }\n\n  const ogImageUrl = constructCloudinaryUrl({\n    options,\n    config: {\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      }\n    },\n    analytics: {\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }\n  });\n\n  // We need to include the tags within the Next.js Head component rather than\n  // direcly adding them inside of the Head otherwise we get unexpected results\n\n    return (\n    <Head>\n      <meta property=\"og:image\" content={ogImageUrl} />\n      <meta property=\"og:image:secure_url\" content={ogImageUrl} />\n      <meta property=\"og:image:width\" content={`${options.width}`} />\n      <meta property=\"og:image:height\" content={`${options.height}`} />\n\n      {options.alt && (\n        <meta property=\"og:image:alt\" content={options.alt} />\n      )}\n\n      {/* Required for summary_large_image, exclude vai excludeTags */}\n      {/* https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image */}\n\n      {!excludeTags.includes('twitter:title') && (\n        <meta property=\"twitter:title\" content={twitterTitle || ' '} />\n      )}\n\n      <meta property=\"twitter:card\" content={TWITTER_CARD} />\n      <meta property=\"twitter:image\" content={ogImageUrl} />\n    </Head>\n  );\n}\n\nexport default CldOgImage;","import React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n  children?: JSX.Element | string | Array<JSX.Element|string>;\n  onClick?: Function;\n}\n\nconst CldUploadButton = ({\n  children,\n  onClick,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n  ...props\n}: CldUploadButtonProps) => {\n  return (\n    <>\n      <CldUploadWidget\n        onUpload={onUpload}\n        options={options}\n        signatureEndpoint={signatureEndpoint}\n        uploadPreset={uploadPreset}\n      >\n        {({ open }) => {\n          function handleOnClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n            e.preventDefault();\n\n            open();\n\n            if ( typeof onClick === 'function' ) {\n              onClick(e);\n            }\n          }\n          return (\n            <button {...props} onClick={handleOnClick} >\n              {children || 'Upload'}\n            </button>\n          );\n        }}\n      </CldUploadWidget>\n    </>\n  );\n};\n\nexport default CldUploadButton;\n","import React from 'react';\nimport Script from 'next/script';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nlet cloudinary: any;\nlet widget: any;\n\nexport interface CldUploadWidgetPropsOptions {\n  uploadSignature?: Function;\n}\n\nexport interface CldUploadWidgetPropsChildren {\n  cloudinary: any;\n  widget: any;\n  open: Function;\n}\n\nexport interface CldUploadWidgetProps {\n  children?: ({ cloudinary, widget, open }: CldUploadWidgetPropsChildren) => JSX.Element;\n  onUpload?: Function;\n  options?: CldUploadWidgetPropsOptions;\n  signatureEndpoint?: URL | RequestInfo;\n  uploadPreset?: string;\n}\n\nconst CldUploadWidget = ({\n  children,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n}: CldUploadWidgetProps) => {\n  const signed = !!signatureEndpoint;\n\n  /**\n   * handleOnLoad\n   * @description Stores the Cloudinary window instance to a ref when the widget script loads\n   */\n\n  function handleOnLoad() {\n    if ( !cloudinary ) {\n      cloudinary = (window as any).cloudinary;\n    }\n\n    // To help improve load time of the widget on first instance, use requestIdleCallback\n    // to trigger widget creation. Optional.\n\n    triggerOnIdle(() => {\n      if ( !widget ) {\n        widget = createWidget();\n      }\n    });\n  }\n\n  /**\n   * generateSignature\n   * @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation\n   */\n\n  function generateSignature(callback: Function, paramsToSign: object) {\n    if ( typeof signatureEndpoint === 'undefined' ) {\n      throw Error('Failed to generate signature: signatureEndpoint undefined.')\n    }\n    fetch(signatureEndpoint, {\n      method: 'POST',\n      body: JSON.stringify({\n        paramsToSign,\n      }),\n    })\n      .then((r) => r.json())\n      .then(({ signature }) => {\n        callback(signature);\n      });\n  }\n\n  /**\n   * createWidget\n   * @description Creates a new instance of the Cloudinary widget and stores in a ref\n   */\n\n  function createWidget() {\n    // When creating a signed upload, you need to provide both your Cloudinary API Key\n    // as well as a signature generator function that will sign any paramters\n    // either on page load or during the upload process. Read more about signed uploads at:\n    // https://cloudinary.com/documentation/upload_widget#signed_uploads\n\n    const uploadOptions = {\n      cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n      uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n      apiKey: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,\n      ...options,\n    };\n\n    if ( signed ) {\n      uploadOptions.uploadSignature = generateSignature;\n\n      // No need for apiSecret here because of api/sign-cloudinary-params\n\n      if (!uploadOptions.apiKey) {\n        return new Error(\"Signed Upload needs apiKey!\");\n      }\n    }\n\n    interface CreateUploadWidgetCallbackResult {\n      event: string;\n    }\n\n    return cloudinary?.createUploadWidget(\n      uploadOptions,\n      function (error: any, result: CreateUploadWidgetCallbackResult) {\n        // The callback is a bit more chatty than failed or success so\n        // only trigger when one of those are the case. You can additionally\n        // create a separate handler such as onEvent and trigger it on\n        // ever occurrence\n        if ((error || result.event === \"success\") && typeof onUpload === 'function') {\n          onUpload(error, result, widget);\n        }\n      }\n    );\n  }\n\n  /**\n   * open\n   * @description When triggered, uses the current widget instance to open the upload modal\n   */\n\n  function open() {\n    if (!widget) {\n      widget = createWidget();\n    }\n    widget && widget.open();\n  }\n\n  return (\n    <>\n      {typeof children === 'function' && children({\n        cloudinary,\n        widget,\n        open,\n      })}\n      <Script\n        id={`cloudinary-${Math.floor(Math.random() * 100)}`}\n        src=\"https://widget.cloudinary.com/v2.0/global/all.js\"\n        onLoad={handleOnLoad}\n        onError={(e) => console.error(`Failed to load Cloudinary: ${e.message}`)}\n      />\n    </>\n  );\n};\n\nexport default CldUploadWidget;\n","/**\n * triggerOnIdle\n * @see MDN Polyfill https://github.com/behnammodi/polyfill/blob/master/window.polyfill.js#L7-L24\n */\n\nexport function triggerOnIdle(callback: any) {\n  if ( window && 'requestIdleCallback' in window ) {\n    return requestIdleCallback(callback);\n  }\n  return setTimeout(() => callback(), 1);\n}"],"mappings":"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","names":["src_exports","__export","CldImage_default","CldOgImage_default","CldUploadButton_default","CldUploadWidget_default","cloudinaryLoader","__toCommonJS","import_react","import_image","import_util","import_url_loader","pollForProcessingImage","options","src","resolve","reject","res","e","import_url_loader","import_package","package_default","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","package_default","NEXT_VERSION","nextPkg","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","CldImage","props","CLD_OPTIONS","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","cldOptions","transformations","e","handleOnError","options","pollForProcessingImage","React","Image","loaderOptions","cloudinaryLoader","CldImage_default","import_react","import_head","import_url_loader","IMAGE_WIDTH","IMAGE_HEIGHT","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","props","options","ogImageUrl","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","React","Head","CldOgImage_default","import_react","import_react","import_script","triggerOnIdle","callback","cloudinary","widget","CldUploadWidget","children","onUpload","options","signatureEndpoint","uploadPreset","signed","handleOnLoad","triggerOnIdle","createWidget","generateSignature","callback","paramsToSign","r","signature","uploadOptions","error","result","open","React","Script","e","CldUploadWidget_default","CldUploadButton","children","onClick","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","handleOnClick","e","CldUploadButton_default"]}

package/dist/index.mjs

@@ -1,400 +1,2 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/components/CldImage/CldImage.tsx
-import { useState } from "react";
-import Image from "next/image";
-import { getTransformations } from "@cloudinary-util/util";
-import { transformationPlugins } from "@cloudinary-util/url-loader";
-
-// src/lib/cloudinary.ts
-function pollForProcessingImage(options) {
-  return __async(this, null, function* () {
-    const { src } = options;
-    try {
-      yield new Promise((resolve, reject) => {
-        fetch(src).then((res) => {
-          if (!res.ok) {
-            reject(res);
-            return;
-          }
-          resolve(res);
-        });
-      });
-    } catch (e) {
-      if (e.status === 423) {
-        return yield pollForProcessingImage(options);
-      }
-      return false;
-    }
-    return true;
-  });
-}
-
-// src/loaders/cloudinary-loader.ts
-import { constructCloudinaryUrl } from "@cloudinary-util/url-loader";
-
-// src/constants/analytics.ts
-import nextPkg from "next/package.json";
-
-// package.json
-var package_default = {
-  name: "next-cloudinary",
-  version: "2.3.1",
-  main: "./dist/index.js",
-  module: "./dist/index.mjs",
-  types: "./dist/index.d.ts",
-  source: "src/index.ts",
-  scripts: {
-    build: "tsup src/index.ts --format esm,cjs --dts --external react",
-    dev: "tsup src/index.ts --format esm,cjs --watch --dts --external react",
-    prepublishOnly: "cp ../README.md . && yarn build",
-    postpublish: "rm ./README.md",
-    test: "jest"
-  },
-  dependencies: {
-    "@cloudinary-util/url-loader": "^1.4.0",
-    "@cloudinary-util/util": "^1.2.0",
-    "@cloudinary/url-gen": "^1.8.6"
-  },
-  devDependencies: {
-    "@babel/core": "^7.19.6",
-    "@babel/preset-env": "^7.19.4",
-    "@types/jest": "^29.2.0",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
-    "babel-jest": "^29.2.2",
-    dotenv: "^16.0.3",
-    jest: "^29.2.2",
-    "jest-environment-jsdom": "^29.2.2",
-    "ts-jest": "^29.0.3",
-    tsup: "^6.6.3",
-    typescript: "^4.9.4"
-  },
-  peerDependencies: {
-    next: "^12 || ^13",
-    react: "^17 || ^18"
-  }
-};
-
-// src/constants/analytics.ts
-var NEXT_CLOUDINARY_ANALYTICS_ID = "V";
-var NEXT_CLOUDINARY_VERSION = package_default.version;
-var NEXT_VERSION = nextPkg.version;
-
-// src/loaders/cloudinary-loader.ts
-function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }) {
-  const options = __spreadValues(__spreadValues({}, imageProps), cldOptions);
-  options.width = typeof options.width === "string" ? parseInt(options.width) : options.width;
-  options.height = typeof options.height === "string" ? parseInt(options.height) : options.height;
-  if (typeof (loaderOptions == null ? void 0 : loaderOptions.width) === "number" && typeof options.width === "number" && loaderOptions.width !== options.width) {
-    const multiplier = loaderOptions.width / options.width;
-    options.widthResize = loaderOptions.width;
-    if (typeof options.height === "number") {
-      options.heightResize = Math.round(options.height * multiplier);
-    }
-  }
-  return constructCloudinaryUrl({
-    // @ts-expect-error
-    options,
-    config: __spreadValues({
-      cloud: {
-        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME
-      }
-    }, cldConfig),
-    analytics: {
-      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,
-      sdkSemver: NEXT_CLOUDINARY_VERSION,
-      techVersion: NEXT_VERSION,
-      feature: ""
-    }
-  });
-}
-
-// src/components/CldImage/CldImage.tsx
-import { jsx } from "react/jsx-runtime";
-"use client";
-var CldImage = (props) => {
-  const CLD_OPTIONS = [
-    "deliveryType",
-    "preserveTransformations"
-  ];
-  transformationPlugins.forEach(({ props: props2 = [] }) => {
-    props2.forEach((prop) => {
-      if (CLD_OPTIONS.includes(prop)) {
-        throw new Error(`Option ${prop} already exists!`);
-      }
-      CLD_OPTIONS.push(prop);
-    });
-  });
-  const imageProps = {
-    alt: props.alt,
-    src: props.src
-  };
-  Object.keys(props).filter((key) => !CLD_OPTIONS.includes(key)).forEach((key) => imageProps[key] = props[key]);
-  const defaultImgKey = Object.keys(imageProps).map((key) => `${key}:${imageProps[key]}`).join(";");
-  const [imgKey, setImgKey] = useState(defaultImgKey);
-  const cldOptions = {};
-  CLD_OPTIONS.forEach((key) => {
-    if (props[key]) {
-      cldOptions[key] = props[key] || void 0;
-    }
-  });
-  if (props.preserveTransformations) {
-    try {
-      const transformations = getTransformations(props.src);
-      cldOptions.rawTransformations = [...transformations.flat(), ...props.rawTransformations || []];
-    } catch (e) {
-      console.warn(`Failed to preserve transformations: ${e.message}`);
-    }
-  }
-  function handleOnError(options) {
-    return __async(this, null, function* () {
-      const result = yield pollForProcessingImage({ src: options.target.src });
-      if (result) {
-        setImgKey(`${defaultImgKey};${Date.now()}`);
-      }
-    });
-  }
-  return /* @__PURE__ */ jsx(
-    Image,
-    __spreadProps(__spreadValues({}, imageProps), {
-      loader: (loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions }),
-      onError: handleOnError
-    }),
-    imgKey
-  );
-};
-var CldImage_default = CldImage;
-
-// src/components/CldOgImage/CldOgImage.tsx
-import Head from "next/head";
-import { constructCloudinaryUrl as constructCloudinaryUrl2 } from "@cloudinary-util/url-loader";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var IMAGE_WIDTH = 2400;
-var IMAGE_HEIGHT = 1200;
-var TWITTER_CARD = "summary_large_image";
-var CldOgImage = (_a) => {
-  var _b = _a, { excludeTags = [], twitterTitle } = _b, props = __objRest(_b, ["excludeTags", "twitterTitle"]);
-  const options = __spreadProps(__spreadValues({}, props), {
-    alt: props.alt,
-    crop: props.crop || "fill",
-    gravity: props.gravity || "center",
-    height: props.height || IMAGE_HEIGHT,
-    src: props.src,
-    width: props.width || IMAGE_WIDTH
-  });
-  const ogImageUrl = constructCloudinaryUrl2({
-    options,
-    config: {
-      cloud: {
-        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME
-      }
-    },
-    analytics: {
-      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,
-      sdkSemver: NEXT_CLOUDINARY_VERSION,
-      techVersion: NEXT_VERSION,
-      feature: ""
-    }
-  });
-  return /* @__PURE__ */ jsxs(Head, { children: [
-    /* @__PURE__ */ jsx2("meta", { property: "og:image", content: ogImageUrl }),
-    /* @__PURE__ */ jsx2("meta", { property: "og:image:secure_url", content: ogImageUrl }),
-    /* @__PURE__ */ jsx2("meta", { property: "og:image:width", content: `${options.width}` }),
-    /* @__PURE__ */ jsx2("meta", { property: "og:image:height", content: `${options.height}` }),
-    options.alt && /* @__PURE__ */ jsx2("meta", { property: "og:image:alt", content: options.alt }),
-    !excludeTags.includes("twitter:title") && /* @__PURE__ */ jsx2("meta", { property: "twitter:title", content: twitterTitle || " " }),
-    /* @__PURE__ */ jsx2("meta", { property: "twitter:card", content: TWITTER_CARD }),
-    /* @__PURE__ */ jsx2("meta", { property: "twitter:image", content: ogImageUrl })
-  ] });
-};
-var CldOgImage_default = CldOgImage;
-
-// src/components/CldUploadWidget/CldUploadWidget.tsx
-import Script from "next/script";
-
-// src/lib/util.ts
-function triggerOnIdle(callback) {
-  if (window && "requestIdleCallback" in window) {
-    return requestIdleCallback(callback);
-  }
-  return setTimeout(() => callback(), 1);
-}
-
-// src/components/CldUploadWidget/CldUploadWidget.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var cloudinary;
-var widget;
-var CldUploadWidget = ({
-  children,
-  onUpload,
-  options,
-  signatureEndpoint,
-  uploadPreset
-}) => {
-  const signed = !!signatureEndpoint;
-  function handleOnLoad() {
-    if (!cloudinary) {
-      cloudinary = window.cloudinary;
-    }
-    triggerOnIdle(() => {
-      if (!widget) {
-        widget = createWidget();
-      }
-    });
-  }
-  function generateSignature(callback, paramsToSign) {
-    if (typeof signatureEndpoint === "undefined") {
-      throw Error("Failed to generate signature: signatureEndpoint undefined.");
-    }
-    fetch(signatureEndpoint, {
-      method: "POST",
-      body: JSON.stringify({
-        paramsToSign
-      })
-    }).then((r) => r.json()).then(({ signature }) => {
-      callback(signature);
-    });
-  }
-  function createWidget() {
-    const uploadOptions = __spreadValues({
-      cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,
-      uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,
-      apiKey: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY
-    }, options);
-    if (signed) {
-      uploadOptions.uploadSignature = generateSignature;
-      if (!uploadOptions.apiKey) {
-        return new Error("Signed Upload needs apiKey!");
-      }
-    }
-    return cloudinary == null ? void 0 : cloudinary.createUploadWidget(
-      uploadOptions,
-      function(error, result) {
-        if ((error || result.event === "success") && typeof onUpload === "function") {
-          onUpload(error, result, widget);
-        }
-      }
-    );
-  }
-  function open() {
-    if (!widget) {
-      widget = createWidget();
-    }
-    widget && widget.open();
-  }
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    typeof children === "function" && children({
-      cloudinary,
-      widget,
-      open
-    }),
-    /* @__PURE__ */ jsx3(
-      Script,
-      {
-        id: `cloudinary-${Math.floor(Math.random() * 100)}`,
-        src: "https://widget.cloudinary.com/v2.0/global/all.js",
-        onLoad: handleOnLoad,
-        onError: (e) => console.error(`Failed to load Cloudinary: ${e.message}`)
-      }
-    )
-  ] });
-};
-var CldUploadWidget_default = CldUploadWidget;
-
-// src/components/CldUploadButton/CldUploadButton.tsx
-import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
-var CldUploadButton = (_a) => {
-  var _b = _a, {
-    children,
-    onClick,
-    onUpload,
-    options,
-    signatureEndpoint,
-    uploadPreset
-  } = _b, props = __objRest(_b, [
-    "children",
-    "onClick",
-    "onUpload",
-    "options",
-    "signatureEndpoint",
-    "uploadPreset"
-  ]);
-  return /* @__PURE__ */ jsx4(Fragment2, { children: /* @__PURE__ */ jsx4(
-    CldUploadWidget_default,
-    {
-      onUpload,
-      options,
-      signatureEndpoint,
-      uploadPreset,
-      children: ({ open }) => {
-        function handleOnClick(e) {
-          e.preventDefault();
-          open();
-          if (typeof onClick === "function") {
-            onClick(e);
-          }
-        }
-        return /* @__PURE__ */ jsx4("button", __spreadProps(__spreadValues({}, props), { onClick: handleOnClick, children: children || "Upload" }));
-      }
-    }
-  ) });
-};
-var CldUploadButton_default = CldUploadButton;
-export {
-  CldImage_default as CldImage,
-  CldOgImage_default as CldOgImage,
-  CldUploadButton_default as CldUploadButton,
-  CldUploadWidget_default as CldUploadWidget,
-  cloudinaryLoader
-};
+import v,{useState as D}from"react";import S from"next/image";import{getTransformations as W}from"@cloudinary-util/util";import{transformationPlugins as R}from"@cloudinary-util/url-loader";async function O(t){let{src:i}=t;try{await new Promise((r,n)=>{fetch(i).then(e=>{if(!e.ok){n(e);return}r(e)})})}catch(r){return r.status===423?await O(t):!1}return!0}import{constructCloudinaryUrl as A}from"@cloudinary-util/url-loader";import b from"next/package.json";var x={name:"next-cloudinary",version:"2.3.2",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup src/index.ts --dts",dev:"tsup src/index.ts --watch --dts",prepublishOnly:"cp ../README.md . && yarn build",postpublish:"rm ./README.md",test:"jest","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" yarn build && cd tests/nextjs-app && yarn build'},dependencies:{"@cloudinary-util/url-loader":"^1.4.0","@cloudinary-util/util":"^1.2.0","@cloudinary/url-gen":"^1.8.6"},devDependencies:{"@babel/core":"^7.19.6","@babel/preset-env":"^7.19.4","@types/jest":"^29.2.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","babel-jest":"^29.2.2",dotenv:"^16.0.3",jest:"^29.2.2","jest-environment-jsdom":"^29.2.2","ts-jest":"^29.0.3",tsup:"^6.6.3",typescript:"^4.9.4"},peerDependencies:{next:"^12 || ^13",react:"^17 || ^18"}};var y="V",C=x.version,h=b.version;function E({loaderOptions:t,imageProps:i,cldOptions:r,cldConfig:n={}}){let e={...i,...r};if(e.width=typeof e.width=="string"?parseInt(e.width):e.width,e.height=typeof e.height=="string"?parseInt(e.height):e.height,typeof(t==null?void 0:t.width)=="number"&&typeof e.width=="number"&&t.width!==e.width){let l=t.width/e.width;e.widthResize=t.width,typeof e.height=="number"&&(e.heightResize=Math.round(e.height*l))}return A({options:e,config:{cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME},...n},analytics:{sdkCode:y,sdkSemver:C,techVersion:h,feature:""}})}var X=t=>{let i=["deliveryType","preserveTransformations"];R.forEach(({props:o=[]})=>{o.forEach(a=>{if(i.includes(a))throw new Error(`Option ${a} already exists!`);i.push(a)})});let r={alt:t.alt,src:t.src};Object.keys(t).filter(o=>!i.includes(o)).forEach(o=>r[o]=t[o]);let n=Object.keys(r).map(o=>`${o}:${r[o]}`).join(";"),[e,l]=D(n),p={};if(i.forEach(o=>{t[o]&&(p[o]=t[o]||void 0)}),t.preserveTransformations)try{let o=W(t.src);p.rawTransformations=[...o.flat(),...t.rawTransformations||[]]}catch(o){console.warn(`Failed to preserve transformations: ${o.message}`)}async function g(o){await O({src:o.target.src})&&l(`${n};${Date.now()}`)}return v.createElement(S,{key:e,...r,loader:o=>E({loaderOptions:o,imageProps:r,cldOptions:p}),onError:g})},_=X;import d from"react";import j from"next/head";import{constructCloudinaryUrl as Y}from"@cloudinary-util/url-loader";var B=2400,M=1200,k="summary_large_image",F=({excludeTags:t=[],twitterTitle:i,...r})=>{let n={...r,alt:r.alt,crop:r.crop||"fill",gravity:r.gravity||"center",height:r.height||M,src:r.src,width:r.width||B},e=Y({options:n,config:{cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},analytics:{sdkCode:y,sdkSemver:C,techVersion:h,feature:""}});return d.createElement(j,null,d.createElement("meta",{property:"og:image",content:e}),d.createElement("meta",{property:"og:image:secure_url",content:e}),d.createElement("meta",{property:"og:image:width",content:`${n.width}`}),d.createElement("meta",{property:"og:image:height",content:`${n.height}`}),n.alt&&d.createElement("meta",{property:"og:image:alt",content:n.alt}),!t.includes("twitter:title")&&d.createElement("meta",{property:"twitter:title",content:i||" "}),d.createElement("meta",{property:"twitter:card",content:k}),d.createElement("meta",{property:"twitter:image",content:e}))},w=F;import U from"react";import P from"react";import $ from"next/script";function L(t){return window&&"requestIdleCallback"in window?requestIdleCallback(t):setTimeout(()=>t(),1)}var u,s,V=({children:t,onUpload:i,options:r,signatureEndpoint:n,uploadPreset:e})=>{let l=!!n;function p(){u||(u=window.cloudinary),L(()=>{s||(s=o())})}function g(m,f){if(typeof n=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(n,{method:"POST",body:JSON.stringify({paramsToSign:f})}).then(c=>c.json()).then(({signature:c})=>{m(c)})}function o(){let m={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:e||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...r};return l&&(m.uploadSignature=g,!m.apiKey)?new Error("Signed Upload needs apiKey!"):u==null?void 0:u.createUploadWidget(m,function(f,c){(f||c.event==="success")&&typeof i=="function"&&i(f,c,s)})}function a(){s||(s=o()),s&&s.open()}return P.createElement(P.Fragment,null,typeof t=="function"&&t({cloudinary:u,widget:s,open:a}),P.createElement($,{id:`cloudinary-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:p,onError:m=>console.error(`Failed to load Cloudinary: ${m.message}`)}))},I=V;var H=({children:t,onClick:i,onUpload:r,options:n,signatureEndpoint:e,uploadPreset:l,...p})=>U.createElement(U.Fragment,null,U.createElement(I,{onUpload:r,options:n,signatureEndpoint:e,uploadPreset:l},({open:g})=>{function o(a){a.preventDefault(),g(),typeof i=="function"&&i(a)}return U.createElement("button",{...p,onClick:o},t||"Upload")})),N=H;export{_ as CldImage,w as CldOgImage,N as CldUploadButton,I as CldUploadWidget,E as cloudinaryLoader};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.ts","../src/loaders/cloudinary-loader.ts","../src/constants/analytics.ts","../package.json","../src/components/CldOgImage/CldOgImage.tsx","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts"],"sourcesContent":["import React, { useState } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { getTransformations } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { pollForProcessingImage } from '../../lib/cloudinary';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n  src: string;\n  preserveTransformations?: boolean;\n};\n\nconst CldImage = (props: CldImageProps) => {\n  const CLD_OPTIONS = [\n    'deliveryType',\n    'preserveTransformations'\n  ];\n\n  transformationPlugins.forEach(({ props = [] }) => {\n    props.forEach(prop => {\n      if ( CLD_OPTIONS.includes(prop) ) {\n        throw new Error(`Option ${prop} already exists!`);\n      }\n      CLD_OPTIONS.push(prop);\n    });\n  })\n\n  // Construct the base Image component props by filtering out Cloudinary-specific props\n\n  const imageProps = {\n    alt: props.alt,\n    src: props.src\n  };\n\n  (Object.keys(props) as Array<keyof typeof props>)\n    .filter(key => !CLD_OPTIONS.includes(key))\n    // @ts-expect-error\n    .forEach(key => imageProps[key] = props[key]);\n\n\n  const defaultImgKey = (Object.keys(imageProps) as Array<keyof typeof imageProps>).map(key => `${key}:${imageProps[key]}`).join(';');\n  const [imgKey, setImgKey] = useState(defaultImgKey);\n\n  // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n  const cldOptions = {};\n\n  CLD_OPTIONS.forEach(key => {\n    // @ts-expect-error\n    if ( props[key] ) {\n      // @ts-expect-error\n      cldOptions[key] = props[key] || undefined;\n    }\n  });\n\n  // Try to preserve the original transformations from the Cloudinary URL passed in\n  // to the component. This only works if the URL has a version number on it and otherwise\n  // will fail to load\n\n  if (props.preserveTransformations) {\n    try {\n      const transformations = getTransformations(props.src);\n      // @ts-expect-error\n      cldOptions.rawTransformations = [...transformations.flat(), ...(props.rawTransformations || [])];\n    } catch(e) {\n      console.warn(`Failed to preserve transformations: ${(e as Error).message}`)\n    }\n  }\n\n  /**\n   * handleOnError\n   */\n\n  interface HandleOnError {\n    target: any;\n  }\n\n  async function handleOnError(options: HandleOnError) {\n    const result = await pollForProcessingImage({ src: options.target.src })\n    if ( result ) {\n      setImgKey(`${defaultImgKey};${Date.now()}`);\n    }\n  }\n\n  return (\n    <Image\n      key={imgKey}\n      {...imageProps}\n      loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions })}\n      onError={handleOnError}\n    />\n  );\n}\n\nexport default CldImage;\n","/**\n * pollForProcessingImage\n */\n\nexport async function pollForProcessingImage(options): Promise<boolean> {\n  const { src } = options;\n  try {\n    await new Promise((resolve, reject) => {\n      fetch(src).then(res => {\n        if ( !res.ok ) {\n          reject(res);\n          return;\n        }\n        resolve(res);\n      });\n    });\n  } catch(e: any) {\n    if ( e.status === 423 ) {\n      return await pollForProcessingImage(options);\n    }\n    return false;\n  }\n  return true;\n}","import { ImageProps } from 'next/image';\nimport { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\nexport interface CloudinaryLoaderCldOptions {\n  heightResize?: string | number;\n  widthResize?: string | number;\n}\n\nexport interface CloudinaryLoaderLoaderOptions {\n  height?: string | number;\n  width?: string | number;\n}\n\nexport interface CloudinaryLoader {\n  loaderOptions: CloudinaryLoaderLoaderOptions;\n  imageProps: ImageProps;\n  cldOptions: CloudinaryLoaderCldOptions;\n  cldConfig?: object;\n}\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }: CloudinaryLoader) {\n  const options = {\n    ...imageProps,\n    ...cldOptions\n  }\n\n  options.width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n  options.height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n\n  // The loader options are used to create dynamic sizing when working with responsive images\n  // so these should override the default options collected from the props alone if\n  // the results are different. While we don't always use the height in the loader logic,\n  // we always pass it here, as the usage is determined later based on cropping.js\n\n  if ( typeof loaderOptions?.width === 'number' && typeof options.width === 'number' && loaderOptions.width !== options.width ) {\n    const multiplier = loaderOptions.width / options.width;\n\n    options.widthResize = loaderOptions.width;\n\n    if ( typeof options.height === 'number' ) {\n      options.heightResize = Math.round(options.height * multiplier);\n    }\n  }\n\n  return constructCloudinaryUrl({\n    // @ts-expect-error\n    options,\n    config: {\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      },\n      ...cldConfig\n    },\n    analytics: {\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }\n  });\n}","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_CLOUDINARY_VERSION = pkg.version;\nexport const NEXT_VERSION = nextPkg.version;","{\n  \"name\": \"next-cloudinary\",\n  \"version\": \"2.3.2\",\n  \"main\": \"./dist/index.js\",\n  \"module\": \"./dist/index.mjs\",\n  \"types\": \"./dist/index.d.ts\",\n  \"source\": \"src/index.ts\",\n  \"scripts\": {\n    \"build\": \"tsup src/index.ts --dts\",\n    \"dev\": \"tsup src/index.ts --watch --dts\",\n    \"prepublishOnly\": \"cp ../README.md . && yarn build\",\n    \"postpublish\": \"rm ./README.md\",\n    \"test\": \"jest\",\n    \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" yarn build && cd tests/nextjs-app && yarn build\"\n  },\n  \"dependencies\": {\n    \"@cloudinary-util/url-loader\": \"^1.4.0\",\n    \"@cloudinary-util/util\": \"^1.2.0\",\n    \"@cloudinary/url-gen\": \"^1.8.6\"\n  },\n  \"devDependencies\": {\n    \"@babel/core\": \"^7.19.6\",\n    \"@babel/preset-env\": \"^7.19.4\",\n    \"@types/jest\": \"^29.2.0\",\n    \"@types/react\": \"^18.0.28\",\n    \"@types/react-dom\": \"^18.0.11\",\n    \"babel-jest\": \"^29.2.2\",\n    \"dotenv\": \"^16.0.3\",\n    \"jest\": \"^29.2.2\",\n    \"jest-environment-jsdom\": \"^29.2.2\",\n    \"ts-jest\": \"^29.0.3\",\n    \"tsup\": \"^6.6.3\",\n    \"typescript\": \"^4.9.4\"\n  },\n  \"peerDependencies\": {\n    \"next\": \"^12 || ^13\",\n    \"react\": \"^17 || ^18\"\n  }\n}\n","import React from 'react';\nimport Head from 'next/head';\nimport { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../../constants/analytics';\n\nconst IMAGE_WIDTH = 2400;\nconst IMAGE_HEIGHT = 1200;\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport interface CldOgImageProps {\n  alt: string;\n  crop?: string;\n  excludeTags?: Array<string>;\n  gravity?: string;\n  height: string | number;\n  src: string;\n  twitterTitle?: string;\n  width: string | number;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, ...props }: CldOgImageProps) => {\n  const options = {\n    ...props,\n    alt: props.alt,\n    crop: props.crop || 'fill',\n    gravity: props.gravity || 'center',\n    height: props.height || IMAGE_HEIGHT,\n    src: props.src,\n    width: props.width || IMAGE_WIDTH,\n  }\n\n  const ogImageUrl = constructCloudinaryUrl({\n    options,\n    config: {\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      }\n    },\n    analytics: {\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }\n  });\n\n  // We need to include the tags within the Next.js Head component rather than\n  // direcly adding them inside of the Head otherwise we get unexpected results\n\n    return (\n    <Head>\n      <meta property=\"og:image\" content={ogImageUrl} />\n      <meta property=\"og:image:secure_url\" content={ogImageUrl} />\n      <meta property=\"og:image:width\" content={`${options.width}`} />\n      <meta property=\"og:image:height\" content={`${options.height}`} />\n\n      {options.alt && (\n        <meta property=\"og:image:alt\" content={options.alt} />\n      )}\n\n      {/* Required for summary_large_image, exclude vai excludeTags */}\n      {/* https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image */}\n\n      {!excludeTags.includes('twitter:title') && (\n        <meta property=\"twitter:title\" content={twitterTitle || ' '} />\n      )}\n\n      <meta property=\"twitter:card\" content={TWITTER_CARD} />\n      <meta property=\"twitter:image\" content={ogImageUrl} />\n    </Head>\n  );\n}\n\nexport default CldOgImage;","import React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n  children?: JSX.Element | string | Array<JSX.Element|string>;\n  onClick?: Function;\n}\n\nconst CldUploadButton = ({\n  children,\n  onClick,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n  ...props\n}: CldUploadButtonProps) => {\n  return (\n    <>\n      <CldUploadWidget\n        onUpload={onUpload}\n        options={options}\n        signatureEndpoint={signatureEndpoint}\n        uploadPreset={uploadPreset}\n      >\n        {({ open }) => {\n          function handleOnClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n            e.preventDefault();\n\n            open();\n\n            if ( typeof onClick === 'function' ) {\n              onClick(e);\n            }\n          }\n          return (\n            <button {...props} onClick={handleOnClick} >\n              {children || 'Upload'}\n            </button>\n          );\n        }}\n      </CldUploadWidget>\n    </>\n  );\n};\n\nexport default CldUploadButton;\n","import React from 'react';\nimport Script from 'next/script';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nlet cloudinary: any;\nlet widget: any;\n\nexport interface CldUploadWidgetPropsOptions {\n  uploadSignature?: Function;\n}\n\nexport interface CldUploadWidgetPropsChildren {\n  cloudinary: any;\n  widget: any;\n  open: Function;\n}\n\nexport interface CldUploadWidgetProps {\n  children?: ({ cloudinary, widget, open }: CldUploadWidgetPropsChildren) => JSX.Element;\n  onUpload?: Function;\n  options?: CldUploadWidgetPropsOptions;\n  signatureEndpoint?: URL | RequestInfo;\n  uploadPreset?: string;\n}\n\nconst CldUploadWidget = ({\n  children,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n}: CldUploadWidgetProps) => {\n  const signed = !!signatureEndpoint;\n\n  /**\n   * handleOnLoad\n   * @description Stores the Cloudinary window instance to a ref when the widget script loads\n   */\n\n  function handleOnLoad() {\n    if ( !cloudinary ) {\n      cloudinary = (window as any).cloudinary;\n    }\n\n    // To help improve load time of the widget on first instance, use requestIdleCallback\n    // to trigger widget creation. Optional.\n\n    triggerOnIdle(() => {\n      if ( !widget ) {\n        widget = createWidget();\n      }\n    });\n  }\n\n  /**\n   * generateSignature\n   * @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation\n   */\n\n  function generateSignature(callback: Function, paramsToSign: object) {\n    if ( typeof signatureEndpoint === 'undefined' ) {\n      throw Error('Failed to generate signature: signatureEndpoint undefined.')\n    }\n    fetch(signatureEndpoint, {\n      method: 'POST',\n      body: JSON.stringify({\n        paramsToSign,\n      }),\n    })\n      .then((r) => r.json())\n      .then(({ signature }) => {\n        callback(signature);\n      });\n  }\n\n  /**\n   * createWidget\n   * @description Creates a new instance of the Cloudinary widget and stores in a ref\n   */\n\n  function createWidget() {\n    // When creating a signed upload, you need to provide both your Cloudinary API Key\n    // as well as a signature generator function that will sign any paramters\n    // either on page load or during the upload process. Read more about signed uploads at:\n    // https://cloudinary.com/documentation/upload_widget#signed_uploads\n\n    const uploadOptions = {\n      cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n      uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n      apiKey: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,\n      ...options,\n    };\n\n    if ( signed ) {\n      uploadOptions.uploadSignature = generateSignature;\n\n      // No need for apiSecret here because of api/sign-cloudinary-params\n\n      if (!uploadOptions.apiKey) {\n        return new Error(\"Signed Upload needs apiKey!\");\n      }\n    }\n\n    interface CreateUploadWidgetCallbackResult {\n      event: string;\n    }\n\n    return cloudinary?.createUploadWidget(\n      uploadOptions,\n      function (error: any, result: CreateUploadWidgetCallbackResult) {\n        // The callback is a bit more chatty than failed or success so\n        // only trigger when one of those are the case. You can additionally\n        // create a separate handler such as onEvent and trigger it on\n        // ever occurrence\n        if ((error || result.event === \"success\") && typeof onUpload === 'function') {\n          onUpload(error, result, widget);\n        }\n      }\n    );\n  }\n\n  /**\n   * open\n   * @description When triggered, uses the current widget instance to open the upload modal\n   */\n\n  function open() {\n    if (!widget) {\n      widget = createWidget();\n    }\n    widget && widget.open();\n  }\n\n  return (\n    <>\n      {typeof children === 'function' && children({\n        cloudinary,\n        widget,\n        open,\n      })}\n      <Script\n        id={`cloudinary-${Math.floor(Math.random() * 100)}`}\n        src=\"https://widget.cloudinary.com/v2.0/global/all.js\"\n        onLoad={handleOnLoad}\n        onError={(e) => console.error(`Failed to load Cloudinary: ${e.message}`)}\n      />\n    </>\n  );\n};\n\nexport default CldUploadWidget;\n","/**\n * triggerOnIdle\n * @see MDN Polyfill https://github.com/behnammodi/polyfill/blob/master/window.polyfill.js#L7-L24\n */\n\nexport function triggerOnIdle(callback: any) {\n  if ( window && 'requestIdleCallback' in window ) {\n    return requestIdleCallback(callback);\n  }\n  return setTimeout(() => callback(), 1);\n}"],"mappings":"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","names":["React","useState","Image","getTransformations","transformationPlugins","pollForProcessingImage","options","src","resolve","reject","res","e","constructCloudinaryUrl","nextPkg","package_default","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","package_default","NEXT_VERSION","nextPkg","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","constructCloudinaryUrl","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","CldImage","props","CLD_OPTIONS","transformationPlugins","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","useState","cldOptions","transformations","getTransformations","e","handleOnError","options","pollForProcessingImage","React","Image","loaderOptions","cloudinaryLoader","CldImage_default","React","Head","constructCloudinaryUrl","IMAGE_WIDTH","IMAGE_HEIGHT","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","props","options","ogImageUrl","constructCloudinaryUrl","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","React","Head","CldOgImage_default","React","React","Script","triggerOnIdle","callback","cloudinary","widget","CldUploadWidget","children","onUpload","options","signatureEndpoint","uploadPreset","signed","handleOnLoad","triggerOnIdle","createWidget","generateSignature","callback","paramsToSign","r","signature","uploadOptions","error","result","open","React","Script","e","CldUploadWidget_default","CldUploadButton","children","onClick","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","handleOnClick","e","CldUploadButton_default"]}

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "next-cloudinary",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "source": "src/index.ts",
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts --external react",
-    "dev": "tsup src/index.ts --format esm,cjs --watch --dts --external react",
+    "build": "tsup src/index.ts --dts",
+    "dev": "tsup src/index.ts --watch --dts",
     "prepublishOnly": "cp ../README.md . && yarn build",
     "postpublish": "rm ./README.md",
-    "test": "jest"
+    "test": "jest",
+    "test:app": "NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\"test\" yarn build && cd tests/nextjs-app && yarn build"
   },
   "dependencies": {
     "@cloudinary-util/url-loader": "^1.4.0",

package/tsconfig.json

@@ -29,7 +29,7 @@
         "name": "next"
       }
     ],
-    "jsx": "react-jsx"
+    "jsx": "react"
 
   },
   "exclude": ["node_modules"]

package/tsup.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'tsup'
+
+export default defineConfig({
+  minify: true,
+  target: 'es2018',
+  external: ['react'],
+  sourcemap: true,
+  dts: true,
+  format: ['esm', 'cjs']
+})