next-cloudinary 4.16.3 → 4.17.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 (6) hide show
  1. package/dist/index.d.ts +3 -2
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +1 -1
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -3,9 +3,10 @@ import { ImageProps } from 'next/image';
3
3
  import { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';
4
4
 
5
5
  type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {
6
- src: string;
7
- preserveTransformations?: boolean;
8
6
  config?: ConfigOptions;
7
+ preserveTransformations?: boolean;
8
+ src: string;
9
+ unoptimized?: boolean;
9
10
  };
10
11
  declare const CldImage: (props: CldImageProps) => React.JSX.Element;
11
12
 
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var Pe=Object.create;var G=Object.defineProperty;var Ue=Object.getOwnPropertyDescriptor;var Ee=Object.getOwnPropertyNames;var we=Object.getPrototypeOf,xe=Object.prototype.hasOwnProperty;var _e=(e,i)=>{for(var r in i)G(e,r,{get:i[r],enumerable:!0})},Z=(e,i,r,n)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of Ee(i))!xe.call(e,t)&&t!==r&&G(e,t,{get:()=>i[t],enumerable:!(n=Ue(i,t))||n.enumerable});return e};var y=(e,i,r)=>(r=e!=null?Pe(we(e)):{},Z(i||!e||!e.__esModule?G(r,"default",{value:e,enumerable:!0}):r,e)),Le=e=>Z(G({},"__esModule",{value:!0}),e);var Ve={};_e(Ve,{CldImage:()=>$,CldOgImage:()=>X,CldUploadButton:()=>Y,CldUploadWidget:()=>T,CldVideoPlayer:()=>K,cloudinaryLoader:()=>M,getCldImageUrl:()=>P,getCldOgImageUrl:()=>fe});module.exports=Le(Ve);var w=y(require("react")),ne=y(require("next/image")),ae=require("@cloudinary-util/util"),le=require("@cloudinary-util/url-loader");async function D(e){let{src:i}=e;try{await new Promise((r,n)=>{fetch(i).then(t=>{if(!t.ok){n(t);return}r(t)})})}catch(r){return r.status===423?await D(e):!1}return!0}var ie=require("@cloudinary-util/url-loader");var ee=y(require("next/package.json"));var Q={name:"next-cloudinary",version:"4.16.3",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.10.0","@cloudinary-util/util":"^2.2.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 te="V",oe=Q.version,re=ee.default.version;function P(e,i,r){return(0,ie.constructCloudinaryUrl)({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},i),analytics:Object.assign({sdkCode:te,sdkSemver:oe,techVersion:re,feature:""},r)})}function M({loaderOptions:e,imageProps:i,cldOptions:r,cldConfig:n={}}){let t={...i,...r};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 l=e.width/t.width;t.widthResize=e.width,typeof t.height=="number"&&(t.heightResize=Math.round(t.height*l))}return P(t,n)}var ve=e=>{let i=["deliveryType","preserveTransformations"];le.transformationPlugins.forEach(({props:o=[]})=>{o.forEach(d=>{if(i.includes(d))throw new Error(`Option ${d} already exists!`);i.push(d)})});let r={alt:e.alt,src:e.src};Object.keys(e).filter(o=>!i.includes(o)).forEach(o=>r[o]=e[o]);let n=Object.keys(r).map(o=>`${o}:${r[o]}`).join(";"),[t,l]=(0,w.useState)(n),s={};if(i.forEach(o=>{e[o]&&(s[o]=e[o]||void 0)}),e.preserveTransformations)try{let o=(0,ae.getTransformations)(e.src).map(d=>d.join(","));s.rawTransformations=[...o.flat(),...e.rawTransformations||[]]}catch(o){console.warn(`Failed to preserve transformations: ${o.message}`)}async function u(o){let d=!0;if(typeof e.onError=="function"){let E=e.onError(o);typeof E=="boolean"&&E===!1&&(d=!1)}else typeof e.onError=="boolean"&&e.onError===!1&&(d=!1);if(d===!1)return;let U=o.target;await D({src:U.src})&&l(`${n};${Date.now()}`)}let m=(0,w.useCallback)(u,[D,n]),a=ne.default;return"default"in a&&(a=a.default),w.default.createElement(a,{key:t,...r,loader:o=>M({loaderOptions:o,imageProps:r,cldOptions:s,cldConfig:e.config}),onError:m})},$=ve;var I=y(require("react")),de=y(require("next/head"));var Te="summary_large_image",Ae=({excludeTags:e=[],twitterTitle:i,keys:r={},...n})=>{let{alt:t}=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},s=typeof l.width=="string"?parseInt(l.width):l.width,u=typeof l.height=="string"?parseInt(l.height):l.height;typeof u=="number"&&typeof s=="number"&&(u=1200/s*u),s=1200;let m=P({...l,format:n.format||"jpg"}),a=P({...l,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",...r};return I.default.createElement(de.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:`${u}`}),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:i||" "}),I.default.createElement("meta",{key:o["twitter:card"],property:"twitter:card",content:Te}),I.default.createElement("meta",{key:o["twitter:image"],property:"twitter:image",content:a}))},X=Ae;var A=y(require("react"));var c=y(require("react")),pe=y(require("next/script"));function se(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Ne=["success","display-changed"],Ge=({children:e,onClose:i,onError:r,onOpen:n,onUpload:t,options:l,signatureEndpoint:s,uploadPreset:u})=>{let m=(0,c.useRef)(),a=(0,c.useRef)(),o=!!s,[d,U]=(0,c.useState)(void 0),[C,E]=(0,c.useState)(void 0),[V,W]=(0,c.useState)(!0),x={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:u||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...l};o&&(x.uploadSignature=_,x.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,c.useEffect)(()=>{if(typeof C=="undefined")return;let h=C.event==="success",O=C.event==="display-changed"&&C.info==="hidden";h&&typeof t=="function"&&t(C,a.current),O&&typeof i=="function"&&i(a.current)},[C]),(0,c.useEffect)(()=>{d&&typeof r=="function"&&r(d,a.current)},[d]);function N(){W(!1),m.current||(m.current=window.cloudinary),se(()=>{a.current||(a.current=L())})}function _(h,O){if(typeof s=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(s,{method:"POST",body:JSON.stringify({paramsToSign:O})}).then(g=>g.json()).then(({signature:g})=>{h(g)})}function L(){var h;return(h=m.current)==null?void 0:h.createUploadWidget(x,(O,g)=>{typeof O!="undefined"&&U(O),Ne.includes(g==null?void 0:g.event)&&E(g)})}function j(){a.current||(a.current=L()),a==null||a.current.open(),typeof n=="function"&&n(a.current)}return c.default.createElement(c.default.Fragment,null,typeof e=="function"&&e({cloudinary:m.current,widget:a.current,open:j,results:C,error:d,isLoading:V}),c.default.createElement(pe.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:N,onError:h=>console.error(`Failed to load Cloudinary Upload Widget: ${h.message}`)}))},T=Ge;var De=({className:e,children:i,onClick:r,onError:n,onUpload:t,options:l,signatureEndpoint:s,uploadPreset:u,...m})=>A.default.createElement(A.default.Fragment,null,A.default.createElement(T,{onError:n,onUpload:t,options:l,signatureEndpoint:s,uploadPreset:u},({open:a,isLoading:o})=>{function d(U){U.preventDefault(),a(),typeof r=="function"&&r(U)}return A.default.createElement("button",{...m,className:e||"",onClick:d,disabled:o},i||"Upload")})),Y=De;var f=y(require("react")),ce=y(require("next/script")),me=y(require("next/head")),ge=require("@cloudinary-util/util"),Me=e=>{let i=(0,f.useRef)(Math.ceil(Math.random()*1e5)),{autoPlay:r="never",className:n,colors:t,controls:l=!0,fontFace:s,height:u,id:m,logo:a=!0,loop:o=!1,muted:d=!1,onDataLoad:U,onError:C,onMetadataLoad:E,onPause:V,onPlay:W,onEnded:x,src:N,transformation:_,version:L="1.9.4",quality:j="auto",width:h}=e,O=Array.isArray(_)?_:[_],g=N;if(g.startsWith("http"))try{let p=(0,ge.parseUrl)(N);typeof(p==null?void 0:p.publicId)=="string"&&(g=p==null?void 0:p.publicId)}catch(p){}O.unshift({quality:j});let z=(0,f.useRef)(),ue=(0,f.useRef)(),R=e.videoRef||ue,ye=(0,f.useRef)(),S=e.playerRef||ye,Ce=m||`player-${g.replace("/","-")}-${i.current}`,k="cld-video-player cld-fluid";n&&(k=`${k} ${n}`);let H={error:C,loadeddata:U,loadedmetadata:E,pause:V,play:W,ended:x};function he(p){let b=H[p.type];typeof b=="function"&&b(Oe())}function Ie(){if("cloudinary"in window){z.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 b={autoplayMode:r,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:l,fontFace:s||"",loop:o,muted:d,publicId:g,secure:!0,transformation:O,...p};typeof t=="object"&&(b.colors=t),S.current=z.current.videoPlayer(R.current,b),Object.keys(H).forEach(q=>{var J;typeof H[q]=="function"&&((J=S.current)==null||J.on(q,he))})}}function Oe(){return{player:S.current,video:R.current}}return f.default.createElement(f.default.Fragment,null,f.default.createElement(me.default,null,f.default.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${L}/dist/cld-video-player.min.css`,rel:"stylesheet"})),f.default.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},f.default.createElement("video",{ref:R,id:Ce,className:k,width:h,height:u}),f.default.createElement(ce.default,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${L}/dist/cld-video-player.min.js`,onLoad:Ie,onError:p=>console.error(`Failed to load Cloudinary Video Player: ${p.message}`)})))},K=Me;function fe(e){return P({...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 Pe=Object.create;var G=Object.defineProperty;var Ue=Object.getOwnPropertyDescriptor;var Ee=Object.getOwnPropertyNames;var we=Object.getPrototypeOf,xe=Object.prototype.hasOwnProperty;var _e=(e,i)=>{for(var r in i)G(e,r,{get:i[r],enumerable:!0})},Z=(e,i,r,n)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of Ee(i))!xe.call(e,t)&&t!==r&&G(e,t,{get:()=>i[t],enumerable:!(n=Ue(i,t))||n.enumerable});return e};var y=(e,i,r)=>(r=e!=null?Pe(we(e)):{},Z(i||!e||!e.__esModule?G(r,"default",{value:e,enumerable:!0}):r,e)),Le=e=>Z(G({},"__esModule",{value:!0}),e);var Ve={};_e(Ve,{CldImage:()=>$,CldOgImage:()=>X,CldUploadButton:()=>Y,CldUploadWidget:()=>T,CldVideoPlayer:()=>z,cloudinaryLoader:()=>M,getCldImageUrl:()=>C,getCldOgImageUrl:()=>fe});module.exports=Le(Ve);var w=y(require("react")),ne=y(require("next/image")),ae=require("@cloudinary-util/util"),le=require("@cloudinary-util/url-loader");async function D(e){let{src:i}=e;try{await new Promise((r,n)=>{fetch(i).then(t=>{if(!t.ok){n(t);return}r(t)})})}catch(r){return r.status===423?await D(e):!1}return!0}var ie=require("@cloudinary-util/url-loader");var ee=y(require("next/package.json"));var Q={name:"next-cloudinary",version:"4.17.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.10.0","@cloudinary-util/util":"^2.2.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 te="V",oe=Q.version,re=ee.default.version;function C(e,i,r){return(0,ie.constructCloudinaryUrl)({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},i),analytics:Object.assign({sdkCode:te,sdkSemver:oe,techVersion:re,feature:""},r)})}function M({loaderOptions:e,imageProps:i,cldOptions:r,cldConfig:n={}}){let t={...i,...r};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 l=e.width/t.width;t.widthResize=e.width,typeof t.height=="number"&&(t.heightResize=Math.round(t.height*l))}return C(t,n)}var ve=e=>{let i=["deliveryType","preserveTransformations"];le.transformationPlugins.forEach(({props:o=[]})=>{o.forEach(d=>{if(i.includes(d))throw new Error(`Option ${d} already exists!`);i.push(d)})});let r={alt:e.alt,src:e.src};Object.keys(e).filter(o=>!i.includes(o)).forEach(o=>r[o]=e[o]);let n=Object.keys(r).map(o=>`${o}:${r[o]}`).join(";"),[t,l]=(0,w.useState)(n),s={};if(i.forEach(o=>{e[o]&&(s[o]=e[o]||void 0)}),e.preserveTransformations)try{let o=(0,ae.getTransformations)(e.src).map(d=>d.join(","));s.rawTransformations=[...o.flat(),...e.rawTransformations||[]]}catch(o){console.warn(`Failed to preserve transformations: ${o.message}`)}e.unoptimized===!0&&(r.src=C({...s,format:"default",quality:"default",src:r.src},e.config));async function u(o){let d=!0;if(typeof e.onError=="function"){let E=e.onError(o);typeof E=="boolean"&&E===!1&&(d=!1)}else typeof e.onError=="boolean"&&e.onError===!1&&(d=!1);if(d===!1)return;let U=o.target;await D({src:U.src})&&l(`${n};${Date.now()}`)}let c=(0,w.useCallback)(u,[D,n]),a=ne.default;return"default"in a&&(a=a.default),w.default.createElement(a,{key:t,...r,loader:o=>M({loaderOptions:o,imageProps:r,cldOptions:s,cldConfig:e.config}),onError:c})},$=ve;var O=y(require("react")),de=y(require("next/head"));var Te="summary_large_image",Ae=({excludeTags:e=[],twitterTitle:i,keys:r={},...n})=>{let{alt:t}=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},s=typeof l.width=="string"?parseInt(l.width):l.width,u=typeof l.height=="string"?parseInt(l.height):l.height;typeof u=="number"&&typeof s=="number"&&(u=1200/s*u),s=1200;let c=C({...l,format:n.format||"jpg"}),a=C({...l,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",...r};return O.default.createElement(de.default,null,O.default.createElement("meta",{key:o["og:image"],property:"og:image",content:c}),O.default.createElement("meta",{key:o["og:image:secure_url"],property:"og:image:secure_url",content:c}),O.default.createElement("meta",{key:o["og:image:width"],property:"og:image:width",content:`${s}`}),O.default.createElement("meta",{key:o["og:image:height"],property:"og:image:height",content:`${u}`}),t&&O.default.createElement("meta",{key:o["og:image:alt"],property:"og:image:alt",content:t}),!e.includes("twitter:title")&&O.default.createElement("meta",{key:o["twitter:title"],property:"twitter:title",content:i||" "}),O.default.createElement("meta",{key:o["twitter:card"],property:"twitter:card",content:Te}),O.default.createElement("meta",{key:o["twitter:image"],property:"twitter:image",content:a}))},X=Ae;var A=y(require("react"));var m=y(require("react")),pe=y(require("next/script"));function se(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Ne=["success","display-changed"],Ge=({children:e,onClose:i,onError:r,onOpen:n,onUpload:t,options:l,signatureEndpoint:s,uploadPreset:u})=>{let c=(0,m.useRef)(),a=(0,m.useRef)(),o=!!s,[d,U]=(0,m.useState)(void 0),[I,E]=(0,m.useState)(void 0),[V,W]=(0,m.useState)(!0),x={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:u||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...l};o&&(x.uploadSignature=_,x.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,m.useEffect)(()=>{if(typeof I=="undefined")return;let h=I.event==="success",P=I.event==="display-changed"&&I.info==="hidden";h&&typeof t=="function"&&t(I,a.current),P&&typeof i=="function"&&i(a.current)},[I]),(0,m.useEffect)(()=>{d&&typeof r=="function"&&r(d,a.current)},[d]);function N(){W(!1),c.current||(c.current=window.cloudinary),se(()=>{a.current||(a.current=L())})}function _(h,P){if(typeof s=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(s,{method:"POST",body:JSON.stringify({paramsToSign:P})}).then(g=>g.json()).then(({signature:g})=>{h(g)})}function L(){var h;return(h=c.current)==null?void 0:h.createUploadWidget(x,(P,g)=>{typeof P!="undefined"&&U(P),Ne.includes(g==null?void 0:g.event)&&E(g)})}function j(){a.current||(a.current=L()),a==null||a.current.open(),typeof n=="function"&&n(a.current)}return m.default.createElement(m.default.Fragment,null,typeof e=="function"&&e({cloudinary:c.current,widget:a.current,open:j,results:I,error:d,isLoading:V}),m.default.createElement(pe.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:N,onError:h=>console.error(`Failed to load Cloudinary Upload Widget: ${h.message}`)}))},T=Ge;var De=({className:e,children:i,onClick:r,onError:n,onUpload:t,options:l,signatureEndpoint:s,uploadPreset:u,...c})=>A.default.createElement(A.default.Fragment,null,A.default.createElement(T,{onError:n,onUpload:t,options:l,signatureEndpoint:s,uploadPreset:u},({open:a,isLoading:o})=>{function d(U){U.preventDefault(),a(),typeof r=="function"&&r(U)}return A.default.createElement("button",{...c,className:e||"",onClick:d,disabled:o},i||"Upload")})),Y=De;var f=y(require("react")),me=y(require("next/script")),ce=y(require("next/head")),ge=require("@cloudinary-util/util"),Me=e=>{let i=(0,f.useRef)(Math.ceil(Math.random()*1e5)),{autoPlay:r="never",className:n,colors:t,controls:l=!0,fontFace:s,height:u,id:c,logo:a=!0,loop:o=!1,muted:d=!1,onDataLoad:U,onError:I,onMetadataLoad:E,onPause:V,onPlay:W,onEnded:x,src:N,transformation:_,version:L="1.9.4",quality:j="auto",width:h}=e,P=Array.isArray(_)?_:[_],g=N;if(g.startsWith("http"))try{let p=(0,ge.parseUrl)(N);typeof(p==null?void 0:p.publicId)=="string"&&(g=p==null?void 0:p.publicId)}catch(p){}P.unshift({quality:j});let K=(0,f.useRef)(),ue=(0,f.useRef)(),R=e.videoRef||ue,ye=(0,f.useRef)(),S=e.playerRef||ye,Ce=c||`player-${g.replace("/","-")}-${i.current}`,k="cld-video-player cld-fluid";n&&(k=`${k} ${n}`);let H={error:I,loadeddata:U,loadedmetadata:E,pause:V,play:W,ended:x};function Ie(p){let b=H[p.type];typeof b=="function"&&b(Oe())}function he(){if("cloudinary"in window){K.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 b={autoplayMode:r,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:l,fontFace:s||"",loop:o,muted:d,publicId:g,secure:!0,transformation:P,...p};typeof t=="object"&&(b.colors=t),S.current=K.current.videoPlayer(R.current,b),Object.keys(H).forEach(q=>{var J;typeof H[q]=="function"&&((J=S.current)==null||J.on(q,Ie))})}}function Oe(){return{player:S.current,video:R.current}}return f.default.createElement(f.default.Fragment,null,f.default.createElement(ce.default,null,f.default.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${L}/dist/cld-video-player.min.css`,rel:"stylesheet"})),f.default.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},f.default.createElement("video",{ref:R,id:Ce,className:k,width:h,height:u}),f.default.createElement(me.default,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${L}/dist/cld-video-player.min.js`,onLoad:he,onError:p=>console.error(`Failed to load Cloudinary Video Player: ${p.message}`)})))},z=Me;function fe(e){return C({...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 // 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.16.3\",\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.10.0\",\n \"@cloudinary-util/util\": \"^2.2.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 className?: string;\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n className,\n children,\n onClick,\n onError,\n 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} className={className || ''} onClick={handleOnClick} disabled={isLoading} >\n {children || 'Upload'}\n </button>\n );\n }}\n </CldUploadWidget>\n </>\n );\n};\n\nexport default CldUploadButton;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Script from 'next/script';\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';\nimport { parseUrl } from '@cloudinary-util/util';\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 let publicId = src;\n\n // If the publicId/src is a URL, attempt to parse it as a Cloudinary URL\n // to get the public ID alone\n\n if ( publicId.startsWith('http') ) {\n try {\n const parts = parseUrl(src);\n if ( typeof parts?.publicId === 'string' ) {\n publicId = parts?.publicId;\n }\n } catch(e) {}\n }\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-${publicId.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,\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":"skBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,cAAAE,EAAA,eAAAC,EAAA,oBAAAC,EAAA,oBAAAC,EAAA,mBAAAC,EAAA,qBAAAC,EAAA,mBAAAC,EAAA,qBAAAC,KAAA,eAAAC,GAAAV,ICAA,IAAAW,EAA6C,oBAC7CC,GAAkC,yBAClCC,GAAmC,iCACnCC,GAAsC,uCCKtC,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,IAAAM,GAAuC,uCCAvC,IAAAC,GAAoB,gCCApB,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,UAC/B,wBAAyB,QAC3B,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,EDlCO,IAAMC,GAA+B,IAC/BC,GAA0BC,EAAI,QAC9BC,GAAe,GAAAC,QAAQ,QDc7B,SAASC,EAAeC,EAAuBC,EAAwBC,EAA8B,CAC1G,SAAO,2BAAuB,CAC5B,QAAAF,EACA,OAAQ,OAAO,OAAO,CACpB,MAAO,CACL,UAAW,QAAQ,IAAI,iCACzB,CACF,EAAGC,CAAM,EACT,UAAW,OAAO,OAAO,CACvB,QAASE,GACT,UAAWC,GACX,YAAaC,GACb,QAAS,EACX,EAAGH,CAAS,CACd,CAAC,CACH,CGbO,SAASI,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,EAEA,yBAAsB,QAAQ,CAAC,CAAE,MAAAD,EAAQ,CAAC,CAAE,IAAM,CAChDA,EAAM,QAAQE,GAAQ,CACpB,GAAKD,EAAY,SAASC,CAAI,EAC5B,MAAM,IAAI,MAAM,UAAUA,mBAAsB,EAElDD,EAAY,KAAKC,CAAI,CACvB,CAAC,CACH,CAAC,EAID,IAAMC,EAAa,CACjB,IAAKH,EAAM,IACX,IAAKA,EAAM,GACb,EAEC,OAAO,KAAKA,CAAK,EACf,OAAOI,GAAO,CAACH,EAAY,SAASG,CAAG,CAAC,EAExC,QAAQA,GAAOD,EAAWC,CAAG,EAAIJ,EAAMI,CAAG,CAAC,EAE9C,IAAMC,EAAiB,OAAO,KAAKF,CAAU,EAAqC,IAAIC,GAAO,GAAGA,KAAOD,EAAWC,CAAG,GAAG,EAAE,KAAK,GAAG,EAC5H,CAACE,EAAQC,CAAS,KAAI,YAASF,CAAa,EAI5CG,EAAa,CAAC,EAcpB,GAZAP,EAAY,QAAQG,GAAO,CAEpBJ,EAAMI,CAAG,IAEZI,EAAWJ,CAAG,EAAIJ,EAAMI,CAAG,GAAK,OAEpC,CAAC,EAMGJ,EAAM,wBACR,GAAI,CACF,IAAMS,KAAkB,uBAAmBT,EAAM,GAAG,EAAE,IAAIU,GAAKA,EAAE,KAAK,GAAG,CAAC,EAE1EF,EAAW,mBAAqB,CAAC,GAAGC,EAAgB,KAAK,EAAG,GAAIT,EAAM,oBAAsB,CAAC,CAAE,CACjG,OAAQW,EAAN,CACA,QAAQ,KAAK,uCAAwCA,EAAY,SAAS,CAC5E,CAOF,eAAeC,EAAQC,EAAwD,CAC7E,IAAIC,EAAe,GAEnB,GAAK,OAAOd,EAAM,SAAY,WAAa,CACzC,IAAMe,EAAgBf,EAAM,QAAQa,CAAO,EAEtC,OAAOE,GAAkB,WAAaA,IAAkB,KAC3DD,EAAe,SAEP,OAAOd,EAAM,SAAY,WAAaA,EAAM,UAAY,KAClEc,EAAe,IAMjB,GAAKA,IAAiB,GAAQ,OAE9B,IAAME,EAAQH,EAAQ,OACP,MAAMI,EAAuB,CAAE,IAAKD,EAAM,GAAI,CAAC,GAG5DT,EAAU,GAAGF,KAAiB,KAAK,IAAI,GAAG,CAE9C,CAEA,IAAMa,KAAgB,eAAYN,EAAS,CAACK,EAAwBZ,CAAa,CAAC,EAM9Ec,EAAgB,GAAAC,QAEpB,MAAI,YAAaD,IACfA,EAAiBA,EAAuD,SAIxE,EAAAE,QAAA,cAACF,EAAA,CACC,IAAKb,EACJ,GAAGH,EACJ,OAASmB,GAAkBC,EAAiB,CAAE,cAAAD,EAAe,WAAAnB,EAAY,WAAAK,EAAY,UAAWR,EAAM,MAAO,CAAC,EAC9G,QAASkB,EACX,CAEJ,EAEOM,EAAQzB,GM5Hf,IAAA0B,EAAkB,oBAClBC,GAAiB,wBAOjB,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,OACA,EAAAU,QAAA,cAAC,GAAAC,QAAA,KACC,EAAAD,QAAA,cAAC,QAAK,IAAKD,EAAS,UAAU,EAAG,SAAS,WAAW,QAASH,EAAY,EAC1E,EAAAI,QAAA,cAAC,QAAK,IAAKD,EAAS,qBAAqB,EAAG,SAAS,sBAAsB,QAASH,EAAY,EAChG,EAAAI,QAAA,cAAC,QAAK,IAAKD,EAAS,gBAAgB,EAAG,SAAS,iBAAiB,QAAS,GAAGL,IAAS,EACtF,EAAAM,QAAA,cAAC,QAAK,IAAKD,EAAS,iBAAiB,EAAG,SAAS,kBAAkB,QAAS,GAAGJ,IAAU,EAExFH,GACC,EAAAQ,QAAA,cAAC,QAAK,IAAKD,EAAS,cAAc,EAAG,SAAS,eAAe,QAASP,EAAK,EAM5E,CAACJ,EAAY,SAAS,eAAe,GACpC,EAAAY,QAAA,cAAC,QAAK,IAAKD,EAAS,eAAe,EAAG,SAAS,gBAAgB,QAASV,GAAgB,IAAK,EAG/F,EAAAW,QAAA,cAAC,QAAK,IAAKD,EAAS,cAAc,EAAG,SAAS,eAAe,QAASb,GAAc,EACpF,EAAAc,QAAA,cAAC,QAAK,IAAKD,EAAS,eAAe,EAAG,SAAS,gBAAgB,QAASD,EAAiB,CAC3F,CAEJ,EAEOI,EAAQf,GC7Ff,IAAAgB,EAAkB,oBCAlB,IAAAC,EAAmD,oBACnDC,GAAmB,0BCIZ,SAASC,GAAcC,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,KAAkB,UAAO,EACzBC,KAAc,UAAO,EAErBC,EAAS,CAAC,CAACJ,EAEX,CAACK,EAAOC,CAAQ,KAAI,YAAS,MAAS,EACtC,CAACC,EAASC,CAAU,KAAI,YAA6C,MAAS,EAC9E,CAACC,EAAiBC,CAAkB,KAAI,YAAS,EAAI,EAOrDC,EAAgB,CACpB,UAAW,QAAQ,IAAI,kCACvB,aAAcV,GAAgB,QAAQ,IAAI,qCAC1C,OAAQ,QAAQ,IAAI,+BACpB,GAAGF,CACL,EAEKK,IACHO,EAAc,gBAAkBC,EAE3BD,EAAc,QACjB,QAAQ,KAAK,uDAAuD,MAMxE,aAAU,IAAM,CACd,GAAK,OAAOJ,GAAY,YAAc,OAEtC,IAAMM,EAAYN,EAAQ,QAAU,UAC9BO,EAAWP,EAAQ,QAAU,mBAAqBA,EAAQ,OAAS,SAEpEM,GAAa,OAAOf,GAAa,YACpCA,EAASS,EAASJ,EAAO,OAAO,EAG7BW,GAAY,OAAOnB,GAAY,YAClCA,EAAQQ,EAAO,OAAO,CAE1B,EAAG,CAACI,CAAO,CAAC,KAEZ,aAAU,IAAM,CACTF,GAAS,OAAOT,GAAY,YAC/BA,EAAQS,EAAOF,EAAO,OAAO,CAEjC,EAAG,CAACE,CAAK,CAAC,EAOV,SAASU,GAAe,CACtBL,EAAmB,EAAK,EAClBR,EAAW,UACfA,EAAW,QAAW,OAAe,YAMvCc,GAAc,IAAM,CACZb,EAAO,UACXA,EAAO,QAAUc,EAAa,EAElC,CAAC,CACH,CAOA,SAASL,EAAkBM,EAAoBC,EAAsB,CACnE,GAAK,OAAOnB,GAAsB,YAChC,MAAM,MAAM,4DAA4D,EAE1E,MAAMA,EAAmB,CACvB,OAAQ,OACR,KAAM,KAAK,UAAU,CACnB,aAAAmB,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,EAAApB,EAAW,UAAX,YAAAoB,EAAoB,mBAAmBX,EAAe,CAACY,EAAkBC,IAAsB,CAM/F,OAAOD,GAAgB,aAC1BjB,EAASiB,CAAW,EAGjB/B,GAAsB,SAASgC,GAAA,YAAAA,EAAc,KAAK,GACrDhB,EAAWgB,CAAY,CAE3B,EACF,CAOA,SAASC,GAAO,CACTtB,EAAO,UACVA,EAAO,QAAUc,EAAa,GAGhCd,GAAA,MAAAA,EAAQ,QAAQ,OAEX,OAAON,GAAW,YACrBA,EAAOM,EAAO,OAAO,CAEzB,CAEA,OACE,EAAAuB,QAAA,gBAAAA,QAAA,cACG,OAAOhC,GAAa,YAAcA,EAAS,CAC1C,WAAYQ,EAAW,QACvB,OAAQC,EAAO,QACf,KAAAsB,EACA,QAAAlB,EACA,MAAAF,EACA,UAAWI,CACX,CAAC,EACH,EAAAiB,QAAA,cAAC,GAAAC,QAAA,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,EAAQpC,GDtKf,IAAMqC,GAAkB,CAAC,CACvB,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAGI,EAAAC,QAAA,gBAAAA,QAAA,cACE,EAAAA,QAAA,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,OACE,EAAAL,QAAA,cAAC,UAAQ,GAAGD,EAAO,UAAWR,GAAa,GAAI,QAASa,EAAe,SAAUD,GAC9EX,GAAY,QACf,CAEJ,CACF,CACF,EAIGc,EAAQhB,GGnDf,IAAAiB,EAAgD,oBAChDC,GAAmB,0BACnBC,GAAiB,wBACjBC,GAAyB,iCAKnBC,GAAkBC,GAA+B,CAKrD,IAAMC,KAAQ,UAAO,KAAK,KAAK,KAAK,OAAO,EAAI,GAAM,CAAC,EAEhD,CACJ,SAAAC,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,EAC1FK,EAAWN,EAKf,GAAKM,EAAS,WAAW,MAAM,EAC7B,GAAI,CACF,IAAMC,KAAQ,aAASP,CAAG,EACrB,OAAOO,GAAA,YAAAA,EAAO,WAAa,WAC9BD,EAAWC,GAAA,YAAAA,EAAO,SAEtB,OAAQC,EAAN,CAAU,CAKdH,EAAsB,QAAQ,CAC5B,QAAAF,CACF,CAAC,EAKD,IAAMM,KAAgB,UAAY,EAC5BC,MAAkB,UAAO,EACzBC,EAAW7B,EAAM,UAAY4B,GAC7BE,MAAmB,UAAO,EAC1BC,EAAY/B,EAAM,WAAa8B,GAE/BE,GAAWxB,GAAM,UAAUgB,EAAS,QAAQ,IAAK,GAAG,KAAKvB,EAAM,UACjEgC,EAAkB,6BAEjB9B,IACH8B,EAAkB,GAAGA,KAAmB9B,KAG1C,IAAM+B,EAA6C,CACjD,MAAOrB,EACP,WAAYD,EACZ,eAAgBE,EAChB,MAAOC,EACP,KAAMC,EACN,MAAOC,CACT,EAOA,SAASkB,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,OAAO/B,GAAS,UACnB+B,EAAY,SAAW/B,EACb,OAAOA,GAAS,WAC1B+B,EAAc,CACZ,GAAGA,EACH,SAAU,GACV,aAAc/B,EAAK,SACnB,eAAgBA,EAAK,UACvB,GAGF,IAAIgC,EAA8C,CAChD,aAAcvC,EACd,WAAY,QAAQ,IAAI,kCACxB,SAAAG,EACA,SAAUC,GAAY,GACtB,KAAAI,EACA,MAAAC,EACA,SAAAa,EACA,OAAQ,GACR,eAAgBD,EAChB,GAAGiB,CACL,EAEK,OAAOpC,GAAW,WACrBqC,EAAc,OAASrC,GAGzB2B,EAAU,QAAUJ,EAAc,QAAQ,YAAYE,EAAS,QAASY,CAAa,EAErF,OAAO,KAAKP,CAAM,EAAE,QAASQ,GAAQ,CA3I3C,IAAAC,EA4Ia,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,EAAAe,QAAA,gBAAAA,QAAA,cACE,EAAAA,QAAA,cAAC,GAAAC,QAAA,KACC,EAAAD,QAAA,cAAC,QAAK,KAAM,6CAA6CxB,kCAAyC,IAAI,aAAa,CACrH,EACA,EAAAwB,QAAA,cAAC,OAAI,MAAO,CAAE,MAAO,OAAQ,YAAa,GAAG5C,EAAM,WAAWA,EAAM,QAAQ,GAC1E,EAAA4C,QAAA,cAAC,SACC,IAAKf,EACL,GAAIG,GACJ,UAAWC,EACX,MAAOX,EACP,OAAQf,EACV,EACA,EAAAqC,QAAA,cAAC,GAAAE,QAAA,CACC,GAAI,0BAA0B,KAAK,MAAM,KAAK,OAAO,EAAI,GAAG,IAC5D,IAAK,6CAA6C1B,iCAClD,OAAQmB,GACR,QAAUb,GAAM,QAAQ,MAAM,2CAA2CA,EAAE,SAAS,EACtF,CACF,CACF,CAEJ,EAEOqB,EAAQhD,GC3KR,SAASiD,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":["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","className","children","onClick","onError","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","import_util","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","publicId","parts","e","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","React","Head","Script","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';\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n config?: ConfigOptions;\n preserveTransformations?: boolean;\n src: string;\n unoptimized?: boolean;\n};\n\nconst CldImage = (props: CldImageProps) => {\n const CLD_OPTIONS = [\n 'deliveryType',\n 'preserveTransformations'\n ];\n\n transformationPlugins.forEach(({ props = [] }) => {\n props.forEach(prop => {\n if ( CLD_OPTIONS.includes(prop) ) {\n throw new Error(`Option ${prop} already exists!`);\n }\n CLD_OPTIONS.push(prop);\n });\n });\n\n // Construct the base Image component props by filtering out Cloudinary-specific props\n\n const imageProps: 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: Omit<ImageOptions, 'src'> = {};\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 cldOptions.rawTransformations = [...transformations.flat(), ...(props.rawTransformations || [])];\n } catch(e) {\n console.warn(`Failed to preserve transformations: ${(e as Error).message}`)\n }\n }\n\n // The unoptimized flag is intended to remove all optimizations including quality, format, and sizing\n // via responsive sizing. When passing this in, it also prevents the `loader` from running, thus\n // breaking this component. This rewrites the `src` to construct a fully formed Cloudinary URL\n // that also disables format and quality transformations, to deliver it as unoptimized\n // See about unoptimized not working with loader: https://github.com/vercel/next.js/issues/50764\n\n if ( props.unoptimized === true ) {\n imageProps.src = getCldImageUrl({\n ...cldOptions,\n format: 'default',\n quality: 'default',\n src: imageProps.src as string\n }, props.config);\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.17.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.10.0\",\n \"@cloudinary-util/util\": \"^2.2.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 className?: string;\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n className,\n children,\n onClick,\n onError,\n 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} className={className || ''} onClick={handleOnClick} disabled={isLoading} >\n {children || 'Upload'}\n </button>\n );\n }}\n </CldUploadWidget>\n </>\n );\n};\n\nexport default CldUploadButton;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Script from 'next/script';\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';\nimport { parseUrl } from '@cloudinary-util/util';\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 let publicId = src;\n\n // If the publicId/src is a URL, attempt to parse it as a Cloudinary URL\n // to get the public ID alone\n\n if ( publicId.startsWith('http') ) {\n try {\n const parts = parseUrl(src);\n if ( typeof parts?.publicId === 'string' ) {\n publicId = parts?.publicId;\n }\n } catch(e) {}\n }\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-${publicId.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,\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","getCldImageUrl","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","className","children","onClick","onError","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","import_util","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","publicId","parts","e","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","React","Head","Script","CldVideoPlayer_default","getCldOgImageUrl","options","getCldImageUrl"]}
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import ge,{useState as fe,useCallback as ue}from"react";import ye from"next/image";import{getTransformations as Ce}from"@cloudinary-util/util";import{transformationPlugins as he}from"@cloudinary-util/url-loader";async function b(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 b(e):!1}return!0}import{constructCloudinaryUrl as me}from"@cloudinary-util/url-loader";import ce from"next/package.json";var Y={name:"next-cloudinary",version:"4.16.3",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.10.0","@cloudinary-util/util":"^2.2.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 K="V",z=Y.version,q=ce.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:K,sdkSemver:z,techVersion:q,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 l=e.width/o.width;o.widthResize=e.width,typeof o.height=="number"&&(o.heightResize=Math.round(o.height*l))}return I(o,i)}var Ie=e=>{let a=["deliveryType","preserveTransformations"];he.forEach(({props:t=[]})=>{t.forEach(d=>{if(a.includes(d))throw new Error(`Option ${d} already exists!`);a.push(d)})});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,l]=fe(i),s={};if(a.forEach(t=>{e[t]&&(s[t]=e[t]||void 0)}),e.preserveTransformations)try{let t=Ce(e.src).map(d=>d.join(","));s.rawTransformations=[...t.flat(),...e.rawTransformations||[]]}catch(t){console.warn(`Failed to preserve transformations: ${t.message}`)}async function g(t){let d=!0;if(typeof e.onError=="function"){let P=e.onError(t);typeof P=="boolean"&&P===!1&&(d=!1)}else typeof e.onError=="boolean"&&e.onError===!1&&(d=!1);if(d===!1)return;let h=t.target;await b({src:h.src})&&l(`${i};${Date.now()}`)}let c=ue(g,[b,i]),r=ye;return"default"in r&&(r=r.default),ge.createElement(r,{key:o,...n,loader:t=>R({loaderOptions:t,imageProps:n,cldOptions:s,cldConfig:e.config}),onError:c})},J=Ie;import C from"react";import Oe from"next/head";var Pe="summary_large_image",Ue=({excludeTags:e=[],twitterTitle:a,keys:n={},...i})=>{let{alt:o}=i,l={...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 l.width=="string"?parseInt(l.width):l.width,g=typeof l.height=="string"?parseInt(l.height):l.height;typeof g=="number"&&typeof s=="number"&&(g=1200/s*g),s=1200;let c=I({...l,format:i.format||"jpg"}),r=I({...l,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 C.createElement(Oe,null,C.createElement("meta",{key:t["og:image"],property:"og:image",content:c}),C.createElement("meta",{key:t["og:image:secure_url"],property:"og:image:secure_url",content:c}),C.createElement("meta",{key:t["og:image:width"],property:"og:image:width",content:`${s}`}),C.createElement("meta",{key:t["og:image:height"],property:"og:image:height",content:`${g}`}),o&&C.createElement("meta",{key:t["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&C.createElement("meta",{key:t["twitter:title"],property:"twitter:title",content:a||" "}),C.createElement("meta",{key:t["twitter:card"],property:"twitter:card",content:Pe}),C.createElement("meta",{key:t["twitter:image"],property:"twitter:image",content:r}))},Z=Ue;import T from"react";import H,{useState as $,useEffect as ee,useRef as te}from"react";import Ee from"next/script";function Q(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var we=["success","display-changed"],xe=({children:e,onClose:a,onError:n,onOpen:i,onUpload:o,options:l,signatureEndpoint:s,uploadPreset:g})=>{let c=te(),r=te(),t=!!s,[d,h]=$(void 0),[f,P]=$(void 0),[N,G]=$(!0),U={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,...l};t&&(U.uploadSignature=E,U.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),ee(()=>{if(typeof f=="undefined")return;let u=f.event==="success",y=f.event==="display-changed"&&f.info==="hidden";u&&typeof o=="function"&&o(f,r.current),y&&typeof a=="function"&&a(r.current)},[f]),ee(()=>{d&&typeof n=="function"&&n(d,r.current)},[d]);function L(){G(!1),c.current||(c.current=window.cloudinary),Q(()=>{r.current||(r.current=w())})}function E(u,y){if(typeof s=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(s,{method:"POST",body:JSON.stringify({paramsToSign:y})}).then(m=>m.json()).then(({signature:m})=>{u(m)})}function w(){var u;return(u=c.current)==null?void 0:u.createUploadWidget(U,(y,m)=>{typeof y!="undefined"&&h(y),we.includes(m==null?void 0:m.event)&&P(m)})}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:c.current,widget:r.current,open:D,results:f,error:d,isLoading:N}),H.createElement(Ee,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:L,onError:u=>console.error(`Failed to load Cloudinary Upload Widget: ${u.message}`)}))},v=xe;var _e=({className:e,children:a,onClick:n,onError:i,onUpload:o,options:l,signatureEndpoint:s,uploadPreset:g,...c})=>T.createElement(T.Fragment,null,T.createElement(v,{onError:i,onUpload:o,options:l,signatureEndpoint:s,uploadPreset:g},({open:r,isLoading:t})=>{function d(h){h.preventDefault(),r(),typeof n=="function"&&n(h)}return T.createElement("button",{...c,className:e||"",onClick:d,disabled:t},a||"Upload")})),oe=_e;import O,{useRef as A}from"react";import Le from"next/script";import be from"next/head";import{parseUrl as ve}from"@cloudinary-util/util";var Te=e=>{let a=A(Math.ceil(Math.random()*1e5)),{autoPlay:n="never",className:i,colors:o,controls:l=!0,fontFace:s,height:g,id:c,logo:r=!0,loop:t=!1,muted:d=!1,onDataLoad:h,onError:f,onMetadataLoad:P,onPause:N,onPlay:G,onEnded:U,src:L,transformation:E,version:w="1.9.4",quality:D="auto",width:u}=e,y=Array.isArray(E)?E:[E],m=L;if(m.startsWith("http"))try{let p=ve(L);typeof(p==null?void 0:p.publicId)=="string"&&(m=p==null?void 0:p.publicId)}catch(p){}y.unshift({quality:D});let B=A(),ie=A(),M=e.videoRef||ie,ne=A(),V=e.playerRef||ne,ae=c||`player-${m.replace("/","-")}-${a.current}`,W="cld-video-player cld-fluid";i&&(W=`${W} ${i}`);let j={error:f,loadeddata:h,loadedmetadata:P,pause:N,play:G,ended:U};function le(p){let x=j[p.type];typeof x=="function"&&x(se())}function de(){if("cloudinary"in window){B.current=window.cloudinary;let p={};typeof r=="boolean"?p.showLogo=r:typeof r=="object"&&(p={...p,showLogo:!0,logoImageUrl:r.imageUrl,logoOnclickUrl:r.onClickUrl});let x={autoplayMode:n,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:l,fontFace:s||"",loop:t,muted:d,publicId:m,secure:!0,transformation:y,...p};typeof o=="object"&&(x.colors=o),V.current=B.current.videoPlayer(M.current,x),Object.keys(j).forEach(F=>{var X;typeof j[F]=="function"&&((X=V.current)==null||X.on(F,le))})}}function se(){return{player:V.current,video:M.current}}return O.createElement(O.Fragment,null,O.createElement(be,null,O.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${w}/dist/cld-video-player.min.css`,rel:"stylesheet"})),O.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},O.createElement("video",{ref:M,id:ae,className:W,width:u,height:g}),O.createElement(Le,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${w}/dist/cld-video-player.min.js`,onLoad:de,onError:p=>console.error(`Failed to load Cloudinary Video Player: ${p.message}`)})))},re=Te;function Ae(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{J as CldImage,Z as CldOgImage,oe as CldUploadButton,v as CldUploadWidget,re as CldVideoPlayer,R as cloudinaryLoader,I as getCldImageUrl,Ae as getCldOgImageUrl};
1
+ import ge,{useState as fe,useCallback as ue}from"react";import ye from"next/image";import{getTransformations as Ce}from"@cloudinary-util/util";import{transformationPlugins as Ie}from"@cloudinary-util/url-loader";async function b(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 b(e):!1}return!0}import{constructCloudinaryUrl as ce}from"@cloudinary-util/url-loader";import me from"next/package.json";var Y={name:"next-cloudinary",version:"4.17.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.10.0","@cloudinary-util/util":"^2.2.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 z="V",K=Y.version,q=me.version;function y(e,a,n){return ce({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},a),analytics:Object.assign({sdkCode:z,sdkSemver:K,techVersion:q,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 l=e.width/o.width;o.widthResize=e.width,typeof o.height=="number"&&(o.heightResize=Math.round(o.height*l))}return y(o,i)}var he=e=>{let a=["deliveryType","preserveTransformations"];Ie.forEach(({props:t=[]})=>{t.forEach(d=>{if(a.includes(d))throw new Error(`Option ${d} already exists!`);a.push(d)})});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,l]=fe(i),s={};if(a.forEach(t=>{e[t]&&(s[t]=e[t]||void 0)}),e.preserveTransformations)try{let t=Ce(e.src).map(d=>d.join(","));s.rawTransformations=[...t.flat(),...e.rawTransformations||[]]}catch(t){console.warn(`Failed to preserve transformations: ${t.message}`)}e.unoptimized===!0&&(n.src=y({...s,format:"default",quality:"default",src:n.src},e.config));async function g(t){let d=!0;if(typeof e.onError=="function"){let P=e.onError(t);typeof P=="boolean"&&P===!1&&(d=!1)}else typeof e.onError=="boolean"&&e.onError===!1&&(d=!1);if(d===!1)return;let h=t.target;await b({src:h.src})&&l(`${i};${Date.now()}`)}let m=ue(g,[b,i]),r=ye;return"default"in r&&(r=r.default),ge.createElement(r,{key:o,...n,loader:t=>R({loaderOptions:t,imageProps:n,cldOptions:s,cldConfig:e.config}),onError:m})},J=he;import I from"react";import Oe from"next/head";var Pe="summary_large_image",Ue=({excludeTags:e=[],twitterTitle:a,keys:n={},...i})=>{let{alt:o}=i,l={...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 l.width=="string"?parseInt(l.width):l.width,g=typeof l.height=="string"?parseInt(l.height):l.height;typeof g=="number"&&typeof s=="number"&&(g=1200/s*g),s=1200;let m=y({...l,format:i.format||"jpg"}),r=y({...l,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 I.createElement(Oe,null,I.createElement("meta",{key:t["og:image"],property:"og:image",content:m}),I.createElement("meta",{key:t["og:image:secure_url"],property:"og:image:secure_url",content:m}),I.createElement("meta",{key:t["og:image:width"],property:"og:image:width",content:`${s}`}),I.createElement("meta",{key:t["og:image:height"],property:"og:image:height",content:`${g}`}),o&&I.createElement("meta",{key:t["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&I.createElement("meta",{key:t["twitter:title"],property:"twitter:title",content:a||" "}),I.createElement("meta",{key:t["twitter:card"],property:"twitter:card",content:Pe}),I.createElement("meta",{key:t["twitter:image"],property:"twitter:image",content:r}))},Z=Ue;import T from"react";import H,{useState as $,useEffect as ee,useRef as te}from"react";import Ee from"next/script";function Q(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var we=["success","display-changed"],xe=({children:e,onClose:a,onError:n,onOpen:i,onUpload:o,options:l,signatureEndpoint:s,uploadPreset:g})=>{let m=te(),r=te(),t=!!s,[d,h]=$(void 0),[f,P]=$(void 0),[N,G]=$(!0),U={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,...l};t&&(U.uploadSignature=E,U.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),ee(()=>{if(typeof f=="undefined")return;let u=f.event==="success",C=f.event==="display-changed"&&f.info==="hidden";u&&typeof o=="function"&&o(f,r.current),C&&typeof a=="function"&&a(r.current)},[f]),ee(()=>{d&&typeof n=="function"&&n(d,r.current)},[d]);function L(){G(!1),m.current||(m.current=window.cloudinary),Q(()=>{r.current||(r.current=w())})}function E(u,C){if(typeof s=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(s,{method:"POST",body:JSON.stringify({paramsToSign:C})}).then(c=>c.json()).then(({signature:c})=>{u(c)})}function w(){var u;return(u=m.current)==null?void 0:u.createUploadWidget(U,(C,c)=>{typeof C!="undefined"&&h(C),we.includes(c==null?void 0:c.event)&&P(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:m.current,widget:r.current,open:D,results:f,error:d,isLoading:N}),H.createElement(Ee,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:L,onError:u=>console.error(`Failed to load Cloudinary Upload Widget: ${u.message}`)}))},v=xe;var _e=({className:e,children:a,onClick:n,onError:i,onUpload:o,options:l,signatureEndpoint:s,uploadPreset:g,...m})=>T.createElement(T.Fragment,null,T.createElement(v,{onError:i,onUpload:o,options:l,signatureEndpoint:s,uploadPreset:g},({open:r,isLoading:t})=>{function d(h){h.preventDefault(),r(),typeof n=="function"&&n(h)}return T.createElement("button",{...m,className:e||"",onClick:d,disabled:t},a||"Upload")})),oe=_e;import O,{useRef as A}from"react";import Le from"next/script";import be from"next/head";import{parseUrl as ve}from"@cloudinary-util/util";var Te=e=>{let a=A(Math.ceil(Math.random()*1e5)),{autoPlay:n="never",className:i,colors:o,controls:l=!0,fontFace:s,height:g,id:m,logo:r=!0,loop:t=!1,muted:d=!1,onDataLoad:h,onError:f,onMetadataLoad:P,onPause:N,onPlay:G,onEnded:U,src:L,transformation:E,version:w="1.9.4",quality:D="auto",width:u}=e,C=Array.isArray(E)?E:[E],c=L;if(c.startsWith("http"))try{let p=ve(L);typeof(p==null?void 0:p.publicId)=="string"&&(c=p==null?void 0:p.publicId)}catch(p){}C.unshift({quality:D});let B=A(),ie=A(),M=e.videoRef||ie,ne=A(),V=e.playerRef||ne,ae=m||`player-${c.replace("/","-")}-${a.current}`,W="cld-video-player cld-fluid";i&&(W=`${W} ${i}`);let j={error:f,loadeddata:h,loadedmetadata:P,pause:N,play:G,ended:U};function le(p){let x=j[p.type];typeof x=="function"&&x(se())}function de(){if("cloudinary"in window){B.current=window.cloudinary;let p={};typeof r=="boolean"?p.showLogo=r:typeof r=="object"&&(p={...p,showLogo:!0,logoImageUrl:r.imageUrl,logoOnclickUrl:r.onClickUrl});let x={autoplayMode:n,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:l,fontFace:s||"",loop:t,muted:d,publicId:c,secure:!0,transformation:C,...p};typeof o=="object"&&(x.colors=o),V.current=B.current.videoPlayer(M.current,x),Object.keys(j).forEach(F=>{var X;typeof j[F]=="function"&&((X=V.current)==null||X.on(F,le))})}}function se(){return{player:V.current,video:M.current}}return O.createElement(O.Fragment,null,O.createElement(be,null,O.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${w}/dist/cld-video-player.min.css`,rel:"stylesheet"})),O.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},O.createElement("video",{ref:M,id:ae,className:W,width:u,height:g}),O.createElement(Le,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${w}/dist/cld-video-player.min.js`,onLoad:de,onError:p=>console.error(`Failed to load Cloudinary Video Player: ${p.message}`)})))},re=Te;function Ae(e){return y({...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{J as CldImage,Z as CldOgImage,oe as CldUploadButton,v as CldUploadWidget,re as CldVideoPlayer,R as cloudinaryLoader,y as getCldImageUrl,Ae 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 // 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.16.3\",\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.10.0\",\n \"@cloudinary-util/util\": \"^2.2.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 className?: string;\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n className,\n children,\n onClick,\n onError,\n 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} className={className || ''} onClick={handleOnClick} disabled={isLoading} >\n {children || 'Upload'}\n </button>\n );\n }}\n </CldUploadWidget>\n </>\n );\n};\n\nexport default CldUploadButton;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Script from 'next/script';\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';\nimport { parseUrl } from '@cloudinary-util/util';\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 let publicId = src;\n\n // If the publicId/src is a URL, attempt to parse it as a Cloudinary URL\n // to get the public ID alone\n\n if ( publicId.startsWith('http') ) {\n try {\n const parts = parseUrl(src);\n if ( typeof parts?.publicId === 'string' ) {\n publicId = parts?.publicId;\n }\n } catch(e) {}\n }\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-${publicId.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,\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","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","className","children","onClick","onError","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","React","useRef","Script","Head","parseUrl","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","publicId","parts","e","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","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';\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n config?: ConfigOptions;\n preserveTransformations?: boolean;\n src: string;\n unoptimized?: boolean;\n};\n\nconst CldImage = (props: CldImageProps) => {\n const CLD_OPTIONS = [\n 'deliveryType',\n 'preserveTransformations'\n ];\n\n transformationPlugins.forEach(({ props = [] }) => {\n props.forEach(prop => {\n if ( CLD_OPTIONS.includes(prop) ) {\n throw new Error(`Option ${prop} already exists!`);\n }\n CLD_OPTIONS.push(prop);\n });\n });\n\n // Construct the base Image component props by filtering out Cloudinary-specific props\n\n const imageProps: 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: Omit<ImageOptions, 'src'> = {};\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 cldOptions.rawTransformations = [...transformations.flat(), ...(props.rawTransformations || [])];\n } catch(e) {\n console.warn(`Failed to preserve transformations: ${(e as Error).message}`)\n }\n }\n\n // The unoptimized flag is intended to remove all optimizations including quality, format, and sizing\n // via responsive sizing. When passing this in, it also prevents the `loader` from running, thus\n // breaking this component. This rewrites the `src` to construct a fully formed Cloudinary URL\n // that also disables format and quality transformations, to deliver it as unoptimized\n // See about unoptimized not working with loader: https://github.com/vercel/next.js/issues/50764\n\n if ( props.unoptimized === true ) {\n imageProps.src = getCldImageUrl({\n ...cldOptions,\n format: 'default',\n quality: 'default',\n src: imageProps.src as string\n }, props.config);\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.17.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.10.0\",\n \"@cloudinary-util/util\": \"^2.2.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 className?: string;\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n className,\n children,\n onClick,\n onError,\n 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} className={className || ''} onClick={handleOnClick} disabled={isLoading} >\n {children || 'Upload'}\n </button>\n );\n }}\n </CldUploadWidget>\n </>\n );\n};\n\nexport default CldUploadButton;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Script from 'next/script';\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';\nimport { parseUrl } from '@cloudinary-util/util';\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 let publicId = src;\n\n // If the publicId/src is a URL, attempt to parse it as a Cloudinary URL\n // to get the public ID alone\n\n if ( publicId.startsWith('http') ) {\n try {\n const parts = parseUrl(src);\n if ( typeof parts?.publicId === 'string' ) {\n publicId = parts?.publicId;\n }\n } catch(e) {}\n }\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-${publicId.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,\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,UAC/B,wBAAyB,QAC3B,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,EDlCO,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,CL7BA,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,EAAyB,CAC7B,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,EAAwC,CAAC,EAc/C,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,EAC1EH,EAAW,mBAAqB,CAAC,GAAGC,EAAgB,KAAK,EAAG,GAAIX,EAAM,oBAAsB,CAAC,CAAE,CACjG,OAAQc,EAAN,CACA,QAAQ,KAAK,uCAAwCA,EAAY,SAAS,CAC5E,CASGd,EAAM,cAAgB,KACzBI,EAAW,IAAMW,EAAe,CAC9B,GAAGL,EACH,OAAQ,UACR,QAAS,UACT,IAAKN,EAAW,GAClB,EAAGJ,EAAM,MAAM,GAOjB,eAAegB,EAAQC,EAAwD,CAC7E,IAAIC,EAAe,GAEnB,GAAK,OAAOlB,EAAM,SAAY,WAAa,CACzC,IAAMmB,EAAgBnB,EAAM,QAAQiB,CAAO,EAEtC,OAAOE,GAAkB,WAAaA,IAAkB,KAC3DD,EAAe,SAEP,OAAOlB,EAAM,SAAY,WAAaA,EAAM,UAAY,KAClEkB,EAAe,IAMjB,GAAKA,IAAiB,GAAQ,OAE9B,IAAME,EAAQH,EAAQ,OACP,MAAMI,EAAuB,CAAE,IAAKD,EAAM,GAAI,CAAC,GAG5DZ,EAAU,GAAGF,KAAiB,KAAK,IAAI,GAAG,CAE9C,CAEA,IAAMgB,EAAgBC,GAAYP,EAAS,CAACK,EAAwBf,CAAa,CAAC,EAM9EkB,EAAgBC,GAEpB,MAAI,YAAaD,IACfA,EAAiBA,EAAuD,SAIxEE,GAAA,cAACF,EAAA,CACC,IAAKjB,EACJ,GAAGH,EACJ,OAASuB,GAAkBC,EAAiB,CAAE,cAAAD,EAAe,WAAAvB,EAAY,WAAAM,EAAY,UAAWV,EAAM,MAAO,CAAC,EAC9G,QAASsB,EACX,CAEJ,EAEOO,EAAQ9B,GM5If,OAAO+B,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,GAAW,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,GAAU,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,GAAU,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,GDtKf,IAAMwC,GAAkB,CAAC,CACvB,UAAAC,EACA,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,UAAWR,GAAa,GAAI,QAASa,EAAe,SAAUD,GAC9EX,GAAY,QACf,CAEJ,CACF,CACF,EAIGc,GAAQhB,GGnDf,OAAOiB,GAAS,UAAAC,MAAgC,QAChD,OAAOC,OAAY,cACnB,OAAOC,OAAU,YACjB,OAAS,YAAAC,OAAgB,wBAKzB,IAAMC,GAAkBC,GAA+B,CAKrD,IAAMC,EAAQN,EAAO,KAAK,KAAK,KAAK,OAAO,EAAI,GAAM,CAAC,EAEhD,CACJ,SAAAO,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,EAC1FK,EAAWN,EAKf,GAAKM,EAAS,WAAW,MAAM,EAC7B,GAAI,CACF,IAAMC,EAAQ3B,GAASoB,CAAG,EACrB,OAAOO,GAAA,YAAAA,EAAO,WAAa,WAC9BD,EAAWC,GAAA,YAAAA,EAAO,SAEtB,OAAQC,EAAN,CAAU,CAKdH,EAAsB,QAAQ,CAC5B,QAAAF,CACF,CAAC,EAKD,IAAMM,EAAgBhC,EAAY,EAC5BiC,GAAkBjC,EAAO,EACzBkC,EAAW7B,EAAM,UAAY4B,GAC7BE,GAAmBnC,EAAO,EAC1BoC,EAAY/B,EAAM,WAAa8B,GAE/BE,GAAWxB,GAAM,UAAUgB,EAAS,QAAQ,IAAK,GAAG,KAAKvB,EAAM,UACjEgC,EAAkB,6BAEjB9B,IACH8B,EAAkB,GAAGA,KAAmB9B,KAG1C,IAAM+B,EAA6C,CACjD,MAAOrB,EACP,WAAYD,EACZ,eAAgBE,EAChB,MAAOC,EACP,KAAMC,EACN,MAAOC,CACT,EAOA,SAASkB,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,OAAO/B,GAAS,UACnB+B,EAAY,SAAW/B,EACb,OAAOA,GAAS,WAC1B+B,EAAc,CACZ,GAAGA,EACH,SAAU,GACV,aAAc/B,EAAK,SACnB,eAAgBA,EAAK,UACvB,GAGF,IAAIgC,EAA8C,CAChD,aAAcvC,EACd,WAAY,QAAQ,IAAI,kCACxB,SAAAG,EACA,SAAUC,GAAY,GACtB,KAAAI,EACA,MAAAC,EACA,SAAAa,EACA,OAAQ,GACR,eAAgBD,EAChB,GAAGiB,CACL,EAEK,OAAOpC,GAAW,WACrBqC,EAAc,OAASrC,GAGzB2B,EAAU,QAAUJ,EAAc,QAAQ,YAAYE,EAAS,QAASY,CAAa,EAErF,OAAO,KAAKP,CAAM,EAAE,QAASQ,GAAQ,CA3I3C,IAAAC,EA4Ia,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,OACEnC,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACG,GAAA,KACCH,EAAA,cAAC,QAAK,KAAM,6CAA6C0B,kCAAyC,IAAI,aAAa,CACrH,EACA1B,EAAA,cAAC,OAAI,MAAO,CAAE,MAAO,OAAQ,YAAa,GAAGM,EAAM,WAAWA,EAAM,QAAQ,GAC1EN,EAAA,cAAC,SACC,IAAKmC,EACL,GAAIG,GACJ,UAAWC,EACX,MAAOX,EACP,OAAQf,EACV,EACAb,EAAA,cAACE,GAAA,CACC,GAAI,0BAA0B,KAAK,MAAM,KAAK,OAAO,EAAI,GAAG,IAC5D,IAAK,6CAA6CwB,iCAClD,OAAQmB,GACR,QAAUb,GAAM,QAAQ,MAAM,2CAA2CA,EAAE,SAAS,EACtF,CACF,CACF,CAEJ,EAEOkB,GAAQ7C,GC3KR,SAAS8C,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","getCldImageUrl","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","className","children","onClick","onError","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","React","useRef","Script","Head","parseUrl","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","publicId","parts","e","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","CldVideoPlayer_default","getCldOgImageUrl","options","getCldImageUrl"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "next-cloudinary",
3
- "version": "4.16.3",
3
+ "version": "4.17.0",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",