next-cloudinary 4.27.0 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +3 -0
- package/dist/cld-video-player.css +300 -246
- package/dist/fonts/cloudinary_icon_for_black_bg.svg +1 -1
- package/dist/fonts/cloudinary_icon_for_white_bg.svg +1 -1
- package/dist/index.d.mts +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +16 -15
- package/plugins/copy-assets.ts +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
Cannot find "/dist/fonts/cloudinary_icon_for_black_bg.svg" in cloudinary-video-player@1.
|
|
1
|
+
Cannot find "/dist/fonts/cloudinary_icon_for_black_bg.svg" in cloudinary-video-player@1.10.1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Cannot find "/dist/fonts/cloudinary_icon_for_white_bg.svg" in cloudinary-video-player@1.
|
|
1
|
+
Cannot find "/dist/fonts/cloudinary_icon_for_white_bg.svg" in cloudinary-video-player@1.10.1
|
package/dist/index.d.mts
CHANGED
|
@@ -212,7 +212,6 @@ type CldVideoPlayerProps = Pick<CloudinaryVideoPlayerOptions, "colors" | "contro
|
|
|
212
212
|
onEnded?: Function;
|
|
213
213
|
playerRef?: MutableRefObject<CloudinaryVideoPlayer | null>;
|
|
214
214
|
src: string;
|
|
215
|
-
version?: string;
|
|
216
215
|
videoRef?: MutableRefObject<HTMLVideoElement | null>;
|
|
217
216
|
quality?: string | number;
|
|
218
217
|
width: string | number;
|
package/dist/index.d.ts
CHANGED
|
@@ -212,7 +212,6 @@ type CldVideoPlayerProps = Pick<CloudinaryVideoPlayerOptions, "colors" | "contro
|
|
|
212
212
|
onEnded?: Function;
|
|
213
213
|
playerRef?: MutableRefObject<CloudinaryVideoPlayer | null>;
|
|
214
214
|
src: string;
|
|
215
|
-
version?: string;
|
|
216
215
|
videoRef?: MutableRefObject<HTMLVideoElement | null>;
|
|
217
216
|
quality?: string | number;
|
|
218
217
|
width: string | number;
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var Ee=Object.create;var z=Object.defineProperty;var xe=Object.getOwnPropertyDescriptor;var _e=Object.getOwnPropertyNames;var be=Object.getPrototypeOf,ve=Object.prototype.hasOwnProperty;var Te=(e,r)=>{for(var n in r)z(e,n,{get:r[n],enumerable:!0})},ie=(e,r,n,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of _e(r))!ve.call(e,t)&&t!==n&&z(e,t,{get:()=>r[t],enumerable:!(o=xe(r,t))||o.enumerable});return e};var O=(e,r,n)=>(n=e!=null?Ee(be(e)):{},ie(r||!e||!e.__esModule?z(n,"default",{value:e,enumerable:!0}):n,e)),Le=e=>ie(z({},"__esModule",{value:!0}),e);var Ve={};Te(Ve,{CldImage:()=>Q,CldOgImage:()=>ee,CldUploadButton:()=>te,CldUploadWidget:()=>B,CldVideoPlayer:()=>oe,cloudinaryLoader:()=>Y,getCldImageUrl:()=>w,getCldOgImageUrl:()=>Pe});module.exports=Le(Ve);var v=O(require("react")),ge=O(require("next/image")),ue=require("@cloudinary-util/util"),me=require("@cloudinary-util/url-loader");async function X(e){let{src:r}=e;try{await new Promise((n,o)=>{fetch(r).then(t=>{if(!t.ok){o(t);return}n(t)})})}catch(n){return n.status===423?await X(e):!1}return!0}var pe=require("@cloudinary-util/url-loader");var de=O(require("next/package.json"));var ae={name:"next-cloudinary",version:"4.27.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.11.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",mkdirp:"^3.0.1","ts-jest":"^29.0.3",tsup:"^7.2.0",typescript:"^5.2.2"},peerDependencies:{next:"^12 || ^13",react:"^17 || ^18"}};var le="V",se=ae.version,ce=de.default.version;function w(e,r,n){var t,d;let o=(d=(t=r==null?void 0:r.cloud)==null?void 0:t.cloudName)!=null?d:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return(0,pe.constructCloudinaryUrl)({options:e,config:Object.assign({cloud:{cloudName:o}},r),analytics:Object.assign({sdkCode:le,sdkSemver:se,techVersion:ce,feature:""},n)})}function Y({loaderOptions:e,imageProps:r,cldOptions:n,cldConfig:o={}}){let t={...r,...n};if(t.width=typeof t.width=="string"?parseInt(t.width):t.width,t.height=typeof t.height=="string"?parseInt(t.height):t.height,typeof(e==null?void 0:e.width)=="number"&&typeof t.width=="number"&&e.width!==t.width){let d=e.width/t.width;t.widthResize=e.width,typeof t.height=="number"&&(t.heightResize=Math.round(t.height*d))}else typeof(e==null?void 0:e.width)=="number"&&typeof(t==null?void 0:t.width)!="number"&&(t.width=e.width,t.widthResize=e.width);return w(t,o)}var fe=(0,v.forwardRef)((e,r)=>{let n=!1,o=["deliveryType","preserveTransformations"];me.transformationPlugins.forEach(({props:a=[]})=>{a.forEach(s=>{if(o.includes(s))throw new Error(`Option ${s} already exists!`);o.push(s)})});let t={alt:e.alt,src:e.src};Object.keys(e).filter(a=>!o.includes(a)).forEach(a=>t[a]=e[a]);let d=Object.keys(t).map(a=>`${a}:${t[a]}`).join(";"),[u,h]=(0,v.useState)(d),c={};if(o.forEach(a=>{e[a]&&(c[a]=e[a]||void 0)}),e.preserveTransformations)try{let a=(0,ue.getTransformations)(e.src).map(s=>s.join(","));c.rawTransformations=[...a.flat(),...e.rawTransformations||[]]}catch(a){console.warn(`Failed to preserve transformations: ${a.message}`)}let m=process.env.__NEXT_IMAGE_OPTS||{};(e.unoptimized===!0||(m==null?void 0:m.unoptimized)===!0)&&(t.src=w({...c,width:t.width,height:t.height,src:t.src,format:"default",quality:"default"},e.config));async function i(a){let s=!0;if(n)return;if(n=!0,typeof e.onError=="function"){let E=e.onError(a);typeof E=="boolean"&&E===!1&&(s=!1)}else typeof e.onError=="boolean"&&e.onError===!1&&(s=!1);if(s===!1)return;let L=a.target;await X({src:L.src})&&h(`${d};${Date.now()}`)}let T=(0,v.useCallback)(i,[X,d]),C=ge.default;return"default"in C&&(C=C.default),v.default.createElement(C,{key:u,...t,loader:a=>Y({loaderOptions:a,imageProps:t,cldOptions:c,cldConfig:e.config}),onError:T,ref:r})});fe.displayName="CldImage";var Q=fe;var P=O(require("react")),ye=O(require("next/head"));var Me="summary_large_image",Ae=({excludeTags:e=[],twitterTitle:r,keys:n={},...o})=>{let{alt:t}=o,d={...o,crop:o.crop||"fill",gravity:o.gravity||"center",height:o.height||1254,src:o.src,width:o.width||2400,widthResize:o.width||1200},u=typeof d.width=="string"?parseInt(d.width):d.width,h=typeof d.height=="string"?parseInt(d.height):d.height;typeof h=="number"&&typeof u=="number"&&(h=1200/u*h),u=1200;let c=w({...d,format:o.format||"jpg"}),m=w({...d,format:o.format||"webp"}),i={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...n};return P.default.createElement(ye.default,null,P.default.createElement("meta",{key:i["og:image"],property:"og:image",content:c}),P.default.createElement("meta",{key:i["og:image:secure_url"],property:"og:image:secure_url",content:c}),P.default.createElement("meta",{key:i["og:image:width"],property:"og:image:width",content:`${u}`}),P.default.createElement("meta",{key:i["og:image:height"],property:"og:image:height",content:`${h}`}),t&&P.default.createElement("meta",{key:i["og:image:alt"],property:"og:image:alt",content:t}),!e.includes("twitter:title")&&P.default.createElement("meta",{key:i["twitter:title"],property:"twitter:title",content:r||" "}),P.default.createElement("meta",{key:i["twitter:card"],property:"twitter:card",content:Me}),P.default.createElement("meta",{key:i["twitter:image"],property:"twitter:image",content:m}))},ee=Ae;var F=O(require("react"));var y=O(require("react")),he=O(require("next/script"));function Ce(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Ne=["success","display-changed"],De={abort:"onAbort","batch-cancelled":"onBatchCancelled","display-changed":"onDisplayChanged",publicid:"onPublicId","queues-end":"onQueuesEnd","queues-start":"onQueuesStart",retry:"onRetry","show-completed":"onShowCompleted","source-changed":"onSourceChanged",success:"onSuccess",tags:"onTags","upload-added":"onUploadAdded"},Se=({children:e,onClose:r,onError:n,onOpen:o,onUpload:t,options:d,signatureEndpoint:u,uploadPreset:h,...c})=>{let m=(0,y.useRef)(),i=(0,y.useRef)(),T=!!u,[C,a]=(0,y.useState)(void 0),[s,L]=(0,y.useState)(void 0),[M,E]=(0,y.useState)(!0),x={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:h||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...d};T&&(x.uploadSignature=A,x.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,y.useEffect)(()=>{if(typeof s=="undefined")return;let p=s.event==="success",I=s.event==="display-changed"&&s.info==="hidden";p&&typeof t=="function"&&t(s,i.current),I&&typeof r=="function"&&r(i.current)},[s]),(0,y.useEffect)(()=>{C&&typeof n=="function"&&n(C,i.current)},[C]);function W(){E(!1),m.current||(m.current=window.cloudinary),Ce(()=>{i.current||(i.current=k())})}function A(p,I){if(typeof u=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(u,{method:"POST",body:JSON.stringify({paramsToSign:I})}).then(g=>g.json()).then(({signature:g})=>{p(g)})}function f(p,I=[]){if(i.current||(i.current=k()),typeof(i==null?void 0:i.current[p])=="function")return i.current[p](...I)}function V(p){f("close",[p])}function N(p){return f("destroy",[p])}function _(){f("hide")}function D(){return f("isDestroyed")}function S(){return f("isMinimized")}function j(){return f("isShowing")}function q(){f("minimize")}function R(p,I){f("open",[p,I]),typeof o=="function"&&o(i.current)}function G(){f("show")}function H(){f("update")}let K={close:V,destroy:N,hide:_,isDestroyed:D,isMinimized:S,isShowing:j,minimize:q,open:R,show:G,update:H};function k(){var p;return(p=m.current)==null?void 0:p.createUploadWidget(x,(I,g)=>{if(typeof I=="string"&&a(I),typeof(g==null?void 0:g.event)=="string"){Ne.includes(g==null?void 0:g.event)&&L(g);let l=De[g.event];if(typeof l=="string"&&typeof c[l]=="function"&&typeof c[l]){let b=c[l];b(g,{widget:i.current,...K})}}})}return y.default.createElement(y.default.Fragment,null,typeof e=="function"&&e({cloudinary:m.current,widget:i.current,results:s,error:C,isLoading:M,...K}),y.default.createElement(he.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:W,onError:p=>console.error(`Failed to load Cloudinary Upload Widget: ${p.message}`)}))},B=Se;var Ge=({className:e,children:r,onClick:n,onError:o,onOpen:t,onUpload:d,onAbort:u,onBatchCancelled:h,onClose:c,onDisplayChanged:m,onPublicId:i,onQueuesEnd:T,onQueuesStart:C,onRetry:a,onShowCompleted:s,onSourceChanged:L,onSuccess:M,onTags:E,onUploadAdded:x,options:W,signatureEndpoint:A,uploadPreset:f,...V})=>F.default.createElement(F.default.Fragment,null,F.default.createElement(B,{onError:o,onOpen:t,onUpload:d,onAbort:u,onBatchCancelled:h,onClose:c,onDisplayChanged:m,onPublicId:i,onQueuesEnd:T,onQueuesStart:C,onRetry:a,onShowCompleted:s,onSourceChanged:L,onSuccess:M,onTags:E,onUploadAdded:x,options:W,signatureEndpoint:A,uploadPreset:f},({open:N,isLoading:_})=>{function D(S){S.preventDefault(),N(),typeof n=="function"&&n(S)}return F.default.createElement("button",{...V,className:e||"",onClick:D,disabled:_},r||"Upload")})),te=Ge;var U=O(require("react")),Ue=O(require("next/script")),Oe=O(require("next/head")),we=require("@cloudinary-util/util"),Ie=[],ke=e=>{let{autoPlay:r="never",className:n,colors:o,controls:t=!0,fontFace:d,height:u,id:h,logo:c=!0,loop:m=!1,muted:i=!1,onDataLoad:T,onError:C,onMetadataLoad:a,onPause:s,onPlay:L,onEnded:M,src:E,sourceTypes:x,transformation:W,version:A="1.9.16",quality:f="auto",width:V}=e,N=Array.isArray(W)?W:[W],_=E||"";if(typeof e.version=="string"&&console.warn("The version prop will no longer be supported in future versions due to the unreliability of coordinating assets"),_.startsWith("http"))try{let l=(0,we.parseUrl)(E);typeof(l==null?void 0:l.publicId)=="string"&&(_=l==null?void 0:l.publicId)}catch(l){}N.unshift({quality:f});let D=(0,U.useRef)(),S=(0,U.useRef)(),j=e.videoRef||S,q=(0,U.useRef)(),R=e.playerRef||q,G=h||`player-${_.replace("/","-")}`,H="cld-video-player cld-fluid";n&&(H=`${H} ${n}`),Ie.filter(l=>l===G).length>1?console.warn(`Multiple instances of the same video detected on the
|
|
1
|
+
"use strict";var we=Object.create;var z=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var xe=Object.getOwnPropertyNames;var _e=Object.getPrototypeOf,be=Object.prototype.hasOwnProperty;var Le=(e,o)=>{for(var d in o)z(e,d,{get:o[d],enumerable:!0})},ne=(e,o,d,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of xe(o))!be.call(e,t)&&t!==d&&z(e,t,{get:()=>o[t],enumerable:!(a=Pe(o,t))||a.enumerable});return e};var O=(e,o,d)=>(d=e!=null?we(_e(e)):{},ne(o||!e||!e.__esModule?z(d,"default",{value:e,enumerable:!0}):d,e)),Te=e=>ne(z({},"__esModule",{value:!0}),e);var Ve={};Le(Ve,{CldImage:()=>K,CldOgImage:()=>Z,CldUploadButton:()=>ee,CldUploadWidget:()=>H,CldVideoPlayer:()=>te,cloudinaryLoader:()=>Y,getCldImageUrl:()=>E,getCldOgImageUrl:()=>Ee});module.exports=Te(Ve);var L=O(require("react")),pe=O(require("next/image")),ge=require("@cloudinary-util/util"),me=require("@cloudinary-util/url-loader");async function X(e){let{src:o}=e;try{await new Promise((d,a)=>{fetch(o).then(t=>{if(!t.ok){a(t);return}d(t)})})}catch(d){return d.status===423?await X(e):!1}return!0}var ce=require("@cloudinary-util/url-loader");var ae=O(require("next/package.json"));var ie={name:"next-cloudinary",version:"5.0.0",license:"MIT",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 . && cp ../LICENSE . && yarn build",postpublish:"rm ./README.md && rm ./LICENSE",test:"jest","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" yarn build && cd tests/nextjs-app && yarn build'},dependencies:{"@cloudinary-util/url-loader":"^3.12.0","@cloudinary-util/util":"^2.2.1"},devDependencies:{"@babel/core":"^7.23.2","@babel/preset-env":"^7.23.2","@types/jest":"^29.5.6","@types/react":"^18.2.33","@types/react-dom":"^18.2.14","babel-jest":"^29.7.0",dotenv:"^16.3.1",jest:"^29.7.0","jest-environment-jsdom":"^29.7.0",mkdirp:"^3.0.1","ts-jest":"^29.1.1",tsup:"^7.2.0",typescript:"^5.2.2"},peerDependencies:{next:"^12 || ^13 || ^14",react:"^17 || ^18"}};var de="V",le=ie.version,se=ae.default.version;function E(e,o,d){var t,l;let a=(l=(t=o==null?void 0:o.cloud)==null?void 0:t.cloudName)!=null?l:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return(0,ce.constructCloudinaryUrl)({options:e,config:Object.assign({cloud:{cloudName:a}},o),analytics:Object.assign({sdkCode:de,sdkSemver:le,techVersion:se,feature:""},d)})}function Y({loaderOptions:e,imageProps:o,cldOptions:d,cldConfig:a={}}){let t={...o,...d};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))}else typeof(e==null?void 0:e.width)=="number"&&typeof(t==null?void 0:t.width)!="number"&&(t.width=e.width,t.widthResize=e.width);return E(t,a)}var We=(0,L.forwardRef)(function(o,d){let a=!1,t=["deliveryType","preserveTransformations"];me.transformationPlugins.forEach(({props:r=[]})=>{r.forEach(m=>{if(t.includes(m))throw new Error(`Option ${m} already exists!`);t.push(m)})});let l={alt:o.alt,src:o.src};Object.keys(o).filter(r=>!t.includes(r)).forEach(r=>l[r]=o[r]);let c=Object.keys(l).map(r=>`${r}:${l[r]}`).join(";"),[y,p]=(0,L.useState)(c),g={};if(t.forEach(r=>{o[r]&&(g[r]=o[r]||void 0)}),o.preserveTransformations)try{let r=(0,ge.getTransformations)(o.src).map(m=>m.join(","));g.rawTransformations=[...r.flat(),...o.rawTransformations||[]]}catch(r){console.warn(`Failed to preserve transformations: ${r.message}`)}let i=process.env.__NEXT_IMAGE_OPTS||{};(o.unoptimized===!0||(i==null?void 0:i.unoptimized)===!0)&&(l.src=E({...g,width:l.width,height:l.height,src:l.src,format:"default",quality:"default"},o.config));async function T(r){let m=!0;if(a)return;if(a=!0,typeof o.onError=="function"){let I=o.onError(r);typeof I=="boolean"&&I===!1&&(m=!1)}else typeof o.onError=="boolean"&&o.onError===!1&&(m=!1);if(m===!1)return;let v=r.target;await X({src:v.src})&&p(`${c};${Date.now()}`)}let w=(0,L.useCallback)(T,[X,c]),P=pe.default;return"default"in P&&(P=P.default),L.default.createElement(P,{key:y,...l,loader:r=>Y({loaderOptions:r,imageProps:l,cldOptions:g,cldConfig:o.config}),onError:w,ref:d})}),K=We;var x=O(require("react")),ue=O(require("next/head"));var Me="summary_large_image",Ae=({excludeTags:e=[],twitterTitle:o,keys:d={},...a})=>{let{alt:t}=a,l={...a,crop:a.crop||"fill",gravity:a.gravity||"center",height:a.height||1254,src:a.src,width:a.width||2400,widthResize:a.width||1200},c=typeof l.width=="string"?parseInt(l.width):l.width,y=typeof l.height=="string"?parseInt(l.height):l.height;typeof y=="number"&&typeof c=="number"&&(y=1200/c*y),c=1200;let p=E({...l,format:a.format||"jpg"}),g=E({...l,format:a.format||"webp"}),i={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...d};return x.default.createElement(ue.default,null,x.default.createElement("meta",{key:i["og:image"],property:"og:image",content:p}),x.default.createElement("meta",{key:i["og:image:secure_url"],property:"og:image:secure_url",content:p}),x.default.createElement("meta",{key:i["og:image:width"],property:"og:image:width",content:`${c}`}),x.default.createElement("meta",{key:i["og:image:height"],property:"og:image:height",content:`${y}`}),t&&x.default.createElement("meta",{key:i["og:image:alt"],property:"og:image:alt",content:t}),!e.includes("twitter:title")&&x.default.createElement("meta",{key:i["twitter:title"],property:"twitter:title",content:o||" "}),x.default.createElement("meta",{key:i["twitter:card"],property:"twitter:card",content:Me}),x.default.createElement("meta",{key:i["twitter:image"],property:"twitter:image",content:g}))},Z=Ae;var $=O(require("react"));var f=O(require("react")),ye=O(require("next/script"));function fe(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Ne=["success","display-changed"],Se={abort:"onAbort","batch-cancelled":"onBatchCancelled","display-changed":"onDisplayChanged",publicid:"onPublicId","queues-end":"onQueuesEnd","queues-start":"onQueuesStart",retry:"onRetry","show-completed":"onShowCompleted","source-changed":"onSourceChanged",success:"onSuccess",tags:"onTags","upload-added":"onUploadAdded"},De=({children:e,onClose:o,onError:d,onOpen:a,onUpload:t,options:l,signatureEndpoint:c,uploadPreset:y,...p})=>{let g=(0,f.useRef)(),i=(0,f.useRef)(),T=!!c,[w,P]=(0,f.useState)(void 0),[r,m]=(0,f.useState)(void 0),[v,W]=(0,f.useState)(!0),I={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:y||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...l};T&&(I.uploadSignature=G,I.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,f.useEffect)(()=>{if(typeof r=="undefined")return;let s=r.event==="success",C=r.event==="display-changed"&&r.info==="hidden";s&&typeof t=="function"&&t(r,i.current),C&&typeof o=="function"&&o(i.current)},[r]),(0,f.useEffect)(()=>{w&&typeof d=="function"&&d(w,i.current)},[w]);function M(){W(!1),g.current||(g.current=window.cloudinary),fe(()=>{i.current||(i.current=B())})}function G(s,C){if(typeof c=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(c,{method:"POST",body:JSON.stringify({paramsToSign:C})}).then(n=>n.json()).then(({signature:n})=>{s(n)})}function u(s,C=[]){if(i.current||(i.current=B()),typeof(i==null?void 0:i.current[s])=="function")return i.current[s](...C)}function A(s){u("close",[s])}function _(s){return u("destroy",[s])}function N(){u("hide")}function k(){return u("isDestroyed")}function b(){return u("isMinimized")}function q(){return u("isShowing")}function V(){u("minimize")}function S(s,C){u("open",[s,C]),typeof a=="function"&&a(i.current)}function j(){u("show")}function oe(){u("update")}let D={close:A,destroy:_,hide:N,isDestroyed:k,isMinimized:b,isShowing:q,minimize:V,open:S,show:j,update:oe};function B(){var s;return(s=g.current)==null?void 0:s.createUploadWidget(I,(C,n)=>{if(typeof C=="string"&&P(C),typeof(n==null?void 0:n.event)=="string"){Ne.includes(n==null?void 0:n.event)&&m(n);let U=Se[n.event];if(typeof U=="string"&&typeof p[U]=="function"&&typeof p[U]){let F=p[U];F(n,{widget:i.current,...D})}}})}return f.default.createElement(f.default.Fragment,null,typeof e=="function"&&e({cloudinary:g.current,widget:i.current,results:r,error:w,isLoading:v,...D}),f.default.createElement(ye.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:M,onError:s=>console.error(`Failed to load Cloudinary Upload Widget: ${s.message}`)}))},H=De;var Ge=({className:e,children:o,onClick:d,onError:a,onOpen:t,onUpload:l,onAbort:c,onBatchCancelled:y,onClose:p,onDisplayChanged:g,onPublicId:i,onQueuesEnd:T,onQueuesStart:w,onRetry:P,onShowCompleted:r,onSourceChanged:m,onSuccess:v,onTags:W,onUploadAdded:I,options:M,signatureEndpoint:G,uploadPreset:u,...A})=>$.default.createElement($.default.Fragment,null,$.default.createElement(H,{onError:a,onOpen:t,onUpload:l,onAbort:c,onBatchCancelled:y,onClose:p,onDisplayChanged:g,onPublicId:i,onQueuesEnd:T,onQueuesStart:w,onRetry:P,onShowCompleted:r,onSourceChanged:m,onSuccess:v,onTags:W,onUploadAdded:I,options:M,signatureEndpoint:G,uploadPreset:u},({open:_,isLoading:N})=>{function k(b){b.preventDefault(),_(),typeof d=="function"&&d(b)}return $.default.createElement("button",{...A,className:e||"",onClick:k,disabled:N},o||"Upload")})),ee=Ge;var h=O(require("react")),Ie=O(require("next/script")),Ue=O(require("next/head")),Oe=require("@cloudinary-util/util"),Ce=[],he="1.10.1",ke=e=>{let{autoPlay:o="never",className:d,colors:a,controls:t=!0,fontFace:l,height:c,id:y,logo:p=!0,loop:g=!1,muted:i=!1,onDataLoad:T,onError:w,onMetadataLoad:P,onPause:r,onPlay:m,onEnded:v,src:W,sourceTypes:I,transformation:M,quality:G="auto",width:u}=e,A=Array.isArray(M)?M:[M],_=W||"";if(_.startsWith("http"))try{let n=(0,Oe.parseUrl)(W);typeof(n==null?void 0:n.publicId)=="string"&&(_=n==null?void 0:n.publicId)}catch(n){}A.unshift({quality:G});let N=(0,h.useRef)(),k=(0,h.useRef)(),b=e.videoRef||k,q=(0,h.useRef)(),V=e.playerRef||q,S=y||`player-${_.replace("/","-")}`,j="cld-video-player cld-fluid";d&&(j=`${j} ${d}`),Ce.filter(n=>n===S).length>1?console.warn(`Multiple instances of the same video detected on the
|
|
2
2
|
page which may cause some features to not work.
|
|
3
|
-
Try adding a unique id to each player.`):
|
|
3
|
+
Try adding a unique id to each player.`):Ce.push(S);let D={error:w,loadeddata:T,loadedmetadata:P,pause:r,play:m,ended:v};function B(n){let U=D[n.type];typeof U=="function"&&U(C())}function s(){if("cloudinary"in window){N.current=window.cloudinary;let n={};typeof p=="boolean"?n.showLogo=p:typeof p=="object"&&(n={...n,showLogo:!0,logoImageUrl:p.imageUrl,logoOnclickUrl:p.onClickUrl});let U={autoplayMode:o,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:t,fontFace:l||"",loop:g,muted:i,publicId:_,secure:!0,transformation:A,...n};Array.isArray(I)&&(U.sourceTypes=I),typeof a=="object"&&(U.colors=a),V.current=N.current.videoPlayer(b.current,U),Object.keys(D).forEach(F=>{var re;typeof D[F]=="function"&&((re=V.current)==null||re.on(F,B))})}}function C(){return{player:V.current,video:b.current}}return h.default.createElement(h.default.Fragment,null,h.default.createElement(Ue.default,null,h.default.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${he}/dist/cld-video-player.min.css`,rel:"stylesheet"})),h.default.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},h.default.createElement("video",{ref:b,id:S,className:j,width:u,height:c}),h.default.createElement(Ie.default,{id:`cloudinary-videoplayer-${S}`,src:`https://unpkg.com/cloudinary-video-player@${he}/dist/cld-video-player.min.js`,onLoad:s,onError:n=>console.error(`Failed to load Cloudinary Video Player: ${n.message}`)})))},te=ke;function Ee(e){return E({...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});
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/components/CldImage/CldImage.tsx","../src/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, forwardRef } 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 = forwardRef<HTMLImageElement, CldImageProps>((props, ref) => {\n let hasThrownError = false;\n\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 const IMAGE_OPTIONS: { unoptimized?: boolean } = (process.env.__NEXT_IMAGE_OPTS || {}) as unknown as object;\n\n if ( props.unoptimized === true || IMAGE_OPTIONS?.unoptimized === true ) {\n imageProps.src = getCldImageUrl({\n ...cldOptions,\n width: imageProps.width,\n height: imageProps.height,\n src: imageProps.src as string,\n format: 'default',\n quality: 'default',\n }, props.config);\n }\n\n /**\n * handleOnError\n */\n\n async function onError(options: React.SyntheticEvent<HTMLImageElement, Event>) {\n let pollForImage = true;\n\n // The onError function should never fire more than once. The use case for tracking it\n // at all outside of the standard Next Image flow is for scenarios like when Cloudinary\n // is processing an image where we want to try to update the UI upon completion.\n // If this fires a second time, it is likely because of another issue, which will end\n // up triggering an infinite loop if the resulting image keeps erroring and\n // this function sets a key using the current time to force refresh the UI\n\n if ( hasThrownError ) return;\n\n hasThrownError = true;\n\n if ( typeof props.onError === 'function' ) {\n const onErrorResult = props.onError(options);\n\n if ( typeof onErrorResult === 'boolean' && onErrorResult === false ) {\n pollForImage = false;\n }\n } else if ( typeof props.onError === 'boolean' && props.onError === false ) {\n pollForImage = false;\n }\n\n // Give an escape hatch in case the user wants to handle the error themselves\n // or if they want to disable polling for the image\n\n if ( pollForImage === false ) return;\n\n const image = options.target as HTMLImageElement\n const result = await pollForProcessingImage({ src: image.src })\n\n if ( result ) {\n setImgKey(`${defaultImgKey};${Date.now()}`);\n }\n }\n\n const handleOnError = useCallback(onError, [pollForProcessingImage, defaultImgKey]);\n\n // Copypasta from https://github.com/prismicio/prismic-next/pull/79/files\n // Thanks Angelo!\n // TODO: Remove once https://github.com/vercel/next.js/issues/52216 is resolved.\n\n let ResolvedImage = Image;\n\n if (\"default\" in ResolvedImage) {\n ResolvedImage = (ResolvedImage as unknown as { default: typeof Image }).default;\n }\n\n return (\n <ResolvedImage\n key={imgKey}\n {...imageProps}\n loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig: props.config })}\n onError={handleOnError}\n ref={ref}\n />\n );\n});\n\nCldImage.displayName = 'CldImage';\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 const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n return constructCloudinaryUrl({\n options,\n config: Object.assign({\n cloud: {\n cloudName: cloudName\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}\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.27.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.11.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 \"mkdirp\": \"^3.0.1\",\n \"ts-jest\": \"^29.0.3\",\n \"tsup\": \"^7.2.0\",\n \"typescript\": \"^5.2.2\"\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 } else if ( typeof loaderOptions?.width === 'number' && typeof options?.width !== 'number' ) {\n // If we don't have a width on the options object, this may mean that the component is using\n // the fill option: https://nextjs.org/docs/pages/api-reference/components/image#fill\n // The Fill option does not allow someone to pass in a width or a height\n // If this is the case, we still need to define a width for sizing optimization but also\n // for responsive sizing to take effect, so we can utilize the loader width for the base width\n options.width = loaderOptions.width;\n options.widthResize = loaderOptions.width;\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 onOpen,\n onUpload,\n onAbort,\n onBatchCancelled,\n onClose,\n onDisplayChanged,\n onPublicId,\n onQueuesEnd,\n onQueuesStart,\n onRetry,\n onShowCompleted,\n onSourceChanged,\n onSuccess,\n onTags,\n onUploadAdded,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadButtonProps) => {\n\n return (\n <>\n <CldUploadWidget\n onError={onError}\n onOpen={onOpen}\n onUpload={onUpload}\n onAbort={onAbort}\n onBatchCancelled={onBatchCancelled}\n onClose={onClose}\n onDisplayChanged={onDisplayChanged}\n onPublicId={onPublicId}\n onQueuesEnd={onQueuesEnd}\n onQueuesStart={onQueuesStart}\n onRetry={onRetry}\n onShowCompleted={onShowCompleted}\n onSourceChanged={onSourceChanged}\n onSuccess={onSuccess}\n onTags={onTags}\n onUploadAdded={onUploadAdded}\n options={options}\n signatureEndpoint={signatureEndpoint}\n uploadPreset={uploadPreset}\n >\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 {\n CldUploadEventCallback,\n CldUploadWidgetCloseInstanceMethodOptions,\n CldUploadWidgetCloudinaryInstance,\n CldUploadWidgetDetsroyInstanceMethodOptions,\n CldUploadWidgetError,\n CldUploadWidgetInstanceMethods,\n CldUploadWidgetOpenInstanceMethodOptions,\n CldUploadWidgetOpenWidgetSources,\n CldUploadWidgetProps,\n CldUploadWidgetResults,\n CldUploadWidgetWidgetInstance,\n} from './CldUploadWidget.types';\n\nconst WIDGET_WATCHED_EVENTS = [\n 'success',\n 'display-changed'\n];\n\nconst WIDGET_EVENTS: { [key: string]: string } = {\n 'abort': 'onAbort',\n 'batch-cancelled': 'onBatchCancelled',\n // 'close': 'onClose', // TODO: should follow other event patterns\n 'display-changed': 'onDisplayChanged',\n 'publicid': 'onPublicId',\n 'queues-end': 'onQueuesEnd',\n 'queues-start': 'onQueuesStart',\n 'retry': 'onRetry',\n 'show-completed': 'onShowCompleted',\n 'source-changed': 'onSourceChanged',\n 'success': 'onSuccess',\n 'tags': 'onTags',\n 'upload-added': 'onUploadAdded',\n}\n\n// TODO: update onError to follow CldUploadEventCallback pattern\n// TODO: update onClose to follow CldUploadEventCallback pattern\n\nconst CldUploadWidget = ({\n children,\n onClose,\n onError,\n onOpen,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadWidgetProps) => {\n const cloudinary: CldUploadWidgetCloudinaryInstance = useRef();\n const widget: CldUploadWidgetWidgetInstance = useRef();\n\n const signed = !!signatureEndpoint;\n\n const [error, setError] = useState<CldUploadWidgetError | undefined>(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 * Instance Methods\n * Gives the ability to interface directly with the Upload Widget instance methods like open and close\n * https://cloudinary.com/documentation/upload_widget_reference#instance_methods\n */\n\n function invokeInstanceMethod<\n TMethod extends keyof CldUploadWidgetInstanceMethods\n >(\n method: TMethod,\n options: Parameters<\n CldUploadWidgetInstanceMethods[TMethod]\n > = [] as Parameters<CldUploadWidgetInstanceMethods[TMethod]>\n ) {\n if (!widget.current) {\n widget.current = createWidget();\n }\n\n if (typeof widget?.current[method] === \"function\") {\n return widget.current[method](...options);\n }\n }\n\n function close(options?: CldUploadWidgetCloseInstanceMethodOptions) {\n invokeInstanceMethod('close', [options]);\n }\n\n function destroy(options?: CldUploadWidgetDetsroyInstanceMethodOptions) {\n return invokeInstanceMethod('destroy', [options]);\n }\n \n function hide() {\n invokeInstanceMethod('hide');\n }\n \n function isDestroyed() {\n return invokeInstanceMethod('isDestroyed');\n }\n\n function isMinimized() {\n return invokeInstanceMethod('isMinimized');\n }\n \n function isShowing() {\n return invokeInstanceMethod('isShowing');\n }\n\n function minimize() {\n invokeInstanceMethod('minimize');\n }\n\n function open(widgetSource?: CldUploadWidgetOpenWidgetSources, options?: CldUploadWidgetOpenInstanceMethodOptions) {\n invokeInstanceMethod('open', [widgetSource, options]);\n\n if ( typeof onOpen === 'function' ) {\n onOpen(widget.current);\n }\n }\n\n function show() {\n invokeInstanceMethod('show');\n }\n\n function update() {\n invokeInstanceMethod('update');\n }\n\n const instanceMethods: CldUploadWidgetInstanceMethods = {\n close,\n destroy,\n hide,\n isDestroyed,\n isMinimized,\n isShowing,\n minimize,\n open,\n show,\n update,\n }\n\n /**\n * createWidget\n * @description Creates a new instance of the Cloudinary widget and stores in a ref\n */\n\n function createWidget() {\n return cloudinary.current?.createUploadWidget(uploadOptions, (uploadError: CldUploadWidgetError, uploadResult: CldUploadWidgetResults) => {\n if ( typeof uploadError == 'string' ) {\n setError(uploadError);\n }\n\n if ( typeof uploadResult?.event === 'string' ) {\n if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event) ) {\n setResults(uploadResult);\n }\n\n const widgetEvent = WIDGET_EVENTS[uploadResult.event] as keyof typeof props;\n\n if ( typeof widgetEvent === 'string' && typeof props[widgetEvent] === 'function' && typeof props[widgetEvent] ) {\n const callback = props[widgetEvent] as CldUploadEventCallback;\n callback(uploadResult, {\n widget: widget.current,\n ...instanceMethods\n });\n }\n }\n });\n }\n\n return (\n <>\n {typeof children === 'function' && children({\n cloudinary: cloudinary.current,\n widget: widget.current,\n results,\n error,\n isLoading: isScriptLoading,\n ...instanceMethods,\n })}\n <Script\n id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n src=\"https://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\nlet playerInstances: string[] = [];\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\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 sourceTypes,\n transformation,\n version = '1.9.16',\n quality = 'auto',\n width,\n } = props as CldVideoPlayerProps;\n\n const playerTransformations = Array.isArray(transformation) ? transformation : [transformation];\n let publicId: string = src || \"\";\n\n if ( typeof props.version === 'string' ) {\n console.warn('The version prop will no longer be supported in future versions due to the unreliability of coordinating assets');\n }\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('/', '-')}`;\n let playerClassName = 'cld-video-player cld-fluid';\n\n if ( className ) {\n playerClassName = `${playerClassName} ${className}`;\n }\n\n // Check if the same id is being used for multiple video instances.\n const checkForMultipleInstance = playerInstances.filter((id) => id === playerId).length > 1\n if (checkForMultipleInstance) {\n console.warn(`Multiple instances of the same video detected on the\n page which may cause some features to not work. \n Try adding a unique id to each player.`)\n } else {\n playerInstances.push(playerId)\n }\n\n const events: Record<string, Function|undefined> = {\n error: onError,\n loadeddata: onDataLoad,\n loadedmetadata: onMetadataLoad,\n pause: onPause,\n play: onPlay,\n ended: onEnded\n };\n\n /**\n * handleEvent\n * @description Event handler for all player events\n */\n\n function handleEvent(event: { type: 'string' }) {\n const activeEvent = events[event.type];\n\n if ( typeof activeEvent === 'function' ) {\n activeEvent(getPlayerRefs());\n }\n }\n\n /**\n * handleOnLoad\n * @description Stores the Cloudinary window instance to a ref when the widget script loads\n */\n\n function handleOnLoad() {\n if ( 'cloudinary' in window ) {\n cloudinaryRef.current = window.cloudinary;\n\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 ( Array.isArray(sourceTypes) ) {\n playerOptions.sourceTypes = sourceTypes;\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-${playerId}`}\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","_a","_b","cloudName","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","ref","hasThrownError","CLD_OPTIONS","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","cldOptions","transformations","t","e","IMAGE_OPTIONS","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","WIDGET_EVENTS","CldUploadWidget","children","onClose","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","props","cloudinary","widget","signed","error","setError","results","setResults","isScriptLoading","setIsScriptLoading","uploadOptions","generateSignature","isSuccess","isClosed","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","invokeInstanceMethod","method","close","destroy","hide","isDestroyed","isMinimized","isShowing","minimize","open","widgetSource","show","update","instanceMethods","_a","uploadError","uploadResult","widgetEvent","React","Script","e","CldUploadWidget_default","CldUploadButton","className","children","onClick","onError","onOpen","onUpload","onAbort","onBatchCancelled","onClose","onDisplayChanged","onPublicId","onQueuesEnd","onQueuesStart","onRetry","onShowCompleted","onSourceChanged","onSuccess","onTags","onUploadAdded","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","import_util","playerInstances","CldVideoPlayer","props","autoPlay","className","colors","controls","fontFace","height","id","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","src","sourceTypes","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, forwardRef, SyntheticEvent } 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 = forwardRef<HTMLImageElement, CldImageProps>(function CldImage(props, ref) {\n let hasThrownError = false;\n\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 const IMAGE_OPTIONS: { unoptimized?: boolean } = (process.env.__NEXT_IMAGE_OPTS || {}) as unknown as object;\n\n if ( props.unoptimized === true || IMAGE_OPTIONS?.unoptimized === true ) {\n imageProps.src = getCldImageUrl({\n ...cldOptions,\n width: imageProps.width,\n height: imageProps.height,\n src: imageProps.src as string,\n format: 'default',\n quality: 'default',\n }, props.config);\n }\n\n /**\n * handleOnError\n */\n\n async function onError(options: SyntheticEvent<HTMLImageElement, Event>) {\n let pollForImage = true;\n\n // The onError function should never fire more than once. The use case for tracking it\n // at all outside of the standard Next Image flow is for scenarios like when Cloudinary\n // is processing an image where we want to try to update the UI upon completion.\n // If this fires a second time, it is likely because of another issue, which will end\n // up triggering an infinite loop if the resulting image keeps erroring and\n // this function sets a key using the current time to force refresh the UI\n\n if ( hasThrownError ) return;\n\n hasThrownError = true;\n\n if ( typeof props.onError === 'function' ) {\n const onErrorResult = props.onError(options);\n\n if ( typeof onErrorResult === 'boolean' && onErrorResult === false ) {\n pollForImage = false;\n }\n } else if ( typeof props.onError === 'boolean' && props.onError === false ) {\n pollForImage = false;\n }\n\n // Give an escape hatch in case the user wants to handle the error themselves\n // or if they want to disable polling for the image\n\n if ( pollForImage === false ) return;\n\n const image = options.target as HTMLImageElement\n const result = await pollForProcessingImage({ src: image.src })\n\n if ( result ) {\n setImgKey(`${defaultImgKey};${Date.now()}`);\n }\n }\n\n const handleOnError = useCallback(onError, [pollForProcessingImage, defaultImgKey]);\n\n // Copypasta from https://github.com/prismicio/prismic-next/pull/79/files\n // Thanks Angelo!\n // TODO: Remove once https://github.com/vercel/next.js/issues/52216 is resolved.\n\n let ResolvedImage = Image;\n\n if (\"default\" in ResolvedImage) {\n ResolvedImage = (ResolvedImage as unknown as { default: typeof Image }).default;\n }\n\n return (\n <ResolvedImage\n key={imgKey}\n {...imageProps}\n loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig: props.config })}\n onError={handleOnError}\n ref={ref}\n />\n );\n});\n\nexport default CldImage;\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 const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n return constructCloudinaryUrl({\n options,\n config: Object.assign({\n cloud: {\n cloudName: cloudName\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}\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\": \"5.0.0\",\n \"license\": \"MIT\",\n \"main\": \"./dist/index.js\",\n \"module\": \"./dist/index.mjs\",\n \"types\": \"./dist/index.d.ts\",\n \"source\": \"src/index.ts\",\n \"scripts\": {\n \"build\": \"tsup src/index.ts --dts\",\n \"dev\": \"tsup src/index.ts --watch --dts\",\n \"prepublishOnly\": \"cp ../README.md . && cp ../LICENSE . && yarn build\",\n \"postpublish\": \"rm ./README.md && rm ./LICENSE\",\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.12.0\",\n \"@cloudinary-util/util\": \"^2.2.1\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.23.2\",\n \"@babel/preset-env\": \"^7.23.2\",\n \"@types/jest\": \"^29.5.6\",\n \"@types/react\": \"^18.2.33\",\n \"@types/react-dom\": \"^18.2.14\",\n \"babel-jest\": \"^29.7.0\",\n \"dotenv\": \"^16.3.1\",\n \"jest\": \"^29.7.0\",\n \"jest-environment-jsdom\": \"^29.7.0\",\n \"mkdirp\": \"^3.0.1\",\n \"ts-jest\": \"^29.1.1\",\n \"tsup\": \"^7.2.0\",\n \"typescript\": \"^5.2.2\"\n },\n \"peerDependencies\": {\n \"next\": \"^12 || ^13 || ^14\",\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 } else if ( typeof loaderOptions?.width === 'number' && typeof options?.width !== 'number' ) {\n // If we don't have a width on the options object, this may mean that the component is using\n // the fill option: https://nextjs.org/docs/pages/api-reference/components/image#fill\n // The Fill option does not allow someone to pass in a width or a height\n // If this is the case, we still need to define a width for sizing optimization but also\n // for responsive sizing to take effect, so we can utilize the loader width for the base width\n options.width = loaderOptions.width;\n options.widthResize = loaderOptions.width;\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 onOpen,\n onUpload,\n onAbort,\n onBatchCancelled,\n onClose,\n onDisplayChanged,\n onPublicId,\n onQueuesEnd,\n onQueuesStart,\n onRetry,\n onShowCompleted,\n onSourceChanged,\n onSuccess,\n onTags,\n onUploadAdded,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadButtonProps) => {\n\n return (\n <>\n <CldUploadWidget\n onError={onError}\n onOpen={onOpen}\n onUpload={onUpload}\n onAbort={onAbort}\n onBatchCancelled={onBatchCancelled}\n onClose={onClose}\n onDisplayChanged={onDisplayChanged}\n onPublicId={onPublicId}\n onQueuesEnd={onQueuesEnd}\n onQueuesStart={onQueuesStart}\n onRetry={onRetry}\n onShowCompleted={onShowCompleted}\n onSourceChanged={onSourceChanged}\n onSuccess={onSuccess}\n onTags={onTags}\n onUploadAdded={onUploadAdded}\n options={options}\n signatureEndpoint={signatureEndpoint}\n uploadPreset={uploadPreset}\n >\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 {\n CldUploadEventCallback,\n CldUploadWidgetCloseInstanceMethodOptions,\n CldUploadWidgetCloudinaryInstance,\n CldUploadWidgetDetsroyInstanceMethodOptions,\n CldUploadWidgetError,\n CldUploadWidgetInstanceMethods,\n CldUploadWidgetOpenInstanceMethodOptions,\n CldUploadWidgetOpenWidgetSources,\n CldUploadWidgetProps,\n CldUploadWidgetResults,\n CldUploadWidgetWidgetInstance,\n} from './CldUploadWidget.types';\n\nconst WIDGET_WATCHED_EVENTS = [\n 'success',\n 'display-changed'\n];\n\nconst WIDGET_EVENTS: { [key: string]: string } = {\n 'abort': 'onAbort',\n 'batch-cancelled': 'onBatchCancelled',\n // 'close': 'onClose', // TODO: should follow other event patterns\n 'display-changed': 'onDisplayChanged',\n 'publicid': 'onPublicId',\n 'queues-end': 'onQueuesEnd',\n 'queues-start': 'onQueuesStart',\n 'retry': 'onRetry',\n 'show-completed': 'onShowCompleted',\n 'source-changed': 'onSourceChanged',\n 'success': 'onSuccess',\n 'tags': 'onTags',\n 'upload-added': 'onUploadAdded',\n}\n\n// TODO: update onError to follow CldUploadEventCallback pattern\n// TODO: update onClose to follow CldUploadEventCallback pattern\n\nconst CldUploadWidget = ({\n children,\n onClose,\n onError,\n onOpen,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadWidgetProps) => {\n const cloudinary: CldUploadWidgetCloudinaryInstance = useRef();\n const widget: CldUploadWidgetWidgetInstance = useRef();\n\n const signed = !!signatureEndpoint;\n\n const [error, setError] = useState<CldUploadWidgetError | undefined>(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 * Instance Methods\n * Gives the ability to interface directly with the Upload Widget instance methods like open and close\n * https://cloudinary.com/documentation/upload_widget_reference#instance_methods\n */\n\n function invokeInstanceMethod<\n TMethod extends keyof CldUploadWidgetInstanceMethods\n >(\n method: TMethod,\n options: Parameters<\n CldUploadWidgetInstanceMethods[TMethod]\n > = [] as Parameters<CldUploadWidgetInstanceMethods[TMethod]>\n ) {\n if (!widget.current) {\n widget.current = createWidget();\n }\n\n if (typeof widget?.current[method] === \"function\") {\n return widget.current[method](...options);\n }\n }\n\n function close(options?: CldUploadWidgetCloseInstanceMethodOptions) {\n invokeInstanceMethod('close', [options]);\n }\n\n function destroy(options?: CldUploadWidgetDetsroyInstanceMethodOptions) {\n return invokeInstanceMethod('destroy', [options]);\n }\n \n function hide() {\n invokeInstanceMethod('hide');\n }\n \n function isDestroyed() {\n return invokeInstanceMethod('isDestroyed');\n }\n\n function isMinimized() {\n return invokeInstanceMethod('isMinimized');\n }\n \n function isShowing() {\n return invokeInstanceMethod('isShowing');\n }\n\n function minimize() {\n invokeInstanceMethod('minimize');\n }\n\n function open(widgetSource?: CldUploadWidgetOpenWidgetSources, options?: CldUploadWidgetOpenInstanceMethodOptions) {\n invokeInstanceMethod('open', [widgetSource, options]);\n\n if ( typeof onOpen === 'function' ) {\n onOpen(widget.current);\n }\n }\n\n function show() {\n invokeInstanceMethod('show');\n }\n\n function update() {\n invokeInstanceMethod('update');\n }\n\n const instanceMethods: CldUploadWidgetInstanceMethods = {\n close,\n destroy,\n hide,\n isDestroyed,\n isMinimized,\n isShowing,\n minimize,\n open,\n show,\n update,\n }\n\n /**\n * createWidget\n * @description Creates a new instance of the Cloudinary widget and stores in a ref\n */\n\n function createWidget() {\n return cloudinary.current?.createUploadWidget(uploadOptions, (uploadError: CldUploadWidgetError, uploadResult: CldUploadWidgetResults) => {\n if ( typeof uploadError == 'string' ) {\n setError(uploadError);\n }\n\n if ( typeof uploadResult?.event === 'string' ) {\n if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event) ) {\n setResults(uploadResult);\n }\n\n const widgetEvent = WIDGET_EVENTS[uploadResult.event] as keyof typeof props;\n\n if ( typeof widgetEvent === 'string' && typeof props[widgetEvent] === 'function' && typeof props[widgetEvent] ) {\n const callback = props[widgetEvent] as CldUploadEventCallback;\n callback(uploadResult, {\n widget: widget.current,\n ...instanceMethods\n });\n }\n }\n });\n }\n\n return (\n <>\n {typeof children === 'function' && children({\n cloudinary: cloudinary.current,\n widget: widget.current,\n results,\n error,\n isLoading: isScriptLoading,\n ...instanceMethods,\n })}\n <Script\n id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n src=\"https://upload-widget.cloudinary.com/global/all.js\"\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n />\n </>\n );\n};\n\nexport default CldUploadWidget;\n","/**\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\nlet playerInstances: string[] = [];\n\nconst PLAYER_VERSION = '1.10.1';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\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 sourceTypes,\n transformation,\n quality = 'auto',\n width,\n } = props as CldVideoPlayerProps;\n\n const playerTransformations = Array.isArray(transformation) ? transformation : [transformation];\n let publicId: string = src || \"\";\n\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('/', '-')}`;\n let playerClassName = 'cld-video-player cld-fluid';\n\n if ( className ) {\n playerClassName = `${playerClassName} ${className}`;\n }\n\n // Check if the same id is being used for multiple video instances.\n const checkForMultipleInstance = playerInstances.filter((id) => id === playerId).length > 1\n if (checkForMultipleInstance) {\n console.warn(`Multiple instances of the same video detected on the\n page which may cause some features to not work. \n Try adding a unique id to each player.`)\n } else {\n playerInstances.push(playerId)\n }\n\n const events: Record<string, Function|undefined> = {\n error: onError,\n loadeddata: onDataLoad,\n loadedmetadata: onMetadataLoad,\n pause: onPause,\n play: onPlay,\n ended: onEnded\n };\n\n /**\n * handleEvent\n * @description Event handler for all player events\n */\n\n function handleEvent(event: { type: 'string' }) {\n const activeEvent = events[event.type];\n\n if ( typeof activeEvent === 'function' ) {\n activeEvent(getPlayerRefs());\n }\n }\n\n /**\n * handleOnLoad\n * @description Stores the Cloudinary window instance to a ref when the widget script loads\n */\n\n function handleOnLoad() {\n if ( 'cloudinary' in window ) {\n cloudinaryRef.current = window.cloudinary;\n\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 ( Array.isArray(sourceTypes) ) {\n playerOptions.sourceTypes = sourceTypes;\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@${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-${playerId}`}\n src={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`}\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)}\n />\n </div>\n </>\n );\n};\n\nexport default CldVideoPlayer;","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","_a","_b","cloudName","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","ref","hasThrownError","CLD_OPTIONS","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","cldOptions","transformations","t","e","IMAGE_OPTIONS","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","WIDGET_EVENTS","CldUploadWidget","children","onClose","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","props","cloudinary","widget","signed","error","setError","results","setResults","isScriptLoading","setIsScriptLoading","uploadOptions","generateSignature","isSuccess","isClosed","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","invokeInstanceMethod","method","close","destroy","hide","isDestroyed","isMinimized","isShowing","minimize","open","widgetSource","show","update","instanceMethods","_a","uploadError","uploadResult","widgetEvent","React","Script","e","CldUploadWidget_default","CldUploadButton","className","children","onClick","onError","onOpen","onUpload","onAbort","onBatchCancelled","onClose","onDisplayChanged","onPublicId","onQueuesEnd","onQueuesStart","onRetry","onShowCompleted","onSourceChanged","onSuccess","onTags","onUploadAdded","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","import_util","playerInstances","PLAYER_VERSION","CldVideoPlayer","props","autoPlay","className","colors","controls","fontFace","height","id","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","src","sourceTypes","transformation","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,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import fe,{useState as ye,useCallback as Ce,forwardRef as he}from"react";import Ie from"next/image";import{getTransformations as Ue}from"@cloudinary-util/util";import{transformationPlugins as Oe}from"@cloudinary-util/url-loader";async function R(t){let{src:o}=t;try{await new Promise((l,d)=>{fetch(o).then(e=>{if(!e.ok){d(e);return}l(e)})})}catch(l){return l.status===423?await R(t):!1}return!0}import{constructCloudinaryUrl as ue}from"@cloudinary-util/url-loader";import me from"next/package.json";var Z={name:"next-cloudinary",version:"5.0.0",license:"MIT",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 . && cp ../LICENSE . && yarn build",postpublish:"rm ./README.md && rm ./LICENSE",test:"jest","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" yarn build && cd tests/nextjs-app && yarn build'},dependencies:{"@cloudinary-util/url-loader":"^3.12.0","@cloudinary-util/util":"^2.2.1"},devDependencies:{"@babel/core":"^7.23.2","@babel/preset-env":"^7.23.2","@types/jest":"^29.5.6","@types/react":"^18.2.33","@types/react-dom":"^18.2.14","babel-jest":"^29.7.0",dotenv:"^16.3.1",jest:"^29.7.0","jest-environment-jsdom":"^29.7.0",mkdirp:"^3.0.1","ts-jest":"^29.1.1",tsup:"^7.2.0",typescript:"^5.2.2"},peerDependencies:{next:"^12 || ^13 || ^14",react:"^17 || ^18"}};var ee="V",te=Z.version,oe=me.version;function O(t,o,l){var e,a;let d=(a=(e=o==null?void 0:o.cloud)==null?void 0:e.cloudName)!=null?a:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return ue({options:t,config:Object.assign({cloud:{cloudName:d}},o),analytics:Object.assign({sdkCode:ee,sdkSemver:te,techVersion:oe,feature:""},l)})}function F({loaderOptions:t,imageProps:o,cldOptions:l,cldConfig:d={}}){let e={...o,...l};if(e.width=typeof e.width=="string"?parseInt(e.width):e.width,e.height=typeof e.height=="string"?parseInt(e.height):e.height,typeof(t==null?void 0:t.width)=="number"&&typeof e.width=="number"&&t.width!==e.width){let a=t.width/e.width;e.widthResize=t.width,typeof e.height=="number"&&(e.heightResize=Math.round(e.height*a))}else typeof(t==null?void 0:t.width)=="number"&&typeof(e==null?void 0:e.width)!="number"&&(e.width=t.width,e.widthResize=t.width);return O(e,d)}var Ee=he(function(o,l){let d=!1,e=["deliveryType","preserveTransformations"];Oe.forEach(({props:r=[]})=>{r.forEach(m=>{if(e.includes(m))throw new Error(`Option ${m} already exists!`);e.push(m)})});let a={alt:o.alt,src:o.src};Object.keys(o).filter(r=>!e.includes(r)).forEach(r=>a[r]=o[r]);let c=Object.keys(a).map(r=>`${r}:${a[r]}`).join(";"),[f,p]=ye(c),g={};if(e.forEach(r=>{o[r]&&(g[r]=o[r]||void 0)}),o.preserveTransformations)try{let r=Ue(o.src).map(m=>m.join(","));g.rawTransformations=[...r.flat(),...o.rawTransformations||[]]}catch(r){console.warn(`Failed to preserve transformations: ${r.message}`)}let i=process.env.__NEXT_IMAGE_OPTS||{};(o.unoptimized===!0||(i==null?void 0:i.unoptimized)===!0)&&(a.src=O({...g,width:a.width,height:a.height,src:a.src,format:"default",quality:"default"},o.config));async function x(r){let m=!0;if(d)return;if(d=!0,typeof o.onError=="function"){let C=o.onError(r);typeof C=="boolean"&&C===!1&&(m=!1)}else typeof o.onError=="boolean"&&o.onError===!1&&(m=!1);if(m===!1)return;let _=r.target;await R({src:_.src})&&p(`${c};${Date.now()}`)}let I=Ce(x,[R,c]),U=Ie;return"default"in U&&(U=U.default),fe.createElement(U,{key:f,...a,loader:r=>F({loaderOptions:r,imageProps:a,cldOptions:g,cldConfig:o.config}),onError:I,ref:l})}),re=Ee;import E from"react";import we from"next/head";var Pe="summary_large_image",xe=({excludeTags:t=[],twitterTitle:o,keys:l={},...d})=>{let{alt:e}=d,a={...d,crop:d.crop||"fill",gravity:d.gravity||"center",height:d.height||1254,src:d.src,width:d.width||2400,widthResize:d.width||1200},c=typeof a.width=="string"?parseInt(a.width):a.width,f=typeof a.height=="string"?parseInt(a.height):a.height;typeof f=="number"&&typeof c=="number"&&(f=1200/c*f),c=1200;let p=O({...a,format:d.format||"jpg"}),g=O({...a,format:d.format||"webp"}),i={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...l};return E.createElement(we,null,E.createElement("meta",{key:i["og:image"],property:"og:image",content:p}),E.createElement("meta",{key:i["og:image:secure_url"],property:"og:image:secure_url",content:p}),E.createElement("meta",{key:i["og:image:width"],property:"og:image:width",content:`${c}`}),E.createElement("meta",{key:i["og:image:height"],property:"og:image:height",content:`${f}`}),e&&E.createElement("meta",{key:i["og:image:alt"],property:"og:image:alt",content:e}),!t.includes("twitter:title")&&E.createElement("meta",{key:i["twitter:title"],property:"twitter:title",content:o||" "}),E.createElement("meta",{key:i["twitter:card"],property:"twitter:card",content:Pe}),E.createElement("meta",{key:i["twitter:image"],property:"twitter:image",content:g}))},ne=xe;import $ from"react";import Y,{useState as q,useEffect as ae,useRef as de}from"react";import _e from"next/script";function ie(t){return window&&"requestIdleCallback"in window?requestIdleCallback(t):setTimeout(()=>t(),1)}var be=["success","display-changed"],Le={abort:"onAbort","batch-cancelled":"onBatchCancelled","display-changed":"onDisplayChanged",publicid:"onPublicId","queues-end":"onQueuesEnd","queues-start":"onQueuesStart",retry:"onRetry","show-completed":"onShowCompleted","source-changed":"onSourceChanged",success:"onSuccess",tags:"onTags","upload-added":"onUploadAdded"},Te=({children:t,onClose:o,onError:l,onOpen:d,onUpload:e,options:a,signatureEndpoint:c,uploadPreset:f,...p})=>{let g=de(),i=de(),x=!!c,[I,U]=q(void 0),[r,m]=q(void 0),[_,b]=q(!0),C={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:f||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...a};x&&(C.uploadSignature=N,C.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),ae(()=>{if(typeof r=="undefined")return;let s=r.event==="success",y=r.event==="display-changed"&&r.info==="hidden";s&&typeof e=="function"&&e(r,i.current),y&&typeof o=="function"&&o(i.current)},[r]),ae(()=>{I&&typeof l=="function"&&l(I,i.current)},[I]);function L(){b(!1),g.current||(g.current=window.cloudinary),ie(()=>{i.current||(i.current=V())})}function N(s,y){if(typeof c=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(c,{method:"POST",body:JSON.stringify({paramsToSign:y})}).then(n=>n.json()).then(({signature:n})=>{s(n)})}function u(s,y=[]){if(i.current||(i.current=V()),typeof(i==null?void 0:i.current[s])=="function")return i.current[s](...y)}function v(s){u("close",[s])}function w(s){return u("destroy",[s])}function W(){u("hide")}function S(){return u("isDestroyed")}function P(){return u("isMinimized")}function B(){return u("isShowing")}function D(){u("minimize")}function M(s,y){u("open",[s,y]),typeof d=="function"&&d(i.current)}function G(){u("show")}function Q(){u("update")}let A={close:v,destroy:w,hide:W,isDestroyed:S,isMinimized:P,isShowing:B,minimize:D,open:M,show:G,update:Q};function V(){var s;return(s=g.current)==null?void 0:s.createUploadWidget(C,(y,n)=>{if(typeof y=="string"&&U(y),typeof(n==null?void 0:n.event)=="string"){be.includes(n==null?void 0:n.event)&&m(n);let h=Le[n.event];if(typeof h=="string"&&typeof p[h]=="function"&&typeof p[h]){let j=p[h];j(n,{widget:i.current,...A})}}})}return Y.createElement(Y.Fragment,null,typeof t=="function"&&t({cloudinary:g.current,widget:i.current,results:r,error:I,isLoading:_,...A}),Y.createElement(_e,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:L,onError:s=>console.error(`Failed to load Cloudinary Upload Widget: ${s.message}`)}))},H=Te;var ve=({className:t,children:o,onClick:l,onError:d,onOpen:e,onUpload:a,onAbort:c,onBatchCancelled:f,onClose:p,onDisplayChanged:g,onPublicId:i,onQueuesEnd:x,onQueuesStart:I,onRetry:U,onShowCompleted:r,onSourceChanged:m,onSuccess:_,onTags:b,onUploadAdded:C,options:L,signatureEndpoint:N,uploadPreset:u,...v})=>$.createElement($.Fragment,null,$.createElement(H,{onError:d,onOpen:e,onUpload:a,onAbort:c,onBatchCancelled:f,onClose:p,onDisplayChanged:g,onPublicId:i,onQueuesEnd:x,onQueuesStart:I,onRetry:U,onShowCompleted:r,onSourceChanged:m,onSuccess:_,onTags:b,onUploadAdded:C,options:L,signatureEndpoint:N,uploadPreset:u},({open:w,isLoading:W})=>{function S(P){P.preventDefault(),w(),typeof l=="function"&&l(P)}return $.createElement("button",{...v,className:t||"",onClick:S,disabled:W},o||"Upload")})),le=ve;import T,{useRef as K}from"react";import We from"next/script";import Me from"next/head";import{parseUrl as Ae}from"@cloudinary-util/util";var se=[],ce="1.10.1",Ne=t=>{let{autoPlay:o="never",className:l,colors:d,controls:e=!0,fontFace:a,height:c,id:f,logo:p=!0,loop:g=!1,muted:i=!1,onDataLoad:x,onError:I,onMetadataLoad:U,onPause:r,onPlay:m,onEnded:_,src:b,sourceTypes:C,transformation:L,quality:N="auto",width:u}=t,v=Array.isArray(L)?L:[L],w=b||"";if(w.startsWith("http"))try{let n=Ae(b);typeof(n==null?void 0:n.publicId)=="string"&&(w=n==null?void 0:n.publicId)}catch(n){}v.unshift({quality:N});let W=K(),S=K(),P=t.videoRef||S,B=K(),D=t.playerRef||B,M=f||`player-${w.replace("/","-")}`,G="cld-video-player cld-fluid";l&&(G=`${G} ${l}`),se.filter(n=>n===M).length>1?console.warn(`Multiple instances of the same video detected on the
|
|
2
2
|
page which may cause some features to not work.
|
|
3
|
-
Try adding a unique id to each player.`):
|
|
3
|
+
Try adding a unique id to each player.`):se.push(M);let A={error:I,loadeddata:x,loadedmetadata:U,pause:r,play:m,ended:_};function V(n){let h=A[n.type];typeof h=="function"&&h(y())}function s(){if("cloudinary"in window){W.current=window.cloudinary;let n={};typeof p=="boolean"?n.showLogo=p:typeof p=="object"&&(n={...n,showLogo:!0,logoImageUrl:p.imageUrl,logoOnclickUrl:p.onClickUrl});let h={autoplayMode:o,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:e,fontFace:a||"",loop:g,muted:i,publicId:w,secure:!0,transformation:v,...n};Array.isArray(C)&&(h.sourceTypes=C),typeof d=="object"&&(h.colors=d),D.current=W.current.videoPlayer(P.current,h),Object.keys(A).forEach(j=>{var J;typeof A[j]=="function"&&((J=D.current)==null||J.on(j,V))})}}function y(){return{player:D.current,video:P.current}}return T.createElement(T.Fragment,null,T.createElement(Me,null,T.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${ce}/dist/cld-video-player.min.css`,rel:"stylesheet"})),T.createElement("div",{style:{width:"100%",aspectRatio:`${t.width} / ${t.height}`}},T.createElement("video",{ref:P,id:M,className:G,width:u,height:c}),T.createElement(We,{id:`cloudinary-videoplayer-${M}`,src:`https://unpkg.com/cloudinary-video-player@${ce}/dist/cld-video-player.min.js`,onLoad:s,onError:n=>console.error(`Failed to load Cloudinary Video Player: ${n.message}`)})))},pe=Ne;function Se(t){return O({...t,crop:t.crop||"fill",format:t.format||"jpg",gravity:t.gravity||"center",height:t.height||1254,width:t.width||2400,widthResize:t.width||1200})}export{re as CldImage,ne as CldOgImage,le as CldUploadButton,H as CldUploadWidget,pe as CldVideoPlayer,F as cloudinaryLoader,O as getCldImageUrl,Se as getCldOgImageUrl};
|
|
4
4
|
//# sourceMappingURL=index.mjs.map
|