next-cloudinary 4.14.0 → 4.15.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.
Files changed (5) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var Ie=Object.create;var N=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var Ue=Object.getPrototypeOf,Ee=Object.prototype.hasOwnProperty;var we=(e,r)=>{for(var i in r)N(e,i,{get:r[i],enumerable:!0})},J=(e,r,i,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of Pe(r))!Ee.call(e,o)&&o!==i&&N(e,o,{get:()=>r[o],enumerable:!(n=Oe(r,o))||n.enumerable});return e};var y=(e,r,i)=>(i=e!=null?Ie(Ue(e)):{},J(r||!e||!e.__esModule?N(i,"default",{value:e,enumerable:!0}):i,e)),xe=e=>J(N({},"__esModule",{value:!0}),e);var De={};we(De,{CldImage:()=>$,CldOgImage:()=>X,CldUploadButton:()=>Y,CldUploadWidget:()=>b,CldVideoPlayer:()=>K,cloudinaryLoader:()=>D,getCldImageUrl:()=>O,getCldOgImageUrl:()=>me});module.exports=xe(De);var U=y(require("react")),ie=y(require("next/image")),ne=require("@cloudinary-util/util"),ae=require("@cloudinary-util/url-loader");async function G(e){let{src:r}=e;try{await new Promise((i,n)=>{fetch(r).then(o=>{if(!o.ok){n(o);return}i(o)})})}catch(i){return i.status===423?await G(e):!1}return!0}var re=require("@cloudinary-util/url-loader");var Q=y(require("next/package.json"));var Z={name:"next-cloudinary",version:"4.14.0",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup src/index.ts --dts",dev:"tsup src/index.ts --watch --dts",prepublishOnly:"cp ../README.md . && yarn build",postpublish:"rm ./README.md",test:"jest","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" yarn build && cd tests/nextjs-app && yarn build'},dependencies:{"@cloudinary-util/url-loader":"^3.9.0","@cloudinary-util/util":"^2.1.0","@cloudinary/url-gen":"^1.10.1"},devDependencies:{"@babel/core":"^7.19.6","@babel/preset-env":"^7.19.4","@types/jest":"^29.2.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","babel-jest":"^29.2.2",dotenv:"^16.0.3",jest:"^29.2.2","jest-environment-jsdom":"^29.2.2","ts-jest":"^29.0.3",tsup:"^6.6.3",typescript:"^4.9.4"},peerDependencies:{next:"^12 || ^13",react:"^17 || ^18"}};var ee="V",te=Z.version,oe=Q.default.version;function O(e,r,i){return(0,re.constructCloudinaryUrl)({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},r),analytics:Object.assign({sdkCode:ee,sdkSemver:te,techVersion:oe,feature:""},i)})}function D({loaderOptions:e,imageProps:r,cldOptions:i,cldConfig:n={}}){let o={...r,...i};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==null?void 0:e.width)=="number"&&typeof o.width=="number"&&e.width!==o.width){let l=e.width/o.width;o.widthResize=e.width,typeof o.height=="number"&&(o.heightResize=Math.round(o.height*l))}return O(o,n)}var Le=e=>{let r=["deliveryType","preserveTransformations"];ae.transformationPlugins.forEach(({props:t=[]})=>{t.forEach(a=>{if(r.includes(a))throw new Error(`Option ${a} already exists!`);r.push(a)})});let i={alt:e.alt,src:e.src};Object.keys(e).filter(t=>!r.includes(t)).forEach(t=>i[t]=e[t]);let n=Object.keys(i).map(t=>`${t}:${i[t]}`).join(";"),[o,l]=(0,U.useState)(n),d={};if(r.forEach(t=>{e[t]&&(d[t]=e[t]||void 0)}),e.preserveTransformations)try{let t=(0,ne.getTransformations)(e.src).map(a=>a.join(","));d.rawTransformations=[...t.flat(),...e.rawTransformations||[]]}catch(t){console.warn(`Failed to preserve transformations: ${t.message}`)}async function m(t){let a=!0;if(typeof e.onError=="function"){let g=e.onError(t);typeof g=="boolean"&&g===!1&&(a=!1)}else typeof e.onError=="boolean"&&e.onError===!1&&(a=!1);if(a===!1)return;let f=t.target;await G({src:f.src})&&l(`${n};${Date.now()}`)}let p=(0,U.useCallback)(m,[G,n]);return U.default.createElement(ie.default,{key:o,...i,loader:t=>D({loaderOptions:t,imageProps:i,cldOptions:d,cldConfig:e.config}),onError:p})},$=Le;var h=y(require("react")),le=y(require("next/head"));var be="summary_large_image",ve=({excludeTags:e=[],twitterTitle:r,keys:i={},...n})=>{let{alt:o}=n,l={...n,crop:n.crop||"fill",gravity:n.gravity||"center",height:n.height||1254,src:n.src,width:n.width||2400,widthResize:n.width||1200},d=typeof l.width=="string"?parseInt(l.width):l.width,m=typeof l.height=="string"?parseInt(l.height):l.height;typeof m=="number"&&typeof d=="number"&&(m=1200/d*m),d=1200;let p=O({...l,format:n.format||"jpg"}),t=O({...l,format:n.format||"webp"}),a={"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",...i};return h.default.createElement(le.default,null,h.default.createElement("meta",{key:a["og:image"],property:"og:image",content:p}),h.default.createElement("meta",{key:a["og:image:secure_url"],property:"og:image:secure_url",content:p}),h.default.createElement("meta",{key:a["og:image:width"],property:"og:image:width",content:`${d}`}),h.default.createElement("meta",{key:a["og:image:height"],property:"og:image:height",content:`${m}`}),o&&h.default.createElement("meta",{key:a["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&h.default.createElement("meta",{key:a["twitter:title"],property:"twitter:title",content:r||" "}),h.default.createElement("meta",{key:a["twitter:card"],property:"twitter:card",content:be}),h.default.createElement("meta",{key:a["twitter:image"],property:"twitter:image",content:t}))},X=ve;var v=y(require("react"));var s=y(require("react")),se=y(require("next/script"));function de(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Te=["success","display-changed"],Ae=({children:e,onClose:r,onError:i,onOpen:n,onUpload:o,options:l,signatureEndpoint:d,uploadPreset:m})=>{let p=(0,s.useRef)(),t=(0,s.useRef)(),a=!!d,[f,T]=(0,s.useState)(void 0),[g,M]=(0,s.useState)(void 0),[V,W]=(0,s.useState)(!0),E={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:m||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...l};a&&(E.uploadSignature=w,E.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,s.useEffect)(()=>{if(typeof g=="undefined")return;let C=g.event==="success",I=g.event==="display-changed"&&g.info==="hidden";C&&typeof o=="function"&&o(g,t.current),I&&typeof r=="function"&&r(t.current)},[g]),(0,s.useEffect)(()=>{f&&typeof i=="function"&&i(f,t.current)},[f]);function A(){W(!1),p.current||(p.current=window.cloudinary),de(()=>{t.current||(t.current=x())})}function w(C,I){if(typeof d=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(d,{method:"POST",body:JSON.stringify({paramsToSign:I})}).then(u=>u.json()).then(({signature:u})=>{C(u)})}function x(){var C;return(C=p.current)==null?void 0:C.createUploadWidget(E,(I,u)=>{typeof I!="undefined"&&T(I),Te.includes(u==null?void 0:u.event)&&M(u)})}function j(){t.current||(t.current=x()),t==null||t.current.open(),typeof n=="function"&&n(t.current)}return s.default.createElement(s.default.Fragment,null,typeof e=="function"&&e({cloudinary:p.current,widget:t.current,open:j,results:g,error:f,isLoading:V}),s.default.createElement(se.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:A,onError:C=>console.error(`Failed to load Cloudinary Upload Widget: ${C.message}`)}))},b=Ae;var Ne=({children:e,onClick:r,onError:i,onUpload:n,options:o,signatureEndpoint:l,uploadPreset:d,...m})=>v.default.createElement(v.default.Fragment,null,v.default.createElement(b,{onError:i,onUpload:n,options:o,signatureEndpoint:l,uploadPreset:d},({open:p,isLoading:t})=>{function a(f){f.preventDefault(),p(),typeof r=="function"&&r(f)}return v.default.createElement("button",{...m,onClick:a,disabled:t},e||"Upload")})),Y=Ne;var c=y(require("react")),pe=y(require("next/script")),ce=y(require("next/head")),Ge=e=>{let r=(0,c.useRef)(Math.ceil(Math.random()*1e5)),{autoPlay:i="never",className:n,colors:o,controls:l=!0,fontFace:d,height:m,id:p,logo:t=!0,loop:a=!1,muted:f=!1,onDataLoad:T,onError:g,onMetadataLoad:M,onPause:V,onPlay:W,onEnded:E,src:A,transformation:w,version:x="1.9.4",quality:j="auto",width:C}=e,I=Array.isArray(w)?w:[w];I.unshift({quality:j});let u=(0,c.useRef)(),ge=(0,c.useRef)(),R=e.videoRef||ge,fe=(0,c.useRef)(),S=e.playerRef||fe,ue=p||`player-${A.replace("/","-")}-${r.current}`,k="cld-video-player cld-fluid";n&&(k=`${k} ${n}`);let H={error:g,loadeddata:T,loadedmetadata:M,pause:V,play:W,ended:E};function ye(P){let _=H[P.type];typeof _=="function"&&_(he())}function Ce(){if("cloudinary"in window){u.current=window.cloudinary;let P={};typeof t=="boolean"?P.showLogo=t:typeof t=="object"&&(P={...P,showLogo:!0,logoImageUrl:t.imageUrl,logoOnclickUrl:t.onClickUrl});let _={autoplayMode:i,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:l,fontFace:d||"",loop:a,muted:f,publicId:A,secure:!0,transformation:I,...P};typeof o=="object"&&(_.colors=o),S.current=u.current.videoPlayer(R.current,_),Object.keys(H).forEach(z=>{var q;typeof H[z]=="function"&&((q=S.current)==null||q.on(z,ye))})}}function he(){return{player:S.current,video:R.current}}return c.default.createElement(c.default.Fragment,null,c.default.createElement(ce.default,null,c.default.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${x}/dist/cld-video-player.min.css`,rel:"stylesheet"})),c.default.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},c.default.createElement("video",{ref:R,id:ue,className:k,width:C,height:m}),c.default.createElement(pe.default,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${x}/dist/cld-video-player.min.js`,onLoad:Ce,onError:P=>console.error(`Failed to load Cloudinary Video Player: ${P.message}`)})))},K=Ge;function me(e){return O({...e,crop:e.crop||"fill",format:e.format||"jpg",gravity:e.gravity||"center",height:e.height||1254,width:e.width||2400,widthResize:e.width||1200})}0&&(module.exports={CldImage,CldOgImage,CldUploadButton,CldUploadWidget,CldVideoPlayer,cloudinaryLoader,getCldImageUrl,getCldOgImageUrl});
1
+ "use strict";var he=Object.create;var G=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var Ue=Object.getPrototypeOf,Ee=Object.prototype.hasOwnProperty;var we=(e,r)=>{for(var i in r)G(e,i,{get:r[i],enumerable:!0})},J=(e,r,i,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of Pe(r))!Ee.call(e,t)&&t!==i&&G(e,t,{get:()=>r[t],enumerable:!(n=Oe(r,t))||n.enumerable});return e};var u=(e,r,i)=>(i=e!=null?he(Ue(e)):{},J(r||!e||!e.__esModule?G(i,"default",{value:e,enumerable:!0}):i,e)),xe=e=>J(G({},"__esModule",{value:!0}),e);var De={};we(De,{CldImage:()=>$,CldOgImage:()=>X,CldUploadButton:()=>Y,CldUploadWidget:()=>T,CldVideoPlayer:()=>K,cloudinaryLoader:()=>M,getCldImageUrl:()=>O,getCldOgImageUrl:()=>ce});module.exports=xe(De);var E=u(require("react")),ie=u(require("next/image")),ne=require("@cloudinary-util/util"),ae=require("@cloudinary-util/url-loader");async function D(e){let{src:r}=e;try{await new Promise((i,n)=>{fetch(r).then(t=>{if(!t.ok){n(t);return}i(t)})})}catch(i){return i.status===423?await D(e):!1}return!0}var re=require("@cloudinary-util/url-loader");var Q=u(require("next/package.json"));var Z={name:"next-cloudinary",version:"4.15.0",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup src/index.ts --dts",dev:"tsup src/index.ts --watch --dts",prepublishOnly:"cp ../README.md . && yarn build",postpublish:"rm ./README.md",test:"jest","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" yarn build && cd tests/nextjs-app && yarn build'},dependencies:{"@cloudinary-util/url-loader":"^3.9.1","@cloudinary-util/util":"^2.2.1","@cloudinary/url-gen":"^1.10.1"},devDependencies:{"@babel/core":"^7.19.6","@babel/preset-env":"^7.19.4","@types/jest":"^29.2.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","babel-jest":"^29.2.2",dotenv:"^16.0.3",jest:"^29.2.2","jest-environment-jsdom":"^29.2.2","ts-jest":"^29.0.3",tsup:"^6.6.3",typescript:"^4.9.4"},peerDependencies:{next:"^12 || ^13",react:"^17 || ^18"}};var ee="V",te=Z.version,oe=Q.default.version;function O(e,r,i){return(0,re.constructCloudinaryUrl)({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},r),analytics:Object.assign({sdkCode:ee,sdkSemver:te,techVersion:oe,feature:""},i)})}function M({loaderOptions:e,imageProps:r,cldOptions:i,cldConfig:n={}}){let t={...r,...i};if(t.width=typeof t.width=="string"?parseInt(t.width):t.width,t.height=typeof t.height=="string"?parseInt(t.height):t.height,typeof(e==null?void 0:e.width)=="number"&&typeof t.width=="number"&&e.width!==t.width){let d=e.width/t.width;t.widthResize=e.width,typeof t.height=="number"&&(t.heightResize=Math.round(t.height*d))}return O(t,n)}var Le=e=>{let r=["deliveryType","preserveTransformations"];ae.transformationPlugins.forEach(({props:o=[]})=>{o.forEach(l=>{if(r.includes(l))throw new Error(`Option ${l} already exists!`);r.push(l)})});let i={alt:e.alt,src:e.src};Object.keys(e).filter(o=>!r.includes(o)).forEach(o=>i[o]=e[o]);let n=Object.keys(i).map(o=>`${o}:${i[o]}`).join(";"),[t,d]=(0,E.useState)(n),s={};if(r.forEach(o=>{e[o]&&(s[o]=e[o]||void 0)}),e.preserveTransformations)try{let o=(0,ne.getTransformations)(e.src).map(l=>l.join(","));s.rawTransformations=[...o.flat(),...e.rawTransformations||[]]}catch(o){console.warn(`Failed to preserve transformations: ${o.message}`)}async function g(o){let l=!0;if(typeof e.onError=="function"){let U=e.onError(o);typeof U=="boolean"&&U===!1&&(l=!1)}else typeof e.onError=="boolean"&&e.onError===!1&&(l=!1);if(l===!1)return;let w=o.target;await D({src:w.src})&&d(`${n};${Date.now()}`)}let m=(0,E.useCallback)(g,[D,n]),a=ie.default;return"default"in a&&(a=a.default),E.default.createElement(a,{key:t,...i,loader:o=>M({loaderOptions:o,imageProps:i,cldOptions:s,cldConfig:e.config}),onError:m})},$=Le;var I=u(require("react")),le=u(require("next/head"));var ve="summary_large_image",be=({excludeTags:e=[],twitterTitle:r,keys:i={},...n})=>{let{alt:t}=n,d={...n,crop:n.crop||"fill",gravity:n.gravity||"center",height:n.height||1254,src:n.src,width:n.width||2400,widthResize:n.width||1200},s=typeof d.width=="string"?parseInt(d.width):d.width,g=typeof d.height=="string"?parseInt(d.height):d.height;typeof g=="number"&&typeof s=="number"&&(g=1200/s*g),s=1200;let m=O({...d,format:n.format||"jpg"}),a=O({...d,format:n.format||"webp"}),o={"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",...i};return I.default.createElement(le.default,null,I.default.createElement("meta",{key:o["og:image"],property:"og:image",content:m}),I.default.createElement("meta",{key:o["og:image:secure_url"],property:"og:image:secure_url",content:m}),I.default.createElement("meta",{key:o["og:image:width"],property:"og:image:width",content:`${s}`}),I.default.createElement("meta",{key:o["og:image:height"],property:"og:image:height",content:`${g}`}),t&&I.default.createElement("meta",{key:o["og:image:alt"],property:"og:image:alt",content:t}),!e.includes("twitter:title")&&I.default.createElement("meta",{key:o["twitter:title"],property:"twitter:title",content:r||" "}),I.default.createElement("meta",{key:o["twitter:card"],property:"twitter:card",content:ve}),I.default.createElement("meta",{key:o["twitter:image"],property:"twitter:image",content:a}))},X=be;var A=u(require("react"));var p=u(require("react")),se=u(require("next/script"));function de(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Te=["success","display-changed"],Ae=({children:e,onClose:r,onError:i,onOpen:n,onUpload:t,options:d,signatureEndpoint:s,uploadPreset:g})=>{let m=(0,p.useRef)(),a=(0,p.useRef)(),o=!!s,[l,w]=(0,p.useState)(void 0),[y,U]=(0,p.useState)(void 0),[V,W]=(0,p.useState)(!0),x={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:g||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...d};o&&(x.uploadSignature=_,x.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,p.useEffect)(()=>{if(typeof y=="undefined")return;let C=y.event==="success",h=y.event==="display-changed"&&y.info==="hidden";C&&typeof t=="function"&&t(y,a.current),h&&typeof r=="function"&&r(a.current)},[y]),(0,p.useEffect)(()=>{l&&typeof i=="function"&&i(l,a.current)},[l]);function N(){W(!1),m.current||(m.current=window.cloudinary),de(()=>{a.current||(a.current=L())})}function _(C,h){if(typeof s=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(s,{method:"POST",body:JSON.stringify({paramsToSign:h})}).then(f=>f.json()).then(({signature:f})=>{C(f)})}function L(){var C;return(C=m.current)==null?void 0:C.createUploadWidget(x,(h,f)=>{typeof h!="undefined"&&w(h),Te.includes(f==null?void 0:f.event)&&U(f)})}function j(){a.current||(a.current=L()),a==null||a.current.open(),typeof n=="function"&&n(a.current)}return p.default.createElement(p.default.Fragment,null,typeof e=="function"&&e({cloudinary:m.current,widget:a.current,open:j,results:y,error:l,isLoading:V}),p.default.createElement(se.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:N,onError:C=>console.error(`Failed to load Cloudinary Upload Widget: ${C.message}`)}))},T=Ae;var Ne=({children:e,onClick:r,onError:i,onUpload:n,options:t,signatureEndpoint:d,uploadPreset:s,...g})=>A.default.createElement(A.default.Fragment,null,A.default.createElement(T,{onError:i,onUpload:n,options:t,signatureEndpoint:d,uploadPreset:s},({open:m,isLoading:a})=>{function o(l){l.preventDefault(),m(),typeof r=="function"&&r(l)}return A.default.createElement("button",{...g,onClick:o,disabled:a},e||"Upload")})),Y=Ne;var c=u(require("react")),pe=u(require("next/script")),me=u(require("next/head")),Ge=e=>{let r=(0,c.useRef)(Math.ceil(Math.random()*1e5)),{autoPlay:i="never",className:n,colors:t,controls:d=!0,fontFace:s,height:g,id:m,logo:a=!0,loop:o=!1,muted:l=!1,onDataLoad:w,onError:y,onMetadataLoad:U,onPause:V,onPlay:W,onEnded:x,src:N,transformation:_,version:L="1.9.4",quality:j="auto",width:C}=e,h=Array.isArray(_)?_:[_];h.unshift({quality:j});let f=(0,c.useRef)(),ge=(0,c.useRef)(),R=e.videoRef||ge,fe=(0,c.useRef)(),S=e.playerRef||fe,ue=m||`player-${N.replace("/","-")}-${r.current}`,k="cld-video-player cld-fluid";n&&(k=`${k} ${n}`);let H={error:y,loadeddata:w,loadedmetadata:U,pause:V,play:W,ended:x};function ye(P){let v=H[P.type];typeof v=="function"&&v(Ie())}function Ce(){if("cloudinary"in window){f.current=window.cloudinary;let P={};typeof a=="boolean"?P.showLogo=a:typeof a=="object"&&(P={...P,showLogo:!0,logoImageUrl:a.imageUrl,logoOnclickUrl:a.onClickUrl});let v={autoplayMode:i,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:d,fontFace:s||"",loop:o,muted:l,publicId:N,secure:!0,transformation:h,...P};typeof t=="object"&&(v.colors=t),S.current=f.current.videoPlayer(R.current,v),Object.keys(H).forEach(z=>{var q;typeof H[z]=="function"&&((q=S.current)==null||q.on(z,ye))})}}function Ie(){return{player:S.current,video:R.current}}return c.default.createElement(c.default.Fragment,null,c.default.createElement(me.default,null,c.default.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${L}/dist/cld-video-player.min.css`,rel:"stylesheet"})),c.default.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},c.default.createElement("video",{ref:R,id:ue,className:k,width:C,height:g}),c.default.createElement(pe.default,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${L}/dist/cld-video-player.min.js`,onLoad:Ce,onError:P=>console.error(`Failed to load Cloudinary Video Player: ${P.message}`)})))},K=Ge;function ce(e){return O({...e,crop:e.crop||"fill",format:e.format||"jpg",gravity:e.gravity||"center",height:e.height||1254,width:e.width||2400,widthResize:e.width||1200})}0&&(module.exports={CldImage,CldOgImage,CldUploadButton,CldUploadWidget,CldVideoPlayer,cloudinaryLoader,getCldImageUrl,getCldOgImageUrl});
2
2
  //# 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/lib/cloudinary.ts","../src/helpers/getCldImageUrl.ts","../src/constants/analytics.ts","../package.json","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldOgImageUrl.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, CldUploadWidgetPropsOptions, CldUploadWidgetResults } from './components/CldUploadWidget';\n\nexport { default as CldVideoPlayer } from './components/CldVideoPlayer';\nexport type { CldVideoPlayerProps, CldVideoPlayerPropsColors, CldVideoPlayerPropsLogo } from './components/CldVideoPlayer';\n\nexport { cloudinaryLoader } from './loaders/cloudinary-loader';\nexport type { CloudinaryLoader, CloudinaryLoaderLoaderOptions, CloudinaryLoaderCldOptions } from './loaders/cloudinary-loader';\n\nexport { getCldImageUrl } from './helpers/getCldImageUrl';\nexport type { GetCldImageUrl, GetCldImageUrlOptions, GetCldImageUrlConfig, GetCldImageUrlAnalytics } from './helpers/getCldImageUrl';\n\nexport { getCldOgImageUrl } from './helpers/getCldOgImageUrl';\nexport type { GetCldOgImageUrl } from './helpers/getCldOgImageUrl';\n\nexport type { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsColors, CloudinaryVideoPlayerOptionsLogo } from './types/player';","import React, { useState, useCallback } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { getTransformations } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions } from '@cloudinary-util/url-loader';\n\nimport { pollForProcessingImage } from '../../lib/cloudinary';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n src: string;\n preserveTransformations?: boolean;\n config?: ConfigOptions;\n};\n\nconst CldImage = (props: CldImageProps) => {\n const CLD_OPTIONS = [\n 'deliveryType',\n 'preserveTransformations'\n ];\n\n transformationPlugins.forEach(({ props = [] }) => {\n props.forEach(prop => {\n if ( CLD_OPTIONS.includes(prop) ) {\n throw new Error(`Option ${prop} already exists!`);\n }\n CLD_OPTIONS.push(prop);\n });\n });\n\n // Construct the base Image component props by filtering out Cloudinary-specific props\n\n const imageProps = {\n alt: props.alt,\n src: props.src,\n };\n\n (Object.keys(props) as Array<keyof typeof props>)\n .filter(key => !CLD_OPTIONS.includes(key))\n // @ts-expect-error\n .forEach(key => imageProps[key] = props[key]);\n\n const defaultImgKey = (Object.keys(imageProps) as Array<keyof typeof imageProps>).map(key => `${key}:${imageProps[key]}`).join(';');\n const [imgKey, setImgKey] = useState(defaultImgKey);\n\n // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n const cldOptions = {};\n\n CLD_OPTIONS.forEach(key => {\n // @ts-expect-error\n if ( props[key] ) {\n // @ts-expect-error\n cldOptions[key] = props[key] || undefined;\n }\n });\n\n // Try to preserve the original transformations from the Cloudinary URL passed in\n // to the component. This only works if the URL has a version number on it and otherwise\n // will fail to load\n\n if (props.preserveTransformations) {\n try {\n const transformations = getTransformations(props.src).map(t => t.join(','));\n // @ts-expect-error\n cldOptions.rawTransformations = [...transformations.flat(), ...(props.rawTransformations || [])];\n } catch(e) {\n console.warn(`Failed to preserve transformations: ${(e as Error).message}`)\n }\n }\n\n /**\n * handleOnError\n */\n\n async function onError(options: React.SyntheticEvent<HTMLImageElement, Event>) {\n let pollForImage = 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 return (\n <Image\n key={imgKey}\n {...imageProps}\n loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig: props.config })}\n onError={handleOnError}\n />\n );\n}\n\nexport default CldImage;\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 if ( e.status === 423 ) {\n return await pollForProcessingImage(options);\n }\n return false;\n }\n return true;\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * getCldImage\n */\n\nexport interface GetCldImageUrlOptions extends ImageOptions {};\nexport interface GetCldImageUrlConfig extends ConfigOptions {};\nexport interface GetCldImageUrlAnalytics extends AnalyticsOptions {};\n\nexport interface GetCldImageUrl {\n options: GetCldImageUrlOptions;\n config?: GetCldImageUrlConfig;\n analytics?: GetCldImageUrlAnalytics;\n}\n\nexport function getCldImageUrl(options: ImageOptions, config?: ConfigOptions, analytics?: AnalyticsOptions) {\n return constructCloudinaryUrl({\n options,\n config: Object.assign({\n cloud: {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n },\n }, config),\n analytics: Object.assign({\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }, analytics)\n });\n}","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_CLOUDINARY_VERSION = pkg.version;\nexport const NEXT_VERSION = nextPkg.version;","{\n \"name\": \"next-cloudinary\",\n \"version\": \"4.14.0\",\n \"main\": \"./dist/index.js\",\n \"module\": \"./dist/index.mjs\",\n \"types\": \"./dist/index.d.ts\",\n \"source\": \"src/index.ts\",\n \"scripts\": {\n \"build\": \"tsup src/index.ts --dts\",\n \"dev\": \"tsup src/index.ts --watch --dts\",\n \"prepublishOnly\": \"cp ../README.md . && yarn build\",\n \"postpublish\": \"rm ./README.md\",\n \"test\": \"jest\",\n \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" yarn build && cd tests/nextjs-app && yarn build\"\n },\n \"dependencies\": {\n \"@cloudinary-util/url-loader\": \"^3.9.0\",\n \"@cloudinary-util/util\": \"^2.1.0\",\n \"@cloudinary/url-gen\": \"^1.10.1\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.19.6\",\n \"@babel/preset-env\": \"^7.19.4\",\n \"@types/jest\": \"^29.2.0\",\n \"@types/react\": \"^18.0.28\",\n \"@types/react-dom\": \"^18.0.11\",\n \"babel-jest\": \"^29.2.2\",\n \"dotenv\": \"^16.0.3\",\n \"jest\": \"^29.2.2\",\n \"jest-environment-jsdom\": \"^29.2.2\",\n \"ts-jest\": \"^29.0.3\",\n \"tsup\": \"^6.6.3\",\n \"typescript\": \"^4.9.4\"\n },\n \"peerDependencies\": {\n \"next\": \"^12 || ^13\",\n \"react\": \"^17 || ^18\"\n }\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n heightResize?: string | number;\n widthResize?: string | number;\n}\n\nexport interface CloudinaryLoaderLoaderOptions {\n height?: string | number;\n width?: string | number;\n}\n\nexport interface CloudinaryLoader {\n loaderOptions: CloudinaryLoaderLoaderOptions;\n imageProps: ImageProps;\n cldOptions: CloudinaryLoaderCldOptions;\n cldConfig?: object;\n}\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }: CloudinaryLoader) {\n const options = {\n ...imageProps,\n ...cldOptions\n }\n\n options.width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n options.height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n\n // The loader options are used to create dynamic sizing when working with responsive images\n // so these should override the default options collected from the props alone if\n // the results are different. While we don't always use the height in the loader logic,\n // we always pass it here, as the usage is determined later based on cropping.js\n\n if ( typeof loaderOptions?.width === 'number' && typeof options.width === 'number' && loaderOptions.width !== options.width ) {\n const multiplier = loaderOptions.width / options.width;\n\n options.widthResize = loaderOptions.width;\n\n if ( typeof options.height === 'number' ) {\n options.heightResize = Math.round(options.height * multiplier);\n }\n }\n\n // @ts-ignore\n return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, 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 const options: ImageOptions = {\n ...props,\n crop: props.crop || 'fill',\n gravity: props.gravity || 'center',\n height: props.height || OG_IMAGE_HEIGHT,\n src: props.src,\n width: props.width || OG_IMAGE_WIDTH,\n widthResize: props.width || OG_IMAGE_WIDTH_RESIZE\n }\n\n let width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n let height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n\n // Resize the height based on the widthResize property\n\n if ( typeof height === 'number' && typeof width === 'number' ) {\n height = ( OG_IMAGE_WIDTH_RESIZE / width ) * height;\n }\n\n width = OG_IMAGE_WIDTH_RESIZE;\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 = getCldImageUrl({\n ...options,\n format: props.format || 'jpg',\n });\n\n const twitterImageUrl = getCldImageUrl({\n ...options,\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 React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n children,\n onClick,\n onError,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadButtonProps) => {\n\n return (\n <>\n <CldUploadWidget\n onError={onError}\n onUpload={onUpload}\n options={options}\n signatureEndpoint={signatureEndpoint}\n uploadPreset={uploadPreset}\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} 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';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport { CldUploadWidgetProps, CldUploadWidgetResults } from './CldUploadWidget.types';\n\nconst WIDGET_WATCHED_EVENTS = [\n 'success',\n 'display-changed'\n];\n\nconst CldUploadWidget = ({\n children,\n onClose,\n onError,\n onOpen,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n}: CldUploadWidgetProps) => {\n const cloudinary: any = useRef();\n const widget: any = useRef();\n\n const signed = !!signatureEndpoint;\n\n const [error, setError] = useState(undefined);\n const [results, setResults] = useState<CldUploadWidgetResults | 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 uploadOptions = {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n apiKey: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,\n ...options,\n };\n\n if ( signed ) {\n uploadOptions.uploadSignature = generateSignature;\n\n if (!uploadOptions.apiKey) {\n console.warn(`Missing dependency: Signed Upload requires an API key`);\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 const isClosed = results.event === 'display-changed' && results.info === 'hidden';\n\n if ( isSuccess && typeof onUpload === 'function' ) {\n onUpload(results, widget.current);\n }\n\n if ( isClosed && typeof onClose === 'function' ) {\n onClose(widget.current);\n }\n }, [results])\n\n useEffect(() => {\n if ( error && typeof onError === 'function' ) {\n onError(error, widget.current);\n }\n }, [error]);\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 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 /**\n * generateSignature\n * @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation\n */\n\n function generateSignature(callback: Function, paramsToSign: object) {\n if ( typeof signatureEndpoint === 'undefined' ) {\n throw Error('Failed to generate signature: signatureEndpoint undefined.')\n }\n fetch(signatureEndpoint, {\n method: 'POST',\n body: JSON.stringify({\n paramsToSign,\n }),\n })\n .then((r) => r.json())\n .then(({ signature }) => {\n callback(signature);\n });\n }\n\n /**\n * createWidget\n * @description Creates a new instance of the Cloudinary widget and stores in a ref\n */\n\n function createWidget() {\n return cloudinary.current?.createUploadWidget(uploadOptions, (uploadError: any, uploadResult: any) => {\n // The callback is a bit more chatty than failed or success so\n // only trigger when one of those are the case. You can additionally\n // create a separate handler such as onEvent and trigger it on\n // ever occurrence\n\n if ( typeof uploadError !== 'undefined' ) {\n setError(uploadError);\n }\n\n if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event) ) {\n setResults(uploadResult);\n }\n });\n }\n\n /**\n * open\n * @description When triggered, uses the current widget instance to open the upload modal\n */\n\n function open() {\n if (!widget.current) {\n widget.current = createWidget();\n }\n\n widget?.current.open();\n\n if ( typeof onOpen === 'function' ) {\n onOpen(widget.current);\n }\n }\n\n return (\n <>\n {typeof children === 'function' && children({\n cloudinary: cloudinary.current,\n widget: widget.current,\n open,\n results,\n error,\n isLoading: isScriptLoading,\n })}\n <Script\n id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n src=\"https://widget.cloudinary.com/v2.0/global/all.js\"\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n />\n </>\n );\n};\n\nexport default CldUploadWidget;\n","/**\n * triggerOnIdle\n * @see MDN Polyfill https://github.com/behnammodi/polyfill/blob/master/window.polyfill.js#L7-L24\n */\n\nexport function triggerOnIdle(callback: any) {\n if ( window && 'requestIdleCallback' in window ) {\n return requestIdleCallback(callback);\n }\n return setTimeout(() => callback(), 1);\n}","import React, { useRef, MutableRefObject } from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\nimport { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsLogo } from '../../types/player';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n // If no ID is passed in - we want to be able to ensure that we are using\n // unique IDs for each player. We can do this by generating a random number\n // and using that as the ID. We use a ref here so that we can ensure that\n // the ID is only generated once.\n const idRef = useRef(Math.ceil(Math.random() * 100000));\n\n const {\n autoPlay = 'never',\n className,\n colors,\n controls = true,\n fontFace,\n height,\n id,\n logo = true,\n loop = false,\n muted = false,\n onDataLoad,\n onError,\n onMetadataLoad,\n onPause,\n onPlay,\n onEnded,\n src,\n transformation,\n version = '1.9.4',\n quality = 'auto',\n width,\n } = props as CldVideoPlayerProps;\n\n const playerTransformations = Array.isArray(transformation) ? transformation : [transformation];\n\n // Set default transformations for the player\n\n playerTransformations.unshift({\n quality\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-${src.replace('/', '-')}-${idRef.current}`;\n let playerClassName = 'cld-video-player cld-fluid';\n\n if ( className ) {\n playerClassName = `${playerClassName} ${className}`;\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\n let logoOptions: CloudinaryVideoPlayerOptionsLogo = {};\n\n if ( typeof logo === 'boolean' ) {\n logoOptions.showLogo = logo;\n } else if ( typeof logo === 'object' ) {\n logoOptions = {\n ...logoOptions,\n showLogo: true,\n logoImageUrl: logo.imageUrl,\n logoOnclickUrl: logo.onClickUrl\n }\n }\n\n let playerOptions: CloudinaryVideoPlayerOptions = {\n autoplayMode: autoPlay,\n cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n controls,\n fontFace: fontFace || '',\n loop,\n muted,\n publicId: src,\n secure: true,\n transformation: playerTransformations,\n ...logoOptions\n };\n\n if ( typeof colors === 'object' ) {\n playerOptions.colors = colors;\n }\n\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 /**\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@${version}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n </Head>\n <div style={{ width: '100%', aspectRatio: `${props.width} / ${props.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-${Math.floor(Math.random() * 100)}`}\n src={`https://unpkg.com/cloudinary-video-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;","import { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrl, GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport interface GetCldOgImageUrl extends GetCldImageUrl {}\n\nexport function getCldOgImageUrl(options: GetCldImageUrlOptions) {\n return getCldImageUrl({\n ...options,\n crop: options.crop || 'fill',\n format: options.format || 'jpg',\n gravity: options.gravity || 'center',\n height: options.height || OG_IMAGE_HEIGHT,\n width: options.width || OG_IMAGE_WIDTH,\n widthResize: options.width || OG_IMAGE_WIDTH_RESIZE\n });\n}"],"mappings":"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","names":["src_exports","__export","CldImage_default","CldOgImage_default","CldUploadButton_default","CldUploadWidget_default","CldVideoPlayer_default","cloudinaryLoader","getCldImageUrl","getCldOgImageUrl","__toCommonJS","import_react","import_image","import_util","import_url_loader","pollForProcessingImage","options","src","resolve","reject","res","e","import_url_loader","import_package","package_default","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","package_default","NEXT_VERSION","nextPkg","getCldImageUrl","options","config","analytics","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","CLD_OPTIONS","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","cldOptions","transformations","t","e","onError","options","pollForImage","onErrorResult","image","pollForProcessingImage","handleOnError","React","Image","loaderOptions","cloudinaryLoader","CldImage_default","import_react","import_head","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","options","width","height","ogImageUrl","getCldImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","import_react","import_react","import_script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","CldUploadWidget","children","onClose","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","cloudinary","widget","signed","error","setError","results","setResults","isScriptLoading","setIsScriptLoading","uploadOptions","generateSignature","isSuccess","isClosed","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","_a","uploadError","uploadResult","open","React","Script","e","CldUploadWidget_default","CldUploadButton","children","onClick","onError","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","CldVideoPlayer","props","idRef","autoPlay","className","colors","controls","fontFace","height","id","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","src","transformation","version","quality","width","playerTransformations","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","React","Head","Script","e","CldVideoPlayer_default","getCldOgImageUrl","options","getCldImageUrl"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.ts","../src/helpers/getCldImageUrl.ts","../src/constants/analytics.ts","../package.json","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldOgImageUrl.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, CldUploadWidgetPropsOptions, CldUploadWidgetResults } from './components/CldUploadWidget';\n\nexport { default as CldVideoPlayer } from './components/CldVideoPlayer';\nexport type { CldVideoPlayerProps, CldVideoPlayerPropsColors, CldVideoPlayerPropsLogo } from './components/CldVideoPlayer';\n\nexport { cloudinaryLoader } from './loaders/cloudinary-loader';\nexport type { CloudinaryLoader, CloudinaryLoaderLoaderOptions, CloudinaryLoaderCldOptions } from './loaders/cloudinary-loader';\n\nexport { getCldImageUrl } from './helpers/getCldImageUrl';\nexport type { GetCldImageUrl, GetCldImageUrlOptions, GetCldImageUrlConfig, GetCldImageUrlAnalytics } from './helpers/getCldImageUrl';\n\nexport { getCldOgImageUrl } from './helpers/getCldOgImageUrl';\nexport type { GetCldOgImageUrl } from './helpers/getCldOgImageUrl';\n\nexport type { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsColors, CloudinaryVideoPlayerOptionsLogo } from './types/player';","import React, { useState, useCallback } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { getTransformations } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions } from '@cloudinary-util/url-loader';\n\nimport { pollForProcessingImage } from '../../lib/cloudinary';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n src: string;\n preserveTransformations?: boolean;\n config?: ConfigOptions;\n};\n\nconst CldImage = (props: CldImageProps) => {\n const CLD_OPTIONS = [\n 'deliveryType',\n 'preserveTransformations'\n ];\n\n transformationPlugins.forEach(({ props = [] }) => {\n props.forEach(prop => {\n if ( CLD_OPTIONS.includes(prop) ) {\n throw new Error(`Option ${prop} already exists!`);\n }\n CLD_OPTIONS.push(prop);\n });\n });\n\n // Construct the base Image component props by filtering out Cloudinary-specific props\n\n const imageProps = {\n alt: props.alt,\n src: props.src,\n };\n\n (Object.keys(props) as Array<keyof typeof props>)\n .filter(key => !CLD_OPTIONS.includes(key))\n // @ts-expect-error\n .forEach(key => imageProps[key] = props[key]);\n\n const defaultImgKey = (Object.keys(imageProps) as Array<keyof typeof imageProps>).map(key => `${key}:${imageProps[key]}`).join(';');\n const [imgKey, setImgKey] = useState(defaultImgKey);\n\n // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n const cldOptions = {};\n\n CLD_OPTIONS.forEach(key => {\n // @ts-expect-error\n if ( props[key] ) {\n // @ts-expect-error\n cldOptions[key] = props[key] || undefined;\n }\n });\n\n // Try to preserve the original transformations from the Cloudinary URL passed in\n // to the component. This only works if the URL has a version number on it and otherwise\n // will fail to load\n\n if (props.preserveTransformations) {\n try {\n const transformations = getTransformations(props.src).map(t => t.join(','));\n // @ts-expect-error\n cldOptions.rawTransformations = [...transformations.flat(), ...(props.rawTransformations || [])];\n } catch(e) {\n console.warn(`Failed to preserve transformations: ${(e as Error).message}`)\n }\n }\n\n /**\n * handleOnError\n */\n\n async function onError(options: React.SyntheticEvent<HTMLImageElement, Event>) {\n let pollForImage = 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 />\n );\n}\n\nexport default CldImage;\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 if ( e.status === 423 ) {\n return await pollForProcessingImage(options);\n }\n return false;\n }\n return true;\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * getCldImage\n */\n\nexport interface GetCldImageUrlOptions extends ImageOptions {};\nexport interface GetCldImageUrlConfig extends ConfigOptions {};\nexport interface GetCldImageUrlAnalytics extends AnalyticsOptions {};\n\nexport interface GetCldImageUrl {\n options: GetCldImageUrlOptions;\n config?: GetCldImageUrlConfig;\n analytics?: GetCldImageUrlAnalytics;\n}\n\nexport function getCldImageUrl(options: ImageOptions, config?: ConfigOptions, analytics?: AnalyticsOptions) {\n return constructCloudinaryUrl({\n options,\n config: Object.assign({\n cloud: {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n },\n }, config),\n analytics: Object.assign({\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }, analytics)\n });\n}","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_CLOUDINARY_VERSION = pkg.version;\nexport const NEXT_VERSION = nextPkg.version;","{\n \"name\": \"next-cloudinary\",\n \"version\": \"4.15.0\",\n \"main\": \"./dist/index.js\",\n \"module\": \"./dist/index.mjs\",\n \"types\": \"./dist/index.d.ts\",\n \"source\": \"src/index.ts\",\n \"scripts\": {\n \"build\": \"tsup src/index.ts --dts\",\n \"dev\": \"tsup src/index.ts --watch --dts\",\n \"prepublishOnly\": \"cp ../README.md . && yarn build\",\n \"postpublish\": \"rm ./README.md\",\n \"test\": \"jest\",\n \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" yarn build && cd tests/nextjs-app && yarn build\"\n },\n \"dependencies\": {\n \"@cloudinary-util/url-loader\": \"^3.9.1\",\n \"@cloudinary-util/util\": \"^2.2.1\",\n \"@cloudinary/url-gen\": \"^1.10.1\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.19.6\",\n \"@babel/preset-env\": \"^7.19.4\",\n \"@types/jest\": \"^29.2.0\",\n \"@types/react\": \"^18.0.28\",\n \"@types/react-dom\": \"^18.0.11\",\n \"babel-jest\": \"^29.2.2\",\n \"dotenv\": \"^16.0.3\",\n \"jest\": \"^29.2.2\",\n \"jest-environment-jsdom\": \"^29.2.2\",\n \"ts-jest\": \"^29.0.3\",\n \"tsup\": \"^6.6.3\",\n \"typescript\": \"^4.9.4\"\n },\n \"peerDependencies\": {\n \"next\": \"^12 || ^13\",\n \"react\": \"^17 || ^18\"\n }\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n heightResize?: string | number;\n widthResize?: string | number;\n}\n\nexport interface CloudinaryLoaderLoaderOptions {\n height?: string | number;\n width?: string | number;\n}\n\nexport interface CloudinaryLoader {\n loaderOptions: CloudinaryLoaderLoaderOptions;\n imageProps: ImageProps;\n cldOptions: CloudinaryLoaderCldOptions;\n cldConfig?: object;\n}\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }: CloudinaryLoader) {\n const options = {\n ...imageProps,\n ...cldOptions\n }\n\n options.width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n options.height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n\n // The loader options are used to create dynamic sizing when working with responsive images\n // so these should override the default options collected from the props alone if\n // the results are different. While we don't always use the height in the loader logic,\n // we always pass it here, as the usage is determined later based on cropping.js\n\n if ( typeof loaderOptions?.width === 'number' && typeof options.width === 'number' && loaderOptions.width !== options.width ) {\n const multiplier = loaderOptions.width / options.width;\n\n options.widthResize = loaderOptions.width;\n\n if ( typeof options.height === 'number' ) {\n options.heightResize = Math.round(options.height * multiplier);\n }\n }\n\n // @ts-ignore\n return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, 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 const options: ImageOptions = {\n ...props,\n crop: props.crop || 'fill',\n gravity: props.gravity || 'center',\n height: props.height || OG_IMAGE_HEIGHT,\n src: props.src,\n width: props.width || OG_IMAGE_WIDTH,\n widthResize: props.width || OG_IMAGE_WIDTH_RESIZE\n }\n\n let width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n let height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n\n // Resize the height based on the widthResize property\n\n if ( typeof height === 'number' && typeof width === 'number' ) {\n height = ( OG_IMAGE_WIDTH_RESIZE / width ) * height;\n }\n\n width = OG_IMAGE_WIDTH_RESIZE;\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 = getCldImageUrl({\n ...options,\n format: props.format || 'jpg',\n });\n\n const twitterImageUrl = getCldImageUrl({\n ...options,\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 React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n children,\n onClick,\n onError,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadButtonProps) => {\n\n return (\n <>\n <CldUploadWidget\n onError={onError}\n onUpload={onUpload}\n options={options}\n signatureEndpoint={signatureEndpoint}\n uploadPreset={uploadPreset}\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} 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';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport { CldUploadWidgetProps, CldUploadWidgetResults } from './CldUploadWidget.types';\n\nconst WIDGET_WATCHED_EVENTS = [\n 'success',\n 'display-changed'\n];\n\nconst CldUploadWidget = ({\n children,\n onClose,\n onError,\n onOpen,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n}: CldUploadWidgetProps) => {\n const cloudinary: any = useRef();\n const widget: any = useRef();\n\n const signed = !!signatureEndpoint;\n\n const [error, setError] = useState(undefined);\n const [results, setResults] = useState<CldUploadWidgetResults | 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 uploadOptions = {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n apiKey: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,\n ...options,\n };\n\n if ( signed ) {\n uploadOptions.uploadSignature = generateSignature;\n\n if (!uploadOptions.apiKey) {\n console.warn(`Missing dependency: Signed Upload requires an API key`);\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 const isClosed = results.event === 'display-changed' && results.info === 'hidden';\n\n if ( isSuccess && typeof onUpload === 'function' ) {\n onUpload(results, widget.current);\n }\n\n if ( isClosed && typeof onClose === 'function' ) {\n onClose(widget.current);\n }\n }, [results])\n\n useEffect(() => {\n if ( error && typeof onError === 'function' ) {\n onError(error, widget.current);\n }\n }, [error]);\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 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 /**\n * generateSignature\n * @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation\n */\n\n function generateSignature(callback: Function, paramsToSign: object) {\n if ( typeof signatureEndpoint === 'undefined' ) {\n throw Error('Failed to generate signature: signatureEndpoint undefined.')\n }\n fetch(signatureEndpoint, {\n method: 'POST',\n body: JSON.stringify({\n paramsToSign,\n }),\n })\n .then((r) => r.json())\n .then(({ signature }) => {\n callback(signature);\n });\n }\n\n /**\n * createWidget\n * @description Creates a new instance of the Cloudinary widget and stores in a ref\n */\n\n function createWidget() {\n return cloudinary.current?.createUploadWidget(uploadOptions, (uploadError: any, uploadResult: any) => {\n // The callback is a bit more chatty than failed or success so\n // only trigger when one of those are the case. You can additionally\n // create a separate handler such as onEvent and trigger it on\n // ever occurrence\n\n if ( typeof uploadError !== 'undefined' ) {\n setError(uploadError);\n }\n\n if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event) ) {\n setResults(uploadResult);\n }\n });\n }\n\n /**\n * open\n * @description When triggered, uses the current widget instance to open the upload modal\n */\n\n function open() {\n if (!widget.current) {\n widget.current = createWidget();\n }\n\n widget?.current.open();\n\n if ( typeof onOpen === 'function' ) {\n onOpen(widget.current);\n }\n }\n\n return (\n <>\n {typeof children === 'function' && children({\n cloudinary: cloudinary.current,\n widget: widget.current,\n open,\n results,\n error,\n isLoading: isScriptLoading,\n })}\n <Script\n id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n src=\"https://widget.cloudinary.com/v2.0/global/all.js\"\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n />\n </>\n );\n};\n\nexport default CldUploadWidget;\n","/**\n * triggerOnIdle\n * @see MDN Polyfill https://github.com/behnammodi/polyfill/blob/master/window.polyfill.js#L7-L24\n */\n\nexport function triggerOnIdle(callback: any) {\n if ( window && 'requestIdleCallback' in window ) {\n return requestIdleCallback(callback);\n }\n return setTimeout(() => callback(), 1);\n}","import React, { useRef, MutableRefObject } from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\nimport { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsLogo } from '../../types/player';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n // If no ID is passed in - we want to be able to ensure that we are using\n // unique IDs for each player. We can do this by generating a random number\n // and using that as the ID. We use a ref here so that we can ensure that\n // the ID is only generated once.\n const idRef = useRef(Math.ceil(Math.random() * 100000));\n\n const {\n autoPlay = 'never',\n className,\n colors,\n controls = true,\n fontFace,\n height,\n id,\n logo = true,\n loop = false,\n muted = false,\n onDataLoad,\n onError,\n onMetadataLoad,\n onPause,\n onPlay,\n onEnded,\n src,\n transformation,\n version = '1.9.4',\n quality = 'auto',\n width,\n } = props as CldVideoPlayerProps;\n\n const playerTransformations = Array.isArray(transformation) ? transformation : [transformation];\n\n // Set default transformations for the player\n\n playerTransformations.unshift({\n quality\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-${src.replace('/', '-')}-${idRef.current}`;\n let playerClassName = 'cld-video-player cld-fluid';\n\n if ( className ) {\n playerClassName = `${playerClassName} ${className}`;\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\n let logoOptions: CloudinaryVideoPlayerOptionsLogo = {};\n\n if ( typeof logo === 'boolean' ) {\n logoOptions.showLogo = logo;\n } else if ( typeof logo === 'object' ) {\n logoOptions = {\n ...logoOptions,\n showLogo: true,\n logoImageUrl: logo.imageUrl,\n logoOnclickUrl: logo.onClickUrl\n }\n }\n\n let playerOptions: CloudinaryVideoPlayerOptions = {\n autoplayMode: autoPlay,\n cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n controls,\n fontFace: fontFace || '',\n loop,\n muted,\n publicId: src,\n secure: true,\n transformation: playerTransformations,\n ...logoOptions\n };\n\n if ( typeof colors === 'object' ) {\n playerOptions.colors = colors;\n }\n\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 /**\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@${version}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n </Head>\n <div style={{ width: '100%', aspectRatio: `${props.width} / ${props.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-${Math.floor(Math.random() * 100)}`}\n src={`https://unpkg.com/cloudinary-video-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;","import { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrl, GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport interface GetCldOgImageUrl extends GetCldImageUrl {}\n\nexport function getCldOgImageUrl(options: GetCldImageUrlOptions) {\n return getCldImageUrl({\n ...options,\n crop: options.crop || 'fill',\n format: options.format || 'jpg',\n gravity: options.gravity || 'center',\n height: options.height || OG_IMAGE_HEIGHT,\n width: options.width || OG_IMAGE_WIDTH,\n widthResize: options.width || OG_IMAGE_WIDTH_RESIZE\n });\n}"],"mappings":"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","names":["src_exports","__export","CldImage_default","CldOgImage_default","CldUploadButton_default","CldUploadWidget_default","CldVideoPlayer_default","cloudinaryLoader","getCldImageUrl","getCldOgImageUrl","__toCommonJS","import_react","import_image","import_util","import_url_loader","pollForProcessingImage","options","src","resolve","reject","res","e","import_url_loader","import_package","package_default","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","package_default","NEXT_VERSION","nextPkg","getCldImageUrl","options","config","analytics","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","CLD_OPTIONS","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","cldOptions","transformations","t","e","onError","options","pollForImage","onErrorResult","image","pollForProcessingImage","handleOnError","ResolvedImage","Image","React","loaderOptions","cloudinaryLoader","CldImage_default","import_react","import_head","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","options","width","height","ogImageUrl","getCldImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","import_react","import_react","import_script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","CldUploadWidget","children","onClose","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","cloudinary","widget","signed","error","setError","results","setResults","isScriptLoading","setIsScriptLoading","uploadOptions","generateSignature","isSuccess","isClosed","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","_a","uploadError","uploadResult","open","React","Script","e","CldUploadWidget_default","CldUploadButton","children","onClick","onError","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","CldVideoPlayer","props","idRef","autoPlay","className","colors","controls","fontFace","height","id","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","src","transformation","version","quality","width","playerTransformations","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","React","Head","Script","e","CldVideoPlayer_default","getCldOgImageUrl","options","getCldImageUrl"]}
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import me,{useState as ge,useCallback as fe}from"react";import ue from"next/image";import{getTransformations as ye}from"@cloudinary-util/util";import{transformationPlugins as Ce}from"@cloudinary-util/url-loader";async function L(e){let{src:a}=e;try{await new Promise((n,r)=>{fetch(a).then(o=>{if(!o.ok){r(o);return}n(o)})})}catch(n){return n.status===423?await L(e):!1}return!0}import{constructCloudinaryUrl as ce}from"@cloudinary-util/url-loader";import pe from"next/package.json";var X={name:"next-cloudinary",version:"4.14.0",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup src/index.ts --dts",dev:"tsup src/index.ts --watch --dts",prepublishOnly:"cp ../README.md . && yarn build",postpublish:"rm ./README.md",test:"jest","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" yarn build && cd tests/nextjs-app && yarn build'},dependencies:{"@cloudinary-util/url-loader":"^3.9.0","@cloudinary-util/util":"^2.1.0","@cloudinary/url-gen":"^1.10.1"},devDependencies:{"@babel/core":"^7.19.6","@babel/preset-env":"^7.19.4","@types/jest":"^29.2.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","babel-jest":"^29.2.2",dotenv:"^16.0.3",jest:"^29.2.2","jest-environment-jsdom":"^29.2.2","ts-jest":"^29.0.3",tsup:"^6.6.3",typescript:"^4.9.4"},peerDependencies:{next:"^12 || ^13",react:"^17 || ^18"}};var Y="V",K=X.version,z=pe.version;function h(e,a,n){return ce({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},a),analytics:Object.assign({sdkCode:Y,sdkSemver:K,techVersion:z,feature:""},n)})}function R({loaderOptions:e,imageProps:a,cldOptions:n,cldConfig:r={}}){let o={...a,...n};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==null?void 0:e.width)=="number"&&typeof o.width=="number"&&e.width!==o.width){let l=e.width/o.width;o.widthResize=e.width,typeof o.height=="number"&&(o.heightResize=Math.round(o.height*l))}return h(o,r)}var he=e=>{let a=["deliveryType","preserveTransformations"];Ce.forEach(({props:t=[]})=>{t.forEach(i=>{if(a.includes(i))throw new Error(`Option ${i} already exists!`);a.push(i)})});let n={alt:e.alt,src:e.src};Object.keys(e).filter(t=>!a.includes(t)).forEach(t=>n[t]=e[t]);let r=Object.keys(n).map(t=>`${t}:${n[t]}`).join(";"),[o,l]=ge(r),d={};if(a.forEach(t=>{e[t]&&(d[t]=e[t]||void 0)}),e.preserveTransformations)try{let t=ye(e.src).map(i=>i.join(","));d.rawTransformations=[...t.flat(),...e.rawTransformations||[]]}catch(t){console.warn(`Failed to preserve transformations: ${t.message}`)}async function p(t){let i=!0;if(typeof e.onError=="function"){let c=e.onError(t);typeof c=="boolean"&&c===!1&&(i=!1)}else typeof e.onError=="boolean"&&e.onError===!1&&(i=!1);if(i===!1)return;let m=t.target;await L({src:m.src})&&l(`${r};${Date.now()}`)}let s=fe(p,[L,r]);return me.createElement(ue,{key:o,...n,loader:t=>R({loaderOptions:t,imageProps:n,cldOptions:d,cldConfig:e.config}),onError:s})},q=he;import y from"react";import Ie from"next/head";var Oe="summary_large_image",Pe=({excludeTags:e=[],twitterTitle:a,keys:n={},...r})=>{let{alt:o}=r,l={...r,crop:r.crop||"fill",gravity:r.gravity||"center",height:r.height||1254,src:r.src,width:r.width||2400,widthResize:r.width||1200},d=typeof l.width=="string"?parseInt(l.width):l.width,p=typeof l.height=="string"?parseInt(l.height):l.height;typeof p=="number"&&typeof d=="number"&&(p=1200/d*p),d=1200;let s=h({...l,format:r.format||"jpg"}),t=h({...l,format:r.format||"webp"}),i={"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",...n};return y.createElement(Ie,null,y.createElement("meta",{key:i["og:image"],property:"og:image",content:s}),y.createElement("meta",{key:i["og:image:secure_url"],property:"og:image:secure_url",content:s}),y.createElement("meta",{key:i["og:image:width"],property:"og:image:width",content:`${d}`}),y.createElement("meta",{key:i["og:image:height"],property:"og:image:height",content:`${p}`}),o&&y.createElement("meta",{key:i["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&y.createElement("meta",{key:i["twitter:title"],property:"twitter:title",content:a||" "}),y.createElement("meta",{key:i["twitter:card"],property:"twitter:card",content:Oe}),y.createElement("meta",{key:i["twitter:image"],property:"twitter:image",content:t}))},J=Pe;import v from"react";import H,{useState as $,useEffect as Q,useRef as ee}from"react";import Ue from"next/script";function Z(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Ee=["success","display-changed"],we=({children:e,onClose:a,onError:n,onOpen:r,onUpload:o,options:l,signatureEndpoint:d,uploadPreset:p})=>{let s=ee(),t=ee(),i=!!d,[m,x]=$(void 0),[c,A]=$(void 0),[N,G]=$(!0),O={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:p||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...l};i&&(O.uploadSignature=P,O.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),Q(()=>{if(typeof c=="undefined")return;let f=c.event==="success",u=c.event==="display-changed"&&c.info==="hidden";f&&typeof o=="function"&&o(c,t.current),u&&typeof a=="function"&&a(t.current)},[c]),Q(()=>{m&&typeof n=="function"&&n(m,t.current)},[m]);function _(){G(!1),s.current||(s.current=window.cloudinary),Z(()=>{t.current||(t.current=U())})}function P(f,u){if(typeof d=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(d,{method:"POST",body:JSON.stringify({paramsToSign:u})}).then(g=>g.json()).then(({signature:g})=>{f(g)})}function U(){var f;return(f=s.current)==null?void 0:f.createUploadWidget(O,(u,g)=>{typeof u!="undefined"&&x(u),Ee.includes(g==null?void 0:g.event)&&A(g)})}function D(){t.current||(t.current=U()),t==null||t.current.open(),typeof r=="function"&&r(t.current)}return H.createElement(H.Fragment,null,typeof e=="function"&&e({cloudinary:s.current,widget:t.current,open:D,results:c,error:m,isLoading:N}),H.createElement(Ue,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:_,onError:f=>console.error(`Failed to load Cloudinary Upload Widget: ${f.message}`)}))},b=we;var xe=({children:e,onClick:a,onError:n,onUpload:r,options:o,signatureEndpoint:l,uploadPreset:d,...p})=>v.createElement(v.Fragment,null,v.createElement(b,{onError:n,onUpload:r,options:o,signatureEndpoint:l,uploadPreset:d},({open:s,isLoading:t})=>{function i(m){m.preventDefault(),s(),typeof a=="function"&&a(m)}return v.createElement("button",{...p,onClick:i,disabled:t},e||"Upload")})),te=xe;import I,{useRef as T}from"react";import _e from"next/script";import Le from"next/head";var be=e=>{let a=T(Math.ceil(Math.random()*1e5)),{autoPlay:n="never",className:r,colors:o,controls:l=!0,fontFace:d,height:p,id:s,logo:t=!0,loop:i=!1,muted:m=!1,onDataLoad:x,onError:c,onMetadataLoad:A,onPause:N,onPlay:G,onEnded:O,src:_,transformation:P,version:U="1.9.4",quality:D="auto",width:f}=e,u=Array.isArray(P)?P:[P];u.unshift({quality:D});let g=T(),re=T(),M=e.videoRef||re,ie=T(),V=e.playerRef||ie,ne=s||`player-${_.replace("/","-")}-${a.current}`,W="cld-video-player cld-fluid";r&&(W=`${W} ${r}`);let j={error:c,loadeddata:x,loadedmetadata:A,pause:N,play:G,ended:O};function ae(C){let E=j[C.type];typeof E=="function"&&E(de())}function le(){if("cloudinary"in window){g.current=window.cloudinary;let C={};typeof t=="boolean"?C.showLogo=t:typeof t=="object"&&(C={...C,showLogo:!0,logoImageUrl:t.imageUrl,logoOnclickUrl:t.onClickUrl});let E={autoplayMode:n,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:l,fontFace:d||"",loop:i,muted:m,publicId:_,secure:!0,transformation:u,...C};typeof o=="object"&&(E.colors=o),V.current=g.current.videoPlayer(M.current,E),Object.keys(j).forEach(B=>{var F;typeof j[B]=="function"&&((F=V.current)==null||F.on(B,ae))})}}function de(){return{player:V.current,video:M.current}}return I.createElement(I.Fragment,null,I.createElement(Le,null,I.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${U}/dist/cld-video-player.min.css`,rel:"stylesheet"})),I.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},I.createElement("video",{ref:M,id:ne,className:W,width:f,height:p}),I.createElement(_e,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${U}/dist/cld-video-player.min.js`,onLoad:le,onError:C=>console.error(`Failed to load Cloudinary Video Player: ${C.message}`)})))},oe=be;function ve(e){return h({...e,crop:e.crop||"fill",format:e.format||"jpg",gravity:e.gravity||"center",height:e.height||1254,width:e.width||2400,widthResize:e.width||1200})}export{q as CldImage,J as CldOgImage,te as CldUploadButton,b as CldUploadWidget,oe as CldVideoPlayer,R as cloudinaryLoader,h as getCldImageUrl,ve as getCldOgImageUrl};
1
+ import ce,{useState as ge,useCallback as fe}from"react";import ue from"next/image";import{getTransformations as ye}from"@cloudinary-util/util";import{transformationPlugins as Ce}from"@cloudinary-util/url-loader";async function v(e){let{src:a}=e;try{await new Promise((n,i)=>{fetch(a).then(o=>{if(!o.ok){i(o);return}n(o)})})}catch(n){return n.status===423?await v(e):!1}return!0}import{constructCloudinaryUrl as me}from"@cloudinary-util/url-loader";import pe from"next/package.json";var X={name:"next-cloudinary",version:"4.15.0",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup src/index.ts --dts",dev:"tsup src/index.ts --watch --dts",prepublishOnly:"cp ../README.md . && yarn build",postpublish:"rm ./README.md",test:"jest","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" yarn build && cd tests/nextjs-app && yarn build'},dependencies:{"@cloudinary-util/url-loader":"^3.9.1","@cloudinary-util/util":"^2.2.1","@cloudinary/url-gen":"^1.10.1"},devDependencies:{"@babel/core":"^7.19.6","@babel/preset-env":"^7.19.4","@types/jest":"^29.2.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","babel-jest":"^29.2.2",dotenv:"^16.0.3",jest:"^29.2.2","jest-environment-jsdom":"^29.2.2","ts-jest":"^29.0.3",tsup:"^6.6.3",typescript:"^4.9.4"},peerDependencies:{next:"^12 || ^13",react:"^17 || ^18"}};var Y="V",K=X.version,z=pe.version;function I(e,a,n){return me({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},a),analytics:Object.assign({sdkCode:Y,sdkSemver:K,techVersion:z,feature:""},n)})}function R({loaderOptions:e,imageProps:a,cldOptions:n,cldConfig:i={}}){let o={...a,...n};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==null?void 0:e.width)=="number"&&typeof o.width=="number"&&e.width!==o.width){let d=e.width/o.width;o.widthResize=e.width,typeof o.height=="number"&&(o.heightResize=Math.round(o.height*d))}return I(o,i)}var Ie=e=>{let a=["deliveryType","preserveTransformations"];Ce.forEach(({props:t=[]})=>{t.forEach(l=>{if(a.includes(l))throw new Error(`Option ${l} already exists!`);a.push(l)})});let n={alt:e.alt,src:e.src};Object.keys(e).filter(t=>!a.includes(t)).forEach(t=>n[t]=e[t]);let i=Object.keys(n).map(t=>`${t}:${n[t]}`).join(";"),[o,d]=ge(i),s={};if(a.forEach(t=>{e[t]&&(s[t]=e[t]||void 0)}),e.preserveTransformations)try{let t=ye(e.src).map(l=>l.join(","));s.rawTransformations=[...t.flat(),...e.rawTransformations||[]]}catch(t){console.warn(`Failed to preserve transformations: ${t.message}`)}async function m(t){let l=!0;if(typeof e.onError=="function"){let O=e.onError(t);typeof O=="boolean"&&O===!1&&(l=!1)}else typeof e.onError=="boolean"&&e.onError===!1&&(l=!1);if(l===!1)return;let P=t.target;await v({src:P.src})&&d(`${i};${Date.now()}`)}let p=fe(m,[v,i]),r=ue;return"default"in r&&(r=r.default),ce.createElement(r,{key:o,...n,loader:t=>R({loaderOptions:t,imageProps:n,cldOptions:s,cldConfig:e.config}),onError:p})},q=Ie;import y from"react";import he from"next/head";var Oe="summary_large_image",Pe=({excludeTags:e=[],twitterTitle:a,keys:n={},...i})=>{let{alt:o}=i,d={...i,crop:i.crop||"fill",gravity:i.gravity||"center",height:i.height||1254,src:i.src,width:i.width||2400,widthResize:i.width||1200},s=typeof d.width=="string"?parseInt(d.width):d.width,m=typeof d.height=="string"?parseInt(d.height):d.height;typeof m=="number"&&typeof s=="number"&&(m=1200/s*m),s=1200;let p=I({...d,format:i.format||"jpg"}),r=I({...d,format:i.format||"webp"}),t={"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",...n};return y.createElement(he,null,y.createElement("meta",{key:t["og:image"],property:"og:image",content:p}),y.createElement("meta",{key:t["og:image:secure_url"],property:"og:image:secure_url",content:p}),y.createElement("meta",{key:t["og:image:width"],property:"og:image:width",content:`${s}`}),y.createElement("meta",{key:t["og:image:height"],property:"og:image:height",content:`${m}`}),o&&y.createElement("meta",{key:t["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&y.createElement("meta",{key:t["twitter:title"],property:"twitter:title",content:a||" "}),y.createElement("meta",{key:t["twitter:card"],property:"twitter:card",content:Oe}),y.createElement("meta",{key:t["twitter:image"],property:"twitter:image",content:r}))},J=Pe;import T from"react";import H,{useState as $,useEffect as Q,useRef as ee}from"react";import Ue from"next/script";function Z(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Ee=["success","display-changed"],we=({children:e,onClose:a,onError:n,onOpen:i,onUpload:o,options:d,signatureEndpoint:s,uploadPreset:m})=>{let p=ee(),r=ee(),t=!!s,[l,P]=$(void 0),[g,O]=$(void 0),[N,G]=$(!0),U={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:m||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...d};t&&(U.uploadSignature=E,U.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),Q(()=>{if(typeof g=="undefined")return;let f=g.event==="success",u=g.event==="display-changed"&&g.info==="hidden";f&&typeof o=="function"&&o(g,r.current),u&&typeof a=="function"&&a(r.current)},[g]),Q(()=>{l&&typeof n=="function"&&n(l,r.current)},[l]);function L(){G(!1),p.current||(p.current=window.cloudinary),Z(()=>{r.current||(r.current=w())})}function E(f,u){if(typeof s=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(s,{method:"POST",body:JSON.stringify({paramsToSign:u})}).then(c=>c.json()).then(({signature:c})=>{f(c)})}function w(){var f;return(f=p.current)==null?void 0:f.createUploadWidget(U,(u,c)=>{typeof u!="undefined"&&P(u),Ee.includes(c==null?void 0:c.event)&&O(c)})}function D(){r.current||(r.current=w()),r==null||r.current.open(),typeof i=="function"&&i(r.current)}return H.createElement(H.Fragment,null,typeof e=="function"&&e({cloudinary:p.current,widget:r.current,open:D,results:g,error:l,isLoading:N}),H.createElement(Ue,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:L,onError:f=>console.error(`Failed to load Cloudinary Upload Widget: ${f.message}`)}))},b=we;var xe=({children:e,onClick:a,onError:n,onUpload:i,options:o,signatureEndpoint:d,uploadPreset:s,...m})=>T.createElement(T.Fragment,null,T.createElement(b,{onError:n,onUpload:i,options:o,signatureEndpoint:d,uploadPreset:s},({open:p,isLoading:r})=>{function t(l){l.preventDefault(),p(),typeof a=="function"&&a(l)}return T.createElement("button",{...m,onClick:t,disabled:r},e||"Upload")})),te=xe;import h,{useRef as A}from"react";import _e from"next/script";import Le from"next/head";var ve=e=>{let a=A(Math.ceil(Math.random()*1e5)),{autoPlay:n="never",className:i,colors:o,controls:d=!0,fontFace:s,height:m,id:p,logo:r=!0,loop:t=!1,muted:l=!1,onDataLoad:P,onError:g,onMetadataLoad:O,onPause:N,onPlay:G,onEnded:U,src:L,transformation:E,version:w="1.9.4",quality:D="auto",width:f}=e,u=Array.isArray(E)?E:[E];u.unshift({quality:D});let c=A(),re=A(),M=e.videoRef||re,ie=A(),V=e.playerRef||ie,ne=p||`player-${L.replace("/","-")}-${a.current}`,W="cld-video-player cld-fluid";i&&(W=`${W} ${i}`);let j={error:g,loadeddata:P,loadedmetadata:O,pause:N,play:G,ended:U};function ae(C){let x=j[C.type];typeof x=="function"&&x(de())}function le(){if("cloudinary"in window){c.current=window.cloudinary;let C={};typeof r=="boolean"?C.showLogo=r:typeof r=="object"&&(C={...C,showLogo:!0,logoImageUrl:r.imageUrl,logoOnclickUrl:r.onClickUrl});let x={autoplayMode:n,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:d,fontFace:s||"",loop:t,muted:l,publicId:L,secure:!0,transformation:u,...C};typeof o=="object"&&(x.colors=o),V.current=c.current.videoPlayer(M.current,x),Object.keys(j).forEach(B=>{var F;typeof j[B]=="function"&&((F=V.current)==null||F.on(B,ae))})}}function de(){return{player:V.current,video:M.current}}return h.createElement(h.Fragment,null,h.createElement(Le,null,h.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${w}/dist/cld-video-player.min.css`,rel:"stylesheet"})),h.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},h.createElement("video",{ref:M,id:ne,className:W,width:f,height:m}),h.createElement(_e,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${w}/dist/cld-video-player.min.js`,onLoad:le,onError:C=>console.error(`Failed to load Cloudinary Video Player: ${C.message}`)})))},oe=ve;function be(e){return I({...e,crop:e.crop||"fill",format:e.format||"jpg",gravity:e.gravity||"center",height:e.height||1254,width:e.width||2400,widthResize:e.width||1200})}export{q as CldImage,J as CldOgImage,te as CldUploadButton,b as CldUploadWidget,oe as CldVideoPlayer,R as cloudinaryLoader,I as getCldImageUrl,be as getCldOgImageUrl};
2
2
  //# sourceMappingURL=index.mjs.map
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.ts","../src/helpers/getCldImageUrl.ts","../src/constants/analytics.ts","../package.json","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldOgImageUrl.ts"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { getTransformations } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions } from '@cloudinary-util/url-loader';\n\nimport { pollForProcessingImage } from '../../lib/cloudinary';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n src: string;\n preserveTransformations?: boolean;\n config?: ConfigOptions;\n};\n\nconst CldImage = (props: CldImageProps) => {\n const CLD_OPTIONS = [\n 'deliveryType',\n 'preserveTransformations'\n ];\n\n transformationPlugins.forEach(({ props = [] }) => {\n props.forEach(prop => {\n if ( CLD_OPTIONS.includes(prop) ) {\n throw new Error(`Option ${prop} already exists!`);\n }\n CLD_OPTIONS.push(prop);\n });\n });\n\n // Construct the base Image component props by filtering out Cloudinary-specific props\n\n const imageProps = {\n alt: props.alt,\n src: props.src,\n };\n\n (Object.keys(props) as Array<keyof typeof props>)\n .filter(key => !CLD_OPTIONS.includes(key))\n // @ts-expect-error\n .forEach(key => imageProps[key] = props[key]);\n\n const defaultImgKey = (Object.keys(imageProps) as Array<keyof typeof imageProps>).map(key => `${key}:${imageProps[key]}`).join(';');\n const [imgKey, setImgKey] = useState(defaultImgKey);\n\n // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n const cldOptions = {};\n\n CLD_OPTIONS.forEach(key => {\n // @ts-expect-error\n if ( props[key] ) {\n // @ts-expect-error\n cldOptions[key] = props[key] || undefined;\n }\n });\n\n // Try to preserve the original transformations from the Cloudinary URL passed in\n // to the component. This only works if the URL has a version number on it and otherwise\n // will fail to load\n\n if (props.preserveTransformations) {\n try {\n const transformations = getTransformations(props.src).map(t => t.join(','));\n // @ts-expect-error\n cldOptions.rawTransformations = [...transformations.flat(), ...(props.rawTransformations || [])];\n } catch(e) {\n console.warn(`Failed to preserve transformations: ${(e as Error).message}`)\n }\n }\n\n /**\n * handleOnError\n */\n\n async function onError(options: React.SyntheticEvent<HTMLImageElement, Event>) {\n let pollForImage = 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 return (\n <Image\n key={imgKey}\n {...imageProps}\n loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig: props.config })}\n onError={handleOnError}\n />\n );\n}\n\nexport default CldImage;\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 if ( e.status === 423 ) {\n return await pollForProcessingImage(options);\n }\n return false;\n }\n return true;\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * getCldImage\n */\n\nexport interface GetCldImageUrlOptions extends ImageOptions {};\nexport interface GetCldImageUrlConfig extends ConfigOptions {};\nexport interface GetCldImageUrlAnalytics extends AnalyticsOptions {};\n\nexport interface GetCldImageUrl {\n options: GetCldImageUrlOptions;\n config?: GetCldImageUrlConfig;\n analytics?: GetCldImageUrlAnalytics;\n}\n\nexport function getCldImageUrl(options: ImageOptions, config?: ConfigOptions, analytics?: AnalyticsOptions) {\n return constructCloudinaryUrl({\n options,\n config: Object.assign({\n cloud: {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n },\n }, config),\n analytics: Object.assign({\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }, analytics)\n });\n}","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_CLOUDINARY_VERSION = pkg.version;\nexport const NEXT_VERSION = nextPkg.version;","{\n \"name\": \"next-cloudinary\",\n \"version\": \"4.14.0\",\n \"main\": \"./dist/index.js\",\n \"module\": \"./dist/index.mjs\",\n \"types\": \"./dist/index.d.ts\",\n \"source\": \"src/index.ts\",\n \"scripts\": {\n \"build\": \"tsup src/index.ts --dts\",\n \"dev\": \"tsup src/index.ts --watch --dts\",\n \"prepublishOnly\": \"cp ../README.md . && yarn build\",\n \"postpublish\": \"rm ./README.md\",\n \"test\": \"jest\",\n \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" yarn build && cd tests/nextjs-app && yarn build\"\n },\n \"dependencies\": {\n \"@cloudinary-util/url-loader\": \"^3.9.0\",\n \"@cloudinary-util/util\": \"^2.1.0\",\n \"@cloudinary/url-gen\": \"^1.10.1\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.19.6\",\n \"@babel/preset-env\": \"^7.19.4\",\n \"@types/jest\": \"^29.2.0\",\n \"@types/react\": \"^18.0.28\",\n \"@types/react-dom\": \"^18.0.11\",\n \"babel-jest\": \"^29.2.2\",\n \"dotenv\": \"^16.0.3\",\n \"jest\": \"^29.2.2\",\n \"jest-environment-jsdom\": \"^29.2.2\",\n \"ts-jest\": \"^29.0.3\",\n \"tsup\": \"^6.6.3\",\n \"typescript\": \"^4.9.4\"\n },\n \"peerDependencies\": {\n \"next\": \"^12 || ^13\",\n \"react\": \"^17 || ^18\"\n }\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n heightResize?: string | number;\n widthResize?: string | number;\n}\n\nexport interface CloudinaryLoaderLoaderOptions {\n height?: string | number;\n width?: string | number;\n}\n\nexport interface CloudinaryLoader {\n loaderOptions: CloudinaryLoaderLoaderOptions;\n imageProps: ImageProps;\n cldOptions: CloudinaryLoaderCldOptions;\n cldConfig?: object;\n}\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }: CloudinaryLoader) {\n const options = {\n ...imageProps,\n ...cldOptions\n }\n\n options.width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n options.height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n\n // The loader options are used to create dynamic sizing when working with responsive images\n // so these should override the default options collected from the props alone if\n // the results are different. While we don't always use the height in the loader logic,\n // we always pass it here, as the usage is determined later based on cropping.js\n\n if ( typeof loaderOptions?.width === 'number' && typeof options.width === 'number' && loaderOptions.width !== options.width ) {\n const multiplier = loaderOptions.width / options.width;\n\n options.widthResize = loaderOptions.width;\n\n if ( typeof options.height === 'number' ) {\n options.heightResize = Math.round(options.height * multiplier);\n }\n }\n\n // @ts-ignore\n return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, 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 const options: ImageOptions = {\n ...props,\n crop: props.crop || 'fill',\n gravity: props.gravity || 'center',\n height: props.height || OG_IMAGE_HEIGHT,\n src: props.src,\n width: props.width || OG_IMAGE_WIDTH,\n widthResize: props.width || OG_IMAGE_WIDTH_RESIZE\n }\n\n let width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n let height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n\n // Resize the height based on the widthResize property\n\n if ( typeof height === 'number' && typeof width === 'number' ) {\n height = ( OG_IMAGE_WIDTH_RESIZE / width ) * height;\n }\n\n width = OG_IMAGE_WIDTH_RESIZE;\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 = getCldImageUrl({\n ...options,\n format: props.format || 'jpg',\n });\n\n const twitterImageUrl = getCldImageUrl({\n ...options,\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 React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n children,\n onClick,\n onError,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadButtonProps) => {\n\n return (\n <>\n <CldUploadWidget\n onError={onError}\n onUpload={onUpload}\n options={options}\n signatureEndpoint={signatureEndpoint}\n uploadPreset={uploadPreset}\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} 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';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport { CldUploadWidgetProps, CldUploadWidgetResults } from './CldUploadWidget.types';\n\nconst WIDGET_WATCHED_EVENTS = [\n 'success',\n 'display-changed'\n];\n\nconst CldUploadWidget = ({\n children,\n onClose,\n onError,\n onOpen,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n}: CldUploadWidgetProps) => {\n const cloudinary: any = useRef();\n const widget: any = useRef();\n\n const signed = !!signatureEndpoint;\n\n const [error, setError] = useState(undefined);\n const [results, setResults] = useState<CldUploadWidgetResults | 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 uploadOptions = {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n apiKey: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,\n ...options,\n };\n\n if ( signed ) {\n uploadOptions.uploadSignature = generateSignature;\n\n if (!uploadOptions.apiKey) {\n console.warn(`Missing dependency: Signed Upload requires an API key`);\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 const isClosed = results.event === 'display-changed' && results.info === 'hidden';\n\n if ( isSuccess && typeof onUpload === 'function' ) {\n onUpload(results, widget.current);\n }\n\n if ( isClosed && typeof onClose === 'function' ) {\n onClose(widget.current);\n }\n }, [results])\n\n useEffect(() => {\n if ( error && typeof onError === 'function' ) {\n onError(error, widget.current);\n }\n }, [error]);\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 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 /**\n * generateSignature\n * @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation\n */\n\n function generateSignature(callback: Function, paramsToSign: object) {\n if ( typeof signatureEndpoint === 'undefined' ) {\n throw Error('Failed to generate signature: signatureEndpoint undefined.')\n }\n fetch(signatureEndpoint, {\n method: 'POST',\n body: JSON.stringify({\n paramsToSign,\n }),\n })\n .then((r) => r.json())\n .then(({ signature }) => {\n callback(signature);\n });\n }\n\n /**\n * createWidget\n * @description Creates a new instance of the Cloudinary widget and stores in a ref\n */\n\n function createWidget() {\n return cloudinary.current?.createUploadWidget(uploadOptions, (uploadError: any, uploadResult: any) => {\n // The callback is a bit more chatty than failed or success so\n // only trigger when one of those are the case. You can additionally\n // create a separate handler such as onEvent and trigger it on\n // ever occurrence\n\n if ( typeof uploadError !== 'undefined' ) {\n setError(uploadError);\n }\n\n if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event) ) {\n setResults(uploadResult);\n }\n });\n }\n\n /**\n * open\n * @description When triggered, uses the current widget instance to open the upload modal\n */\n\n function open() {\n if (!widget.current) {\n widget.current = createWidget();\n }\n\n widget?.current.open();\n\n if ( typeof onOpen === 'function' ) {\n onOpen(widget.current);\n }\n }\n\n return (\n <>\n {typeof children === 'function' && children({\n cloudinary: cloudinary.current,\n widget: widget.current,\n open,\n results,\n error,\n isLoading: isScriptLoading,\n })}\n <Script\n id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n src=\"https://widget.cloudinary.com/v2.0/global/all.js\"\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n />\n </>\n );\n};\n\nexport default CldUploadWidget;\n","/**\n * triggerOnIdle\n * @see MDN Polyfill https://github.com/behnammodi/polyfill/blob/master/window.polyfill.js#L7-L24\n */\n\nexport function triggerOnIdle(callback: any) {\n if ( window && 'requestIdleCallback' in window ) {\n return requestIdleCallback(callback);\n }\n return setTimeout(() => callback(), 1);\n}","import React, { useRef, MutableRefObject } from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\nimport { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsLogo } from '../../types/player';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n // If no ID is passed in - we want to be able to ensure that we are using\n // unique IDs for each player. We can do this by generating a random number\n // and using that as the ID. We use a ref here so that we can ensure that\n // the ID is only generated once.\n const idRef = useRef(Math.ceil(Math.random() * 100000));\n\n const {\n autoPlay = 'never',\n className,\n colors,\n controls = true,\n fontFace,\n height,\n id,\n logo = true,\n loop = false,\n muted = false,\n onDataLoad,\n onError,\n onMetadataLoad,\n onPause,\n onPlay,\n onEnded,\n src,\n transformation,\n version = '1.9.4',\n quality = 'auto',\n width,\n } = props as CldVideoPlayerProps;\n\n const playerTransformations = Array.isArray(transformation) ? transformation : [transformation];\n\n // Set default transformations for the player\n\n playerTransformations.unshift({\n quality\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-${src.replace('/', '-')}-${idRef.current}`;\n let playerClassName = 'cld-video-player cld-fluid';\n\n if ( className ) {\n playerClassName = `${playerClassName} ${className}`;\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\n let logoOptions: CloudinaryVideoPlayerOptionsLogo = {};\n\n if ( typeof logo === 'boolean' ) {\n logoOptions.showLogo = logo;\n } else if ( typeof logo === 'object' ) {\n logoOptions = {\n ...logoOptions,\n showLogo: true,\n logoImageUrl: logo.imageUrl,\n logoOnclickUrl: logo.onClickUrl\n }\n }\n\n let playerOptions: CloudinaryVideoPlayerOptions = {\n autoplayMode: autoPlay,\n cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n controls,\n fontFace: fontFace || '',\n loop,\n muted,\n publicId: src,\n secure: true,\n transformation: playerTransformations,\n ...logoOptions\n };\n\n if ( typeof colors === 'object' ) {\n playerOptions.colors = colors;\n }\n\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 /**\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@${version}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n </Head>\n <div style={{ width: '100%', aspectRatio: `${props.width} / ${props.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-${Math.floor(Math.random() * 100)}`}\n src={`https://unpkg.com/cloudinary-video-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;","import { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrl, GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport interface GetCldOgImageUrl extends GetCldImageUrl {}\n\nexport function getCldOgImageUrl(options: GetCldImageUrlOptions) {\n return getCldImageUrl({\n ...options,\n crop: options.crop || 'fill',\n format: options.format || 'jpg',\n gravity: options.gravity || 'center',\n height: options.height || OG_IMAGE_HEIGHT,\n width: options.width || OG_IMAGE_WIDTH,\n widthResize: options.width || OG_IMAGE_WIDTH_RESIZE\n });\n}"],"mappings":"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","names":["React","useState","useCallback","Image","getTransformations","transformationPlugins","pollForProcessingImage","options","src","resolve","reject","res","e","constructCloudinaryUrl","nextPkg","package_default","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","package_default","NEXT_VERSION","nextPkg","getCldImageUrl","options","config","analytics","constructCloudinaryUrl","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","CLD_OPTIONS","transformationPlugins","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","useState","cldOptions","transformations","getTransformations","t","e","onError","options","pollForImage","onErrorResult","image","pollForProcessingImage","handleOnError","useCallback","React","Image","loaderOptions","cloudinaryLoader","CldImage_default","React","Head","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","options","width","height","ogImageUrl","getCldImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","React","React","useState","useEffect","useRef","Script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","CldUploadWidget","children","onClose","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","cloudinary","useRef","widget","signed","error","setError","useState","results","setResults","isScriptLoading","setIsScriptLoading","uploadOptions","generateSignature","useEffect","isSuccess","isClosed","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","_a","uploadError","uploadResult","open","React","Script","e","CldUploadWidget_default","CldUploadButton","children","onClick","onError","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","React","useRef","Script","Head","CldVideoPlayer","props","idRef","autoPlay","className","colors","controls","fontFace","height","id","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","src","transformation","version","quality","width","playerTransformations","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","e","CldVideoPlayer_default","getCldOgImageUrl","options","getCldImageUrl"]}
1
+ {"version":3,"sources":["../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.ts","../src/helpers/getCldImageUrl.ts","../src/constants/analytics.ts","../package.json","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldOgImageUrl.ts"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { getTransformations } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions } from '@cloudinary-util/url-loader';\n\nimport { pollForProcessingImage } from '../../lib/cloudinary';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n src: string;\n preserveTransformations?: boolean;\n config?: ConfigOptions;\n};\n\nconst CldImage = (props: CldImageProps) => {\n const CLD_OPTIONS = [\n 'deliveryType',\n 'preserveTransformations'\n ];\n\n transformationPlugins.forEach(({ props = [] }) => {\n props.forEach(prop => {\n if ( CLD_OPTIONS.includes(prop) ) {\n throw new Error(`Option ${prop} already exists!`);\n }\n CLD_OPTIONS.push(prop);\n });\n });\n\n // Construct the base Image component props by filtering out Cloudinary-specific props\n\n const imageProps = {\n alt: props.alt,\n src: props.src,\n };\n\n (Object.keys(props) as Array<keyof typeof props>)\n .filter(key => !CLD_OPTIONS.includes(key))\n // @ts-expect-error\n .forEach(key => imageProps[key] = props[key]);\n\n const defaultImgKey = (Object.keys(imageProps) as Array<keyof typeof imageProps>).map(key => `${key}:${imageProps[key]}`).join(';');\n const [imgKey, setImgKey] = useState(defaultImgKey);\n\n // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n const cldOptions = {};\n\n CLD_OPTIONS.forEach(key => {\n // @ts-expect-error\n if ( props[key] ) {\n // @ts-expect-error\n cldOptions[key] = props[key] || undefined;\n }\n });\n\n // Try to preserve the original transformations from the Cloudinary URL passed in\n // to the component. This only works if the URL has a version number on it and otherwise\n // will fail to load\n\n if (props.preserveTransformations) {\n try {\n const transformations = getTransformations(props.src).map(t => t.join(','));\n // @ts-expect-error\n cldOptions.rawTransformations = [...transformations.flat(), ...(props.rawTransformations || [])];\n } catch(e) {\n console.warn(`Failed to preserve transformations: ${(e as Error).message}`)\n }\n }\n\n /**\n * handleOnError\n */\n\n async function onError(options: React.SyntheticEvent<HTMLImageElement, Event>) {\n let pollForImage = 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 />\n );\n}\n\nexport default CldImage;\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 if ( e.status === 423 ) {\n return await pollForProcessingImage(options);\n }\n return false;\n }\n return true;\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * getCldImage\n */\n\nexport interface GetCldImageUrlOptions extends ImageOptions {};\nexport interface GetCldImageUrlConfig extends ConfigOptions {};\nexport interface GetCldImageUrlAnalytics extends AnalyticsOptions {};\n\nexport interface GetCldImageUrl {\n options: GetCldImageUrlOptions;\n config?: GetCldImageUrlConfig;\n analytics?: GetCldImageUrlAnalytics;\n}\n\nexport function getCldImageUrl(options: ImageOptions, config?: ConfigOptions, analytics?: AnalyticsOptions) {\n return constructCloudinaryUrl({\n options,\n config: Object.assign({\n cloud: {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n },\n }, config),\n analytics: Object.assign({\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }, analytics)\n });\n}","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_CLOUDINARY_VERSION = pkg.version;\nexport const NEXT_VERSION = nextPkg.version;","{\n \"name\": \"next-cloudinary\",\n \"version\": \"4.15.0\",\n \"main\": \"./dist/index.js\",\n \"module\": \"./dist/index.mjs\",\n \"types\": \"./dist/index.d.ts\",\n \"source\": \"src/index.ts\",\n \"scripts\": {\n \"build\": \"tsup src/index.ts --dts\",\n \"dev\": \"tsup src/index.ts --watch --dts\",\n \"prepublishOnly\": \"cp ../README.md . && yarn build\",\n \"postpublish\": \"rm ./README.md\",\n \"test\": \"jest\",\n \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" yarn build && cd tests/nextjs-app && yarn build\"\n },\n \"dependencies\": {\n \"@cloudinary-util/url-loader\": \"^3.9.1\",\n \"@cloudinary-util/util\": \"^2.2.1\",\n \"@cloudinary/url-gen\": \"^1.10.1\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.19.6\",\n \"@babel/preset-env\": \"^7.19.4\",\n \"@types/jest\": \"^29.2.0\",\n \"@types/react\": \"^18.0.28\",\n \"@types/react-dom\": \"^18.0.11\",\n \"babel-jest\": \"^29.2.2\",\n \"dotenv\": \"^16.0.3\",\n \"jest\": \"^29.2.2\",\n \"jest-environment-jsdom\": \"^29.2.2\",\n \"ts-jest\": \"^29.0.3\",\n \"tsup\": \"^6.6.3\",\n \"typescript\": \"^4.9.4\"\n },\n \"peerDependencies\": {\n \"next\": \"^12 || ^13\",\n \"react\": \"^17 || ^18\"\n }\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n heightResize?: string | number;\n widthResize?: string | number;\n}\n\nexport interface CloudinaryLoaderLoaderOptions {\n height?: string | number;\n width?: string | number;\n}\n\nexport interface CloudinaryLoader {\n loaderOptions: CloudinaryLoaderLoaderOptions;\n imageProps: ImageProps;\n cldOptions: CloudinaryLoaderCldOptions;\n cldConfig?: object;\n}\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }: CloudinaryLoader) {\n const options = {\n ...imageProps,\n ...cldOptions\n }\n\n options.width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n options.height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n\n // The loader options are used to create dynamic sizing when working with responsive images\n // so these should override the default options collected from the props alone if\n // the results are different. While we don't always use the height in the loader logic,\n // we always pass it here, as the usage is determined later based on cropping.js\n\n if ( typeof loaderOptions?.width === 'number' && typeof options.width === 'number' && loaderOptions.width !== options.width ) {\n const multiplier = loaderOptions.width / options.width;\n\n options.widthResize = loaderOptions.width;\n\n if ( typeof options.height === 'number' ) {\n options.heightResize = Math.round(options.height * multiplier);\n }\n }\n\n // @ts-ignore\n return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, 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 const options: ImageOptions = {\n ...props,\n crop: props.crop || 'fill',\n gravity: props.gravity || 'center',\n height: props.height || OG_IMAGE_HEIGHT,\n src: props.src,\n width: props.width || OG_IMAGE_WIDTH,\n widthResize: props.width || OG_IMAGE_WIDTH_RESIZE\n }\n\n let width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n let height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n\n // Resize the height based on the widthResize property\n\n if ( typeof height === 'number' && typeof width === 'number' ) {\n height = ( OG_IMAGE_WIDTH_RESIZE / width ) * height;\n }\n\n width = OG_IMAGE_WIDTH_RESIZE;\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 = getCldImageUrl({\n ...options,\n format: props.format || 'jpg',\n });\n\n const twitterImageUrl = getCldImageUrl({\n ...options,\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 React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n children,\n onClick,\n onError,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadButtonProps) => {\n\n return (\n <>\n <CldUploadWidget\n onError={onError}\n onUpload={onUpload}\n options={options}\n signatureEndpoint={signatureEndpoint}\n uploadPreset={uploadPreset}\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} 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';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport { CldUploadWidgetProps, CldUploadWidgetResults } from './CldUploadWidget.types';\n\nconst WIDGET_WATCHED_EVENTS = [\n 'success',\n 'display-changed'\n];\n\nconst CldUploadWidget = ({\n children,\n onClose,\n onError,\n onOpen,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n}: CldUploadWidgetProps) => {\n const cloudinary: any = useRef();\n const widget: any = useRef();\n\n const signed = !!signatureEndpoint;\n\n const [error, setError] = useState(undefined);\n const [results, setResults] = useState<CldUploadWidgetResults | 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 uploadOptions = {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n apiKey: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,\n ...options,\n };\n\n if ( signed ) {\n uploadOptions.uploadSignature = generateSignature;\n\n if (!uploadOptions.apiKey) {\n console.warn(`Missing dependency: Signed Upload requires an API key`);\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 const isClosed = results.event === 'display-changed' && results.info === 'hidden';\n\n if ( isSuccess && typeof onUpload === 'function' ) {\n onUpload(results, widget.current);\n }\n\n if ( isClosed && typeof onClose === 'function' ) {\n onClose(widget.current);\n }\n }, [results])\n\n useEffect(() => {\n if ( error && typeof onError === 'function' ) {\n onError(error, widget.current);\n }\n }, [error]);\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 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 /**\n * generateSignature\n * @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation\n */\n\n function generateSignature(callback: Function, paramsToSign: object) {\n if ( typeof signatureEndpoint === 'undefined' ) {\n throw Error('Failed to generate signature: signatureEndpoint undefined.')\n }\n fetch(signatureEndpoint, {\n method: 'POST',\n body: JSON.stringify({\n paramsToSign,\n }),\n })\n .then((r) => r.json())\n .then(({ signature }) => {\n callback(signature);\n });\n }\n\n /**\n * createWidget\n * @description Creates a new instance of the Cloudinary widget and stores in a ref\n */\n\n function createWidget() {\n return cloudinary.current?.createUploadWidget(uploadOptions, (uploadError: any, uploadResult: any) => {\n // The callback is a bit more chatty than failed or success so\n // only trigger when one of those are the case. You can additionally\n // create a separate handler such as onEvent and trigger it on\n // ever occurrence\n\n if ( typeof uploadError !== 'undefined' ) {\n setError(uploadError);\n }\n\n if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event) ) {\n setResults(uploadResult);\n }\n });\n }\n\n /**\n * open\n * @description When triggered, uses the current widget instance to open the upload modal\n */\n\n function open() {\n if (!widget.current) {\n widget.current = createWidget();\n }\n\n widget?.current.open();\n\n if ( typeof onOpen === 'function' ) {\n onOpen(widget.current);\n }\n }\n\n return (\n <>\n {typeof children === 'function' && children({\n cloudinary: cloudinary.current,\n widget: widget.current,\n open,\n results,\n error,\n isLoading: isScriptLoading,\n })}\n <Script\n id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n src=\"https://widget.cloudinary.com/v2.0/global/all.js\"\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n />\n </>\n );\n};\n\nexport default CldUploadWidget;\n","/**\n * triggerOnIdle\n * @see MDN Polyfill https://github.com/behnammodi/polyfill/blob/master/window.polyfill.js#L7-L24\n */\n\nexport function triggerOnIdle(callback: any) {\n if ( window && 'requestIdleCallback' in window ) {\n return requestIdleCallback(callback);\n }\n return setTimeout(() => callback(), 1);\n}","import React, { useRef, MutableRefObject } from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\nimport { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsLogo } from '../../types/player';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n // If no ID is passed in - we want to be able to ensure that we are using\n // unique IDs for each player. We can do this by generating a random number\n // and using that as the ID. We use a ref here so that we can ensure that\n // the ID is only generated once.\n const idRef = useRef(Math.ceil(Math.random() * 100000));\n\n const {\n autoPlay = 'never',\n className,\n colors,\n controls = true,\n fontFace,\n height,\n id,\n logo = true,\n loop = false,\n muted = false,\n onDataLoad,\n onError,\n onMetadataLoad,\n onPause,\n onPlay,\n onEnded,\n src,\n transformation,\n version = '1.9.4',\n quality = 'auto',\n width,\n } = props as CldVideoPlayerProps;\n\n const playerTransformations = Array.isArray(transformation) ? transformation : [transformation];\n\n // Set default transformations for the player\n\n playerTransformations.unshift({\n quality\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-${src.replace('/', '-')}-${idRef.current}`;\n let playerClassName = 'cld-video-player cld-fluid';\n\n if ( className ) {\n playerClassName = `${playerClassName} ${className}`;\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\n let logoOptions: CloudinaryVideoPlayerOptionsLogo = {};\n\n if ( typeof logo === 'boolean' ) {\n logoOptions.showLogo = logo;\n } else if ( typeof logo === 'object' ) {\n logoOptions = {\n ...logoOptions,\n showLogo: true,\n logoImageUrl: logo.imageUrl,\n logoOnclickUrl: logo.onClickUrl\n }\n }\n\n let playerOptions: CloudinaryVideoPlayerOptions = {\n autoplayMode: autoPlay,\n cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n controls,\n fontFace: fontFace || '',\n loop,\n muted,\n publicId: src,\n secure: true,\n transformation: playerTransformations,\n ...logoOptions\n };\n\n if ( typeof colors === 'object' ) {\n playerOptions.colors = colors;\n }\n\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 /**\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@${version}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n </Head>\n <div style={{ width: '100%', aspectRatio: `${props.width} / ${props.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-${Math.floor(Math.random() * 100)}`}\n src={`https://unpkg.com/cloudinary-video-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;","import { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrl, GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport interface GetCldOgImageUrl extends GetCldImageUrl {}\n\nexport function getCldOgImageUrl(options: GetCldImageUrlOptions) {\n return getCldImageUrl({\n ...options,\n crop: options.crop || 'fill',\n format: options.format || 'jpg',\n gravity: options.gravity || 'center',\n height: options.height || OG_IMAGE_HEIGHT,\n width: options.width || OG_IMAGE_WIDTH,\n widthResize: options.width || OG_IMAGE_WIDTH_RESIZE\n });\n}"],"mappings":"AAAA,OAAOA,IAAS,YAAAC,GAAU,eAAAC,OAAmB,QAC7C,OAAOC,OAA2B,aAClC,OAAS,sBAAAC,OAA0B,wBACnC,OAAS,yBAAAC,OAA6B,8BCKtC,eAAsBC,EAAuBC,EAA0D,CACrG,GAAM,CAAE,IAAAC,CAAI,EAAID,EAChB,GAAI,CACF,MAAM,IAAI,QAAQ,CAACE,EAASC,IAAW,CACrC,MAAMF,CAAG,EAAE,KAAKG,GAAO,CACrB,GAAK,CAACA,EAAI,GAAK,CACbD,EAAOC,CAAG,EACV,OAEFF,EAAQE,CAAG,CACb,CAAC,CACH,CAAC,CACH,OAAQC,EAAN,CACA,OAAKA,EAAE,SAAW,IACT,MAAMN,EAAuBC,CAAO,EAEtC,EACT,CACA,MAAO,EACT,CC3BA,OAAS,0BAAAM,OAA8B,8BCAvC,OAAOC,OAAa,oBCApB,IAAAC,EAAA,CACE,KAAQ,kBACR,QAAW,SACX,KAAQ,kBACR,OAAU,mBACV,MAAS,oBACT,OAAU,eACV,QAAW,CACT,MAAS,0BACT,IAAO,kCACP,eAAkB,kCAClB,YAAe,iBACf,KAAQ,OACR,WAAY,0FACd,EACA,aAAgB,CACd,8BAA+B,SAC/B,wBAAyB,SACzB,sBAAuB,SACzB,EACA,gBAAmB,CACjB,cAAe,UACf,oBAAqB,UACrB,cAAe,UACf,eAAgB,WAChB,mBAAoB,WACpB,aAAc,UACd,OAAU,UACV,KAAQ,UACR,yBAA0B,UAC1B,UAAW,UACX,KAAQ,SACR,WAAc,QAChB,EACA,iBAAoB,CAClB,KAAQ,aACR,MAAS,YACX,CACF,EDnCO,IAAMC,EAA+B,IAC/BC,EAA0BC,EAAI,QAC9BC,EAAeC,GAAQ,QDc7B,SAASC,EAAeC,EAAuBC,EAAwBC,EAA8B,CAC1G,OAAOC,GAAuB,CAC5B,QAAAH,EACA,OAAQ,OAAO,OAAO,CACpB,MAAO,CACL,UAAW,QAAQ,IAAI,iCACzB,CACF,EAAGC,CAAM,EACT,UAAW,OAAO,OAAO,CACvB,QAASG,EACT,UAAWC,EACX,YAAaC,EACb,QAAS,EACX,EAAGJ,CAAS,CACd,CAAC,CACH,CGbO,SAASK,EAAiB,CAAE,cAAAC,EAAe,WAAAC,EAAY,WAAAC,EAAY,UAAAC,EAAY,CAAC,CAAE,EAAqB,CAC5G,IAAMC,EAAU,CACd,GAAGH,EACH,GAAGC,CACL,EAUA,GARAE,EAAQ,MAAQ,OAAOA,EAAQ,OAAU,SAAW,SAASA,EAAQ,KAAK,EAAIA,EAAQ,MACtFA,EAAQ,OAAS,OAAOA,EAAQ,QAAW,SAAW,SAASA,EAAQ,MAAM,EAAIA,EAAQ,OAOpF,OAAOJ,GAAA,YAAAA,EAAe,QAAU,UAAY,OAAOI,EAAQ,OAAU,UAAYJ,EAAc,QAAUI,EAAQ,MAAQ,CAC5H,IAAMC,EAAaL,EAAc,MAAQI,EAAQ,MAEjDA,EAAQ,YAAcJ,EAAc,MAE/B,OAAOI,EAAQ,QAAW,WAC7BA,EAAQ,aAAe,KAAK,MAAMA,EAAQ,OAASC,CAAU,GAKjE,OAAOC,EAAeF,EAASD,CAAS,CAC1C,CL/BA,IAAMI,GAAYC,GAAyB,CACzC,IAAMC,EAAc,CAClB,eACA,yBACF,EAEAC,GAAsB,QAAQ,CAAC,CAAE,MAAAF,EAAQ,CAAC,CAAE,IAAM,CAChDA,EAAM,QAAQG,GAAQ,CACpB,GAAKF,EAAY,SAASE,CAAI,EAC5B,MAAM,IAAI,MAAM,UAAUA,mBAAsB,EAElDF,EAAY,KAAKE,CAAI,CACvB,CAAC,CACH,CAAC,EAID,IAAMC,EAAa,CACjB,IAAKJ,EAAM,IACX,IAAKA,EAAM,GACb,EAEC,OAAO,KAAKA,CAAK,EACf,OAAOK,GAAO,CAACJ,EAAY,SAASI,CAAG,CAAC,EAExC,QAAQA,GAAOD,EAAWC,CAAG,EAAIL,EAAMK,CAAG,CAAC,EAE9C,IAAMC,EAAiB,OAAO,KAAKF,CAAU,EAAqC,IAAIC,GAAO,GAAGA,KAAOD,EAAWC,CAAG,GAAG,EAAE,KAAK,GAAG,EAC5H,CAACE,EAAQC,CAAS,EAAIC,GAASH,CAAa,EAI5CI,EAAa,CAAC,EAcpB,GAZAT,EAAY,QAAQI,GAAO,CAEpBL,EAAMK,CAAG,IAEZK,EAAWL,CAAG,EAAIL,EAAMK,CAAG,GAAK,OAEpC,CAAC,EAMGL,EAAM,wBACR,GAAI,CACF,IAAMW,EAAkBC,GAAmBZ,EAAM,GAAG,EAAE,IAAIa,GAAKA,EAAE,KAAK,GAAG,CAAC,EAE1EH,EAAW,mBAAqB,CAAC,GAAGC,EAAgB,KAAK,EAAG,GAAIX,EAAM,oBAAsB,CAAC,CAAE,CACjG,OAAQc,EAAN,CACA,QAAQ,KAAK,uCAAwCA,EAAY,SAAS,CAC5E,CAOF,eAAeC,EAAQC,EAAwD,CAC7E,IAAIC,EAAe,GAEnB,GAAK,OAAOjB,EAAM,SAAY,WAAa,CACzC,IAAMkB,EAAgBlB,EAAM,QAAQgB,CAAO,EAEtC,OAAOE,GAAkB,WAAaA,IAAkB,KAC3DD,EAAe,SAEP,OAAOjB,EAAM,SAAY,WAAaA,EAAM,UAAY,KAClEiB,EAAe,IAMjB,GAAKA,IAAiB,GAAQ,OAE9B,IAAME,EAAQH,EAAQ,OACP,MAAMI,EAAuB,CAAE,IAAKD,EAAM,GAAI,CAAC,GAG5DX,EAAU,GAAGF,KAAiB,KAAK,IAAI,GAAG,CAE9C,CAEA,IAAMe,EAAgBC,GAAYP,EAAS,CAACK,EAAwBd,CAAa,CAAC,EAM9EiB,EAAgBC,GAEpB,MAAI,YAAaD,IACfA,EAAiBA,EAAuD,SAIxEE,GAAA,cAACF,EAAA,CACC,IAAKhB,EACJ,GAAGH,EACJ,OAASsB,GAAkBC,EAAiB,CAAE,cAAAD,EAAe,WAAAtB,EAAY,WAAAM,EAAY,UAAWV,EAAM,MAAO,CAAC,EAC9G,QAASqB,EACX,CAEJ,EAEOO,EAAQ7B,GM5Hf,OAAO8B,MAAW,QAClB,OAAOC,OAAU,YAOjB,IAAMC,GAAe,sBAQfC,GAAa,CAAC,CAAE,YAAAC,EAAc,CAAC,EAAG,aAAAC,EAAc,KAAAC,EAAO,CAAC,EAAG,GAAGC,CAAM,IAAuB,CAC/F,GAAM,CAAE,IAAAC,CAAI,EAAID,EAEVE,EAAwB,CAC5B,GAAGF,EACH,KAAMA,EAAM,MAAQ,OACpB,QAASA,EAAM,SAAW,SAC1B,OAAQA,EAAM,QAAU,KACxB,IAAKA,EAAM,IACX,MAAOA,EAAM,OAAS,KACtB,YAAaA,EAAM,OAAS,IAC9B,EAEIG,EAAQ,OAAOD,EAAQ,OAAU,SAAW,SAASA,EAAQ,KAAK,EAAIA,EAAQ,MAC9EE,EAAS,OAAOF,EAAQ,QAAW,SAAW,SAASA,EAAQ,MAAM,EAAIA,EAAQ,OAIhF,OAAOE,GAAW,UAAY,OAAOD,GAAU,WAClDC,EAAW,KAAwBD,EAAUC,GAG/CD,EAAQ,KAMR,IAAME,EAAaC,EAAe,CAChC,GAAGJ,EACH,OAAQF,EAAM,QAAU,KAC1B,CAAC,EAEKO,EAAkBD,EAAe,CACrC,GAAGJ,EACH,OAAQF,EAAM,QAAU,MAC1B,CAAC,EAEKQ,EAAW,CACf,WAAY,WACZ,sBAAuB,qBACvB,iBAAkB,iBAClB,kBAAmB,kBACnB,eAAgB,eAChB,gBAAiB,gBACjB,eAAgB,eAChB,gBAAiB,gBACjB,GAAGT,CACL,EAKE,OACAU,EAAA,cAACC,GAAA,KACCD,EAAA,cAAC,QAAK,IAAKD,EAAS,UAAU,EAAG,SAAS,WAAW,QAASH,EAAY,EAC1EI,EAAA,cAAC,QAAK,IAAKD,EAAS,qBAAqB,EAAG,SAAS,sBAAsB,QAASH,EAAY,EAChGI,EAAA,cAAC,QAAK,IAAKD,EAAS,gBAAgB,EAAG,SAAS,iBAAiB,QAAS,GAAGL,IAAS,EACtFM,EAAA,cAAC,QAAK,IAAKD,EAAS,iBAAiB,EAAG,SAAS,kBAAkB,QAAS,GAAGJ,IAAU,EAExFH,GACCQ,EAAA,cAAC,QAAK,IAAKD,EAAS,cAAc,EAAG,SAAS,eAAe,QAASP,EAAK,EAM5E,CAACJ,EAAY,SAAS,eAAe,GACpCY,EAAA,cAAC,QAAK,IAAKD,EAAS,eAAe,EAAG,SAAS,gBAAgB,QAASV,GAAgB,IAAK,EAG/FW,EAAA,cAAC,QAAK,IAAKD,EAAS,cAAc,EAAG,SAAS,eAAe,QAASb,GAAc,EACpFc,EAAA,cAAC,QAAK,IAAKD,EAAS,eAAe,EAAG,SAAS,gBAAgB,QAASD,EAAiB,CAC3F,CAEJ,EAEOI,EAAQf,GC7Ff,OAAOgB,MAAW,QCAlB,OAAOC,GAAS,YAAAC,EAAU,aAAAC,EAAW,UAAAC,OAAc,QACnD,OAAOC,OAAY,cCIZ,SAASC,EAAcC,EAAe,CAC3C,OAAK,QAAU,wBAAyB,OAC/B,oBAAoBA,CAAQ,EAE9B,WAAW,IAAMA,EAAS,EAAG,CAAC,CACvC,CDHA,IAAMC,GAAwB,CAC5B,UACA,iBACF,EAEMC,GAAkB,CAAC,CACvB,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,aAAAC,CACF,IAA4B,CAC1B,IAAMC,EAAkBC,GAAO,EACzBC,EAAcD,GAAO,EAErBE,EAAS,CAAC,CAACL,EAEX,CAACM,EAAOC,CAAQ,EAAIC,EAAS,MAAS,EACtC,CAACC,EAASC,CAAU,EAAIF,EAA6C,MAAS,EAC9E,CAACG,EAAiBC,CAAkB,EAAIJ,EAAS,EAAI,EAOrDK,EAAgB,CACpB,UAAW,QAAQ,IAAI,kCACvB,aAAcZ,GAAgB,QAAQ,IAAI,qCAC1C,OAAQ,QAAQ,IAAI,+BACpB,GAAGF,CACL,EAEKM,IACHQ,EAAc,gBAAkBC,EAE3BD,EAAc,QACjB,QAAQ,KAAK,uDAAuD,GAMxEE,EAAU,IAAM,CACd,GAAK,OAAON,GAAY,YAAc,OAEtC,IAAMO,EAAYP,EAAQ,QAAU,UAC9BQ,EAAWR,EAAQ,QAAU,mBAAqBA,EAAQ,OAAS,SAEpEO,GAAa,OAAOlB,GAAa,YACpCA,EAASW,EAASL,EAAO,OAAO,EAG7Ba,GAAY,OAAOtB,GAAY,YAClCA,EAAQS,EAAO,OAAO,CAE1B,EAAG,CAACK,CAAO,CAAC,EAEZM,EAAU,IAAM,CACTT,GAAS,OAAOV,GAAY,YAC/BA,EAAQU,EAAOF,EAAO,OAAO,CAEjC,EAAG,CAACE,CAAK,CAAC,EAOV,SAASY,GAAe,CACtBN,EAAmB,EAAK,EAClBV,EAAW,UACfA,EAAW,QAAW,OAAe,YAMvCiB,EAAc,IAAM,CACZf,EAAO,UACXA,EAAO,QAAUgB,EAAa,EAElC,CAAC,CACH,CAOA,SAASN,EAAkBO,EAAoBC,EAAsB,CACnE,GAAK,OAAOtB,GAAsB,YAChC,MAAM,MAAM,4DAA4D,EAE1E,MAAMA,EAAmB,CACvB,OAAQ,OACR,KAAM,KAAK,UAAU,CACnB,aAAAsB,CACF,CAAC,CACH,CAAC,EACE,KAAMC,GAAMA,EAAE,KAAK,CAAC,EACpB,KAAK,CAAC,CAAE,UAAAC,CAAU,IAAM,CACvBH,EAASG,CAAS,CACpB,CAAC,CACL,CAOA,SAASJ,GAAe,CAzH1B,IAAAK,EA0HI,OAAOA,EAAAvB,EAAW,UAAX,YAAAuB,EAAoB,mBAAmBZ,EAAe,CAACa,EAAkBC,IAAsB,CAM/F,OAAOD,GAAgB,aAC1BnB,EAASmB,CAAW,EAGjBlC,GAAsB,SAASmC,GAAA,YAAAA,EAAc,KAAK,GACrDjB,EAAWiB,CAAY,CAE3B,EACF,CAOA,SAASC,GAAO,CACTxB,EAAO,UACVA,EAAO,QAAUgB,EAAa,GAGhChB,GAAA,MAAAA,EAAQ,QAAQ,OAEX,OAAOP,GAAW,YACrBA,EAAOO,EAAO,OAAO,CAEzB,CAEA,OACEyB,EAAA,cAAAA,EAAA,cACG,OAAOnC,GAAa,YAAcA,EAAS,CAC1C,WAAYQ,EAAW,QACvB,OAAQE,EAAO,QACf,KAAAwB,EACA,QAAAnB,EACA,MAAAH,EACA,UAAWK,CACX,CAAC,EACHkB,EAAA,cAACC,GAAA,CACC,GAAI,2BAA2B,KAAK,MAAM,KAAK,OAAO,EAAI,GAAG,IAC7D,IAAI,mDACJ,OAAQZ,EACR,QAAUa,GAAM,QAAQ,MAAM,4CAA4CA,EAAE,SAAS,EACvF,CACF,CAEJ,EAEOC,EAAQvC,GDvKf,IAAMwC,GAAkB,CAAC,CACvB,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAGIC,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACC,EAAA,CACC,QAASP,EACT,SAAUC,EACV,QAASC,EACT,kBAAmBC,EACnB,aAAcC,GAEb,CAAC,CAAE,KAAAI,EAAM,UAAAC,CAAU,IAAM,CACxB,SAASC,EAAcC,EAAoD,CACzEA,EAAE,eAAe,EAEjBH,EAAK,EAEA,OAAOT,GAAY,YACtBA,EAAQY,CAAC,CAEb,CACA,OACEL,EAAA,cAAC,UAAQ,GAAGD,EAAO,QAASK,EAAe,SAAUD,GAClDX,GAAY,QACf,CAEJ,CACF,CACF,EAIGc,GAAQf,GGjDf,OAAOgB,GAAS,UAAAC,MAAgC,QAChD,OAAOC,OAAY,cACnB,OAAOC,OAAU,YAKjB,IAAMC,GAAkBC,GAA+B,CAKrD,IAAMC,EAAQL,EAAO,KAAK,KAAK,KAAK,OAAO,EAAI,GAAM,CAAC,EAEhD,CACJ,SAAAM,EAAW,QACX,UAAAC,EACA,OAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,OAAAC,EACA,GAAAC,EACA,KAAAC,EAAO,GACP,KAAAC,EAAO,GACP,MAAAC,EAAQ,GACR,WAAAC,EACA,QAAAC,EACA,eAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,IAAAC,EACA,eAAAC,EACA,QAAAC,EAAU,QACV,QAAAC,EAAU,OACV,MAAAC,CACF,EAAItB,EAEEuB,EAAwB,MAAM,QAAQJ,CAAc,EAAIA,EAAiB,CAACA,CAAc,EAI9FI,EAAsB,QAAQ,CAC5B,QAAAF,CACF,CAAC,EAKD,IAAMG,EAAgB5B,EAAY,EAC5B6B,GAAkB7B,EAAO,EACzB8B,EAAW1B,EAAM,UAAYyB,GAC7BE,GAAmB/B,EAAO,EAC1BgC,EAAY5B,EAAM,WAAa2B,GAE/BE,GAAWrB,GAAM,UAAUU,EAAI,QAAQ,IAAK,GAAG,KAAKjB,EAAM,UAC5D6B,EAAkB,6BAEjB3B,IACH2B,EAAkB,GAAGA,KAAmB3B,KAG1C,IAAM4B,EAA6C,CACjD,MAAOlB,EACP,WAAYD,EACZ,eAAgBE,EAChB,MAAOC,EACP,KAAMC,EACN,MAAOC,CACT,EAOA,SAASe,GAAYC,EAA2B,CAC9C,IAAMC,EAAcH,EAAOE,EAAM,IAAI,EAEhC,OAAOC,GAAgB,YAC1BA,EAAYC,GAAc,CAAC,CAE/B,CAOA,SAASC,IAAe,CACtB,GAAK,eAAgB,OAAS,CAC5BZ,EAAc,QAAU,OAAO,WAE/B,IAAIa,EAAgD,CAAC,EAEhD,OAAO5B,GAAS,UACnB4B,EAAY,SAAW5B,EACb,OAAOA,GAAS,WAC1B4B,EAAc,CACZ,GAAGA,EACH,SAAU,GACV,aAAc5B,EAAK,SACnB,eAAgBA,EAAK,UACvB,GAGF,IAAI6B,EAA8C,CAChD,aAAcpC,EACd,WAAY,QAAQ,IAAI,kCACxB,SAAAG,EACA,SAAUC,GAAY,GACtB,KAAAI,EACA,MAAAC,EACA,SAAUO,EACV,OAAQ,GACR,eAAgBK,EAChB,GAAGc,CACL,EAEK,OAAOjC,GAAW,WACrBkC,EAAc,OAASlC,GAGzBwB,EAAU,QAAUJ,EAAc,QAAQ,YAAYE,EAAS,QAASY,CAAa,EAErF,OAAO,KAAKP,CAAM,EAAE,QAASQ,GAAQ,CA7H3C,IAAAC,EA8Ha,OAAOT,EAAOQ,CAAG,GAAM,cAC1BC,EAAAZ,EAAU,UAAV,MAAAY,EAAmB,GAAGD,EAAKP,IAE/B,CAAC,EAEL,CAMA,SAASG,IAAgB,CACvB,MAAO,CACL,OAAQP,EAAU,QAClB,MAAOF,EAAS,OAClB,CACF,CAEA,OACE/B,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACG,GAAA,KACCH,EAAA,cAAC,QAAK,KAAM,6CAA6CyB,kCAAyC,IAAI,aAAa,CACrH,EACAzB,EAAA,cAAC,OAAI,MAAO,CAAE,MAAO,OAAQ,YAAa,GAAGK,EAAM,WAAWA,EAAM,QAAQ,GAC1EL,EAAA,cAAC,SACC,IAAK+B,EACL,GAAIG,GACJ,UAAWC,EACX,MAAOR,EACP,OAAQf,EACV,EACAZ,EAAA,cAACE,GAAA,CACC,GAAI,0BAA0B,KAAK,MAAM,KAAK,OAAO,EAAI,GAAG,IAC5D,IAAK,6CAA6CuB,iCAClD,OAAQgB,GACR,QAAUK,GAAM,QAAQ,MAAM,2CAA2CA,EAAE,SAAS,EACtF,CACF,CACF,CAEJ,EAEOC,GAAQ3C,GC7JR,SAAS4C,GAAiBC,EAAgC,CAC/D,OAAOC,EAAe,CACpB,GAAGD,EACH,KAAMA,EAAQ,MAAQ,OACtB,OAAQA,EAAQ,QAAU,MAC1B,QAASA,EAAQ,SAAW,SAC5B,OAAQA,EAAQ,QAAU,KAC1B,MAAOA,EAAQ,OAAS,KACxB,YAAaA,EAAQ,OAAS,IAChC,CAAC,CACH","names":["React","useState","useCallback","Image","getTransformations","transformationPlugins","pollForProcessingImage","options","src","resolve","reject","res","e","constructCloudinaryUrl","nextPkg","package_default","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","package_default","NEXT_VERSION","nextPkg","getCldImageUrl","options","config","analytics","constructCloudinaryUrl","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","CLD_OPTIONS","transformationPlugins","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","useState","cldOptions","transformations","getTransformations","t","e","onError","options","pollForImage","onErrorResult","image","pollForProcessingImage","handleOnError","useCallback","ResolvedImage","Image","React","loaderOptions","cloudinaryLoader","CldImage_default","React","Head","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","options","width","height","ogImageUrl","getCldImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","React","React","useState","useEffect","useRef","Script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","CldUploadWidget","children","onClose","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","cloudinary","useRef","widget","signed","error","setError","useState","results","setResults","isScriptLoading","setIsScriptLoading","uploadOptions","generateSignature","useEffect","isSuccess","isClosed","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","_a","uploadError","uploadResult","open","React","Script","e","CldUploadWidget_default","CldUploadButton","children","onClick","onError","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","React","useRef","Script","Head","CldVideoPlayer","props","idRef","autoPlay","className","colors","controls","fontFace","height","id","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","src","transformation","version","quality","width","playerTransformations","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","e","CldVideoPlayer_default","getCldOgImageUrl","options","getCldImageUrl"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "next-cloudinary",
3
- "version": "4.14.0",
3
+ "version": "4.15.0",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -14,8 +14,8 @@
14
14
  "test:app": "NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\"test\" yarn build && cd tests/nextjs-app && yarn build"
15
15
  },
16
16
  "dependencies": {
17
- "@cloudinary-util/url-loader": "^3.9.0",
18
- "@cloudinary-util/util": "^2.1.0",
17
+ "@cloudinary-util/url-loader": "^3.9.1",
18
+ "@cloudinary-util/util": "^2.2.1",
19
19
  "@cloudinary/url-gen": "^1.10.1"
20
20
  },
21
21
  "devDependencies": {