next-cloudinary 6.14.2 → 6.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -4,19 +4,17 @@
4
4
  <img alt="Cloudinary" src="https://user-images.githubusercontent.com/62209650/196528761-a815025a-271a-4d8e-ac7e-cea833728bf9.png" align="center" height=30>
5
5
  </picture>
6
6
  &ensp;&ensp;
7
- <picture style="padding: 30px">
8
- <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/62209650/196529551-917766a7-6d73-4a0b-9f80-db31ac62358f.png" align="center" height=30>
9
- <source media="(prefers-color-scheme: light)" srcset="https://user-images.githubusercontent.com/62209650/196529695-8c260b0b-b5e6-44ae-bf71-db3c28534b20.png" align="center" height=30>
10
- <img alt="Nextjs" src="https://user-images.githubusercontent.com/62209650/196529695-8c260b0b-b5e6-44ae-bf71-db3c28534b20.png" align="center" height=30>
11
- </picture>
12
7
 
13
8
  ######
14
9
 
15
10
  <a href="https://github.com/cloudinary-community/next-cloudinary/actions/workflows/test_and_release.yml"><img alt="GitHub Workflow Status" src="https://img.shields.io/github/actions/workflow/status/cloudinary-community/next-cloudinary/test_and_release.yml?branch=main&label=Test%20%26%20Release&style=flat-square"></a> <a href="https://www.npmjs.com/package/next-cloudinary"><img alt="npm" src="https://img.shields.io/npm/v/next-cloudinary?style=flat-square"></a> <a href="https://bundlephobia.com/package/next-cloudinary"><img alt="npm bundle size" src="https://img.shields.io/bundlephobia/min/next-cloudinary?style=flat-square&label=Minified%20Size"></a> <a href="https://github.com/cloudinary-community/next-cloudinary/blob/main/LICENSE"><img alt="GitHub" src="https://img.shields.io/github/license/cloudinary-community/next-cloudinary?label=License&style=flat-square"></a>
16
11
 
17
-
18
12
  # Next Cloudinary
19
13
 
14
+ <!-- doc-gen PKGJSON optionOne="hey" -->
15
+ undefined
16
+ <!-- end-doc-gen -->
17
+
20
18
  High-performance image delivery and uploading at scale in Next.js powered by Cloudinary.
21
19
 
22
20
  <a href="#-features">Features</a> • <a href="#-getting-started">Getting Started</a> • <a href="#%EF%B8%8F-community--support">Community & Support</a> • <a href="#-contributing">Contributing</a>
@@ -205,6 +203,9 @@ pnpm test
205
203
  <td align="center" valign="top" width="14.28%"><a href="https://github.com/mr-loop-1"><img src="https://avatars.githubusercontent.com/u/62374784?v=4?s=100" width="100px;" alt="Abdul Samad"/><br /><sub><b>Abdul Samad</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=mr-loop-1" title="Documentation">📖</a></td>
206
204
  <td align="center" valign="top" width="14.28%"><a href="https://github.com/DevRish"><img src="https://avatars.githubusercontent.com/u/78094670?v=4?s=100" width="100px;" alt="Rishav Chattopadhyay"/><br /><sub><b>Rishav Chattopadhyay</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=DevRish" title="Documentation">📖</a></td>
207
205
  <td align="center" valign="top" width="14.28%"><a href="https://github.com/Prathamesh010"><img src="https://avatars.githubusercontent.com/u/41731424?v=4?s=100" width="100px;" alt="Prathamesh Gawas"/><br /><sub><b>Prathamesh Gawas</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=Prathamesh010" title="Documentation">📖</a></td>
206
+ <td align="center" valign="top" width="14.28%"><a href="https://victory-nwani.dev"><img src="https://avatars.githubusercontent.com/u/29664439?v=4?s=100" width="100px;" alt="Nwani Victory"/><br /><sub><b>Nwani Victory</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=vickywane" title="Documentation">📖</a></td>
207
+ <td align="center" valign="top" width="14.28%"><a href="http://neilblaze.live"><img src="https://avatars.githubusercontent.com/u/48355572?v=4?s=100" width="100px;" alt="Pratyay Banerjee"/><br /><sub><b>Pratyay Banerjee</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=Neilblaze" title="Documentation">📖</a></td>
208
+ <td align="center" valign="top" width="14.28%"><a href="https://github.com/saai-syvendra"><img src="https://avatars.githubusercontent.com/u/157691467?v=4?s=100" width="100px;" alt="Saai Syvendra"/><br /><sub><b>Saai Syvendra</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=saai-syvendra" title="Documentation">📖</a></td>
208
209
  </tr>
209
210
  </tbody>
210
211
  </table>
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";var Le=Object.create;var F=Object.defineProperty;var Te=Object.getOwnPropertyDescriptor;var ve=Object.getOwnPropertyNames;var be=Object.getPrototypeOf,Ne=Object.prototype.hasOwnProperty;var We=(e,t)=>{for(var r in t)F(e,r,{get:t[r],enumerable:!0})},le=(e,t,r,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of ve(t))!Ne.call(e,o)&&o!==r&&F(e,o,{get:()=>t[o],enumerable:!(d=Te(t,o))||d.enumerable});return e};var h=(e,t,r)=>(r=e!=null?Le(be(e)):{},le(t||!e||!e.__esModule?F(r,"default",{value:e,enumerable:!0}):r,e)),Me=e=>le(F({},"__esModule",{value:!0}),e);var Be={};We(Be,{CldImage:()=>te,CldOgImage:()=>ne,CldUploadButton:()=>ie,CldUploadWidget:()=>Y,CldVideoPlayer:()=>de,cloudinaryLoader:()=>q,getCldImageUrl:()=>L,getCldOgImageUrl:()=>B,getCldVideoUrl:()=>xe});module.exports=Me(Be);var T=h(require("react")),Ce=h(require("next/image")),ee=require("@cloudinary-util/util"),Ie=require("@cloudinary-util/url-loader");var ye=require("@cloudinary-util/url-loader");var pe=h(require("next/package.json"));var se={name:"next-cloudinary",version:"6.14.2",license:"MIT",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup",dev:"tsup --watch",prepublishOnly:"cp ../README.md . && cp ../LICENSE . && pnpm build",postpublish:"rm ./README.md && rm ./LICENSE",test:"vitest run","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" pnpm build && cd tests/nextjs-app && npm install && npm run build',"test:watch":"vitest"},dependencies:{"@cloudinary-util/types":"1.5.10","@cloudinary-util/url-loader":"5.10.4","@cloudinary-util/util":"^3.3.2"},devDependencies:{"@babel/core":"^7.25.2","@babel/preset-env":"^7.25.3","@tsconfig/recommended":"^1.0.7","@types/node":"^22.0.2","@types/react":"^18.3.3","@types/react-dom":"^18.3.0",dotenv:"^16.4.5",mkdirp:"^3.0.1",tsup:"^8.2.3",typescript:"^5.5.4",vitest:"^2.0.5"},peerDependencies:{next:"^12 || ^13 || ^14 || >=15.0.0-rc",react:"^17 || ^18 || >=19.0.0-beta"}};var ce="A",ue="V",ge=fe(pe.default.version),me=fe(se.version);function fe(e){let t=e;return t.includes("-")&&(t=t.split("-")[0]),t}function x(e){let t=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;if(!t)throw new Error("A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.");let r=e?.cloud?.apiKey??process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,d=e?.url?.secureDistribution??process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION,o=e?.url?.privateCdn??process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;return Object.assign({cloud:{...e?.cloud,apiKey:r,cloudName:t},url:{...e?.url,secureDistribution:d,privateCdn:o}},e)}function z(e){return Object.assign({product:ce,sdkCode:ue,sdkSemver:me,techVersion:ge,feature:""},e)}function L(e,t,r){return(0,ye.constructCloudinaryUrl)({options:e,config:x(t),analytics:z(r)})}function q({loaderOptions:e,imageProps:t,cldOptions:r,cldConfig:d={}}){let o={...t,...r};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof e?.width=="number"&&typeof o.width=="number"&&e.width!==o.width){let n=e.width/o.width;o.width=e.width,typeof o.height=="number"&&(o.height=Math.floor(o.height*n))}else typeof e?.width=="number"&&typeof o?.width!="number"&&(o.width=e?.width);return L(o,d)}var Se=(0,T.forwardRef)(function(t,r){let d=!1,o=["assetType","config","deliveryType","strictTransformations"];Ie.transformationPlugins.forEach(({props:i})=>{Object.keys(i).forEach(I=>{if(o.includes(I))throw new Error(`Option ${I} already exists!`);o.push(I)})});let n={alt:t.alt,src:t.src};Object.keys(t).filter(i=>typeof i=="string"&&!o.includes(i)).forEach(i=>n[i]=t[i]);let p=Object.keys(n).map(i=>`${i}:${n[i]}`).join(";"),[O,C]=(0,T.useState)(p),l={};o.forEach(i=>{let y=t[i];y&&(l[i]=y)});let s=process.env.__NEXT_IMAGE_OPTS||{};(t.unoptimized===!0||s?.unoptimized===!0)&&(n.src=L({...l,width:n.width,height:n.height,src:n.src,format:"default",quality:"default"},t.config));async function A(i){let y=!0;if(d)return;if(d=!0,typeof t.onError=="function"){let U=t.onError(i);typeof U=="boolean"&&U===!1&&(y=!1)}else typeof t.onError=="boolean"&&t.onError===!1&&(y=!1);if(y===!1)return;let I=i.target;await(0,ee.pollForProcessingImage)({src:I.src})&&C(`${p};${Date.now()}`)}let b=(0,T.useCallback)(A,[ee.pollForProcessingImage,p]),g=Ce.default;return"default"in g&&(g=g.default),T.default.createElement(g,{key:O,...n,loader:i=>q({loaderOptions:i,imageProps:n,cldOptions:l,cldConfig:t.config}),onError:b,ref:r})}),te=Se;var P=h(require("react")),he=h(require("next/head"));function B(e){return L({...e,format:e.format||"jpg",width:e.width||1200,height:e.height||627,crop:e.crop||{type:"fill",gravity:"center",source:!0}})}var Ve="summary_large_image",ke=({excludeTags:e=[],twitterTitle:t,keys:r={},...d})=>{let{alt:o}=d,{width:n=1200,height:p=627}=d;n=typeof n=="string"?parseInt(n):n,p=typeof p=="string"?parseInt(p):p;let O=B({...d,width:n,height:p}),C=B({...d,width:n,height:p,format:d.format||"webp"}),l={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...r};return P.default.createElement(he.default,null,P.default.createElement("meta",{key:l["og:image"],property:"og:image",content:O}),P.default.createElement("meta",{key:l["og:image:secure_url"],property:"og:image:secure_url",content:O}),P.default.createElement("meta",{key:l["og:image:width"],property:"og:image:width",content:`${n}`}),P.default.createElement("meta",{key:l["og:image:height"],property:"og:image:height",content:`${p}`}),o&&P.default.createElement("meta",{key:l["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&P.default.createElement("meta",{key:l["twitter:title"],property:"twitter:title",content:t||" "}),P.default.createElement("meta",{key:l["twitter:card"],property:"twitter:card",content:Ve}),P.default.createElement("meta",{key:l["twitter:image"],property:"twitter:image",content:C}))},ne=ke;var $=h(require("react"));var f=h(require("react")),Ue=h(require("next/script")),v=require("@cloudinary-util/url-loader");function Oe(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Ge=({children:e,config:t,onError:r,onOpen:d,onUpload:o,options:n,signatureEndpoint:p,uploadPreset:O,...C})=>{let l=(0,f.useRef)(),s=(0,f.useRef)(),[A,b]=(0,f.useState)(void 0),[g,i]=(0,f.useState)(void 0),[y,I]=(0,f.useState)(!0),W=x(t),U=p&&(0,v.generateSignatureCallback)({signatureEndpoint:String(p),fetch}),D=(0,v.getUploadWidgetOptions)({uploadPreset:O||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,uploadSignature:U,...n},W),_=(0,v.generateUploadWidgetResultCallback)({onError:a=>{b(a),typeof r=="function"&&r(a,{widget:s.current,...G})},onResult:a=>{if(typeof a?.event!="string")return;i(a);let E=v.UPLOAD_WIDGET_EVENTS[a.event];if(typeof E=="string"&&typeof C[E]=="function"){let j=C[E];j(a,{widget:s.current,...G})}let R=`${E}Action`;if(R&&typeof C[R]=="function"){let j=C[R];j(a)}}});(0,f.useEffect)(()=>{if(typeof g>"u")return;g.event==="success"&&typeof o=="function"&&(process.env.NODE_ENVIRONMENT==="development"&&console.warn("The onUpload callback is deprecated. Please use onSuccess instead."),o(g,s.current))},[g]);function w(){I(!1),l.current||(l.current=window.cloudinary),Oe(()=>{s.current||(s.current=X())})}(0,f.useEffect)(()=>()=>{s.current?.destroy(),s.current=void 0},[]);function c(a,E=[]){if(s.current||(s.current=X()),typeof s?.current[a]=="function")return s.current[a](...E)}function H(a){c("close",[a])}function N(a){return c("destroy",[a])}function S(){c("hide")}function V(){return c("isDestroyed")}function k(){return c("isMinimized")}function m(){return c("isShowing")}function M(){c("minimize")}function Q(a,E){c("open",[a,E]),typeof d=="function"&&d(s.current)}function J(){c("show")}function Z(){c("update")}let G={close:H,destroy:N,hide:S,isDestroyed:V,isMinimized:k,isShowing:m,minimize:M,open:Q,show:J,update:Z};function X(){return l.current?.createUploadWidget(D,_)}return f.default.createElement(f.default.Fragment,null,typeof e=="function"&&e({cloudinary:l.current,widget:s.current,results:g,error:A,isLoading:y,...G}),f.default.createElement(Ue.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:w,onError:a=>console.error(`Failed to load Cloudinary Upload Widget: ${a.message}`)}))},Y=Ge;var Re=({className:e,children:t,onClick:r,onError:d,onOpen:o,onUpload:n,onAbort:p,onBatchCancelled:O,onClose:C,onDisplayChanged:l,onPublicId:s,onQueuesEnd:A,onQueuesStart:b,onRetry:g,onShowCompleted:i,onSourceChanged:y,onSuccess:I,onTags:W,onUploadAdded:U,options:D,signatureEndpoint:_,uploadPreset:w,onAbortAction:c,onBatchCancelledAction:H,onCloseAction:N,onDisplayChangedAction:S,onPublicIdAction:V,onQueuesEndAction:k,onQueuesStartAction:m,onRetryAction:M,onShowCompletedAction:Q,onSourceChangedAction:J,onSuccessAction:Z,onTagsAction:G,onUploadAddedAction:X,...a})=>$.default.createElement($.default.Fragment,null,$.default.createElement(Y,{onError:d,onOpen:o,onUpload:n,onAbort:p,onBatchCancelled:O,onClose:C,onDisplayChanged:l,onPublicId:s,onQueuesEnd:A,onQueuesStart:b,onRetry:g,onShowCompleted:i,onSourceChanged:y,onSuccess:I,onTags:W,onUploadAdded:U,options:D,signatureEndpoint:_,uploadPreset:w,onAbortAction:c,onBatchCancelledAction:H,onCloseAction:N,onDisplayChangedAction:S,onPublicIdAction:V,onQueuesEndAction:k,onQueuesStartAction:m,onRetryAction:M,onShowCompletedAction:Q,onSourceChangedAction:J,onSuccessAction:Z,onTagsAction:G,onUploadAddedAction:X},({open:E,isLoading:R})=>{function j(ae){ae.preventDefault(),E(),typeof r=="function"&&r(ae)}return $.default.createElement("button",{...a,className:e||"",onClick:j,disabled:R},t||"Upload")})),ie=Re;var u=h(require("react")),Pe=h(require("next/script")),we=h(require("next/head")),Ae=require("@cloudinary-util/url-loader");var K=[],Ee="1.11.1",je=e=>{let{className:t,config:r,height:d,id:o,onDataLoad:n,onError:p,onMetadataLoad:O,onPause:C,onPlay:l,onEnded:s,width:A}=e,b=(0,u.useId)(),g=x(r),i=(0,Ae.getVideoPlayerOptions)(e,g),{publicId:y}=i;if(typeof y>"u")throw new Error("Video Player requires a Public ID or Cloudinary URL - please specify a src prop");let I=(0,u.useRef)(),W=(0,u.useRef)(),U=e.videoRef||W,D=(0,u.useRef)(),_=e.playerRef||D,w=o||`player-${b.replace(/:/g,"")}`,c="cld-video-player cld-fluid";t&&(c=`${c} ${t}`),K.filter(m=>m===w).length>1?console.warn(`Multiple instances of the same video detected on the
1
+ "use strict";var Le=Object.create;var F=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var be=Object.getPrototypeOf,Ne=Object.prototype.hasOwnProperty;var We=(e,t)=>{for(var r in t)F(e,r,{get:t[r],enumerable:!0})},le=(e,t,r,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Te(t))!Ne.call(e,o)&&o!==r&&F(e,o,{get:()=>t[o],enumerable:!(d=ve(t,o))||d.enumerable});return e};var h=(e,t,r)=>(r=e!=null?Le(be(e)):{},le(t||!e||!e.__esModule?F(r,"default",{value:e,enumerable:!0}):r,e)),Me=e=>le(F({},"__esModule",{value:!0}),e);var je={};We(je,{CldImage:()=>te,CldOgImage:()=>ne,CldUploadButton:()=>ie,CldUploadWidget:()=>B,CldVideoPlayer:()=>de,cloudinaryLoader:()=>q,getCldImageUrl:()=>v,getCldOgImageUrl:()=>j,getCldVideoUrl:()=>xe});module.exports=Me(je);var T=h(require("react")),Ce=h(require("next/image")),ee=require("@cloudinary-util/util"),Ie=require("@cloudinary-util/url-loader");var ye=require("@cloudinary-util/url-loader");var pe=h(require("next/package.json"));var se={name:"next-cloudinary",version:"6.16.0",license:"MIT",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup",dev:"tsup --watch",prepublishOnly:"cp ../README.md . && cp ../LICENSE . && pnpm build",postpublish:"rm ./README.md && rm ./LICENSE",test:"vitest run","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" pnpm build && cd tests/nextjs-app && npm install && npm run build',"test:watch":"vitest"},dependencies:{"@cloudinary-util/types":"1.5.10","@cloudinary-util/url-loader":"5.10.4","@cloudinary-util/util":"4.0.0"},devDependencies:{"@babel/core":"^7.25.2","@babel/preset-env":"^7.25.3","@tsconfig/recommended":"^1.0.7","@types/node":"^22.0.2","@types/react":"^18.3.3","@types/react-dom":"^18.3.0",dotenv:"^16.4.5",mkdirp:"^3.0.1",tsup:"^8.2.3",typescript:"^5.5.4",vitest:"^2.0.5"},peerDependencies:{next:"^12 || ^13 || ^14 || >=15.0.0-rc || ^15",react:"^17 || ^18 || >=19.0.0-beta || ^19"}};var ce="A",ue="V",ge=fe(pe.default.version),me=fe(se.version);function fe(e){let t=e;return t.includes("-")&&(t=t.split("-")[0]),t}function L(e){let t=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;if(!t)throw new Error("A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.");let r=e?.cloud?.apiKey??process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,d=e?.url?.secureDistribution??process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION,o=e?.url?.privateCdn??process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;return Object.assign({cloud:{...e?.cloud,apiKey:r,cloudName:t},url:{...e?.url,secureDistribution:d,privateCdn:o}},e)}function z(e){return Object.assign({product:ce,sdkCode:ue,sdkSemver:me,techVersion:ge,feature:""},e)}function v(e,t,r){return(0,ye.constructCloudinaryUrl)({options:e,config:L(t),analytics:z(r)})}function q({loaderOptions:e,imageProps:t,cldOptions:r,cldConfig:d={}}){let o={...t,...r};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof e?.width=="number"&&typeof o.width=="number"&&e.width!==o.width){let n=e.width/o.width;o.width=e.width,typeof o.height=="number"&&(o.height=Math.floor(o.height*n))}else typeof e?.width=="number"&&typeof o?.width!="number"&&(o.width=e?.width);return v(o,d)}var Se=(0,T.forwardRef)(function(t,r){let d=!1,o=["assetType","config","deliveryType","strictTransformations"];Ie.transformationPlugins.forEach(({props:i})=>{Object.keys(i).forEach(I=>{if(o.includes(I))throw new Error(`Option ${I} already exists!`);o.push(I)})});let n={alt:t.alt,src:t.src};Object.keys(t).filter(i=>typeof i=="string"&&!o.includes(i)).forEach(i=>n[i]=t[i]);let p=Object.keys(n).map(i=>`${i}:${n[i]}`).join(";"),[O,C]=(0,T.useState)(p),l={};o.forEach(i=>{let y=t[i];y&&(l[i]=y)});let s=process.env.__NEXT_IMAGE_OPTS||{};(t.unoptimized===!0||s?.unoptimized===!0)&&(n.src=v({...l,width:n.width,height:n.height,src:n.src,format:"default",quality:"default"},t.config));async function _(i){let y=!0;if(d)return;if(d=!0,typeof t.onError=="function"){let U=t.onError(i);typeof U=="boolean"&&U===!1&&(y=!1)}else typeof t.onError=="boolean"&&t.onError===!1&&(y=!1);if(y===!1)return;let I=i.target,w=await(0,ee.pollForProcessingImage)({src:I.src});typeof w.error=="string"&&process.env.NODE_ENV==="development"&&console.error(`[CldImage] Failed to load image ${t.src}: ${w.error}`),w.success&&C(`${p};${Date.now()}`)}let N=(0,T.useCallback)(_,[ee.pollForProcessingImage,p]),g=Ce.default;return"default"in g&&(g=g.default),T.default.createElement(g,{key:O,...n,loader:i=>q({loaderOptions:i,imageProps:n,cldOptions:l,cldConfig:t.config}),onError:N,ref:r})}),te=Se;var P=h(require("react")),he=h(require("next/head"));function j(e){return v({...e,format:e.format||"jpg",width:e.width||1200,height:e.height||627,crop:e.crop||{type:"fill",gravity:"center",source:!0}})}var Ve="summary_large_image",ke=({excludeTags:e=[],twitterTitle:t,keys:r={},...d})=>{let{alt:o}=d,{width:n=1200,height:p=627}=d;n=typeof n=="string"?parseInt(n):n,p=typeof p=="string"?parseInt(p):p;let O=j({...d,width:n,height:p}),C=j({...d,width:n,height:p,format:d.format||"webp"}),l={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...r};return P.default.createElement(he.default,null,P.default.createElement("meta",{key:l["og:image"],property:"og:image",content:O}),P.default.createElement("meta",{key:l["og:image:secure_url"],property:"og:image:secure_url",content:O}),P.default.createElement("meta",{key:l["og:image:width"],property:"og:image:width",content:`${n}`}),P.default.createElement("meta",{key:l["og:image:height"],property:"og:image:height",content:`${p}`}),o&&P.default.createElement("meta",{key:l["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&P.default.createElement("meta",{key:l["twitter:title"],property:"twitter:title",content:t||" "}),P.default.createElement("meta",{key:l["twitter:card"],property:"twitter:card",content:Ve}),P.default.createElement("meta",{key:l["twitter:image"],property:"twitter:image",content:C}))},ne=ke;var Y=h(require("react"));var f=h(require("react")),Ue=h(require("next/script")),b=require("@cloudinary-util/url-loader");function Oe(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Ge=({children:e,config:t,onError:r,onOpen:d,onUpload:o,options:n,signatureEndpoint:p,uploadPreset:O,...C})=>{let l=(0,f.useRef)(),s=(0,f.useRef)(),[_,N]=(0,f.useState)(void 0),[g,i]=(0,f.useState)(void 0),[y,I]=(0,f.useState)(!0),w=L(t),U=p&&(0,b.generateSignatureCallback)({signatureEndpoint:String(p),fetch}),D=(0,b.getUploadWidgetOptions)({uploadPreset:O||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,uploadSignature:U,...n},w),x=(0,b.generateUploadWidgetResultCallback)({onError:a=>{N(a),typeof r=="function"&&r(a,{widget:s.current,...G})},onResult:a=>{if(typeof a?.event!="string")return;i(a);let E=b.UPLOAD_WIDGET_EVENTS[a.event];if(typeof E=="string"&&typeof C[E]=="function"){let $=C[E];$(a,{widget:s.current,...G})}let R=`${E}Action`;if(R&&typeof C[R]=="function"){let $=C[R];$(a)}}});(0,f.useEffect)(()=>{if(typeof g>"u")return;g.event==="success"&&typeof o=="function"&&(process.env.NODE_ENV==="development"&&console.warn("The onUpload callback is deprecated. Please use onSuccess instead."),o(g,s.current))},[g]);function A(){I(!1),l.current||(l.current=window.cloudinary),Oe(()=>{s.current||(s.current=X())})}(0,f.useEffect)(()=>()=>{s.current?.destroy(),s.current=void 0},[]);function c(a,E=[]){if(s.current||(s.current=X()),typeof s?.current[a]=="function")return s.current[a](...E)}function H(a){c("close",[a])}function W(a){return c("destroy",[a])}function S(){c("hide")}function V(){return c("isDestroyed")}function k(){return c("isMinimized")}function m(){return c("isShowing")}function M(){c("minimize")}function Q(a,E){c("open",[a,E]),typeof d=="function"&&d(s.current)}function J(){c("show")}function Z(){c("update")}let G={close:H,destroy:W,hide:S,isDestroyed:V,isMinimized:k,isShowing:m,minimize:M,open:Q,show:J,update:Z};function X(){return l.current?.createUploadWidget(D,x)}return f.default.createElement(f.default.Fragment,null,typeof e=="function"&&e({cloudinary:l.current,widget:s.current,results:g,error:_,isLoading:y,...G}),f.default.createElement(Ue.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:A,onError:a=>console.error(`Failed to load Cloudinary Upload Widget: ${a.message}`)}))},B=Ge;var Re=({className:e,children:t,onClick:r,onError:d,onOpen:o,onUpload:n,onAbort:p,onBatchCancelled:O,onClose:C,onDisplayChanged:l,onPublicId:s,onQueuesEnd:_,onQueuesStart:N,onRetry:g,onShowCompleted:i,onSourceChanged:y,onSuccess:I,onTags:w,onUploadAdded:U,options:D,signatureEndpoint:x,uploadPreset:A,onAbortAction:c,onBatchCancelledAction:H,onCloseAction:W,onDisplayChangedAction:S,onPublicIdAction:V,onQueuesEndAction:k,onQueuesStartAction:m,onRetryAction:M,onShowCompletedAction:Q,onSourceChangedAction:J,onSuccessAction:Z,onTagsAction:G,onUploadAddedAction:X,...a})=>Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(B,{onError:d,onOpen:o,onUpload:n,onAbort:p,onBatchCancelled:O,onClose:C,onDisplayChanged:l,onPublicId:s,onQueuesEnd:_,onQueuesStart:N,onRetry:g,onShowCompleted:i,onSourceChanged:y,onSuccess:I,onTags:w,onUploadAdded:U,options:D,signatureEndpoint:x,uploadPreset:A,onAbortAction:c,onBatchCancelledAction:H,onCloseAction:W,onDisplayChangedAction:S,onPublicIdAction:V,onQueuesEndAction:k,onQueuesStartAction:m,onRetryAction:M,onShowCompletedAction:Q,onSourceChangedAction:J,onSuccessAction:Z,onTagsAction:G,onUploadAddedAction:X},({open:E,isLoading:R})=>{function $(ae){ae.preventDefault(),E(),typeof r=="function"&&r(ae)}return Y.default.createElement("button",{...a,className:e||"",onClick:$,disabled:R},t||"Upload")})),ie=Re;var u=h(require("react")),Pe=h(require("next/script")),we=h(require("next/head")),Ae=require("@cloudinary-util/url-loader");var K=[],Ee="1.11.1",$e=e=>{let{className:t,config:r,height:d,id:o,onDataLoad:n,onError:p,onMetadataLoad:O,onPause:C,onPlay:l,onEnded:s,width:_}=e,N=(0,u.useId)(),g=L(r),i=(0,Ae.getVideoPlayerOptions)(e,g),{publicId:y}=i;if(typeof y>"u")throw new Error("Video Player requires a Public ID or Cloudinary URL - please specify a src prop");let I=(0,u.useRef)(),w=(0,u.useRef)(),U=e.videoRef||w,D=(0,u.useRef)(),x=e.playerRef||D,A=o||`player-${N.replace(/:/g,"")}`,c="cld-video-player cld-fluid";t&&(c=`${c} ${t}`),K.filter(m=>m===A).length>1?console.warn(`Multiple instances of the same video detected on the
2
2
  page which may cause some features to not work.
3
- Try adding a unique id to each player.`):K.push(w);let N={error:p,loadeddata:n,loadedmetadata:O,pause:C,play:l,ended:s};function S(m){let M=N[m.type];typeof M=="function"&&M(k())}function V(){"cloudinary"in window&&(I.current=window.cloudinary,_.current=I.current.videoPlayer(U.current,i),Object.keys(N).forEach(m=>{typeof N[m]=="function"&&_.current?.on(m,S)}))}(0,u.useEffect)(()=>()=>{_.current?.videojs.cloudinary.dispose(),K=K.filter(m=>m!==w)},[]);function k(){return{player:_.current,video:U.current}}return u.default.createElement(u.default.Fragment,null,u.default.createElement(we.default,null,u.default.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${Ee}/dist/cld-video-player.min.css`,rel:"stylesheet"})),u.default.createElement("div",{style:{width:"100%",aspectRatio:`${A} / ${d}`}},u.default.createElement("video",{ref:U,id:w,className:c,width:A,height:d}),u.default.createElement(Pe.default,{id:`cloudinary-videoplayer-${w}`,src:`https://unpkg.com/cloudinary-video-player@${Ee}/dist/cld-video-player.min.js`,onLoad:V,onError:m=>console.error(`Failed to load Cloudinary Video Player: ${m.message}`)})))},de=je;var _e=require("@cloudinary-util/url-loader");function xe(e,t,r){return(0,_e.constructCloudinaryUrl)({options:{assetType:"video",format:"auto:video",...e},config:x(t),analytics:z(r)})}0&&(module.exports={CldImage,CldOgImage,CldUploadButton,CldUploadWidget,CldVideoPlayer,cloudinaryLoader,getCldImageUrl,getCldOgImageUrl,getCldVideoUrl});
3
+ Try adding a unique id to each player.`):K.push(A);let W={error:p,loadeddata:n,loadedmetadata:O,pause:C,play:l,ended:s};function S(m){let M=W[m.type];typeof M=="function"&&M(k())}function V(){"cloudinary"in window&&(I.current=window.cloudinary,x.current=I.current.videoPlayer(U.current,i),Object.keys(W).forEach(m=>{typeof W[m]=="function"&&x.current?.on(m,S)}))}(0,u.useEffect)(()=>()=>{x.current?.videojs.cloudinary.dispose(),K=K.filter(m=>m!==A)},[]);function k(){return{player:x.current,video:U.current}}return u.default.createElement(u.default.Fragment,null,u.default.createElement(we.default,null,u.default.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${Ee}/dist/cld-video-player.min.css`,rel:"stylesheet"})),u.default.createElement("div",{style:{width:"100%",aspectRatio:`${_} / ${d}`}},u.default.createElement("video",{ref:U,id:A,className:c,width:_,height:d}),u.default.createElement(Pe.default,{id:`cloudinary-videoplayer-${A}`,src:`https://unpkg.com/cloudinary-video-player@${Ee}/dist/cld-video-player.min.js`,onLoad:V,onError:m=>console.error(`Failed to load Cloudinary Video Player: ${m.message}`)})))},de=$e;var _e=require("@cloudinary-util/url-loader");function xe(e,t,r){return(0,_e.constructCloudinaryUrl)({options:{assetType:"video",format:"auto:video",...e},config:L(t),analytics:z(r)})}0&&(module.exports={CldImage,CldOgImage,CldUploadButton,CldUploadWidget,CldVideoPlayer,cloudinaryLoader,getCldImageUrl,getCldOgImageUrl,getCldVideoUrl});
4
4
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/components/CldImage/CldImage.tsx","../src/helpers/getCldImageUrl.ts","../src/constants/analytics.ts","../package.json","../src/lib/cloudinary.ts","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/helpers/getCldOgImageUrl.ts","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldVideoUrl.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, CldUploadWidgetPropsChildren } from './components/CldUploadWidget';\nexport type {\n CloudinaryUploadWidgetOptions,\n CloudinaryUploadWidgetResults,\n CloudinaryUploadWidgetInfo,\n CloudinaryUploadWidgetInstanceMethods,\n CloudinaryUploadWidgetInstanceMethodCloseOptions,\n CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n CloudinaryUploadWidgetInstanceMethodOpenOptions,\n CloudinaryUploadWidgetInstanceMethodUpdateOptions,\n CloudinaryUploadWidgetSources,\n CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nexport { default as CldVideoPlayer } from './components/CldVideoPlayer';\nexport type { CldVideoPlayerProps, CldVideoPlayerPropsLogo } from './components/CldVideoPlayer';\nexport type { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsColors, CloudinaryVideoPlayerOptionsLogo } from '@cloudinary-util/types';\n\nexport { cloudinaryLoader } from './loaders/cloudinary-loader';\nexport type { CloudinaryLoader, CloudinaryLoaderLoaderOptions, CloudinaryLoaderCldOptions } from './loaders/cloudinary-loader';\n\nexport { getCldImageUrl } from './helpers/getCldImageUrl';\nexport type { GetCldImageUrlOptions, GetCldImageUrlConfig, GetCldImageUrlAnalytics } from './helpers/getCldImageUrl';\n\nexport { getCldOgImageUrl } from './helpers/getCldOgImageUrl';\nexport type { GetCldOgImageUrlOptions } from './helpers/getCldOgImageUrl';\n\nexport { getCldVideoUrl } from './helpers/getCldVideoUrl';\nexport type { GetCldVideoUrlOptions, GetCldVideoUrlConfig, GetCldVideoUrlAnalytics } from './helpers/getCldVideoUrl';","import React, { useState, useCallback, forwardRef, SyntheticEvent } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { pollForProcessingImage } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions } from '@cloudinary-util/url-loader';\n\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src' | 'quality'> & ImageOptions & {\n config?: ConfigOptions;\n src: string;\n unoptimized?: boolean;\n};\n\nconst CldImage = forwardRef<HTMLImageElement, CldImageProps>(function CldImage(props, ref) {\n let hasThrownError = false;\n\n // Add props here that are intended to only be used for\n // Cloudinary URL construction to avoid them being forwarded\n // to the DOM\n\n const CLD_OPTIONS = [\n 'assetType',\n 'config',\n 'deliveryType',\n 'strictTransformations',\n ];\n\n // Loop through all of the props available on the transformation plugins and verify\n // that we're not accientally applying the same prop twice\n\n // We're also using those props to push into CLD_OPTIONS which helps us filter what\n // props are applied to the underlaying Image component vs what's being sent\n // to Cloudinary URL construction\n\n transformationPlugins.forEach(({ props }: { props: Record<string, unknown> }) => {\n const pluginProps = Object.keys(props);\n pluginProps.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: ImageProps = {\n alt: props.alt,\n src: props.src,\n };\n\n (Object.keys(props) as Array<keyof typeof props>)\n .filter(key => typeof key === 'string' && !CLD_OPTIONS.includes(key))\n .forEach(key => imageProps[key as keyof ImageProps] = props[key]);\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 type CldOptions = Omit<ImageOptions, 'src'>;\n\n const cldOptions: CldOptions = {};\n\n CLD_OPTIONS.forEach((key) => {\n const prop = props[key as keyof ImageOptions];\n if ( prop ) {\n // @ts-expect-error\n cldOptions[key as keyof CldOptions] = prop;\n }\n });\n\n // The unoptimized flag is intended to remove all optimizations including quality, format, and sizing\n // via responsive sizing. When passing this in, it also prevents the `loader` from running, thus\n // breaking this component. This rewrites the `src` to construct a fully formed Cloudinary URL\n // that also disables format and quality transformations, to deliver it as unoptimized\n // See about unoptimized not working with loader: https://github.com/vercel/next.js/issues/50764\n\n const IMAGE_OPTIONS: { unoptimized?: boolean } = (process.env.__NEXT_IMAGE_OPTS || {}) as unknown as object;\n\n if ( props.unoptimized === true || IMAGE_OPTIONS?.unoptimized === true ) {\n imageProps.src = getCldImageUrl({\n ...cldOptions,\n width: imageProps.width,\n height: imageProps.height,\n src: imageProps.src as string,\n format: 'default',\n quality: 'default',\n }, props.config);\n }\n\n /**\n * handleOnError\n */\n\n async function onError(options: SyntheticEvent<HTMLImageElement, Event>) {\n let pollForImage = true;\n\n // The onError function should never fire more than once. The use case for tracking it\n // at all outside of the standard Next Image flow is for scenarios like when Cloudinary\n // is processing an image where we want to try to update the UI upon completion.\n // If this fires a second time, it is likely because of another issue, which will end\n // up triggering an infinite loop if the resulting image keeps erroring and\n // this function sets a key using the current time to force refresh the UI\n\n if ( hasThrownError ) return;\n\n hasThrownError = true;\n\n if ( typeof props.onError === 'function' ) {\n const onErrorResult = props.onError(options);\n\n if ( typeof onErrorResult === 'boolean' && onErrorResult === false ) {\n pollForImage = false;\n }\n } else if ( typeof props.onError === 'boolean' && props.onError === false ) {\n pollForImage = false;\n }\n\n // Give an escape hatch in case the user wants to handle the error themselves\n // or if they want to disable polling for the image\n\n if ( pollForImage === false ) return;\n\n const image = options.target as HTMLImageElement\n const result = await pollForProcessingImage({ src: image.src })\n\n if ( result ) {\n setImgKey(`${defaultImgKey};${Date.now()}`);\n }\n }\n\n const handleOnError = useCallback(onError, [pollForProcessingImage, defaultImgKey]);\n\n // Copypasta from https://github.com/prismicio/prismic-next/pull/79/files\n // Thanks Angelo!\n // TODO: Remove once https://github.com/vercel/next.js/issues/52216 is resolved.\n\n let ResolvedImage = Image;\n\n if (\"default\" in ResolvedImage) {\n ResolvedImage = (ResolvedImage as unknown as { default: typeof Image }).default;\n }\n\n return (\n <ResolvedImage\n key={imgKey}\n {...imageProps}\n loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig: props.config })}\n onError={handleOnError}\n ref={ref}\n />\n );\n});\n\nexport default CldImage;","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldImageUrlOptions = ImageOptions;\nexport type GetCldImageUrlConfig = ConfigOptions;\nexport type GetCldImageUrlAnalytics = AnalyticsOptions;\n\nexport function getCldImageUrl(options: GetCldImageUrlOptions, config?: GetCldImageUrlConfig, analytics?: GetCldImageUrlAnalytics) {\n return constructCloudinaryUrl({\n options,\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID = 'A';\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_VERSION = normalizeVersion(nextPkg.version);\nexport const NEXT_CLOUDINARY_VERSION = normalizeVersion(pkg.version);\n\nfunction normalizeVersion(version: string) {\n let normalized = version;\n if ( normalized.includes('-') ) {\n normalized = normalized.split('-')[0];\n }\n return normalized;\n}","{\n \"name\": \"next-cloudinary\",\n \"version\": \"6.14.2\",\n \"license\": \"MIT\",\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\",\n \"dev\": \"tsup --watch\",\n \"prepublishOnly\": \"cp ../README.md . && cp ../LICENSE . && pnpm build\",\n \"postpublish\": \"rm ./README.md && rm ./LICENSE\",\n \"test\": \"vitest run\",\n \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" pnpm build && cd tests/nextjs-app && npm install && npm run build\",\n \"test:watch\": \"vitest\"\n },\n \"dependencies\": {\n \"@cloudinary-util/types\": \"1.5.10\",\n \"@cloudinary-util/url-loader\": \"5.10.4\",\n \"@cloudinary-util/util\": \"^3.3.2\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.25.2\",\n \"@babel/preset-env\": \"^7.25.3\",\n \"@tsconfig/recommended\": \"^1.0.7\",\n \"@types/node\": \"^22.0.2\",\n \"@types/react\": \"^18.3.3\",\n \"@types/react-dom\": \"^18.3.0\",\n \"dotenv\": \"^16.4.5\",\n \"mkdirp\": \"^3.0.1\",\n \"tsup\": \"^8.2.3\",\n \"typescript\": \"^5.5.4\",\n \"vitest\": \"^2.0.5\"\n },\n \"peerDependencies\": {\n \"next\": \"^12 || ^13 || ^14 || >=15.0.0-rc\",\n \"react\": \"^17 || ^18 || >=19.0.0-beta\"\n }\n}\n","import { AnalyticsOptions, ConfigOptions } from \"@cloudinary-util/url-loader\";\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * pollForProcessingImage\n */\n\nexport interface PollForProcessingImageOptions {\n src: string;\n}\n\nexport async function pollForProcessingImage(options: PollForProcessingImageOptions): 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 // Timeout for 200ms before trying to fetch again to avoid overwhelming requests\n\n if ( e.status === 423 ) {\n await new Promise((resolve) => setTimeout(() => resolve(undefined), 200));\n return await pollForProcessingImage(options);\n }\n return false;\n }\n return true;\n}\n\n/**\n * getCloudinaryConfig\n */\n\nexport function getCloudinaryConfig(config?: ConfigOptions): ConfigOptions {\n const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n\n if (!cloudName) {\n throw new Error('A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.');\n }\n\n const apiKey = config?.cloud?.apiKey ?? process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY;\n const secureDistribution = config?.url?.secureDistribution ?? process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION;\n const privateCdn = config?.url?.privateCdn ?? process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;\n\n return Object.assign({\n cloud: {\n ...config?.cloud,\n apiKey,\n cloudName\n },\n url: {\n ...config?.url,\n secureDistribution,\n privateCdn\n }\n }, config);\n}\n\n/**\n * getCloudinaryAnalytics\n */\n\nexport function getCloudinaryAnalytics(analytics?: AnalyticsOptions) {\n return Object.assign({\n product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }, analytics)\n}","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\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.width = loaderOptions.width;\n\n // The height may change based off of the value passed through via the loader options\n // In an example where the user sizes is 800x600, but the loader is passing in 400\n // due to responsive sizing, we want to ensure we're using a height that will\n // resolve to the same aspect ratio\n \n if ( typeof options.height === 'number' ) {\n options.height = Math.floor(options.height * multiplier);\n }\n } else if ( typeof loaderOptions?.width === 'number' && typeof options?.width !== 'number' ) {\n // If we don't have a width on the options object, this may mean that the component is using\n // the fill option: https://nextjs.org/docs/pages/api-reference/components/image#fill\n // The Fill option does not allow someone to pass in a width or a height\n // If this is the case, we still need to define a width for sizing optimization but also\n // for responsive sizing to take effect, so we can utilize the loader width for the base width\n options.width = loaderOptions?.width;\n }\n\n // @ts-ignore\n return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldOgImageUrl } from '../../helpers/getCldOgImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../../constants/sizes';\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport type CldOgImageProps = CldImageProps & {\n excludeTags?: Array<string>;\n keys?: object;\n twitterTitle?: string;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, keys = {}, ...props }: CldOgImageProps) => {\n const { alt } = props;\n\n // We need to separately handle the width and the height to allow our user to pass in\n // a custom value, but also we need to know this at the component level so that we can\n // use it when rendering the meta tags\n\n let {\n width = OG_IMAGE_WIDTH,\n height = OG_IMAGE_HEIGHT\n } = props;\n\n // Normalize the width and height\n\n width = typeof width === 'string' ? parseInt(width) : width;\n height = typeof height === 'string' ? parseInt(height) : height;\n\n // Render the final URLs. We use two different format versions to deliver\n // webp for Twitter as it supports it (and we can control with tags) where\n // other platforms may not support webp, so we deliver jpg\n\n const ogImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height\n });\n\n const twitterImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height,\n format: props.format || 'webp',\n });\n\n const metaKeys = {\n 'og:image': 'og-image',\n 'og:image:secure_url': 'og-image-secureurl',\n 'og:image:width': 'og-image-width',\n 'og:image:height': 'og-image-height',\n 'og:image:alt': 'og-image-alt',\n 'twitter:title': 'twitter-title',\n 'twitter:card': 'twitter-card',\n 'twitter:image': 'twitter-image',\n ...keys\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 key={metaKeys['og:image']} property=\"og:image\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:secure_url']} property=\"og:image:secure_url\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:width']} property=\"og:image:width\" content={`${width}`} />\n <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${height}`} />\n\n {alt && (\n <meta key={metaKeys['og:image:alt']} property=\"og:image:alt\" content={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 key={metaKeys['twitter:title']} property=\"twitter:title\" content={twitterTitle || ' '} />\n )}\n\n <meta key={metaKeys['twitter:card']} property=\"twitter:card\" content={TWITTER_CARD} />\n <meta key={metaKeys['twitter:image']} property=\"twitter:image\" content={twitterImageUrl} />\n </Head>\n );\n}\n\nexport default CldOgImage;\n","import { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldOgImageUrlOptions = GetCldImageUrlOptions;\n\nexport function getCldOgImageUrl(options: GetCldOgImageUrlOptions) {\n return getCldImageUrl({\n ...options,\n format: options.format || 'jpg',\n width: options.width || OG_IMAGE_WIDTH,\n height: options.height || OG_IMAGE_HEIGHT,\n crop: options.crop || {\n type: 'fill',\n gravity: 'center',\n source: true\n }\n });\n}","import React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n className?: string;\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n className,\n children,\n onClick,\n onError,\n onOpen,\n onUpload,\n onAbort,\n onBatchCancelled,\n onClose,\n onDisplayChanged,\n onPublicId,\n onQueuesEnd,\n onQueuesStart,\n onRetry,\n onShowCompleted,\n onSourceChanged,\n onSuccess,\n onTags,\n onUploadAdded,\n options,\n signatureEndpoint,\n uploadPreset,\n onAbortAction,\n onBatchCancelledAction,\n onCloseAction,\n onDisplayChangedAction,\n onPublicIdAction,\n onQueuesEndAction,\n onQueuesStartAction,\n onRetryAction,\n onShowCompletedAction,\n onSourceChangedAction,\n onSuccessAction,\n onTagsAction,\n onUploadAddedAction,\n ...props\n}: CldUploadButtonProps) => {\n\n return (\n <>\n <CldUploadWidget\n onError={onError}\n onOpen={onOpen}\n onUpload={onUpload}\n onAbort={onAbort}\n onBatchCancelled={onBatchCancelled}\n onClose={onClose}\n onDisplayChanged={onDisplayChanged}\n onPublicId={onPublicId}\n onQueuesEnd={onQueuesEnd}\n onQueuesStart={onQueuesStart}\n onRetry={onRetry}\n onShowCompleted={onShowCompleted}\n onSourceChanged={onSourceChanged}\n onSuccess={onSuccess}\n onTags={onTags}\n onUploadAdded={onUploadAdded}\n options={options}\n signatureEndpoint={signatureEndpoint}\n uploadPreset={uploadPreset}\n onAbortAction={onAbortAction}\n onBatchCancelledAction={onBatchCancelledAction}\n onCloseAction={onCloseAction}\n onDisplayChangedAction={onDisplayChangedAction}\n onPublicIdAction={onPublicIdAction}\n onQueuesEndAction={onQueuesEndAction}\n onQueuesStartAction={onQueuesStartAction}\n onRetryAction={onRetryAction}\n onShowCompletedAction={onShowCompletedAction}\n onSourceChangedAction={onSourceChangedAction}\n onSuccessAction={onSuccessAction}\n onTagsAction={onTagsAction}\n onUploadAddedAction={onUploadAddedAction}\n >\n {({ open, isLoading }) => {\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} className={className || ''} onClick={handleOnClick} disabled={isLoading} >\n {children || 'Upload'}\n </button>\n );\n }}\n </CldUploadWidget>\n </>\n );\n};\n\nexport default CldUploadButton;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Script from 'next/script';\nimport { generateSignatureCallback, generateUploadWidgetResultCallback, getUploadWidgetOptions, UPLOAD_WIDGET_EVENTS } from '@cloudinary-util/url-loader'\nimport {\n CloudinaryUploadWidgetResults,\n CloudinaryUploadWidgetInstanceMethods,\n CloudinaryUploadWidgetInstanceMethodCloseOptions,\n CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n CloudinaryUploadWidgetInstanceMethodOpenOptions,\n CloudinaryUploadWidgetSources,\n CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport {\n CldUploadEventAction,\n CldUploadEventCallback,\n CldUploadWidgetCloudinaryInstance,\n CldUploadWidgetProps,\n CldUploadWidgetWidgetInstance,\n} from './CldUploadWidget.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nconst CldUploadWidget = ({\n children,\n config,\n onError,\n onOpen,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadWidgetProps) => {\n const cloudinary: CldUploadWidgetCloudinaryInstance = useRef();\n const widget: CldUploadWidgetWidgetInstance = useRef();\n\n const [error, setError] = useState<CloudinaryUploadWidgetError | undefined>(undefined);\n const [results, setResults] = useState<CloudinaryUploadWidgetResults | undefined>(undefined);\n const [isScriptLoading, setIsScriptLoading] = useState(true);\n\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 cloudinaryConfig = getCloudinaryConfig(config);\n\n const uploadSignature = signatureEndpoint && generateSignatureCallback({\n signatureEndpoint: String(signatureEndpoint),\n fetch\n });\n\n const uploadOptions = getUploadWidgetOptions({\n uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n uploadSignature,\n ...options,\n }, cloudinaryConfig);\n\n const resultsCallback = generateUploadWidgetResultCallback({\n onError: (uploadError) => {\n setError(uploadError);\n\n if ( typeof onError === 'function' ) {\n onError(uploadError, {\n widget: widget.current,\n ...instanceMethods\n });\n }\n },\n onResult: (uploadResult) => {\n if ( typeof uploadResult?.event !== 'string' ) return;\n\n setResults(uploadResult);\n\n const widgetEvent = UPLOAD_WIDGET_EVENTS[uploadResult.event] as keyof typeof props;\n\n if ( typeof widgetEvent === 'string' && typeof props[widgetEvent] === 'function' ) {\n const callback = props[widgetEvent] as CldUploadEventCallback;\n callback(uploadResult, {\n widget: widget.current,\n ...instanceMethods\n });\n }\n\n const widgetEventAction = `${widgetEvent}Action` as keyof typeof props;\n\n if ( widgetEventAction && typeof props[widgetEventAction] === 'function' ) {\n const action = props[widgetEventAction] as CldUploadEventAction;\n action(uploadResult);\n }\n },\n });\n\n\n // Handle result states and callbacks\n\n useEffect(() => {\n if ( typeof results === 'undefined' ) return;\n\n const isSuccess = results.event === 'success';\n\n if ( isSuccess && typeof onUpload === 'function' ) {\n if ( process.env.NODE_ENVIRONMENT === 'development' ) {\n console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');\n }\n onUpload(results, widget.current);\n }\n }, [results])\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 setIsScriptLoading(false);\n\n if ( !cloudinary.current ) {\n cloudinary.current = (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.current ) {\n widget.current = createWidget();\n }\n });\n }\n\n useEffect(() => {\n return () => {\n widget.current?.destroy();\n widget.current = undefined;\n }\n }, [])\n\n /**\n * Instance Methods\n * Gives the ability to interface directly with the Upload Widget instance methods like open and close\n * https://cloudinary.com/documentation/upload_widget_reference#instance_methods\n */\n\n function invokeInstanceMethod<\n TMethod extends keyof CloudinaryUploadWidgetInstanceMethods\n >(\n method: TMethod,\n options: Parameters<\n CloudinaryUploadWidgetInstanceMethods[TMethod]\n > = [] as Parameters<CloudinaryUploadWidgetInstanceMethods[TMethod]>\n ) {\n if (!widget.current) {\n widget.current = createWidget();\n }\n\n if (typeof widget?.current[method] === \"function\") {\n return widget.current[method](...options);\n }\n }\n\n function close(options?: CloudinaryUploadWidgetInstanceMethodCloseOptions) {\n invokeInstanceMethod('close', [options]);\n }\n\n function destroy(options?: CloudinaryUploadWidgetInstanceMethodDestroyOptions) {\n return invokeInstanceMethod('destroy', [options]);\n }\n\n function hide() {\n invokeInstanceMethod('hide');\n }\n\n function isDestroyed() {\n return invokeInstanceMethod('isDestroyed');\n }\n\n function isMinimized() {\n return invokeInstanceMethod('isMinimized');\n }\n\n function isShowing() {\n return invokeInstanceMethod('isShowing');\n }\n\n function minimize() {\n invokeInstanceMethod('minimize');\n }\n\n function open(widgetSource?: CloudinaryUploadWidgetSources, options?: CloudinaryUploadWidgetInstanceMethodOpenOptions) {\n invokeInstanceMethod('open', [widgetSource, options]);\n\n if ( typeof onOpen === 'function' ) {\n onOpen(widget.current);\n }\n }\n\n function show() {\n invokeInstanceMethod('show');\n }\n\n function update() {\n invokeInstanceMethod('update');\n }\n\n const instanceMethods: CloudinaryUploadWidgetInstanceMethods = {\n close,\n destroy,\n hide,\n isDestroyed,\n isMinimized,\n isShowing,\n minimize,\n open,\n show,\n update,\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 return cloudinary.current?.createUploadWidget(uploadOptions, resultsCallback);\n }\n\n return (\n <>\n {typeof children === 'function' && children({\n cloudinary: cloudinary.current,\n widget: widget.current,\n results,\n error,\n isLoading: isScriptLoading,\n ...instanceMethods,\n })}\n <Script\n id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n src=\"https://upload-widget.cloudinary.com/global/all.js\"\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n />\n </>\n );\n};\n\nexport default CldUploadWidget;","/**\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}","import React, {useRef, MutableRefObject, useEffect, useId} from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\nimport { CloudinaryVideoPlayer } from '@cloudinary-util/types';\nimport { getVideoPlayerOptions } from '@cloudinary-util/url-loader';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nlet playerInstances: string[] = [];\n\nconst PLAYER_VERSION = '1.11.1';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n\n const {\n className,\n config,\n height,\n id,\n onDataLoad,\n onError,\n onMetadataLoad,\n onPause,\n onPlay,\n onEnded,\n width,\n } = props;\n\n const uniqueId = useId();\n\n const cloudinaryConfig = getCloudinaryConfig(config);\n const playerOptions = getVideoPlayerOptions(props, cloudinaryConfig);\n const { publicId } = playerOptions;\n if ( typeof publicId === 'undefined' ) {\n throw new Error('Video Player requires a Public ID or Cloudinary URL - please specify a src prop');\n }\n\n // Setup the refs and allow for the caller to pass through their\n // own ref instance\n\n const cloudinaryRef = useRef<any>();\n const defaultVideoRef = useRef() as MutableRefObject<HTMLVideoElement | null>;\n const videoRef = props.videoRef || defaultVideoRef;\n const defaultPlayerRef = useRef()as MutableRefObject<CloudinaryVideoPlayer | null>;\n const playerRef = props.playerRef || defaultPlayerRef;\n\n const playerId = id || `player-${uniqueId.replace(/:/g, '')}`;\n let playerClassName = 'cld-video-player cld-fluid';\n\n if ( className ) {\n playerClassName = `${playerClassName} ${className}`;\n }\n\n // Check if the same id is being used for multiple video instances.\n const checkForMultipleInstance = playerInstances.filter((id) => id === playerId).length > 1\n if (checkForMultipleInstance) {\n console.warn(`Multiple instances of the same video detected on the\n page which may cause some features to not work.\n Try adding a unique id to each player.`)\n } else {\n playerInstances.push(playerId)\n }\n\n const events: Record<string, Function|undefined> = {\n error: onError,\n loadeddata: onDataLoad,\n loadedmetadata: onMetadataLoad,\n pause: onPause,\n play: onPlay,\n ended: onEnded\n };\n\n /**\n * handleEvent\n * @description Event handler for all player events\n */\n\n function handleEvent(event: { type: 'string' }) {\n const activeEvent = events[event.type];\n\n if ( typeof activeEvent === 'function' ) {\n activeEvent(getPlayerRefs());\n }\n }\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' in window ) {\n cloudinaryRef.current = window.cloudinary;\n playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, playerOptions);\n\n Object.keys(events).forEach((key) => {\n if ( typeof events[key] === 'function' ) {\n playerRef.current?.on(key, handleEvent);\n }\n });\n }\n }\n\n useEffect(() => {\n\n return () => {\n playerRef.current?.videojs.cloudinary.dispose();\n playerInstances = playerInstances.filter((id) => id !== playerId)\n }\n }, []);\n\n /**\n *getPlayerRefs\n */\n\n function getPlayerRefs() {\n return {\n player: playerRef.current,\n video: videoRef.current\n }\n }\n\n return (\n <>\n <Head>\n <link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n </Head>\n <div style={{ width: '100%', aspectRatio: `${width} / ${height}`}}>\n <video\n ref={videoRef}\n id={playerId}\n className={playerClassName}\n width={width}\n height={height}\n />\n <Script\n id={`cloudinary-videoplayer-${playerId}`}\n src={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`}\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)}\n />\n </div>\n </>\n );\n};\n\nexport default CldVideoPlayer;\n","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { VideoOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldVideoUrl\n */\n\nexport type GetCldVideoUrlOptions = VideoOptions;\nexport type GetCldVideoUrlConfig = ConfigOptions;\nexport type GetCldVideoUrlAnalytics = AnalyticsOptions;\n\nexport function getCldVideoUrl(options: GetCldVideoUrlOptions, config?: GetCldVideoUrlConfig, analytics?: GetCldVideoUrlAnalytics) {\n return constructCloudinaryUrl({\n options: {\n assetType: 'video',\n format: 'auto:video',\n ...options\n },\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n"],"mappings":"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","names":["src_exports","__export","CldImage_default","CldOgImage_default","CldUploadButton_default","CldUploadWidget_default","CldVideoPlayer_default","cloudinaryLoader","getCldImageUrl","getCldOgImageUrl","getCldVideoUrl","__toCommonJS","import_react","import_image","import_util","import_url_loader","import_url_loader","import_package","package_default","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_VERSION","normalizeVersion","nextPkg","NEXT_CLOUDINARY_VERSION","package_default","version","normalized","getCloudinaryConfig","config","cloudName","apiKey","secureDistribution","privateCdn","getCloudinaryAnalytics","analytics","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","getCldImageUrl","options","config","analytics","getCloudinaryConfig","getCloudinaryAnalytics","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","ref","hasThrownError","CLD_OPTIONS","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","cldOptions","IMAGE_OPTIONS","getCldImageUrl","onError","options","pollForImage","onErrorResult","image","handleOnError","ResolvedImage","Image","React","loaderOptions","cloudinaryLoader","CldImage_default","import_react","import_head","getCldOgImageUrl","options","getCldImageUrl","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","width","height","ogImageUrl","getCldOgImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","import_react","import_react","import_script","import_url_loader","triggerOnIdle","callback","CldUploadWidget","children","config","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","props","cloudinary","widget","error","setError","results","setResults","isScriptLoading","setIsScriptLoading","cloudinaryConfig","getCloudinaryConfig","uploadSignature","uploadOptions","resultsCallback","uploadError","instanceMethods","uploadResult","widgetEvent","callback","widgetEventAction","action","handleOnLoad","triggerOnIdle","createWidget","invokeInstanceMethod","method","close","destroy","hide","isDestroyed","isMinimized","isShowing","minimize","open","widgetSource","show","update","React","Script","e","CldUploadWidget_default","CldUploadButton","className","children","onClick","onError","onOpen","onUpload","onAbort","onBatchCancelled","onClose","onDisplayChanged","onPublicId","onQueuesEnd","onQueuesStart","onRetry","onShowCompleted","onSourceChanged","onSuccess","onTags","onUploadAdded","options","signatureEndpoint","uploadPreset","onAbortAction","onBatchCancelledAction","onCloseAction","onDisplayChangedAction","onPublicIdAction","onQueuesEndAction","onQueuesStartAction","onRetryAction","onShowCompletedAction","onSourceChangedAction","onSuccessAction","onTagsAction","onUploadAddedAction","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","import_url_loader","playerInstances","PLAYER_VERSION","CldVideoPlayer","props","className","config","height","id","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","width","uniqueId","cloudinaryConfig","getCloudinaryConfig","playerOptions","publicId","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","key","React","Head","Script","e","CldVideoPlayer_default","import_url_loader","getCldVideoUrl","options","config","analytics","getCloudinaryConfig","getCloudinaryAnalytics"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/components/CldImage/CldImage.tsx","../src/helpers/getCldImageUrl.ts","../src/constants/analytics.ts","../package.json","../src/lib/cloudinary.ts","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/helpers/getCldOgImageUrl.ts","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldVideoUrl.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, CldUploadWidgetPropsChildren } from './components/CldUploadWidget';\nexport type {\n CloudinaryUploadWidgetOptions,\n CloudinaryUploadWidgetResults,\n CloudinaryUploadWidgetInfo,\n CloudinaryUploadWidgetInstanceMethods,\n CloudinaryUploadWidgetInstanceMethodCloseOptions,\n CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n CloudinaryUploadWidgetInstanceMethodOpenOptions,\n CloudinaryUploadWidgetInstanceMethodUpdateOptions,\n CloudinaryUploadWidgetSources,\n CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nexport { default as CldVideoPlayer } from './components/CldVideoPlayer';\nexport type { CldVideoPlayerProps, CldVideoPlayerPropsLogo } from './components/CldVideoPlayer';\nexport type { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsColors, CloudinaryVideoPlayerOptionsLogo } from '@cloudinary-util/types';\n\nexport { cloudinaryLoader } from './loaders/cloudinary-loader';\nexport type { CloudinaryLoader, CloudinaryLoaderLoaderOptions, CloudinaryLoaderCldOptions } from './loaders/cloudinary-loader';\n\nexport { getCldImageUrl } from './helpers/getCldImageUrl';\nexport type { GetCldImageUrlOptions, GetCldImageUrlConfig, GetCldImageUrlAnalytics } from './helpers/getCldImageUrl';\n\nexport { getCldOgImageUrl } from './helpers/getCldOgImageUrl';\nexport type { GetCldOgImageUrlOptions } from './helpers/getCldOgImageUrl';\n\nexport { getCldVideoUrl } from './helpers/getCldVideoUrl';\nexport type { GetCldVideoUrlOptions, GetCldVideoUrlConfig, GetCldVideoUrlAnalytics } from './helpers/getCldVideoUrl';","import React, { useState, useCallback, forwardRef, SyntheticEvent } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { pollForProcessingImage } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions } from '@cloudinary-util/url-loader';\n\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src' | 'quality'> & ImageOptions & {\n config?: ConfigOptions;\n src: string;\n unoptimized?: boolean;\n};\n\nconst CldImage = forwardRef<HTMLImageElement, CldImageProps>(function CldImage(props, ref) {\n let hasThrownError = false;\n\n // Add props here that are intended to only be used for\n // Cloudinary URL construction to avoid them being forwarded\n // to the DOM\n\n const CLD_OPTIONS = [\n 'assetType',\n 'config',\n 'deliveryType',\n 'strictTransformations',\n ];\n\n // Loop through all of the props available on the transformation plugins and verify\n // that we're not accientally applying the same prop twice\n\n // We're also using those props to push into CLD_OPTIONS which helps us filter what\n // props are applied to the underlaying Image component vs what's being sent\n // to Cloudinary URL construction\n\n transformationPlugins.forEach(({ props }: { props: Record<string, unknown> }) => {\n const pluginProps = Object.keys(props);\n pluginProps.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: ImageProps = {\n alt: props.alt,\n src: props.src,\n };\n\n (Object.keys(props) as Array<keyof typeof props>)\n .filter(key => typeof key === 'string' && !CLD_OPTIONS.includes(key))\n .forEach(key => imageProps[key as keyof ImageProps] = props[key]);\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 type CldOptions = Omit<ImageOptions, 'src'>;\n\n const cldOptions: CldOptions = {};\n\n CLD_OPTIONS.forEach((key) => {\n const prop = props[key as keyof ImageOptions];\n if ( prop ) {\n // @ts-expect-error\n cldOptions[key as keyof CldOptions] = prop;\n }\n });\n\n // The unoptimized flag is intended to remove all optimizations including quality, format, and sizing\n // via responsive sizing. When passing this in, it also prevents the `loader` from running, thus\n // breaking this component. This rewrites the `src` to construct a fully formed Cloudinary URL\n // that also disables format and quality transformations, to deliver it as unoptimized\n // See about unoptimized not working with loader: https://github.com/vercel/next.js/issues/50764\n\n const IMAGE_OPTIONS: { unoptimized?: boolean } = (process.env.__NEXT_IMAGE_OPTS || {}) as unknown as object;\n\n if ( props.unoptimized === true || IMAGE_OPTIONS?.unoptimized === true ) {\n imageProps.src = getCldImageUrl({\n ...cldOptions,\n width: imageProps.width,\n height: imageProps.height,\n src: imageProps.src as string,\n format: 'default',\n quality: 'default',\n }, props.config);\n }\n\n /**\n * handleOnError\n */\n\n async function onError(options: SyntheticEvent<HTMLImageElement, Event>) {\n let pollForImage = true;\n\n // The onError function should never fire more than once. The use case for tracking it\n // at all outside of the standard Next Image flow is for scenarios like when Cloudinary\n // is processing an image where we want to try to update the UI upon completion.\n // If this fires a second time, it is likely because of another issue, which will end\n // up triggering an infinite loop if the resulting image keeps erroring and\n // this function sets a key using the current time to force refresh the UI\n\n if ( hasThrownError ) return;\n\n hasThrownError = true;\n\n if ( typeof props.onError === 'function' ) {\n const onErrorResult = props.onError(options);\n\n if ( typeof onErrorResult === 'boolean' && onErrorResult === false ) {\n pollForImage = false;\n }\n } else if ( typeof props.onError === 'boolean' && props.onError === false ) {\n pollForImage = false;\n }\n\n // Give an escape hatch in case the user wants to handle the error themselves\n // or if they want to disable polling for the image\n\n if ( pollForImage === false ) return;\n\n const image = options.target as HTMLImageElement\n const result = await pollForProcessingImage({ src: image.src })\n\n if ( typeof result.error === 'string' && process.env.NODE_ENV === 'development' ) {\n console.error(`[CldImage] Failed to load image ${props.src}: ${result.error}`)\n }\n\n if ( result.success ) {\n setImgKey(`${defaultImgKey};${Date.now()}`);\n }\n }\n\n const handleOnError = useCallback(onError, [pollForProcessingImage, defaultImgKey]);\n\n // Copypasta from https://github.com/prismicio/prismic-next/pull/79/files\n // Thanks Angelo!\n // TODO: Remove once https://github.com/vercel/next.js/issues/52216 is resolved.\n\n let ResolvedImage = Image;\n\n if (\"default\" in ResolvedImage) {\n ResolvedImage = (ResolvedImage as unknown as { default: typeof Image }).default;\n }\n\n return (\n <ResolvedImage\n key={imgKey}\n {...imageProps}\n loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig: props.config })}\n onError={handleOnError}\n ref={ref}\n />\n );\n});\n\nexport default CldImage;","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldImageUrlOptions = ImageOptions;\nexport type GetCldImageUrlConfig = ConfigOptions;\nexport type GetCldImageUrlAnalytics = AnalyticsOptions;\n\nexport function getCldImageUrl(options: GetCldImageUrlOptions, config?: GetCldImageUrlConfig, analytics?: GetCldImageUrlAnalytics) {\n return constructCloudinaryUrl({\n options,\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID = 'A';\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_VERSION = normalizeVersion(nextPkg.version);\nexport const NEXT_CLOUDINARY_VERSION = normalizeVersion(pkg.version);\n\nfunction normalizeVersion(version: string) {\n let normalized = version;\n if ( normalized.includes('-') ) {\n normalized = normalized.split('-')[0];\n }\n return normalized;\n}","{\n \"name\": \"next-cloudinary\",\n \"version\": \"6.16.0\",\n \"license\": \"MIT\",\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\",\n \"dev\": \"tsup --watch\",\n \"prepublishOnly\": \"cp ../README.md . && cp ../LICENSE . && pnpm build\",\n \"postpublish\": \"rm ./README.md && rm ./LICENSE\",\n \"test\": \"vitest run\",\n \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" pnpm build && cd tests/nextjs-app && npm install && npm run build\",\n \"test:watch\": \"vitest\"\n },\n \"dependencies\": {\n \"@cloudinary-util/types\": \"1.5.10\",\n \"@cloudinary-util/url-loader\": \"5.10.4\",\n \"@cloudinary-util/util\": \"4.0.0\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.25.2\",\n \"@babel/preset-env\": \"^7.25.3\",\n \"@tsconfig/recommended\": \"^1.0.7\",\n \"@types/node\": \"^22.0.2\",\n \"@types/react\": \"^18.3.3\",\n \"@types/react-dom\": \"^18.3.0\",\n \"dotenv\": \"^16.4.5\",\n \"mkdirp\": \"^3.0.1\",\n \"tsup\": \"^8.2.3\",\n \"typescript\": \"^5.5.4\",\n \"vitest\": \"^2.0.5\"\n },\n \"peerDependencies\": {\n \"next\": \"^12 || ^13 || ^14 || >=15.0.0-rc || ^15\",\n \"react\": \"^17 || ^18 || >=19.0.0-beta || ^19\"\n }\n}\n","import { AnalyticsOptions, ConfigOptions } from \"@cloudinary-util/url-loader\";\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * pollForProcessingImage\n */\n\nexport interface PollForProcessingImageOptions {\n src: string;\n}\n\nexport async function pollForProcessingImage(options: PollForProcessingImageOptions): 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 // Timeout for 200ms before trying to fetch again to avoid overwhelming requests\n\n if ( e.status === 423 ) {\n await new Promise((resolve) => setTimeout(() => resolve(undefined), 200));\n return await pollForProcessingImage(options);\n }\n return false;\n }\n return true;\n}\n\n/**\n * getCloudinaryConfig\n */\n\nexport function getCloudinaryConfig(config?: ConfigOptions): ConfigOptions {\n const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n\n if (!cloudName) {\n throw new Error('A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.');\n }\n\n const apiKey = config?.cloud?.apiKey ?? process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY;\n const secureDistribution = config?.url?.secureDistribution ?? process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION;\n const privateCdn = config?.url?.privateCdn ?? process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;\n\n return Object.assign({\n cloud: {\n ...config?.cloud,\n apiKey,\n cloudName\n },\n url: {\n ...config?.url,\n secureDistribution,\n privateCdn\n }\n }, config);\n}\n\n/**\n * getCloudinaryAnalytics\n */\n\nexport function getCloudinaryAnalytics(analytics?: AnalyticsOptions) {\n return Object.assign({\n product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }, analytics)\n}","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\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.width = loaderOptions.width;\n\n // The height may change based off of the value passed through via the loader options\n // In an example where the user sizes is 800x600, but the loader is passing in 400\n // due to responsive sizing, we want to ensure we're using a height that will\n // resolve to the same aspect ratio\n \n if ( typeof options.height === 'number' ) {\n options.height = Math.floor(options.height * multiplier);\n }\n } else if ( typeof loaderOptions?.width === 'number' && typeof options?.width !== 'number' ) {\n // If we don't have a width on the options object, this may mean that the component is using\n // the fill option: https://nextjs.org/docs/pages/api-reference/components/image#fill\n // The Fill option does not allow someone to pass in a width or a height\n // If this is the case, we still need to define a width for sizing optimization but also\n // for responsive sizing to take effect, so we can utilize the loader width for the base width\n options.width = loaderOptions?.width;\n }\n\n // @ts-ignore\n return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldOgImageUrl } from '../../helpers/getCldOgImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../../constants/sizes';\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport type CldOgImageProps = CldImageProps & {\n excludeTags?: Array<string>;\n keys?: object;\n twitterTitle?: string;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, keys = {}, ...props }: CldOgImageProps) => {\n const { alt } = props;\n\n // We need to separately handle the width and the height to allow our user to pass in\n // a custom value, but also we need to know this at the component level so that we can\n // use it when rendering the meta tags\n\n let {\n width = OG_IMAGE_WIDTH,\n height = OG_IMAGE_HEIGHT\n } = props;\n\n // Normalize the width and height\n\n width = typeof width === 'string' ? parseInt(width) : width;\n height = typeof height === 'string' ? parseInt(height) : height;\n\n // Render the final URLs. We use two different format versions to deliver\n // webp for Twitter as it supports it (and we can control with tags) where\n // other platforms may not support webp, so we deliver jpg\n\n const ogImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height\n });\n\n const twitterImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height,\n format: props.format || 'webp',\n });\n\n const metaKeys = {\n 'og:image': 'og-image',\n 'og:image:secure_url': 'og-image-secureurl',\n 'og:image:width': 'og-image-width',\n 'og:image:height': 'og-image-height',\n 'og:image:alt': 'og-image-alt',\n 'twitter:title': 'twitter-title',\n 'twitter:card': 'twitter-card',\n 'twitter:image': 'twitter-image',\n ...keys\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 key={metaKeys['og:image']} property=\"og:image\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:secure_url']} property=\"og:image:secure_url\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:width']} property=\"og:image:width\" content={`${width}`} />\n <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${height}`} />\n\n {alt && (\n <meta key={metaKeys['og:image:alt']} property=\"og:image:alt\" content={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 key={metaKeys['twitter:title']} property=\"twitter:title\" content={twitterTitle || ' '} />\n )}\n\n <meta key={metaKeys['twitter:card']} property=\"twitter:card\" content={TWITTER_CARD} />\n <meta key={metaKeys['twitter:image']} property=\"twitter:image\" content={twitterImageUrl} />\n </Head>\n );\n}\n\nexport default CldOgImage;\n","import { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldOgImageUrlOptions = GetCldImageUrlOptions;\n\nexport function getCldOgImageUrl(options: GetCldOgImageUrlOptions) {\n return getCldImageUrl({\n ...options,\n format: options.format || 'jpg',\n width: options.width || OG_IMAGE_WIDTH,\n height: options.height || OG_IMAGE_HEIGHT,\n crop: options.crop || {\n type: 'fill',\n gravity: 'center',\n source: true\n }\n });\n}","import React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n className?: string;\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n className,\n children,\n onClick,\n onError,\n onOpen,\n onUpload,\n onAbort,\n onBatchCancelled,\n onClose,\n onDisplayChanged,\n onPublicId,\n onQueuesEnd,\n onQueuesStart,\n onRetry,\n onShowCompleted,\n onSourceChanged,\n onSuccess,\n onTags,\n onUploadAdded,\n options,\n signatureEndpoint,\n uploadPreset,\n onAbortAction,\n onBatchCancelledAction,\n onCloseAction,\n onDisplayChangedAction,\n onPublicIdAction,\n onQueuesEndAction,\n onQueuesStartAction,\n onRetryAction,\n onShowCompletedAction,\n onSourceChangedAction,\n onSuccessAction,\n onTagsAction,\n onUploadAddedAction,\n ...props\n}: CldUploadButtonProps) => {\n\n return (\n <>\n <CldUploadWidget\n onError={onError}\n onOpen={onOpen}\n onUpload={onUpload}\n onAbort={onAbort}\n onBatchCancelled={onBatchCancelled}\n onClose={onClose}\n onDisplayChanged={onDisplayChanged}\n onPublicId={onPublicId}\n onQueuesEnd={onQueuesEnd}\n onQueuesStart={onQueuesStart}\n onRetry={onRetry}\n onShowCompleted={onShowCompleted}\n onSourceChanged={onSourceChanged}\n onSuccess={onSuccess}\n onTags={onTags}\n onUploadAdded={onUploadAdded}\n options={options}\n signatureEndpoint={signatureEndpoint}\n uploadPreset={uploadPreset}\n onAbortAction={onAbortAction}\n onBatchCancelledAction={onBatchCancelledAction}\n onCloseAction={onCloseAction}\n onDisplayChangedAction={onDisplayChangedAction}\n onPublicIdAction={onPublicIdAction}\n onQueuesEndAction={onQueuesEndAction}\n onQueuesStartAction={onQueuesStartAction}\n onRetryAction={onRetryAction}\n onShowCompletedAction={onShowCompletedAction}\n onSourceChangedAction={onSourceChangedAction}\n onSuccessAction={onSuccessAction}\n onTagsAction={onTagsAction}\n onUploadAddedAction={onUploadAddedAction}\n >\n {({ open, isLoading }) => {\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} className={className || ''} onClick={handleOnClick} disabled={isLoading} >\n {children || 'Upload'}\n </button>\n );\n }}\n </CldUploadWidget>\n </>\n );\n};\n\nexport default CldUploadButton;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Script from 'next/script';\nimport { generateSignatureCallback, generateUploadWidgetResultCallback, getUploadWidgetOptions, UPLOAD_WIDGET_EVENTS } from '@cloudinary-util/url-loader'\nimport {\n CloudinaryUploadWidgetResults,\n CloudinaryUploadWidgetInstanceMethods,\n CloudinaryUploadWidgetInstanceMethodCloseOptions,\n CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n CloudinaryUploadWidgetInstanceMethodOpenOptions,\n CloudinaryUploadWidgetSources,\n CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport {\n CldUploadEventAction,\n CldUploadEventCallback,\n CldUploadWidgetCloudinaryInstance,\n CldUploadWidgetProps,\n CldUploadWidgetWidgetInstance,\n} from './CldUploadWidget.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nconst CldUploadWidget = ({\n children,\n config,\n onError,\n onOpen,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadWidgetProps) => {\n const cloudinary: CldUploadWidgetCloudinaryInstance = useRef();\n const widget: CldUploadWidgetWidgetInstance = useRef();\n\n const [error, setError] = useState<CloudinaryUploadWidgetError | undefined>(undefined);\n const [results, setResults] = useState<CloudinaryUploadWidgetResults | undefined>(undefined);\n const [isScriptLoading, setIsScriptLoading] = useState(true);\n\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 cloudinaryConfig = getCloudinaryConfig(config);\n\n const uploadSignature = signatureEndpoint && generateSignatureCallback({\n signatureEndpoint: String(signatureEndpoint),\n fetch\n });\n\n const uploadOptions = getUploadWidgetOptions({\n uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n uploadSignature,\n ...options,\n }, cloudinaryConfig);\n\n const resultsCallback = generateUploadWidgetResultCallback({\n onError: (uploadError) => {\n setError(uploadError);\n\n if ( typeof onError === 'function' ) {\n onError(uploadError, {\n widget: widget.current,\n ...instanceMethods\n });\n }\n },\n onResult: (uploadResult) => {\n if ( typeof uploadResult?.event !== 'string' ) return;\n\n setResults(uploadResult);\n\n const widgetEvent = UPLOAD_WIDGET_EVENTS[uploadResult.event] as keyof typeof props;\n\n if ( typeof widgetEvent === 'string' && typeof props[widgetEvent] === 'function' ) {\n const callback = props[widgetEvent] as CldUploadEventCallback;\n callback(uploadResult, {\n widget: widget.current,\n ...instanceMethods\n });\n }\n\n const widgetEventAction = `${widgetEvent}Action` as keyof typeof props;\n\n if ( widgetEventAction && typeof props[widgetEventAction] === 'function' ) {\n const action = props[widgetEventAction] as CldUploadEventAction;\n action(uploadResult);\n }\n },\n });\n\n\n // Handle result states and callbacks\n\n useEffect(() => {\n if ( typeof results === 'undefined' ) return;\n\n const isSuccess = results.event === 'success';\n\n if ( isSuccess && typeof onUpload === 'function' ) {\n if ( process.env.NODE_ENV === 'development' ) {\n console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');\n }\n onUpload(results, widget.current);\n }\n }, [results])\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 setIsScriptLoading(false);\n\n if ( !cloudinary.current ) {\n cloudinary.current = (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.current ) {\n widget.current = createWidget();\n }\n });\n }\n\n useEffect(() => {\n return () => {\n widget.current?.destroy();\n widget.current = undefined;\n }\n }, [])\n\n /**\n * Instance Methods\n * Gives the ability to interface directly with the Upload Widget instance methods like open and close\n * https://cloudinary.com/documentation/upload_widget_reference#instance_methods\n */\n\n function invokeInstanceMethod<\n TMethod extends keyof CloudinaryUploadWidgetInstanceMethods\n >(\n method: TMethod,\n options: Parameters<\n CloudinaryUploadWidgetInstanceMethods[TMethod]\n > = [] as Parameters<CloudinaryUploadWidgetInstanceMethods[TMethod]>\n ) {\n if (!widget.current) {\n widget.current = createWidget();\n }\n\n if (typeof widget?.current[method] === \"function\") {\n return widget.current[method](...options);\n }\n }\n\n function close(options?: CloudinaryUploadWidgetInstanceMethodCloseOptions) {\n invokeInstanceMethod('close', [options]);\n }\n\n function destroy(options?: CloudinaryUploadWidgetInstanceMethodDestroyOptions) {\n return invokeInstanceMethod('destroy', [options]);\n }\n\n function hide() {\n invokeInstanceMethod('hide');\n }\n\n function isDestroyed() {\n return invokeInstanceMethod('isDestroyed');\n }\n\n function isMinimized() {\n return invokeInstanceMethod('isMinimized');\n }\n\n function isShowing() {\n return invokeInstanceMethod('isShowing');\n }\n\n function minimize() {\n invokeInstanceMethod('minimize');\n }\n\n function open(widgetSource?: CloudinaryUploadWidgetSources, options?: CloudinaryUploadWidgetInstanceMethodOpenOptions) {\n invokeInstanceMethod('open', [widgetSource, options]);\n\n if ( typeof onOpen === 'function' ) {\n onOpen(widget.current);\n }\n }\n\n function show() {\n invokeInstanceMethod('show');\n }\n\n function update() {\n invokeInstanceMethod('update');\n }\n\n const instanceMethods: CloudinaryUploadWidgetInstanceMethods = {\n close,\n destroy,\n hide,\n isDestroyed,\n isMinimized,\n isShowing,\n minimize,\n open,\n show,\n update,\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 return cloudinary.current?.createUploadWidget(uploadOptions, resultsCallback);\n }\n\n return (\n <>\n {typeof children === 'function' && children({\n cloudinary: cloudinary.current,\n widget: widget.current,\n results,\n error,\n isLoading: isScriptLoading,\n ...instanceMethods,\n })}\n <Script\n id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n src=\"https://upload-widget.cloudinary.com/global/all.js\"\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n />\n </>\n );\n};\n\nexport default CldUploadWidget;","/**\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}","import React, {useRef, MutableRefObject, useEffect, useId} from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\nimport { CloudinaryVideoPlayer } from '@cloudinary-util/types';\nimport { getVideoPlayerOptions } from '@cloudinary-util/url-loader';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nlet playerInstances: string[] = [];\n\nconst PLAYER_VERSION = '1.11.1';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n\n const {\n className,\n config,\n height,\n id,\n onDataLoad,\n onError,\n onMetadataLoad,\n onPause,\n onPlay,\n onEnded,\n width,\n } = props;\n\n const uniqueId = useId();\n\n const cloudinaryConfig = getCloudinaryConfig(config);\n const playerOptions = getVideoPlayerOptions(props, cloudinaryConfig);\n const { publicId } = playerOptions;\n if ( typeof publicId === 'undefined' ) {\n throw new Error('Video Player requires a Public ID or Cloudinary URL - please specify a src prop');\n }\n\n // Setup the refs and allow for the caller to pass through their\n // own ref instance\n\n const cloudinaryRef = useRef<any>();\n const defaultVideoRef = useRef() as MutableRefObject<HTMLVideoElement | null>;\n const videoRef = props.videoRef || defaultVideoRef;\n const defaultPlayerRef = useRef()as MutableRefObject<CloudinaryVideoPlayer | null>;\n const playerRef = props.playerRef || defaultPlayerRef;\n\n const playerId = id || `player-${uniqueId.replace(/:/g, '')}`;\n let playerClassName = 'cld-video-player cld-fluid';\n\n if ( className ) {\n playerClassName = `${playerClassName} ${className}`;\n }\n\n // Check if the same id is being used for multiple video instances.\n const checkForMultipleInstance = playerInstances.filter((id) => id === playerId).length > 1\n if (checkForMultipleInstance) {\n console.warn(`Multiple instances of the same video detected on the\n page which may cause some features to not work.\n Try adding a unique id to each player.`)\n } else {\n playerInstances.push(playerId)\n }\n\n const events: Record<string, Function|undefined> = {\n error: onError,\n loadeddata: onDataLoad,\n loadedmetadata: onMetadataLoad,\n pause: onPause,\n play: onPlay,\n ended: onEnded\n };\n\n /**\n * handleEvent\n * @description Event handler for all player events\n */\n\n function handleEvent(event: { type: 'string' }) {\n const activeEvent = events[event.type];\n\n if ( typeof activeEvent === 'function' ) {\n activeEvent(getPlayerRefs());\n }\n }\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' in window ) {\n cloudinaryRef.current = window.cloudinary;\n playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, playerOptions);\n\n Object.keys(events).forEach((key) => {\n if ( typeof events[key] === 'function' ) {\n playerRef.current?.on(key, handleEvent);\n }\n });\n }\n }\n\n useEffect(() => {\n\n return () => {\n playerRef.current?.videojs.cloudinary.dispose();\n playerInstances = playerInstances.filter((id) => id !== playerId)\n }\n }, []);\n\n /**\n *getPlayerRefs\n */\n\n function getPlayerRefs() {\n return {\n player: playerRef.current,\n video: videoRef.current\n }\n }\n\n return (\n <>\n <Head>\n <link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n </Head>\n <div style={{ width: '100%', aspectRatio: `${width} / ${height}`}}>\n <video\n ref={videoRef}\n id={playerId}\n className={playerClassName}\n width={width}\n height={height}\n />\n <Script\n id={`cloudinary-videoplayer-${playerId}`}\n src={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`}\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)}\n />\n </div>\n </>\n );\n};\n\nexport default CldVideoPlayer;\n","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { VideoOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldVideoUrl\n */\n\nexport type GetCldVideoUrlOptions = VideoOptions;\nexport type GetCldVideoUrlConfig = ConfigOptions;\nexport type GetCldVideoUrlAnalytics = AnalyticsOptions;\n\nexport function getCldVideoUrl(options: GetCldVideoUrlOptions, config?: GetCldVideoUrlConfig, analytics?: GetCldVideoUrlAnalytics) {\n return constructCloudinaryUrl({\n options: {\n assetType: 'video',\n format: 'auto:video',\n ...options\n },\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n"],"mappings":"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","names":["src_exports","__export","CldImage_default","CldOgImage_default","CldUploadButton_default","CldUploadWidget_default","CldVideoPlayer_default","cloudinaryLoader","getCldImageUrl","getCldOgImageUrl","getCldVideoUrl","__toCommonJS","import_react","import_image","import_util","import_url_loader","import_url_loader","import_package","package_default","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_VERSION","normalizeVersion","nextPkg","NEXT_CLOUDINARY_VERSION","package_default","version","normalized","getCloudinaryConfig","config","cloudName","apiKey","secureDistribution","privateCdn","getCloudinaryAnalytics","analytics","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","getCldImageUrl","options","config","analytics","getCloudinaryConfig","getCloudinaryAnalytics","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","ref","hasThrownError","CLD_OPTIONS","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","cldOptions","IMAGE_OPTIONS","getCldImageUrl","onError","options","pollForImage","onErrorResult","image","result","handleOnError","ResolvedImage","Image","React","loaderOptions","cloudinaryLoader","CldImage_default","import_react","import_head","getCldOgImageUrl","options","getCldImageUrl","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","width","height","ogImageUrl","getCldOgImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","import_react","import_react","import_script","import_url_loader","triggerOnIdle","callback","CldUploadWidget","children","config","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","props","cloudinary","widget","error","setError","results","setResults","isScriptLoading","setIsScriptLoading","cloudinaryConfig","getCloudinaryConfig","uploadSignature","uploadOptions","resultsCallback","uploadError","instanceMethods","uploadResult","widgetEvent","callback","widgetEventAction","action","handleOnLoad","triggerOnIdle","createWidget","invokeInstanceMethod","method","close","destroy","hide","isDestroyed","isMinimized","isShowing","minimize","open","widgetSource","show","update","React","Script","e","CldUploadWidget_default","CldUploadButton","className","children","onClick","onError","onOpen","onUpload","onAbort","onBatchCancelled","onClose","onDisplayChanged","onPublicId","onQueuesEnd","onQueuesStart","onRetry","onShowCompleted","onSourceChanged","onSuccess","onTags","onUploadAdded","options","signatureEndpoint","uploadPreset","onAbortAction","onBatchCancelledAction","onCloseAction","onDisplayChangedAction","onPublicIdAction","onQueuesEndAction","onQueuesStartAction","onRetryAction","onShowCompletedAction","onSourceChangedAction","onSuccessAction","onTagsAction","onUploadAddedAction","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","import_url_loader","playerInstances","PLAYER_VERSION","CldVideoPlayer","props","className","config","height","id","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","width","uniqueId","cloudinaryConfig","getCloudinaryConfig","playerOptions","publicId","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","key","React","Head","Script","e","CldVideoPlayer_default","import_url_loader","getCldVideoUrl","options","config","analytics","getCloudinaryConfig","getCloudinaryAnalytics"]}
package/dist/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import he,{useState as Oe,useCallback as Ue,forwardRef as Ee}from"react";import Pe from"next/image";import{pollForProcessingImage as ae}from"@cloudinary-util/util";import{transformationPlugins as we}from"@cloudinary-util/url-loader";import{constructCloudinaryUrl as Ie}from"@cloudinary-util/url-loader";import Ce from"next/package.json";var te={name:"next-cloudinary",version:"6.14.2",license:"MIT",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup",dev:"tsup --watch",prepublishOnly:"cp ../README.md . && cp ../LICENSE . && pnpm build",postpublish:"rm ./README.md && rm ./LICENSE",test:"vitest run","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" pnpm build && cd tests/nextjs-app && npm install && npm run build',"test:watch":"vitest"},dependencies:{"@cloudinary-util/types":"1.5.10","@cloudinary-util/url-loader":"5.10.4","@cloudinary-util/util":"^3.3.2"},devDependencies:{"@babel/core":"^7.25.2","@babel/preset-env":"^7.25.3","@tsconfig/recommended":"^1.0.7","@types/node":"^22.0.2","@types/react":"^18.3.3","@types/react-dom":"^18.3.0",dotenv:"^16.4.5",mkdirp:"^3.0.1",tsup:"^8.2.3",typescript:"^5.5.4",vitest:"^2.0.5"},peerDependencies:{next:"^12 || ^13 || ^14 || >=15.0.0-rc",react:"^17 || ^18 || >=19.0.0-beta"}};var oe="A",re="V",ne=de(Ce.version),ie=de(te.version);function de(e){let t=e;return t.includes("-")&&(t=t.split("-")[0]),t}function w(e){let t=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;if(!t)throw new Error("A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.");let l=e?.cloud?.apiKey??process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,a=e?.url?.secureDistribution??process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION,o=e?.url?.privateCdn??process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;return Object.assign({cloud:{...e?.cloud,apiKey:l,cloudName:t},url:{...e?.url,secureDistribution:a,privateCdn:o}},e)}function R(e){return Object.assign({product:oe,sdkCode:re,sdkSemver:ie,techVersion:ne,feature:""},e)}function x(e,t,l){return Ie({options:e,config:w(t),analytics:R(l)})}function z({loaderOptions:e,imageProps:t,cldOptions:l,cldConfig:a={}}){let o={...t,...l};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof e?.width=="number"&&typeof o.width=="number"&&e.width!==o.width){let r=e.width/o.width;o.width=e.width,typeof o.height=="number"&&(o.height=Math.floor(o.height*r))}else typeof e?.width=="number"&&typeof o?.width!="number"&&(o.width=e?.width);return x(o,a)}var Ae=Ee(function(t,l){let a=!1,o=["assetType","config","deliveryType","strictTransformations"];we.forEach(({props:n})=>{Object.keys(n).forEach(y=>{if(o.includes(y))throw new Error(`Option ${y} already exists!`);o.push(y)})});let r={alt:t.alt,src:t.src};Object.keys(t).filter(n=>typeof n=="string"&&!o.includes(n)).forEach(n=>r[n]=t[n]);let p=Object.keys(r).map(n=>`${n}:${r[n]}`).join(";"),[C,f]=Oe(p),d={};o.forEach(n=>{let m=t[n];m&&(d[n]=m)});let s=process.env.__NEXT_IMAGE_OPTS||{};(t.unoptimized===!0||s?.unoptimized===!0)&&(r.src=x({...d,width:r.width,height:r.height,src:r.src,format:"default",quality:"default"},t.config));async function E(n){let m=!0;if(a)return;if(a=!0,typeof t.onError=="function"){let I=t.onError(n);typeof I=="boolean"&&I===!1&&(m=!1)}else typeof t.onError=="boolean"&&t.onError===!1&&(m=!1);if(m===!1)return;let y=n.target;await ae({src:y.src})&&f(`${p};${Date.now()}`)}let A=Ue(E,[ae,p]),u=Pe;return"default"in u&&(u=u.default),he.createElement(u,{key:C,...r,loader:n=>z({loaderOptions:n,imageProps:r,cldOptions:d,cldConfig:t.config}),onError:A,ref:l})}),le=Ae;import U from"react";import _e from"next/head";function j(e){return x({...e,format:e.format||"jpg",width:e.width||1200,height:e.height||627,crop:e.crop||{type:"fill",gravity:"center",source:!0}})}var xe="summary_large_image",Le=({excludeTags:e=[],twitterTitle:t,keys:l={},...a})=>{let{alt:o}=a,{width:r=1200,height:p=627}=a;r=typeof r=="string"?parseInt(r):r,p=typeof p=="string"?parseInt(p):p;let C=j({...a,width:r,height:p}),f=j({...a,width:r,height:p,format:a.format||"webp"}),d={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...l};return U.createElement(_e,null,U.createElement("meta",{key:d["og:image"],property:"og:image",content:C}),U.createElement("meta",{key:d["og:image:secure_url"],property:"og:image:secure_url",content:C}),U.createElement("meta",{key:d["og:image:width"],property:"og:image:width",content:`${r}`}),U.createElement("meta",{key:d["og:image:height"],property:"og:image:height",content:`${p}`}),o&&U.createElement("meta",{key:d["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&U.createElement("meta",{key:d["twitter:title"],property:"twitter:title",content:t||" "}),U.createElement("meta",{key:d["twitter:card"],property:"twitter:card",content:xe}),U.createElement("meta",{key:d["twitter:image"],property:"twitter:image",content:f}))},se=Le;import Y from"react";import Q,{useState as J,useEffect as ce,useRef as ue}from"react";import Te from"next/script";import{generateSignatureCallback as ve,generateUploadWidgetResultCallback as be,getUploadWidgetOptions as Ne,UPLOAD_WIDGET_EVENTS as We}from"@cloudinary-util/url-loader";function pe(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Me=({children:e,config:t,onError:l,onOpen:a,onUpload:o,options:r,signatureEndpoint:p,uploadPreset:C,...f})=>{let d=ue(),s=ue(),[E,A]=J(void 0),[u,n]=J(void 0),[m,y]=J(!0),T=w(t),I=p&&ve({signatureEndpoint:String(p),fetch}),b=Ne({uploadPreset:C||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,uploadSignature:I,...r},T),P=be({onError:i=>{A(i),typeof l=="function"&&l(i,{widget:s.current,...D})},onResult:i=>{if(typeof i?.event!="string")return;n(i);let h=We[i.event];if(typeof h=="string"&&typeof f[h]=="function"){let V=f[h];V(i,{widget:s.current,...D})}let S=`${h}Action`;if(S&&typeof f[S]=="function"){let V=f[S];V(i)}}});ce(()=>{if(typeof u>"u")return;u.event==="success"&&typeof o=="function"&&(process.env.NODE_ENVIRONMENT==="development"&&console.warn("The onUpload callback is deprecated. Please use onSuccess instead."),o(u,s.current))},[u]);function O(){y(!1),d.current||(d.current=window.cloudinary),pe(()=>{s.current||(s.current=G())})}ce(()=>()=>{s.current?.destroy(),s.current=void 0},[]);function c(i,h=[]){if(s.current||(s.current=G()),typeof s?.current[i]=="function")return s.current[i](...h)}function k(i){c("close",[i])}function _(i){return c("destroy",[i])}function N(){c("hide")}function W(){return c("isDestroyed")}function M(){return c("isMinimized")}function g(){return c("isShowing")}function v(){c("minimize")}function H(i,h){c("open",[i,h]),typeof a=="function"&&a(s.current)}function X(){c("show")}function F(){c("update")}let D={close:k,destroy:_,hide:N,isDestroyed:W,isMinimized:M,isShowing:g,minimize:v,open:H,show:X,update:F};function G(){return d.current?.createUploadWidget(b,P)}return Q.createElement(Q.Fragment,null,typeof e=="function"&&e({cloudinary:d.current,widget:s.current,results:u,error:E,isLoading:m,...D}),Q.createElement(Te,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:O,onError:i=>console.error(`Failed to load Cloudinary Upload Widget: ${i.message}`)}))},B=Me;var De=({className:e,children:t,onClick:l,onError:a,onOpen:o,onUpload:r,onAbort:p,onBatchCancelled:C,onClose:f,onDisplayChanged:d,onPublicId:s,onQueuesEnd:E,onQueuesStart:A,onRetry:u,onShowCompleted:n,onSourceChanged:m,onSuccess:y,onTags:T,onUploadAdded:I,options:b,signatureEndpoint:P,uploadPreset:O,onAbortAction:c,onBatchCancelledAction:k,onCloseAction:_,onDisplayChangedAction:N,onPublicIdAction:W,onQueuesEndAction:M,onQueuesStartAction:g,onRetryAction:v,onShowCompletedAction:H,onSourceChangedAction:X,onSuccessAction:F,onTagsAction:D,onUploadAddedAction:G,...i})=>Y.createElement(Y.Fragment,null,Y.createElement(B,{onError:a,onOpen:o,onUpload:r,onAbort:p,onBatchCancelled:C,onClose:f,onDisplayChanged:d,onPublicId:s,onQueuesEnd:E,onQueuesStart:A,onRetry:u,onShowCompleted:n,onSourceChanged:m,onSuccess:y,onTags:T,onUploadAdded:I,options:b,signatureEndpoint:P,uploadPreset:O,onAbortAction:c,onBatchCancelledAction:k,onCloseAction:_,onDisplayChangedAction:N,onPublicIdAction:W,onQueuesEndAction:M,onQueuesStartAction:g,onRetryAction:v,onShowCompletedAction:H,onSourceChangedAction:X,onSuccessAction:F,onTagsAction:D,onUploadAddedAction:G},({open:h,isLoading:S})=>{function V(ee){ee.preventDefault(),h(),typeof l=="function"&&l(ee)}return Y.createElement("button",{...i,className:e||"",onClick:V,disabled:S},t||"Upload")})),ge=De;import L,{useRef as Z,useEffect as Se,useId as Ve}from"react";import ke from"next/script";import Ge from"next/head";import{getVideoPlayerOptions as Re}from"@cloudinary-util/url-loader";var $=[],me="1.11.1",je=e=>{let{className:t,config:l,height:a,id:o,onDataLoad:r,onError:p,onMetadataLoad:C,onPause:f,onPlay:d,onEnded:s,width:E}=e,A=Ve(),u=w(l),n=Re(e,u),{publicId:m}=n;if(typeof m>"u")throw new Error("Video Player requires a Public ID or Cloudinary URL - please specify a src prop");let y=Z(),T=Z(),I=e.videoRef||T,b=Z(),P=e.playerRef||b,O=o||`player-${A.replace(/:/g,"")}`,c="cld-video-player cld-fluid";t&&(c=`${c} ${t}`),$.filter(g=>g===O).length>1?console.warn(`Multiple instances of the same video detected on the
1
+ import he,{useState as Oe,useCallback as Ue,forwardRef as Ee}from"react";import Pe from"next/image";import{pollForProcessingImage as ae}from"@cloudinary-util/util";import{transformationPlugins as we}from"@cloudinary-util/url-loader";import{constructCloudinaryUrl as Ie}from"@cloudinary-util/url-loader";import Ce from"next/package.json";var te={name:"next-cloudinary",version:"6.16.0",license:"MIT",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup",dev:"tsup --watch",prepublishOnly:"cp ../README.md . && cp ../LICENSE . && pnpm build",postpublish:"rm ./README.md && rm ./LICENSE",test:"vitest run","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" pnpm build && cd tests/nextjs-app && npm install && npm run build',"test:watch":"vitest"},dependencies:{"@cloudinary-util/types":"1.5.10","@cloudinary-util/url-loader":"5.10.4","@cloudinary-util/util":"4.0.0"},devDependencies:{"@babel/core":"^7.25.2","@babel/preset-env":"^7.25.3","@tsconfig/recommended":"^1.0.7","@types/node":"^22.0.2","@types/react":"^18.3.3","@types/react-dom":"^18.3.0",dotenv:"^16.4.5",mkdirp:"^3.0.1",tsup:"^8.2.3",typescript:"^5.5.4",vitest:"^2.0.5"},peerDependencies:{next:"^12 || ^13 || ^14 || >=15.0.0-rc || ^15",react:"^17 || ^18 || >=19.0.0-beta || ^19"}};var oe="A",re="V",ne=de(Ce.version),ie=de(te.version);function de(e){let t=e;return t.includes("-")&&(t=t.split("-")[0]),t}function A(e){let t=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;if(!t)throw new Error("A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.");let l=e?.cloud?.apiKey??process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,a=e?.url?.secureDistribution??process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION,o=e?.url?.privateCdn??process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;return Object.assign({cloud:{...e?.cloud,apiKey:l,cloudName:t},url:{...e?.url,secureDistribution:a,privateCdn:o}},e)}function R(e){return Object.assign({product:oe,sdkCode:re,sdkSemver:ie,techVersion:ne,feature:""},e)}function L(e,t,l){return Ie({options:e,config:A(t),analytics:R(l)})}function z({loaderOptions:e,imageProps:t,cldOptions:l,cldConfig:a={}}){let o={...t,...l};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof e?.width=="number"&&typeof o.width=="number"&&e.width!==o.width){let r=e.width/o.width;o.width=e.width,typeof o.height=="number"&&(o.height=Math.floor(o.height*r))}else typeof e?.width=="number"&&typeof o?.width!="number"&&(o.width=e?.width);return L(o,a)}var Ae=Ee(function(t,l){let a=!1,o=["assetType","config","deliveryType","strictTransformations"];we.forEach(({props:n})=>{Object.keys(n).forEach(y=>{if(o.includes(y))throw new Error(`Option ${y} already exists!`);o.push(y)})});let r={alt:t.alt,src:t.src};Object.keys(t).filter(n=>typeof n=="string"&&!o.includes(n)).forEach(n=>r[n]=t[n]);let p=Object.keys(r).map(n=>`${n}:${r[n]}`).join(";"),[C,f]=Oe(p),d={};o.forEach(n=>{let m=t[n];m&&(d[n]=m)});let s=process.env.__NEXT_IMAGE_OPTS||{};(t.unoptimized===!0||s?.unoptimized===!0)&&(r.src=L({...d,width:r.width,height:r.height,src:r.src,format:"default",quality:"default"},t.config));async function P(n){let m=!0;if(a)return;if(a=!0,typeof t.onError=="function"){let I=t.onError(n);typeof I=="boolean"&&I===!1&&(m=!1)}else typeof t.onError=="boolean"&&t.onError===!1&&(m=!1);if(m===!1)return;let y=n.target,O=await ae({src:y.src});typeof O.error=="string"&&process.env.NODE_ENV==="development"&&console.error(`[CldImage] Failed to load image ${t.src}: ${O.error}`),O.success&&f(`${p};${Date.now()}`)}let _=Ue(P,[ae,p]),u=Pe;return"default"in u&&(u=u.default),he.createElement(u,{key:C,...r,loader:n=>z({loaderOptions:n,imageProps:r,cldOptions:d,cldConfig:t.config}),onError:_,ref:l})}),le=Ae;import E from"react";import _e from"next/head";function $(e){return L({...e,format:e.format||"jpg",width:e.width||1200,height:e.height||627,crop:e.crop||{type:"fill",gravity:"center",source:!0}})}var xe="summary_large_image",Le=({excludeTags:e=[],twitterTitle:t,keys:l={},...a})=>{let{alt:o}=a,{width:r=1200,height:p=627}=a;r=typeof r=="string"?parseInt(r):r,p=typeof p=="string"?parseInt(p):p;let C=$({...a,width:r,height:p}),f=$({...a,width:r,height:p,format:a.format||"webp"}),d={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...l};return E.createElement(_e,null,E.createElement("meta",{key:d["og:image"],property:"og:image",content:C}),E.createElement("meta",{key:d["og:image:secure_url"],property:"og:image:secure_url",content:C}),E.createElement("meta",{key:d["og:image:width"],property:"og:image:width",content:`${r}`}),E.createElement("meta",{key:d["og:image:height"],property:"og:image:height",content:`${p}`}),o&&E.createElement("meta",{key:d["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&E.createElement("meta",{key:d["twitter:title"],property:"twitter:title",content:t||" "}),E.createElement("meta",{key:d["twitter:card"],property:"twitter:card",content:xe}),E.createElement("meta",{key:d["twitter:image"],property:"twitter:image",content:f}))},se=Le;import B from"react";import Q,{useState as J,useEffect as ce,useRef as ue}from"react";import ve from"next/script";import{generateSignatureCallback as Te,generateUploadWidgetResultCallback as be,getUploadWidgetOptions as Ne,UPLOAD_WIDGET_EVENTS as We}from"@cloudinary-util/url-loader";function pe(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Me=({children:e,config:t,onError:l,onOpen:a,onUpload:o,options:r,signatureEndpoint:p,uploadPreset:C,...f})=>{let d=ue(),s=ue(),[P,_]=J(void 0),[u,n]=J(void 0),[m,y]=J(!0),O=A(t),I=p&&Te({signatureEndpoint:String(p),fetch}),b=Ne({uploadPreset:C||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,uploadSignature:I,...r},O),w=be({onError:i=>{_(i),typeof l=="function"&&l(i,{widget:s.current,...D})},onResult:i=>{if(typeof i?.event!="string")return;n(i);let h=We[i.event];if(typeof h=="string"&&typeof f[h]=="function"){let V=f[h];V(i,{widget:s.current,...D})}let S=`${h}Action`;if(S&&typeof f[S]=="function"){let V=f[S];V(i)}}});ce(()=>{if(typeof u>"u")return;u.event==="success"&&typeof o=="function"&&(process.env.NODE_ENV==="development"&&console.warn("The onUpload callback is deprecated. Please use onSuccess instead."),o(u,s.current))},[u]);function U(){y(!1),d.current||(d.current=window.cloudinary),pe(()=>{s.current||(s.current=G())})}ce(()=>()=>{s.current?.destroy(),s.current=void 0},[]);function c(i,h=[]){if(s.current||(s.current=G()),typeof s?.current[i]=="function")return s.current[i](...h)}function k(i){c("close",[i])}function x(i){return c("destroy",[i])}function N(){c("hide")}function W(){return c("isDestroyed")}function M(){return c("isMinimized")}function g(){return c("isShowing")}function T(){c("minimize")}function H(i,h){c("open",[i,h]),typeof a=="function"&&a(s.current)}function X(){c("show")}function F(){c("update")}let D={close:k,destroy:x,hide:N,isDestroyed:W,isMinimized:M,isShowing:g,minimize:T,open:H,show:X,update:F};function G(){return d.current?.createUploadWidget(b,w)}return Q.createElement(Q.Fragment,null,typeof e=="function"&&e({cloudinary:d.current,widget:s.current,results:u,error:P,isLoading:m,...D}),Q.createElement(ve,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:U,onError:i=>console.error(`Failed to load Cloudinary Upload Widget: ${i.message}`)}))},j=Me;var De=({className:e,children:t,onClick:l,onError:a,onOpen:o,onUpload:r,onAbort:p,onBatchCancelled:C,onClose:f,onDisplayChanged:d,onPublicId:s,onQueuesEnd:P,onQueuesStart:_,onRetry:u,onShowCompleted:n,onSourceChanged:m,onSuccess:y,onTags:O,onUploadAdded:I,options:b,signatureEndpoint:w,uploadPreset:U,onAbortAction:c,onBatchCancelledAction:k,onCloseAction:x,onDisplayChangedAction:N,onPublicIdAction:W,onQueuesEndAction:M,onQueuesStartAction:g,onRetryAction:T,onShowCompletedAction:H,onSourceChangedAction:X,onSuccessAction:F,onTagsAction:D,onUploadAddedAction:G,...i})=>B.createElement(B.Fragment,null,B.createElement(j,{onError:a,onOpen:o,onUpload:r,onAbort:p,onBatchCancelled:C,onClose:f,onDisplayChanged:d,onPublicId:s,onQueuesEnd:P,onQueuesStart:_,onRetry:u,onShowCompleted:n,onSourceChanged:m,onSuccess:y,onTags:O,onUploadAdded:I,options:b,signatureEndpoint:w,uploadPreset:U,onAbortAction:c,onBatchCancelledAction:k,onCloseAction:x,onDisplayChangedAction:N,onPublicIdAction:W,onQueuesEndAction:M,onQueuesStartAction:g,onRetryAction:T,onShowCompletedAction:H,onSourceChangedAction:X,onSuccessAction:F,onTagsAction:D,onUploadAddedAction:G},({open:h,isLoading:S})=>{function V(ee){ee.preventDefault(),h(),typeof l=="function"&&l(ee)}return B.createElement("button",{...i,className:e||"",onClick:V,disabled:S},t||"Upload")})),ge=De;import v,{useRef as Z,useEffect as Se,useId as Ve}from"react";import ke from"next/script";import Ge from"next/head";import{getVideoPlayerOptions as Re}from"@cloudinary-util/url-loader";var Y=[],me="1.11.1",$e=e=>{let{className:t,config:l,height:a,id:o,onDataLoad:r,onError:p,onMetadataLoad:C,onPause:f,onPlay:d,onEnded:s,width:P}=e,_=Ve(),u=A(l),n=Re(e,u),{publicId:m}=n;if(typeof m>"u")throw new Error("Video Player requires a Public ID or Cloudinary URL - please specify a src prop");let y=Z(),O=Z(),I=e.videoRef||O,b=Z(),w=e.playerRef||b,U=o||`player-${_.replace(/:/g,"")}`,c="cld-video-player cld-fluid";t&&(c=`${c} ${t}`),Y.filter(g=>g===U).length>1?console.warn(`Multiple instances of the same video detected on the
2
2
  page which may cause some features to not work.
3
- Try adding a unique id to each player.`):$.push(O);let _={error:p,loadeddata:r,loadedmetadata:C,pause:f,play:d,ended:s};function N(g){let v=_[g.type];typeof v=="function"&&v(M())}function W(){"cloudinary"in window&&(y.current=window.cloudinary,P.current=y.current.videoPlayer(I.current,n),Object.keys(_).forEach(g=>{typeof _[g]=="function"&&P.current?.on(g,N)}))}Se(()=>()=>{P.current?.videojs.cloudinary.dispose(),$=$.filter(g=>g!==O)},[]);function M(){return{player:P.current,video:I.current}}return L.createElement(L.Fragment,null,L.createElement(Ge,null,L.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${me}/dist/cld-video-player.min.css`,rel:"stylesheet"})),L.createElement("div",{style:{width:"100%",aspectRatio:`${E} / ${a}`}},L.createElement("video",{ref:I,id:O,className:c,width:E,height:a}),L.createElement(ke,{id:`cloudinary-videoplayer-${O}`,src:`https://unpkg.com/cloudinary-video-player@${me}/dist/cld-video-player.min.js`,onLoad:W,onError:g=>console.error(`Failed to load Cloudinary Video Player: ${g.message}`)})))},fe=je;import{constructCloudinaryUrl as Be}from"@cloudinary-util/url-loader";function Ye(e,t,l){return Be({options:{assetType:"video",format:"auto:video",...e},config:w(t),analytics:R(l)})}export{le as CldImage,se as CldOgImage,ge as CldUploadButton,B as CldUploadWidget,fe as CldVideoPlayer,z as cloudinaryLoader,x as getCldImageUrl,j as getCldOgImageUrl,Ye as getCldVideoUrl};
3
+ Try adding a unique id to each player.`):Y.push(U);let x={error:p,loadeddata:r,loadedmetadata:C,pause:f,play:d,ended:s};function N(g){let T=x[g.type];typeof T=="function"&&T(M())}function W(){"cloudinary"in window&&(y.current=window.cloudinary,w.current=y.current.videoPlayer(I.current,n),Object.keys(x).forEach(g=>{typeof x[g]=="function"&&w.current?.on(g,N)}))}Se(()=>()=>{w.current?.videojs.cloudinary.dispose(),Y=Y.filter(g=>g!==U)},[]);function M(){return{player:w.current,video:I.current}}return v.createElement(v.Fragment,null,v.createElement(Ge,null,v.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${me}/dist/cld-video-player.min.css`,rel:"stylesheet"})),v.createElement("div",{style:{width:"100%",aspectRatio:`${P} / ${a}`}},v.createElement("video",{ref:I,id:U,className:c,width:P,height:a}),v.createElement(ke,{id:`cloudinary-videoplayer-${U}`,src:`https://unpkg.com/cloudinary-video-player@${me}/dist/cld-video-player.min.js`,onLoad:W,onError:g=>console.error(`Failed to load Cloudinary Video Player: ${g.message}`)})))},fe=$e;import{constructCloudinaryUrl as je}from"@cloudinary-util/url-loader";function Be(e,t,l){return je({options:{assetType:"video",format:"auto:video",...e},config:A(t),analytics:R(l)})}export{le as CldImage,se as CldOgImage,ge as CldUploadButton,j as CldUploadWidget,fe as CldVideoPlayer,z as cloudinaryLoader,L as getCldImageUrl,$ as getCldOgImageUrl,Be as getCldVideoUrl};
4
4
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/CldImage/CldImage.tsx","../src/helpers/getCldImageUrl.ts","../src/constants/analytics.ts","../package.json","../src/lib/cloudinary.ts","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/helpers/getCldOgImageUrl.ts","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldVideoUrl.ts"],"sourcesContent":["import React, { useState, useCallback, forwardRef, SyntheticEvent } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { pollForProcessingImage } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions } from '@cloudinary-util/url-loader';\n\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src' | 'quality'> & ImageOptions & {\n config?: ConfigOptions;\n src: string;\n unoptimized?: boolean;\n};\n\nconst CldImage = forwardRef<HTMLImageElement, CldImageProps>(function CldImage(props, ref) {\n let hasThrownError = false;\n\n // Add props here that are intended to only be used for\n // Cloudinary URL construction to avoid them being forwarded\n // to the DOM\n\n const CLD_OPTIONS = [\n 'assetType',\n 'config',\n 'deliveryType',\n 'strictTransformations',\n ];\n\n // Loop through all of the props available on the transformation plugins and verify\n // that we're not accientally applying the same prop twice\n\n // We're also using those props to push into CLD_OPTIONS which helps us filter what\n // props are applied to the underlaying Image component vs what's being sent\n // to Cloudinary URL construction\n\n transformationPlugins.forEach(({ props }: { props: Record<string, unknown> }) => {\n const pluginProps = Object.keys(props);\n pluginProps.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: ImageProps = {\n alt: props.alt,\n src: props.src,\n };\n\n (Object.keys(props) as Array<keyof typeof props>)\n .filter(key => typeof key === 'string' && !CLD_OPTIONS.includes(key))\n .forEach(key => imageProps[key as keyof ImageProps] = props[key]);\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 type CldOptions = Omit<ImageOptions, 'src'>;\n\n const cldOptions: CldOptions = {};\n\n CLD_OPTIONS.forEach((key) => {\n const prop = props[key as keyof ImageOptions];\n if ( prop ) {\n // @ts-expect-error\n cldOptions[key as keyof CldOptions] = prop;\n }\n });\n\n // The unoptimized flag is intended to remove all optimizations including quality, format, and sizing\n // via responsive sizing. When passing this in, it also prevents the `loader` from running, thus\n // breaking this component. This rewrites the `src` to construct a fully formed Cloudinary URL\n // that also disables format and quality transformations, to deliver it as unoptimized\n // See about unoptimized not working with loader: https://github.com/vercel/next.js/issues/50764\n\n const IMAGE_OPTIONS: { unoptimized?: boolean } = (process.env.__NEXT_IMAGE_OPTS || {}) as unknown as object;\n\n if ( props.unoptimized === true || IMAGE_OPTIONS?.unoptimized === true ) {\n imageProps.src = getCldImageUrl({\n ...cldOptions,\n width: imageProps.width,\n height: imageProps.height,\n src: imageProps.src as string,\n format: 'default',\n quality: 'default',\n }, props.config);\n }\n\n /**\n * handleOnError\n */\n\n async function onError(options: SyntheticEvent<HTMLImageElement, Event>) {\n let pollForImage = true;\n\n // The onError function should never fire more than once. The use case for tracking it\n // at all outside of the standard Next Image flow is for scenarios like when Cloudinary\n // is processing an image where we want to try to update the UI upon completion.\n // If this fires a second time, it is likely because of another issue, which will end\n // up triggering an infinite loop if the resulting image keeps erroring and\n // this function sets a key using the current time to force refresh the UI\n\n if ( hasThrownError ) return;\n\n hasThrownError = true;\n\n if ( typeof props.onError === 'function' ) {\n const onErrorResult = props.onError(options);\n\n if ( typeof onErrorResult === 'boolean' && onErrorResult === false ) {\n pollForImage = false;\n }\n } else if ( typeof props.onError === 'boolean' && props.onError === false ) {\n pollForImage = false;\n }\n\n // Give an escape hatch in case the user wants to handle the error themselves\n // or if they want to disable polling for the image\n\n if ( pollForImage === false ) return;\n\n const image = options.target as HTMLImageElement\n const result = await pollForProcessingImage({ src: image.src })\n\n if ( result ) {\n setImgKey(`${defaultImgKey};${Date.now()}`);\n }\n }\n\n const handleOnError = useCallback(onError, [pollForProcessingImage, defaultImgKey]);\n\n // Copypasta from https://github.com/prismicio/prismic-next/pull/79/files\n // Thanks Angelo!\n // TODO: Remove once https://github.com/vercel/next.js/issues/52216 is resolved.\n\n let ResolvedImage = Image;\n\n if (\"default\" in ResolvedImage) {\n ResolvedImage = (ResolvedImage as unknown as { default: typeof Image }).default;\n }\n\n return (\n <ResolvedImage\n key={imgKey}\n {...imageProps}\n loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig: props.config })}\n onError={handleOnError}\n ref={ref}\n />\n );\n});\n\nexport default CldImage;","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldImageUrlOptions = ImageOptions;\nexport type GetCldImageUrlConfig = ConfigOptions;\nexport type GetCldImageUrlAnalytics = AnalyticsOptions;\n\nexport function getCldImageUrl(options: GetCldImageUrlOptions, config?: GetCldImageUrlConfig, analytics?: GetCldImageUrlAnalytics) {\n return constructCloudinaryUrl({\n options,\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID = 'A';\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_VERSION = normalizeVersion(nextPkg.version);\nexport const NEXT_CLOUDINARY_VERSION = normalizeVersion(pkg.version);\n\nfunction normalizeVersion(version: string) {\n let normalized = version;\n if ( normalized.includes('-') ) {\n normalized = normalized.split('-')[0];\n }\n return normalized;\n}","{\n \"name\": \"next-cloudinary\",\n \"version\": \"6.14.2\",\n \"license\": \"MIT\",\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\",\n \"dev\": \"tsup --watch\",\n \"prepublishOnly\": \"cp ../README.md . && cp ../LICENSE . && pnpm build\",\n \"postpublish\": \"rm ./README.md && rm ./LICENSE\",\n \"test\": \"vitest run\",\n \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" pnpm build && cd tests/nextjs-app && npm install && npm run build\",\n \"test:watch\": \"vitest\"\n },\n \"dependencies\": {\n \"@cloudinary-util/types\": \"1.5.10\",\n \"@cloudinary-util/url-loader\": \"5.10.4\",\n \"@cloudinary-util/util\": \"^3.3.2\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.25.2\",\n \"@babel/preset-env\": \"^7.25.3\",\n \"@tsconfig/recommended\": \"^1.0.7\",\n \"@types/node\": \"^22.0.2\",\n \"@types/react\": \"^18.3.3\",\n \"@types/react-dom\": \"^18.3.0\",\n \"dotenv\": \"^16.4.5\",\n \"mkdirp\": \"^3.0.1\",\n \"tsup\": \"^8.2.3\",\n \"typescript\": \"^5.5.4\",\n \"vitest\": \"^2.0.5\"\n },\n \"peerDependencies\": {\n \"next\": \"^12 || ^13 || ^14 || >=15.0.0-rc\",\n \"react\": \"^17 || ^18 || >=19.0.0-beta\"\n }\n}\n","import { AnalyticsOptions, ConfigOptions } from \"@cloudinary-util/url-loader\";\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * pollForProcessingImage\n */\n\nexport interface PollForProcessingImageOptions {\n src: string;\n}\n\nexport async function pollForProcessingImage(options: PollForProcessingImageOptions): 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 // Timeout for 200ms before trying to fetch again to avoid overwhelming requests\n\n if ( e.status === 423 ) {\n await new Promise((resolve) => setTimeout(() => resolve(undefined), 200));\n return await pollForProcessingImage(options);\n }\n return false;\n }\n return true;\n}\n\n/**\n * getCloudinaryConfig\n */\n\nexport function getCloudinaryConfig(config?: ConfigOptions): ConfigOptions {\n const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n\n if (!cloudName) {\n throw new Error('A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.');\n }\n\n const apiKey = config?.cloud?.apiKey ?? process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY;\n const secureDistribution = config?.url?.secureDistribution ?? process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION;\n const privateCdn = config?.url?.privateCdn ?? process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;\n\n return Object.assign({\n cloud: {\n ...config?.cloud,\n apiKey,\n cloudName\n },\n url: {\n ...config?.url,\n secureDistribution,\n privateCdn\n }\n }, config);\n}\n\n/**\n * getCloudinaryAnalytics\n */\n\nexport function getCloudinaryAnalytics(analytics?: AnalyticsOptions) {\n return Object.assign({\n product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }, analytics)\n}","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\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.width = loaderOptions.width;\n\n // The height may change based off of the value passed through via the loader options\n // In an example where the user sizes is 800x600, but the loader is passing in 400\n // due to responsive sizing, we want to ensure we're using a height that will\n // resolve to the same aspect ratio\n \n if ( typeof options.height === 'number' ) {\n options.height = Math.floor(options.height * multiplier);\n }\n } else if ( typeof loaderOptions?.width === 'number' && typeof options?.width !== 'number' ) {\n // If we don't have a width on the options object, this may mean that the component is using\n // the fill option: https://nextjs.org/docs/pages/api-reference/components/image#fill\n // The Fill option does not allow someone to pass in a width or a height\n // If this is the case, we still need to define a width for sizing optimization but also\n // for responsive sizing to take effect, so we can utilize the loader width for the base width\n options.width = loaderOptions?.width;\n }\n\n // @ts-ignore\n return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldOgImageUrl } from '../../helpers/getCldOgImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../../constants/sizes';\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport type CldOgImageProps = CldImageProps & {\n excludeTags?: Array<string>;\n keys?: object;\n twitterTitle?: string;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, keys = {}, ...props }: CldOgImageProps) => {\n const { alt } = props;\n\n // We need to separately handle the width and the height to allow our user to pass in\n // a custom value, but also we need to know this at the component level so that we can\n // use it when rendering the meta tags\n\n let {\n width = OG_IMAGE_WIDTH,\n height = OG_IMAGE_HEIGHT\n } = props;\n\n // Normalize the width and height\n\n width = typeof width === 'string' ? parseInt(width) : width;\n height = typeof height === 'string' ? parseInt(height) : height;\n\n // Render the final URLs. We use two different format versions to deliver\n // webp for Twitter as it supports it (and we can control with tags) where\n // other platforms may not support webp, so we deliver jpg\n\n const ogImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height\n });\n\n const twitterImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height,\n format: props.format || 'webp',\n });\n\n const metaKeys = {\n 'og:image': 'og-image',\n 'og:image:secure_url': 'og-image-secureurl',\n 'og:image:width': 'og-image-width',\n 'og:image:height': 'og-image-height',\n 'og:image:alt': 'og-image-alt',\n 'twitter:title': 'twitter-title',\n 'twitter:card': 'twitter-card',\n 'twitter:image': 'twitter-image',\n ...keys\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 key={metaKeys['og:image']} property=\"og:image\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:secure_url']} property=\"og:image:secure_url\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:width']} property=\"og:image:width\" content={`${width}`} />\n <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${height}`} />\n\n {alt && (\n <meta key={metaKeys['og:image:alt']} property=\"og:image:alt\" content={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 key={metaKeys['twitter:title']} property=\"twitter:title\" content={twitterTitle || ' '} />\n )}\n\n <meta key={metaKeys['twitter:card']} property=\"twitter:card\" content={TWITTER_CARD} />\n <meta key={metaKeys['twitter:image']} property=\"twitter:image\" content={twitterImageUrl} />\n </Head>\n );\n}\n\nexport default CldOgImage;\n","import { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldOgImageUrlOptions = GetCldImageUrlOptions;\n\nexport function getCldOgImageUrl(options: GetCldOgImageUrlOptions) {\n return getCldImageUrl({\n ...options,\n format: options.format || 'jpg',\n width: options.width || OG_IMAGE_WIDTH,\n height: options.height || OG_IMAGE_HEIGHT,\n crop: options.crop || {\n type: 'fill',\n gravity: 'center',\n source: true\n }\n });\n}","import React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n className?: string;\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n className,\n children,\n onClick,\n onError,\n onOpen,\n onUpload,\n onAbort,\n onBatchCancelled,\n onClose,\n onDisplayChanged,\n onPublicId,\n onQueuesEnd,\n onQueuesStart,\n onRetry,\n onShowCompleted,\n onSourceChanged,\n onSuccess,\n onTags,\n onUploadAdded,\n options,\n signatureEndpoint,\n uploadPreset,\n onAbortAction,\n onBatchCancelledAction,\n onCloseAction,\n onDisplayChangedAction,\n onPublicIdAction,\n onQueuesEndAction,\n onQueuesStartAction,\n onRetryAction,\n onShowCompletedAction,\n onSourceChangedAction,\n onSuccessAction,\n onTagsAction,\n onUploadAddedAction,\n ...props\n}: CldUploadButtonProps) => {\n\n return (\n <>\n <CldUploadWidget\n onError={onError}\n onOpen={onOpen}\n onUpload={onUpload}\n onAbort={onAbort}\n onBatchCancelled={onBatchCancelled}\n onClose={onClose}\n onDisplayChanged={onDisplayChanged}\n onPublicId={onPublicId}\n onQueuesEnd={onQueuesEnd}\n onQueuesStart={onQueuesStart}\n onRetry={onRetry}\n onShowCompleted={onShowCompleted}\n onSourceChanged={onSourceChanged}\n onSuccess={onSuccess}\n onTags={onTags}\n onUploadAdded={onUploadAdded}\n options={options}\n signatureEndpoint={signatureEndpoint}\n uploadPreset={uploadPreset}\n onAbortAction={onAbortAction}\n onBatchCancelledAction={onBatchCancelledAction}\n onCloseAction={onCloseAction}\n onDisplayChangedAction={onDisplayChangedAction}\n onPublicIdAction={onPublicIdAction}\n onQueuesEndAction={onQueuesEndAction}\n onQueuesStartAction={onQueuesStartAction}\n onRetryAction={onRetryAction}\n onShowCompletedAction={onShowCompletedAction}\n onSourceChangedAction={onSourceChangedAction}\n onSuccessAction={onSuccessAction}\n onTagsAction={onTagsAction}\n onUploadAddedAction={onUploadAddedAction}\n >\n {({ open, isLoading }) => {\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} className={className || ''} onClick={handleOnClick} disabled={isLoading} >\n {children || 'Upload'}\n </button>\n );\n }}\n </CldUploadWidget>\n </>\n );\n};\n\nexport default CldUploadButton;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Script from 'next/script';\nimport { generateSignatureCallback, generateUploadWidgetResultCallback, getUploadWidgetOptions, UPLOAD_WIDGET_EVENTS } from '@cloudinary-util/url-loader'\nimport {\n CloudinaryUploadWidgetResults,\n CloudinaryUploadWidgetInstanceMethods,\n CloudinaryUploadWidgetInstanceMethodCloseOptions,\n CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n CloudinaryUploadWidgetInstanceMethodOpenOptions,\n CloudinaryUploadWidgetSources,\n CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport {\n CldUploadEventAction,\n CldUploadEventCallback,\n CldUploadWidgetCloudinaryInstance,\n CldUploadWidgetProps,\n CldUploadWidgetWidgetInstance,\n} from './CldUploadWidget.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nconst CldUploadWidget = ({\n children,\n config,\n onError,\n onOpen,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadWidgetProps) => {\n const cloudinary: CldUploadWidgetCloudinaryInstance = useRef();\n const widget: CldUploadWidgetWidgetInstance = useRef();\n\n const [error, setError] = useState<CloudinaryUploadWidgetError | undefined>(undefined);\n const [results, setResults] = useState<CloudinaryUploadWidgetResults | undefined>(undefined);\n const [isScriptLoading, setIsScriptLoading] = useState(true);\n\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 cloudinaryConfig = getCloudinaryConfig(config);\n\n const uploadSignature = signatureEndpoint && generateSignatureCallback({\n signatureEndpoint: String(signatureEndpoint),\n fetch\n });\n\n const uploadOptions = getUploadWidgetOptions({\n uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n uploadSignature,\n ...options,\n }, cloudinaryConfig);\n\n const resultsCallback = generateUploadWidgetResultCallback({\n onError: (uploadError) => {\n setError(uploadError);\n\n if ( typeof onError === 'function' ) {\n onError(uploadError, {\n widget: widget.current,\n ...instanceMethods\n });\n }\n },\n onResult: (uploadResult) => {\n if ( typeof uploadResult?.event !== 'string' ) return;\n\n setResults(uploadResult);\n\n const widgetEvent = UPLOAD_WIDGET_EVENTS[uploadResult.event] as keyof typeof props;\n\n if ( typeof widgetEvent === 'string' && typeof props[widgetEvent] === 'function' ) {\n const callback = props[widgetEvent] as CldUploadEventCallback;\n callback(uploadResult, {\n widget: widget.current,\n ...instanceMethods\n });\n }\n\n const widgetEventAction = `${widgetEvent}Action` as keyof typeof props;\n\n if ( widgetEventAction && typeof props[widgetEventAction] === 'function' ) {\n const action = props[widgetEventAction] as CldUploadEventAction;\n action(uploadResult);\n }\n },\n });\n\n\n // Handle result states and callbacks\n\n useEffect(() => {\n if ( typeof results === 'undefined' ) return;\n\n const isSuccess = results.event === 'success';\n\n if ( isSuccess && typeof onUpload === 'function' ) {\n if ( process.env.NODE_ENVIRONMENT === 'development' ) {\n console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');\n }\n onUpload(results, widget.current);\n }\n }, [results])\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 setIsScriptLoading(false);\n\n if ( !cloudinary.current ) {\n cloudinary.current = (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.current ) {\n widget.current = createWidget();\n }\n });\n }\n\n useEffect(() => {\n return () => {\n widget.current?.destroy();\n widget.current = undefined;\n }\n }, [])\n\n /**\n * Instance Methods\n * Gives the ability to interface directly with the Upload Widget instance methods like open and close\n * https://cloudinary.com/documentation/upload_widget_reference#instance_methods\n */\n\n function invokeInstanceMethod<\n TMethod extends keyof CloudinaryUploadWidgetInstanceMethods\n >(\n method: TMethod,\n options: Parameters<\n CloudinaryUploadWidgetInstanceMethods[TMethod]\n > = [] as Parameters<CloudinaryUploadWidgetInstanceMethods[TMethod]>\n ) {\n if (!widget.current) {\n widget.current = createWidget();\n }\n\n if (typeof widget?.current[method] === \"function\") {\n return widget.current[method](...options);\n }\n }\n\n function close(options?: CloudinaryUploadWidgetInstanceMethodCloseOptions) {\n invokeInstanceMethod('close', [options]);\n }\n\n function destroy(options?: CloudinaryUploadWidgetInstanceMethodDestroyOptions) {\n return invokeInstanceMethod('destroy', [options]);\n }\n\n function hide() {\n invokeInstanceMethod('hide');\n }\n\n function isDestroyed() {\n return invokeInstanceMethod('isDestroyed');\n }\n\n function isMinimized() {\n return invokeInstanceMethod('isMinimized');\n }\n\n function isShowing() {\n return invokeInstanceMethod('isShowing');\n }\n\n function minimize() {\n invokeInstanceMethod('minimize');\n }\n\n function open(widgetSource?: CloudinaryUploadWidgetSources, options?: CloudinaryUploadWidgetInstanceMethodOpenOptions) {\n invokeInstanceMethod('open', [widgetSource, options]);\n\n if ( typeof onOpen === 'function' ) {\n onOpen(widget.current);\n }\n }\n\n function show() {\n invokeInstanceMethod('show');\n }\n\n function update() {\n invokeInstanceMethod('update');\n }\n\n const instanceMethods: CloudinaryUploadWidgetInstanceMethods = {\n close,\n destroy,\n hide,\n isDestroyed,\n isMinimized,\n isShowing,\n minimize,\n open,\n show,\n update,\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 return cloudinary.current?.createUploadWidget(uploadOptions, resultsCallback);\n }\n\n return (\n <>\n {typeof children === 'function' && children({\n cloudinary: cloudinary.current,\n widget: widget.current,\n results,\n error,\n isLoading: isScriptLoading,\n ...instanceMethods,\n })}\n <Script\n id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n src=\"https://upload-widget.cloudinary.com/global/all.js\"\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n />\n </>\n );\n};\n\nexport default CldUploadWidget;","/**\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}","import React, {useRef, MutableRefObject, useEffect, useId} from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\nimport { CloudinaryVideoPlayer } from '@cloudinary-util/types';\nimport { getVideoPlayerOptions } from '@cloudinary-util/url-loader';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nlet playerInstances: string[] = [];\n\nconst PLAYER_VERSION = '1.11.1';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n\n const {\n className,\n config,\n height,\n id,\n onDataLoad,\n onError,\n onMetadataLoad,\n onPause,\n onPlay,\n onEnded,\n width,\n } = props;\n\n const uniqueId = useId();\n\n const cloudinaryConfig = getCloudinaryConfig(config);\n const playerOptions = getVideoPlayerOptions(props, cloudinaryConfig);\n const { publicId } = playerOptions;\n if ( typeof publicId === 'undefined' ) {\n throw new Error('Video Player requires a Public ID or Cloudinary URL - please specify a src prop');\n }\n\n // Setup the refs and allow for the caller to pass through their\n // own ref instance\n\n const cloudinaryRef = useRef<any>();\n const defaultVideoRef = useRef() as MutableRefObject<HTMLVideoElement | null>;\n const videoRef = props.videoRef || defaultVideoRef;\n const defaultPlayerRef = useRef()as MutableRefObject<CloudinaryVideoPlayer | null>;\n const playerRef = props.playerRef || defaultPlayerRef;\n\n const playerId = id || `player-${uniqueId.replace(/:/g, '')}`;\n let playerClassName = 'cld-video-player cld-fluid';\n\n if ( className ) {\n playerClassName = `${playerClassName} ${className}`;\n }\n\n // Check if the same id is being used for multiple video instances.\n const checkForMultipleInstance = playerInstances.filter((id) => id === playerId).length > 1\n if (checkForMultipleInstance) {\n console.warn(`Multiple instances of the same video detected on the\n page which may cause some features to not work.\n Try adding a unique id to each player.`)\n } else {\n playerInstances.push(playerId)\n }\n\n const events: Record<string, Function|undefined> = {\n error: onError,\n loadeddata: onDataLoad,\n loadedmetadata: onMetadataLoad,\n pause: onPause,\n play: onPlay,\n ended: onEnded\n };\n\n /**\n * handleEvent\n * @description Event handler for all player events\n */\n\n function handleEvent(event: { type: 'string' }) {\n const activeEvent = events[event.type];\n\n if ( typeof activeEvent === 'function' ) {\n activeEvent(getPlayerRefs());\n }\n }\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' in window ) {\n cloudinaryRef.current = window.cloudinary;\n playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, playerOptions);\n\n Object.keys(events).forEach((key) => {\n if ( typeof events[key] === 'function' ) {\n playerRef.current?.on(key, handleEvent);\n }\n });\n }\n }\n\n useEffect(() => {\n\n return () => {\n playerRef.current?.videojs.cloudinary.dispose();\n playerInstances = playerInstances.filter((id) => id !== playerId)\n }\n }, []);\n\n /**\n *getPlayerRefs\n */\n\n function getPlayerRefs() {\n return {\n player: playerRef.current,\n video: videoRef.current\n }\n }\n\n return (\n <>\n <Head>\n <link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n </Head>\n <div style={{ width: '100%', aspectRatio: `${width} / ${height}`}}>\n <video\n ref={videoRef}\n id={playerId}\n className={playerClassName}\n width={width}\n height={height}\n />\n <Script\n id={`cloudinary-videoplayer-${playerId}`}\n src={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`}\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)}\n />\n </div>\n </>\n );\n};\n\nexport default CldVideoPlayer;\n","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { VideoOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldVideoUrl\n */\n\nexport type GetCldVideoUrlOptions = VideoOptions;\nexport type GetCldVideoUrlConfig = ConfigOptions;\nexport type GetCldVideoUrlAnalytics = AnalyticsOptions;\n\nexport function getCldVideoUrl(options: GetCldVideoUrlOptions, config?: GetCldVideoUrlConfig, analytics?: GetCldVideoUrlAnalytics) {\n return constructCloudinaryUrl({\n options: {\n assetType: 'video',\n format: 'auto:video',\n ...options\n },\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n"],"mappings":"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","names":["React","useState","useCallback","forwardRef","Image","pollForProcessingImage","transformationPlugins","constructCloudinaryUrl","nextPkg","package_default","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_VERSION","normalizeVersion","nextPkg","NEXT_CLOUDINARY_VERSION","package_default","version","normalized","getCloudinaryConfig","config","cloudName","apiKey","secureDistribution","privateCdn","getCloudinaryAnalytics","analytics","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","getCldImageUrl","options","config","analytics","constructCloudinaryUrl","getCloudinaryConfig","getCloudinaryAnalytics","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","forwardRef","props","ref","hasThrownError","CLD_OPTIONS","transformationPlugins","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","useState","cldOptions","IMAGE_OPTIONS","getCldImageUrl","onError","options","pollForImage","onErrorResult","image","pollForProcessingImage","handleOnError","useCallback","ResolvedImage","Image","React","loaderOptions","cloudinaryLoader","CldImage_default","React","Head","getCldOgImageUrl","options","getCldImageUrl","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","width","height","ogImageUrl","getCldOgImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","React","React","useState","useEffect","useRef","Script","generateSignatureCallback","generateUploadWidgetResultCallback","getUploadWidgetOptions","UPLOAD_WIDGET_EVENTS","triggerOnIdle","callback","CldUploadWidget","children","config","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","props","cloudinary","useRef","widget","error","setError","useState","results","setResults","isScriptLoading","setIsScriptLoading","cloudinaryConfig","getCloudinaryConfig","uploadSignature","generateSignatureCallback","uploadOptions","getUploadWidgetOptions","resultsCallback","generateUploadWidgetResultCallback","uploadError","instanceMethods","uploadResult","widgetEvent","UPLOAD_WIDGET_EVENTS","callback","widgetEventAction","action","useEffect","handleOnLoad","triggerOnIdle","createWidget","invokeInstanceMethod","method","close","destroy","hide","isDestroyed","isMinimized","isShowing","minimize","open","widgetSource","show","update","React","Script","e","CldUploadWidget_default","CldUploadButton","className","children","onClick","onError","onOpen","onUpload","onAbort","onBatchCancelled","onClose","onDisplayChanged","onPublicId","onQueuesEnd","onQueuesStart","onRetry","onShowCompleted","onSourceChanged","onSuccess","onTags","onUploadAdded","options","signatureEndpoint","uploadPreset","onAbortAction","onBatchCancelledAction","onCloseAction","onDisplayChangedAction","onPublicIdAction","onQueuesEndAction","onQueuesStartAction","onRetryAction","onShowCompletedAction","onSourceChangedAction","onSuccessAction","onTagsAction","onUploadAddedAction","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","React","useRef","useEffect","useId","Script","Head","getVideoPlayerOptions","playerInstances","PLAYER_VERSION","CldVideoPlayer","props","className","config","height","id","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","width","uniqueId","useId","cloudinaryConfig","getCloudinaryConfig","playerOptions","getVideoPlayerOptions","publicId","cloudinaryRef","useRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","key","useEffect","React","Head","Script","e","CldVideoPlayer_default","constructCloudinaryUrl","getCldVideoUrl","options","config","analytics","constructCloudinaryUrl","getCloudinaryConfig","getCloudinaryAnalytics"]}
1
+ {"version":3,"sources":["../src/components/CldImage/CldImage.tsx","../src/helpers/getCldImageUrl.ts","../src/constants/analytics.ts","../package.json","../src/lib/cloudinary.ts","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/helpers/getCldOgImageUrl.ts","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldVideoUrl.ts"],"sourcesContent":["import React, { useState, useCallback, forwardRef, SyntheticEvent } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { pollForProcessingImage } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions } from '@cloudinary-util/url-loader';\n\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src' | 'quality'> & ImageOptions & {\n config?: ConfigOptions;\n src: string;\n unoptimized?: boolean;\n};\n\nconst CldImage = forwardRef<HTMLImageElement, CldImageProps>(function CldImage(props, ref) {\n let hasThrownError = false;\n\n // Add props here that are intended to only be used for\n // Cloudinary URL construction to avoid them being forwarded\n // to the DOM\n\n const CLD_OPTIONS = [\n 'assetType',\n 'config',\n 'deliveryType',\n 'strictTransformations',\n ];\n\n // Loop through all of the props available on the transformation plugins and verify\n // that we're not accientally applying the same prop twice\n\n // We're also using those props to push into CLD_OPTIONS which helps us filter what\n // props are applied to the underlaying Image component vs what's being sent\n // to Cloudinary URL construction\n\n transformationPlugins.forEach(({ props }: { props: Record<string, unknown> }) => {\n const pluginProps = Object.keys(props);\n pluginProps.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: ImageProps = {\n alt: props.alt,\n src: props.src,\n };\n\n (Object.keys(props) as Array<keyof typeof props>)\n .filter(key => typeof key === 'string' && !CLD_OPTIONS.includes(key))\n .forEach(key => imageProps[key as keyof ImageProps] = props[key]);\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 type CldOptions = Omit<ImageOptions, 'src'>;\n\n const cldOptions: CldOptions = {};\n\n CLD_OPTIONS.forEach((key) => {\n const prop = props[key as keyof ImageOptions];\n if ( prop ) {\n // @ts-expect-error\n cldOptions[key as keyof CldOptions] = prop;\n }\n });\n\n // The unoptimized flag is intended to remove all optimizations including quality, format, and sizing\n // via responsive sizing. When passing this in, it also prevents the `loader` from running, thus\n // breaking this component. This rewrites the `src` to construct a fully formed Cloudinary URL\n // that also disables format and quality transformations, to deliver it as unoptimized\n // See about unoptimized not working with loader: https://github.com/vercel/next.js/issues/50764\n\n const IMAGE_OPTIONS: { unoptimized?: boolean } = (process.env.__NEXT_IMAGE_OPTS || {}) as unknown as object;\n\n if ( props.unoptimized === true || IMAGE_OPTIONS?.unoptimized === true ) {\n imageProps.src = getCldImageUrl({\n ...cldOptions,\n width: imageProps.width,\n height: imageProps.height,\n src: imageProps.src as string,\n format: 'default',\n quality: 'default',\n }, props.config);\n }\n\n /**\n * handleOnError\n */\n\n async function onError(options: SyntheticEvent<HTMLImageElement, Event>) {\n let pollForImage = true;\n\n // The onError function should never fire more than once. The use case for tracking it\n // at all outside of the standard Next Image flow is for scenarios like when Cloudinary\n // is processing an image where we want to try to update the UI upon completion.\n // If this fires a second time, it is likely because of another issue, which will end\n // up triggering an infinite loop if the resulting image keeps erroring and\n // this function sets a key using the current time to force refresh the UI\n\n if ( hasThrownError ) return;\n\n hasThrownError = true;\n\n if ( typeof props.onError === 'function' ) {\n const onErrorResult = props.onError(options);\n\n if ( typeof onErrorResult === 'boolean' && onErrorResult === false ) {\n pollForImage = false;\n }\n } else if ( typeof props.onError === 'boolean' && props.onError === false ) {\n pollForImage = false;\n }\n\n // Give an escape hatch in case the user wants to handle the error themselves\n // or if they want to disable polling for the image\n\n if ( pollForImage === false ) return;\n\n const image = options.target as HTMLImageElement\n const result = await pollForProcessingImage({ src: image.src })\n\n if ( typeof result.error === 'string' && process.env.NODE_ENV === 'development' ) {\n console.error(`[CldImage] Failed to load image ${props.src}: ${result.error}`)\n }\n\n if ( result.success ) {\n setImgKey(`${defaultImgKey};${Date.now()}`);\n }\n }\n\n const handleOnError = useCallback(onError, [pollForProcessingImage, defaultImgKey]);\n\n // Copypasta from https://github.com/prismicio/prismic-next/pull/79/files\n // Thanks Angelo!\n // TODO: Remove once https://github.com/vercel/next.js/issues/52216 is resolved.\n\n let ResolvedImage = Image;\n\n if (\"default\" in ResolvedImage) {\n ResolvedImage = (ResolvedImage as unknown as { default: typeof Image }).default;\n }\n\n return (\n <ResolvedImage\n key={imgKey}\n {...imageProps}\n loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig: props.config })}\n onError={handleOnError}\n ref={ref}\n />\n );\n});\n\nexport default CldImage;","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldImageUrlOptions = ImageOptions;\nexport type GetCldImageUrlConfig = ConfigOptions;\nexport type GetCldImageUrlAnalytics = AnalyticsOptions;\n\nexport function getCldImageUrl(options: GetCldImageUrlOptions, config?: GetCldImageUrlConfig, analytics?: GetCldImageUrlAnalytics) {\n return constructCloudinaryUrl({\n options,\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID = 'A';\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_VERSION = normalizeVersion(nextPkg.version);\nexport const NEXT_CLOUDINARY_VERSION = normalizeVersion(pkg.version);\n\nfunction normalizeVersion(version: string) {\n let normalized = version;\n if ( normalized.includes('-') ) {\n normalized = normalized.split('-')[0];\n }\n return normalized;\n}","{\n \"name\": \"next-cloudinary\",\n \"version\": \"6.16.0\",\n \"license\": \"MIT\",\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\",\n \"dev\": \"tsup --watch\",\n \"prepublishOnly\": \"cp ../README.md . && cp ../LICENSE . && pnpm build\",\n \"postpublish\": \"rm ./README.md && rm ./LICENSE\",\n \"test\": \"vitest run\",\n \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" pnpm build && cd tests/nextjs-app && npm install && npm run build\",\n \"test:watch\": \"vitest\"\n },\n \"dependencies\": {\n \"@cloudinary-util/types\": \"1.5.10\",\n \"@cloudinary-util/url-loader\": \"5.10.4\",\n \"@cloudinary-util/util\": \"4.0.0\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.25.2\",\n \"@babel/preset-env\": \"^7.25.3\",\n \"@tsconfig/recommended\": \"^1.0.7\",\n \"@types/node\": \"^22.0.2\",\n \"@types/react\": \"^18.3.3\",\n \"@types/react-dom\": \"^18.3.0\",\n \"dotenv\": \"^16.4.5\",\n \"mkdirp\": \"^3.0.1\",\n \"tsup\": \"^8.2.3\",\n \"typescript\": \"^5.5.4\",\n \"vitest\": \"^2.0.5\"\n },\n \"peerDependencies\": {\n \"next\": \"^12 || ^13 || ^14 || >=15.0.0-rc || ^15\",\n \"react\": \"^17 || ^18 || >=19.0.0-beta || ^19\"\n }\n}\n","import { AnalyticsOptions, ConfigOptions } from \"@cloudinary-util/url-loader\";\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * pollForProcessingImage\n */\n\nexport interface PollForProcessingImageOptions {\n src: string;\n}\n\nexport async function pollForProcessingImage(options: PollForProcessingImageOptions): 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 // Timeout for 200ms before trying to fetch again to avoid overwhelming requests\n\n if ( e.status === 423 ) {\n await new Promise((resolve) => setTimeout(() => resolve(undefined), 200));\n return await pollForProcessingImage(options);\n }\n return false;\n }\n return true;\n}\n\n/**\n * getCloudinaryConfig\n */\n\nexport function getCloudinaryConfig(config?: ConfigOptions): ConfigOptions {\n const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n\n if (!cloudName) {\n throw new Error('A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.');\n }\n\n const apiKey = config?.cloud?.apiKey ?? process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY;\n const secureDistribution = config?.url?.secureDistribution ?? process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION;\n const privateCdn = config?.url?.privateCdn ?? process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;\n\n return Object.assign({\n cloud: {\n ...config?.cloud,\n apiKey,\n cloudName\n },\n url: {\n ...config?.url,\n secureDistribution,\n privateCdn\n }\n }, config);\n}\n\n/**\n * getCloudinaryAnalytics\n */\n\nexport function getCloudinaryAnalytics(analytics?: AnalyticsOptions) {\n return Object.assign({\n product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }, analytics)\n}","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\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.width = loaderOptions.width;\n\n // The height may change based off of the value passed through via the loader options\n // In an example where the user sizes is 800x600, but the loader is passing in 400\n // due to responsive sizing, we want to ensure we're using a height that will\n // resolve to the same aspect ratio\n \n if ( typeof options.height === 'number' ) {\n options.height = Math.floor(options.height * multiplier);\n }\n } else if ( typeof loaderOptions?.width === 'number' && typeof options?.width !== 'number' ) {\n // If we don't have a width on the options object, this may mean that the component is using\n // the fill option: https://nextjs.org/docs/pages/api-reference/components/image#fill\n // The Fill option does not allow someone to pass in a width or a height\n // If this is the case, we still need to define a width for sizing optimization but also\n // for responsive sizing to take effect, so we can utilize the loader width for the base width\n options.width = loaderOptions?.width;\n }\n\n // @ts-ignore\n return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldOgImageUrl } from '../../helpers/getCldOgImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../../constants/sizes';\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport type CldOgImageProps = CldImageProps & {\n excludeTags?: Array<string>;\n keys?: object;\n twitterTitle?: string;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, keys = {}, ...props }: CldOgImageProps) => {\n const { alt } = props;\n\n // We need to separately handle the width and the height to allow our user to pass in\n // a custom value, but also we need to know this at the component level so that we can\n // use it when rendering the meta tags\n\n let {\n width = OG_IMAGE_WIDTH,\n height = OG_IMAGE_HEIGHT\n } = props;\n\n // Normalize the width and height\n\n width = typeof width === 'string' ? parseInt(width) : width;\n height = typeof height === 'string' ? parseInt(height) : height;\n\n // Render the final URLs. We use two different format versions to deliver\n // webp for Twitter as it supports it (and we can control with tags) where\n // other platforms may not support webp, so we deliver jpg\n\n const ogImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height\n });\n\n const twitterImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height,\n format: props.format || 'webp',\n });\n\n const metaKeys = {\n 'og:image': 'og-image',\n 'og:image:secure_url': 'og-image-secureurl',\n 'og:image:width': 'og-image-width',\n 'og:image:height': 'og-image-height',\n 'og:image:alt': 'og-image-alt',\n 'twitter:title': 'twitter-title',\n 'twitter:card': 'twitter-card',\n 'twitter:image': 'twitter-image',\n ...keys\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 key={metaKeys['og:image']} property=\"og:image\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:secure_url']} property=\"og:image:secure_url\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:width']} property=\"og:image:width\" content={`${width}`} />\n <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${height}`} />\n\n {alt && (\n <meta key={metaKeys['og:image:alt']} property=\"og:image:alt\" content={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 key={metaKeys['twitter:title']} property=\"twitter:title\" content={twitterTitle || ' '} />\n )}\n\n <meta key={metaKeys['twitter:card']} property=\"twitter:card\" content={TWITTER_CARD} />\n <meta key={metaKeys['twitter:image']} property=\"twitter:image\" content={twitterImageUrl} />\n </Head>\n );\n}\n\nexport default CldOgImage;\n","import { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldOgImageUrlOptions = GetCldImageUrlOptions;\n\nexport function getCldOgImageUrl(options: GetCldOgImageUrlOptions) {\n return getCldImageUrl({\n ...options,\n format: options.format || 'jpg',\n width: options.width || OG_IMAGE_WIDTH,\n height: options.height || OG_IMAGE_HEIGHT,\n crop: options.crop || {\n type: 'fill',\n gravity: 'center',\n source: true\n }\n });\n}","import React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n className?: string;\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n className,\n children,\n onClick,\n onError,\n onOpen,\n onUpload,\n onAbort,\n onBatchCancelled,\n onClose,\n onDisplayChanged,\n onPublicId,\n onQueuesEnd,\n onQueuesStart,\n onRetry,\n onShowCompleted,\n onSourceChanged,\n onSuccess,\n onTags,\n onUploadAdded,\n options,\n signatureEndpoint,\n uploadPreset,\n onAbortAction,\n onBatchCancelledAction,\n onCloseAction,\n onDisplayChangedAction,\n onPublicIdAction,\n onQueuesEndAction,\n onQueuesStartAction,\n onRetryAction,\n onShowCompletedAction,\n onSourceChangedAction,\n onSuccessAction,\n onTagsAction,\n onUploadAddedAction,\n ...props\n}: CldUploadButtonProps) => {\n\n return (\n <>\n <CldUploadWidget\n onError={onError}\n onOpen={onOpen}\n onUpload={onUpload}\n onAbort={onAbort}\n onBatchCancelled={onBatchCancelled}\n onClose={onClose}\n onDisplayChanged={onDisplayChanged}\n onPublicId={onPublicId}\n onQueuesEnd={onQueuesEnd}\n onQueuesStart={onQueuesStart}\n onRetry={onRetry}\n onShowCompleted={onShowCompleted}\n onSourceChanged={onSourceChanged}\n onSuccess={onSuccess}\n onTags={onTags}\n onUploadAdded={onUploadAdded}\n options={options}\n signatureEndpoint={signatureEndpoint}\n uploadPreset={uploadPreset}\n onAbortAction={onAbortAction}\n onBatchCancelledAction={onBatchCancelledAction}\n onCloseAction={onCloseAction}\n onDisplayChangedAction={onDisplayChangedAction}\n onPublicIdAction={onPublicIdAction}\n onQueuesEndAction={onQueuesEndAction}\n onQueuesStartAction={onQueuesStartAction}\n onRetryAction={onRetryAction}\n onShowCompletedAction={onShowCompletedAction}\n onSourceChangedAction={onSourceChangedAction}\n onSuccessAction={onSuccessAction}\n onTagsAction={onTagsAction}\n onUploadAddedAction={onUploadAddedAction}\n >\n {({ open, isLoading }) => {\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} className={className || ''} onClick={handleOnClick} disabled={isLoading} >\n {children || 'Upload'}\n </button>\n );\n }}\n </CldUploadWidget>\n </>\n );\n};\n\nexport default CldUploadButton;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Script from 'next/script';\nimport { generateSignatureCallback, generateUploadWidgetResultCallback, getUploadWidgetOptions, UPLOAD_WIDGET_EVENTS } from '@cloudinary-util/url-loader'\nimport {\n CloudinaryUploadWidgetResults,\n CloudinaryUploadWidgetInstanceMethods,\n CloudinaryUploadWidgetInstanceMethodCloseOptions,\n CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n CloudinaryUploadWidgetInstanceMethodOpenOptions,\n CloudinaryUploadWidgetSources,\n CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport {\n CldUploadEventAction,\n CldUploadEventCallback,\n CldUploadWidgetCloudinaryInstance,\n CldUploadWidgetProps,\n CldUploadWidgetWidgetInstance,\n} from './CldUploadWidget.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nconst CldUploadWidget = ({\n children,\n config,\n onError,\n onOpen,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadWidgetProps) => {\n const cloudinary: CldUploadWidgetCloudinaryInstance = useRef();\n const widget: CldUploadWidgetWidgetInstance = useRef();\n\n const [error, setError] = useState<CloudinaryUploadWidgetError | undefined>(undefined);\n const [results, setResults] = useState<CloudinaryUploadWidgetResults | undefined>(undefined);\n const [isScriptLoading, setIsScriptLoading] = useState(true);\n\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 cloudinaryConfig = getCloudinaryConfig(config);\n\n const uploadSignature = signatureEndpoint && generateSignatureCallback({\n signatureEndpoint: String(signatureEndpoint),\n fetch\n });\n\n const uploadOptions = getUploadWidgetOptions({\n uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n uploadSignature,\n ...options,\n }, cloudinaryConfig);\n\n const resultsCallback = generateUploadWidgetResultCallback({\n onError: (uploadError) => {\n setError(uploadError);\n\n if ( typeof onError === 'function' ) {\n onError(uploadError, {\n widget: widget.current,\n ...instanceMethods\n });\n }\n },\n onResult: (uploadResult) => {\n if ( typeof uploadResult?.event !== 'string' ) return;\n\n setResults(uploadResult);\n\n const widgetEvent = UPLOAD_WIDGET_EVENTS[uploadResult.event] as keyof typeof props;\n\n if ( typeof widgetEvent === 'string' && typeof props[widgetEvent] === 'function' ) {\n const callback = props[widgetEvent] as CldUploadEventCallback;\n callback(uploadResult, {\n widget: widget.current,\n ...instanceMethods\n });\n }\n\n const widgetEventAction = `${widgetEvent}Action` as keyof typeof props;\n\n if ( widgetEventAction && typeof props[widgetEventAction] === 'function' ) {\n const action = props[widgetEventAction] as CldUploadEventAction;\n action(uploadResult);\n }\n },\n });\n\n\n // Handle result states and callbacks\n\n useEffect(() => {\n if ( typeof results === 'undefined' ) return;\n\n const isSuccess = results.event === 'success';\n\n if ( isSuccess && typeof onUpload === 'function' ) {\n if ( process.env.NODE_ENV === 'development' ) {\n console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');\n }\n onUpload(results, widget.current);\n }\n }, [results])\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 setIsScriptLoading(false);\n\n if ( !cloudinary.current ) {\n cloudinary.current = (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.current ) {\n widget.current = createWidget();\n }\n });\n }\n\n useEffect(() => {\n return () => {\n widget.current?.destroy();\n widget.current = undefined;\n }\n }, [])\n\n /**\n * Instance Methods\n * Gives the ability to interface directly with the Upload Widget instance methods like open and close\n * https://cloudinary.com/documentation/upload_widget_reference#instance_methods\n */\n\n function invokeInstanceMethod<\n TMethod extends keyof CloudinaryUploadWidgetInstanceMethods\n >(\n method: TMethod,\n options: Parameters<\n CloudinaryUploadWidgetInstanceMethods[TMethod]\n > = [] as Parameters<CloudinaryUploadWidgetInstanceMethods[TMethod]>\n ) {\n if (!widget.current) {\n widget.current = createWidget();\n }\n\n if (typeof widget?.current[method] === \"function\") {\n return widget.current[method](...options);\n }\n }\n\n function close(options?: CloudinaryUploadWidgetInstanceMethodCloseOptions) {\n invokeInstanceMethod('close', [options]);\n }\n\n function destroy(options?: CloudinaryUploadWidgetInstanceMethodDestroyOptions) {\n return invokeInstanceMethod('destroy', [options]);\n }\n\n function hide() {\n invokeInstanceMethod('hide');\n }\n\n function isDestroyed() {\n return invokeInstanceMethod('isDestroyed');\n }\n\n function isMinimized() {\n return invokeInstanceMethod('isMinimized');\n }\n\n function isShowing() {\n return invokeInstanceMethod('isShowing');\n }\n\n function minimize() {\n invokeInstanceMethod('minimize');\n }\n\n function open(widgetSource?: CloudinaryUploadWidgetSources, options?: CloudinaryUploadWidgetInstanceMethodOpenOptions) {\n invokeInstanceMethod('open', [widgetSource, options]);\n\n if ( typeof onOpen === 'function' ) {\n onOpen(widget.current);\n }\n }\n\n function show() {\n invokeInstanceMethod('show');\n }\n\n function update() {\n invokeInstanceMethod('update');\n }\n\n const instanceMethods: CloudinaryUploadWidgetInstanceMethods = {\n close,\n destroy,\n hide,\n isDestroyed,\n isMinimized,\n isShowing,\n minimize,\n open,\n show,\n update,\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 return cloudinary.current?.createUploadWidget(uploadOptions, resultsCallback);\n }\n\n return (\n <>\n {typeof children === 'function' && children({\n cloudinary: cloudinary.current,\n widget: widget.current,\n results,\n error,\n isLoading: isScriptLoading,\n ...instanceMethods,\n })}\n <Script\n id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n src=\"https://upload-widget.cloudinary.com/global/all.js\"\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n />\n </>\n );\n};\n\nexport default CldUploadWidget;","/**\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}","import React, {useRef, MutableRefObject, useEffect, useId} from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\nimport { CloudinaryVideoPlayer } from '@cloudinary-util/types';\nimport { getVideoPlayerOptions } from '@cloudinary-util/url-loader';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nlet playerInstances: string[] = [];\n\nconst PLAYER_VERSION = '1.11.1';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n\n const {\n className,\n config,\n height,\n id,\n onDataLoad,\n onError,\n onMetadataLoad,\n onPause,\n onPlay,\n onEnded,\n width,\n } = props;\n\n const uniqueId = useId();\n\n const cloudinaryConfig = getCloudinaryConfig(config);\n const playerOptions = getVideoPlayerOptions(props, cloudinaryConfig);\n const { publicId } = playerOptions;\n if ( typeof publicId === 'undefined' ) {\n throw new Error('Video Player requires a Public ID or Cloudinary URL - please specify a src prop');\n }\n\n // Setup the refs and allow for the caller to pass through their\n // own ref instance\n\n const cloudinaryRef = useRef<any>();\n const defaultVideoRef = useRef() as MutableRefObject<HTMLVideoElement | null>;\n const videoRef = props.videoRef || defaultVideoRef;\n const defaultPlayerRef = useRef()as MutableRefObject<CloudinaryVideoPlayer | null>;\n const playerRef = props.playerRef || defaultPlayerRef;\n\n const playerId = id || `player-${uniqueId.replace(/:/g, '')}`;\n let playerClassName = 'cld-video-player cld-fluid';\n\n if ( className ) {\n playerClassName = `${playerClassName} ${className}`;\n }\n\n // Check if the same id is being used for multiple video instances.\n const checkForMultipleInstance = playerInstances.filter((id) => id === playerId).length > 1\n if (checkForMultipleInstance) {\n console.warn(`Multiple instances of the same video detected on the\n page which may cause some features to not work.\n Try adding a unique id to each player.`)\n } else {\n playerInstances.push(playerId)\n }\n\n const events: Record<string, Function|undefined> = {\n error: onError,\n loadeddata: onDataLoad,\n loadedmetadata: onMetadataLoad,\n pause: onPause,\n play: onPlay,\n ended: onEnded\n };\n\n /**\n * handleEvent\n * @description Event handler for all player events\n */\n\n function handleEvent(event: { type: 'string' }) {\n const activeEvent = events[event.type];\n\n if ( typeof activeEvent === 'function' ) {\n activeEvent(getPlayerRefs());\n }\n }\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' in window ) {\n cloudinaryRef.current = window.cloudinary;\n playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, playerOptions);\n\n Object.keys(events).forEach((key) => {\n if ( typeof events[key] === 'function' ) {\n playerRef.current?.on(key, handleEvent);\n }\n });\n }\n }\n\n useEffect(() => {\n\n return () => {\n playerRef.current?.videojs.cloudinary.dispose();\n playerInstances = playerInstances.filter((id) => id !== playerId)\n }\n }, []);\n\n /**\n *getPlayerRefs\n */\n\n function getPlayerRefs() {\n return {\n player: playerRef.current,\n video: videoRef.current\n }\n }\n\n return (\n <>\n <Head>\n <link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n </Head>\n <div style={{ width: '100%', aspectRatio: `${width} / ${height}`}}>\n <video\n ref={videoRef}\n id={playerId}\n className={playerClassName}\n width={width}\n height={height}\n />\n <Script\n id={`cloudinary-videoplayer-${playerId}`}\n src={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`}\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)}\n />\n </div>\n </>\n );\n};\n\nexport default CldVideoPlayer;\n","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { VideoOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldVideoUrl\n */\n\nexport type GetCldVideoUrlOptions = VideoOptions;\nexport type GetCldVideoUrlConfig = ConfigOptions;\nexport type GetCldVideoUrlAnalytics = AnalyticsOptions;\n\nexport function getCldVideoUrl(options: GetCldVideoUrlOptions, config?: GetCldVideoUrlConfig, analytics?: GetCldVideoUrlAnalytics) {\n return constructCloudinaryUrl({\n options: {\n assetType: 'video',\n format: 'auto:video',\n ...options\n },\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n"],"mappings":"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","names":["React","useState","useCallback","forwardRef","Image","pollForProcessingImage","transformationPlugins","constructCloudinaryUrl","nextPkg","package_default","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_VERSION","normalizeVersion","nextPkg","NEXT_CLOUDINARY_VERSION","package_default","version","normalized","getCloudinaryConfig","config","cloudName","apiKey","secureDistribution","privateCdn","getCloudinaryAnalytics","analytics","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","getCldImageUrl","options","config","analytics","constructCloudinaryUrl","getCloudinaryConfig","getCloudinaryAnalytics","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","forwardRef","props","ref","hasThrownError","CLD_OPTIONS","transformationPlugins","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","useState","cldOptions","IMAGE_OPTIONS","getCldImageUrl","onError","options","pollForImage","onErrorResult","image","result","pollForProcessingImage","handleOnError","useCallback","ResolvedImage","Image","React","loaderOptions","cloudinaryLoader","CldImage_default","React","Head","getCldOgImageUrl","options","getCldImageUrl","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","width","height","ogImageUrl","getCldOgImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","React","React","useState","useEffect","useRef","Script","generateSignatureCallback","generateUploadWidgetResultCallback","getUploadWidgetOptions","UPLOAD_WIDGET_EVENTS","triggerOnIdle","callback","CldUploadWidget","children","config","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","props","cloudinary","useRef","widget","error","setError","useState","results","setResults","isScriptLoading","setIsScriptLoading","cloudinaryConfig","getCloudinaryConfig","uploadSignature","generateSignatureCallback","uploadOptions","getUploadWidgetOptions","resultsCallback","generateUploadWidgetResultCallback","uploadError","instanceMethods","uploadResult","widgetEvent","UPLOAD_WIDGET_EVENTS","callback","widgetEventAction","action","useEffect","handleOnLoad","triggerOnIdle","createWidget","invokeInstanceMethod","method","close","destroy","hide","isDestroyed","isMinimized","isShowing","minimize","open","widgetSource","show","update","React","Script","e","CldUploadWidget_default","CldUploadButton","className","children","onClick","onError","onOpen","onUpload","onAbort","onBatchCancelled","onClose","onDisplayChanged","onPublicId","onQueuesEnd","onQueuesStart","onRetry","onShowCompleted","onSourceChanged","onSuccess","onTags","onUploadAdded","options","signatureEndpoint","uploadPreset","onAbortAction","onBatchCancelledAction","onCloseAction","onDisplayChangedAction","onPublicIdAction","onQueuesEndAction","onQueuesStartAction","onRetryAction","onShowCompletedAction","onSourceChangedAction","onSuccessAction","onTagsAction","onUploadAddedAction","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","React","useRef","useEffect","useId","Script","Head","getVideoPlayerOptions","playerInstances","PLAYER_VERSION","CldVideoPlayer","props","className","config","height","id","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","width","uniqueId","useId","cloudinaryConfig","getCloudinaryConfig","playerOptions","getVideoPlayerOptions","publicId","cloudinaryRef","useRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","key","useEffect","React","Head","Script","e","CldVideoPlayer_default","constructCloudinaryUrl","getCldVideoUrl","options","config","analytics","constructCloudinaryUrl","getCloudinaryConfig","getCloudinaryAnalytics"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "next-cloudinary",
3
- "version": "6.14.2",
3
+ "version": "6.16.0",
4
4
  "license": "MIT",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
@@ -9,7 +9,7 @@
9
9
  "dependencies": {
10
10
  "@cloudinary-util/types": "1.5.10",
11
11
  "@cloudinary-util/url-loader": "5.10.4",
12
- "@cloudinary-util/util": "^3.3.2"
12
+ "@cloudinary-util/util": "4.0.0"
13
13
  },
14
14
  "devDependencies": {
15
15
  "@babel/core": "^7.25.2",
@@ -25,8 +25,8 @@
25
25
  "vitest": "^2.0.5"
26
26
  },
27
27
  "peerDependencies": {
28
- "next": "^12 || ^13 || ^14 || >=15.0.0-rc",
29
- "react": "^17 || ^18 || >=19.0.0-beta"
28
+ "next": "^12 || ^13 || ^14 || >=15.0.0-rc || ^15",
29
+ "react": "^17 || ^18 || >=19.0.0-beta || ^19"
30
30
  },
31
31
  "scripts": {
32
32
  "build": "tsup",