next-cloudinary 6.6.1 → 6.7.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/dist/index.d.mts +15 -1
- package/dist/index.d.ts +15 -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 +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -302,6 +302,19 @@ interface CldUploadWidgetProps {
|
|
|
302
302
|
options?: CloudinaryUploadWidgetOptions;
|
|
303
303
|
signatureEndpoint?: URL | RequestInfo;
|
|
304
304
|
uploadPreset?: string;
|
|
305
|
+
onAbortAction?: CldUploadEventAction;
|
|
306
|
+
onBatchCancelledAction?: CldUploadEventAction;
|
|
307
|
+
onCloseAction?: CldUploadEventAction;
|
|
308
|
+
onDisplayChangedAction?: CldUploadEventAction;
|
|
309
|
+
onPublicIdAction?: CldUploadEventAction;
|
|
310
|
+
onQueuesEndAction?: CldUploadEventAction;
|
|
311
|
+
onQueuesStartAction?: CldUploadEventAction;
|
|
312
|
+
onRetryAction?: CldUploadEventAction;
|
|
313
|
+
onShowCompletedAction?: CldUploadEventAction;
|
|
314
|
+
onSourceChangedAction?: CldUploadEventAction;
|
|
315
|
+
onSuccessAction?: CldUploadEventAction;
|
|
316
|
+
onTagsAction?: CldUploadEventAction;
|
|
317
|
+
onUploadAddedAction?: CldUploadEventAction;
|
|
305
318
|
}
|
|
306
319
|
type CldUploadWidgetPropsChildren = {
|
|
307
320
|
cloudinary: CldUploadWidgetCloudinaryInstance;
|
|
@@ -311,6 +324,7 @@ type CldUploadWidgetPropsChildren = {
|
|
|
311
324
|
results?: CloudinaryUploadWidgetResults;
|
|
312
325
|
} & CloudinaryUploadWidgetInstanceMethods;
|
|
313
326
|
type CldUploadEventCallback = (results: CloudinaryUploadWidgetResults, widget: CldUploadEventCallbackWidget) => void;
|
|
327
|
+
type CldUploadEventAction = (results: CloudinaryUploadWidgetResults) => void;
|
|
314
328
|
type CldUploadEventCallbackNoOptions = (results: CloudinaryUploadWidgetResults, widget: CldUploadWidgetWidgetInstance) => void;
|
|
315
329
|
type CldUploadEventCallbackWidgetOnly = (widget: CldUploadWidgetWidgetInstance) => void;
|
|
316
330
|
type CldUploadEventCallbackError = (error: CloudinaryUploadWidgetError, widget: CldUploadEventCallbackWidget) => void;
|
|
@@ -325,7 +339,7 @@ interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {
|
|
|
325
339
|
children?: JSX.Element | string | Array<JSX.Element | string>;
|
|
326
340
|
onClick?: Function;
|
|
327
341
|
}
|
|
328
|
-
declare const CldUploadButton: ({ className, children, onClick, onError, onOpen, onUpload, onAbort, onBatchCancelled, onClose, onDisplayChanged, onPublicId, onQueuesEnd, onQueuesStart, onRetry, onShowCompleted, onSourceChanged, onSuccess, onTags, onUploadAdded, options, signatureEndpoint, uploadPreset, ...props }: CldUploadButtonProps) => React.JSX.Element;
|
|
342
|
+
declare const CldUploadButton: ({ className, children, onClick, onError, onOpen, onUpload, onAbort, onBatchCancelled, onClose, onDisplayChanged, onPublicId, onQueuesEnd, onQueuesStart, onRetry, onShowCompleted, onSourceChanged, onSuccess, onTags, onUploadAdded, options, signatureEndpoint, uploadPreset, onAbortAction, onBatchCancelledAction, onCloseAction, onDisplayChangedAction, onPublicIdAction, onQueuesEndAction, onQueuesStartAction, onRetryAction, onShowCompletedAction, onSourceChangedAction, onSuccessAction, onTagsAction, onUploadAddedAction, ...props }: CldUploadButtonProps) => React.JSX.Element;
|
|
329
343
|
|
|
330
344
|
/**
|
|
331
345
|
* getCldImageUrl
|
package/dist/index.d.ts
CHANGED
|
@@ -302,6 +302,19 @@ interface CldUploadWidgetProps {
|
|
|
302
302
|
options?: CloudinaryUploadWidgetOptions;
|
|
303
303
|
signatureEndpoint?: URL | RequestInfo;
|
|
304
304
|
uploadPreset?: string;
|
|
305
|
+
onAbortAction?: CldUploadEventAction;
|
|
306
|
+
onBatchCancelledAction?: CldUploadEventAction;
|
|
307
|
+
onCloseAction?: CldUploadEventAction;
|
|
308
|
+
onDisplayChangedAction?: CldUploadEventAction;
|
|
309
|
+
onPublicIdAction?: CldUploadEventAction;
|
|
310
|
+
onQueuesEndAction?: CldUploadEventAction;
|
|
311
|
+
onQueuesStartAction?: CldUploadEventAction;
|
|
312
|
+
onRetryAction?: CldUploadEventAction;
|
|
313
|
+
onShowCompletedAction?: CldUploadEventAction;
|
|
314
|
+
onSourceChangedAction?: CldUploadEventAction;
|
|
315
|
+
onSuccessAction?: CldUploadEventAction;
|
|
316
|
+
onTagsAction?: CldUploadEventAction;
|
|
317
|
+
onUploadAddedAction?: CldUploadEventAction;
|
|
305
318
|
}
|
|
306
319
|
type CldUploadWidgetPropsChildren = {
|
|
307
320
|
cloudinary: CldUploadWidgetCloudinaryInstance;
|
|
@@ -311,6 +324,7 @@ type CldUploadWidgetPropsChildren = {
|
|
|
311
324
|
results?: CloudinaryUploadWidgetResults;
|
|
312
325
|
} & CloudinaryUploadWidgetInstanceMethods;
|
|
313
326
|
type CldUploadEventCallback = (results: CloudinaryUploadWidgetResults, widget: CldUploadEventCallbackWidget) => void;
|
|
327
|
+
type CldUploadEventAction = (results: CloudinaryUploadWidgetResults) => void;
|
|
314
328
|
type CldUploadEventCallbackNoOptions = (results: CloudinaryUploadWidgetResults, widget: CldUploadWidgetWidgetInstance) => void;
|
|
315
329
|
type CldUploadEventCallbackWidgetOnly = (widget: CldUploadWidgetWidgetInstance) => void;
|
|
316
330
|
type CldUploadEventCallbackError = (error: CloudinaryUploadWidgetError, widget: CldUploadEventCallbackWidget) => void;
|
|
@@ -325,7 +339,7 @@ interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {
|
|
|
325
339
|
children?: JSX.Element | string | Array<JSX.Element | string>;
|
|
326
340
|
onClick?: Function;
|
|
327
341
|
}
|
|
328
|
-
declare const CldUploadButton: ({ className, children, onClick, onError, onOpen, onUpload, onAbort, onBatchCancelled, onClose, onDisplayChanged, onPublicId, onQueuesEnd, onQueuesStart, onRetry, onShowCompleted, onSourceChanged, onSuccess, onTags, onUploadAdded, options, signatureEndpoint, uploadPreset, ...props }: CldUploadButtonProps) => React.JSX.Element;
|
|
342
|
+
declare const CldUploadButton: ({ className, children, onClick, onError, onOpen, onUpload, onAbort, onBatchCancelled, onClose, onDisplayChanged, onPublicId, onQueuesEnd, onQueuesStart, onRetry, onShowCompleted, onSourceChanged, onSuccess, onTags, onUploadAdded, options, signatureEndpoint, uploadPreset, onAbortAction, onBatchCancelledAction, onCloseAction, onDisplayChangedAction, onPublicIdAction, onQueuesEndAction, onQueuesStartAction, onRetryAction, onShowCompletedAction, onSourceChangedAction, onSuccessAction, onTagsAction, onUploadAddedAction, ...props }: CldUploadButtonProps) => React.JSX.Element;
|
|
329
343
|
|
|
330
344
|
/**
|
|
331
345
|
* getCldImageUrl
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var Le=Object.create;var $=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var be=Object.getOwnPropertyNames;var Ne=Object.getPrototypeOf,Me=Object.prototype.hasOwnProperty;var We=(e,t)=>{for(var n in t)$(e,n,{get:t[n],enumerable:!0})},te=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of be(t))!Me.call(e,o)&&o!==n&&$(e,o,{get:()=>t[o],enumerable:!(i=ve(t,o))||i.enumerable});return e};var h=(e,t,n)=>(n=e!=null?Le(Ne(e)):{},te(t||!e||!e.__esModule?$(n,"default",{value:e,enumerable:!0}):n,e)),De=e=>te($({},"__esModule",{value:!0}),e);var Ye={};We(Ye,{CldImage:()=>q,CldOgImage:()=>Q,CldUploadButton:()=>J,CldUploadWidget:()=>k,CldVideoPlayer:()=>Z,cloudinaryLoader:()=>Y,getCldImageUrl:()=>v,getCldOgImageUrl:()=>V,getCldVideoUrl:()=>Ue});module.exports=De(Ye);var b=h(require("react")),pe=h(require("next/image")),ce=require("@cloudinary-util/util"),ue=require("@cloudinary-util/url-loader");var re=h(require("next/package.json"));var oe={name:"next-cloudinary",version:"6.6.1",license:"MIT",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup",dev:"tsup --watch",prepublishOnly:"cp ../README.md . && cp ../LICENSE . && pnpm build",postpublish:"rm ./README.md && rm ./LICENSE",test:"vitest run","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" pnpm build && cd tests/nextjs-app && npm install && npm run build',"test:watch":"vitest"},dependencies:{"@cloudinary-util/types":"1.0.5","@cloudinary-util/url-loader":"5.3.0","@cloudinary-util/util":"^3.0.0","@tsconfig/recommended":"^1.0.3"},devDependencies:{"@babel/core":"^7.23.2","@babel/preset-env":"^7.23.2","@types/node":"^20.11.5","@types/react":"^18.2.33","@types/react-dom":"^18.2.14",dotenv:"^16.3.1",mkdirp:"^3.0.1",tsup:"^7.2.0",typescript:"^5.2.2",vitest:"^1.3.1"},peerDependencies:{next:"^12 || ^13 || ^14",react:"^17 || ^18"}};var ne="A",ie="V",de=le(re.default.version),ae=le(oe.version);function le(e){let t=e;return t.includes("-")&&(t=t.split("-")[0]),t}async function B(e){let{src:t}=e;try{await new Promise((n,i)=>{fetch(t).then(o=>{if(!o.ok){i(o);return}n(o)})})}catch(n){return n.status===423?(await new Promise(i=>setTimeout(()=>i(void 0),200)),await B(e)):!1}return!0}function L(e){let t=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;if(!t)throw new Error("A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.");let n=e?.cloud?.apiKey??process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,i=e?.url?.secureDistribution??process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION,o=e?.url?.privateCdn??process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;return Object.assign({cloud:{...e?.cloud,apiKey:n,cloudName:t},url:{...e?.url,secureDistribution:i,privateCdn:o}},e)}function H(e){return Object.assign({product:ne,sdkCode:ie,sdkSemver:ae,techVersion:de,feature:""},e)}var se=require("@cloudinary-util/url-loader");function v(e,t,n){return(0,se.constructCloudinaryUrl)({options:e,config:L(t),analytics:H(n)})}function Y({loaderOptions:e,imageProps:t,cldOptions:n,cldConfig:i={}}){let o={...t,...n};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof e?.width=="number"&&typeof o.width=="number"&&e.width!==o.width){let d=e.width/o.width;o.width=e.width,typeof o.height=="number"&&(o.height=Math.floor(o.height*d))}else typeof e?.width=="number"&&typeof o?.width!="number"&&(o.width=e?.width);return v(o,i)}var Ve=(0,b.forwardRef)(function(t,n){let i=!1,o=["assetType","config","deliveryType","preserveTransformations","strictTransformations"];ue.transformationPlugins.forEach(({props:r})=>{Object.keys(r).forEach(C=>{if(o.includes(C))throw new Error(`Option ${C} already exists!`);o.push(C)})});let d={alt:t.alt,src:t.src};Object.keys(t).filter(r=>typeof r=="string"&&!o.includes(r)).forEach(r=>d[r]=t[r]);let l=Object.keys(d).map(r=>`${r}:${d[r]}`).join(";"),[O,U]=(0,b.useState)(l),a={};if(o.forEach(r=>{let c=t[r];c&&(a[r]=c||void 0)}),t.preserveTransformations)try{let r=(0,ce.getTransformations)(t.src).map(c=>c.join(","));a.rawTransformations=[...r.flat(),...t.rawTransformations||[]]}catch(r){console.warn(`Failed to preserve transformations: ${r.message}`)}let s=process.env.__NEXT_IMAGE_OPTS||{};(t.unoptimized===!0||s?.unoptimized===!0)&&(d.src=v({...a,width:d.width,height:d.height,src:d.src,format:"default",quality:"default"},t.config));async function _(r){let c=!0;if(i)return;if(i=!0,typeof t.onError=="function"){let T=t.onError(r);typeof T=="boolean"&&T===!1&&(c=!1)}else typeof t.onError=="boolean"&&t.onError===!1&&(c=!1);if(c===!1)return;let C=r.target;await B({src:C.src})&&U(`${l};${Date.now()}`)}let N=(0,b.useCallback)(_,[B,l]),y=pe.default;return"default"in y&&(y=y.default),b.default.createElement(y,{key:O,...d,loader:r=>Y({loaderOptions:r,imageProps:d,cldOptions:a,cldConfig:t.config}),onError:N,ref:n})}),q=Ve;var E=h(require("react")),ge=h(require("next/head"));function V(e){return v({...e,format:e.format||"jpg",width:e.width||1200,height:e.height||627,crop:e.crop||{type:"fill",gravity:"center",source:!0}})}var ke="summary_large_image",Ge=({excludeTags:e=[],twitterTitle:t,keys:n={},...i})=>{let{alt:o}=i,{width:d=1200,height:l=627}=i;d=typeof d=="string"?parseInt(d):d,l=typeof l=="string"?parseInt(l):l;let O=V({...i,width:d,height:l}),U=V({...i,width:d,height:l,format:i.format||"webp"}),a={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...n};return E.default.createElement(ge.default,null,E.default.createElement("meta",{key:a["og:image"],property:"og:image",content:O}),E.default.createElement("meta",{key:a["og:image:secure_url"],property:"og:image:secure_url",content:O}),E.default.createElement("meta",{key:a["og:image:width"],property:"og:image:width",content:`${d}`}),E.default.createElement("meta",{key:a["og:image:height"],property:"og:image:height",content:`${l}`}),o&&E.default.createElement("meta",{key:a["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&E.default.createElement("meta",{key:a["twitter:title"],property:"twitter:title",content:t||" "}),E.default.createElement("meta",{key:a["twitter:card"],property:"twitter:card",content:ke}),E.default.createElement("meta",{key:a["twitter:image"],property:"twitter:image",content:U}))},Q=Ge;var G=h(require("react"));var g=h(require("react")),fe=h(require("next/script"));function me(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Re=["success"],je={abort:"onAbort","batch-cancelled":"onBatchCancelled",close:"onClose","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"},$e=({children:e,config:t,onError:n,onOpen:i,onUpload:o,options:d,signatureEndpoint:l,uploadPreset:O,...U})=>{let a=(0,g.useRef)(),s=(0,g.useRef)(),_=!!l,[N,y]=(0,g.useState)(void 0),[r,c]=(0,g.useState)(void 0),[C,x]=(0,g.useState)(!0),T=L(t),{cloudName:A,apiKey:P}=T?.cloud,w={cloudName:A,uploadPreset:O||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:P,...d};_&&(w.uploadSignature=M,w.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,g.useEffect)(()=>{if(typeof r>"u")return;r.event==="success"&&typeof o=="function"&&(process.env.NODE_ENVIRONMENT==="development"&&console.warn("The onUpload callback is deprecated. Please use onSuccess instead."),o(r,s.current))},[r]);function R(){x(!1),a.current||(a.current=window.cloudinary),me(()=>{s.current||(s.current=ee())})}(0,g.useEffect)(()=>()=>{s.current?.destroy(),s.current=void 0},[]);function M(p,I){if(typeof l>"u")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(l,{method:"POST",body:JSON.stringify({paramsToSign:I}),headers:{"Content-Type":"application/json"}}).then(W=>W.json()).then(({signature:W})=>{p(W)})}function u(p,I=[]){if(s.current||(s.current=ee()),typeof s?.current[p]=="function")return s.current[p](...I)}function S(p){u("close",[p])}function D(p){return u("destroy",[p])}function f(){u("hide")}function j(){return u("isDestroyed")}function Ee(){return u("isMinimized")}function Pe(){return u("isShowing")}function we(){u("minimize")}function _e(p,I){u("open",[p,I]),typeof i=="function"&&i(s.current)}function xe(){u("show")}function Te(){u("update")}let F={close:S,destroy:D,hide:f,isDestroyed:j,isMinimized:Ee,isShowing:Pe,minimize:we,open:_e,show:xe,update:Te};function ee(){return a.current?.createUploadWidget(w,(p,I)=>{if(p&&p!==null&&(y(p),typeof n=="function"&&n(p,{widget:s.current,...F})),typeof I?.event=="string"){Re.includes(I?.event)&&c(I);let W=je[I.event];if(typeof W=="string"&&typeof U[W]=="function"){let Ae=U[W];Ae(I,{widget:s.current,...F})}}})}return g.default.createElement(g.default.Fragment,null,typeof e=="function"&&e({cloudinary:a.current,widget:s.current,results:r,error:N,isLoading:C,...F}),g.default.createElement(fe.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:R,onError:p=>console.error(`Failed to load Cloudinary Upload Widget: ${p.message}`)}))},k=$e;var Be=({className:e,children:t,onClick:n,onError:i,onOpen:o,onUpload:d,onAbort:l,onBatchCancelled:O,onClose:U,onDisplayChanged:a,onPublicId:s,onQueuesEnd:_,onQueuesStart:N,onRetry:y,onShowCompleted:r,onSourceChanged:c,onSuccess:C,onTags:x,onUploadAdded:T,options:A,signatureEndpoint:P,uploadPreset:w,...R})=>G.default.createElement(G.default.Fragment,null,G.default.createElement(k,{onError:i,onOpen:o,onUpload:d,onAbort:l,onBatchCancelled:O,onClose:U,onDisplayChanged:a,onPublicId:s,onQueuesEnd:_,onQueuesStart:N,onRetry:y,onShowCompleted:r,onSourceChanged:c,onSuccess:C,onTags:x,onUploadAdded:T,options:A,signatureEndpoint:P,uploadPreset:w},({open:M,isLoading:u})=>{function S(D){D.preventDefault(),M(),typeof n=="function"&&n(D)}return G.default.createElement("button",{...R,className:e||"",onClick:S,disabled:u},t||"Upload")})),J=Be;var m=h(require("react")),Ce=h(require("next/script")),Ie=h(require("next/head")),he=require("@cloudinary-util/url-loader");var X=[],ye="1.11.1",He=e=>{let{className:t,config:n,height:i,id:o,onDataLoad:d,onError:l,onMetadataLoad:O,onPause:U,onPlay:a,onEnded:s,width:_}=e,N=L(n),y=(0,he.getVideoPlayerOptions)(e,N),{publicId:r}=y;if(typeof r>"u")throw new Error("Video Player requires a Public ID or Cloudinary URL - please specify a src prop");let c=(0,m.useRef)(),C=(0,m.useRef)(),x=e.videoRef||C,T=(0,m.useRef)(),A=e.playerRef||T,P=o||`player-${r.replace("/","-")}`,w="cld-video-player cld-fluid";t&&(w=`${w} ${t}`),X.filter(f=>f===P).length>1?console.warn(`Multiple instances of the same video detected on the
|
|
1
|
+
"use strict";var Le=Object.create;var H=Object.defineProperty;var be=Object.getOwnPropertyDescriptor;var Ne=Object.getOwnPropertyNames;var Me=Object.getPrototypeOf,We=Object.prototype.hasOwnProperty;var Se=(e,t)=>{for(var n in t)H(e,n,{get:t[n],enumerable:!0})},se=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Ne(t))!We.call(e,o)&&o!==n&&H(e,o,{get:()=>t[o],enumerable:!(i=be(t,o))||i.enumerable});return e};var O=(e,t,n)=>(n=e!=null?Le(Me(e)):{},se(t||!e||!e.__esModule?H(n,"default",{value:e,enumerable:!0}):n,e)),De=e=>se(H({},"__esModule",{value:!0}),e);var Xe={};Se(Xe,{CldImage:()=>re,CldOgImage:()=>de,CldUploadButton:()=>ae,CldUploadWidget:()=>R,CldVideoPlayer:()=>le,cloudinaryLoader:()=>F,getCldImageUrl:()=>b,getCldOgImageUrl:()=>G,getCldVideoUrl:()=>ve});module.exports=De(Xe);var N=O(require("react")),Ie=O(require("next/image")),he=require("@cloudinary-util/util"),Ue=require("@cloudinary-util/url-loader");var ce=O(require("next/package.json"));var pe={name:"next-cloudinary",version:"6.7.0",license:"MIT",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup",dev:"tsup --watch",prepublishOnly:"cp ../README.md . && cp ../LICENSE . && pnpm build",postpublish:"rm ./README.md && rm ./LICENSE",test:"vitest run","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" pnpm build && cd tests/nextjs-app && npm install && npm run build',"test:watch":"vitest"},dependencies:{"@cloudinary-util/types":"1.0.5","@cloudinary-util/url-loader":"5.3.1","@cloudinary-util/util":"^3.0.0","@tsconfig/recommended":"^1.0.3"},devDependencies:{"@babel/core":"^7.23.2","@babel/preset-env":"^7.23.2","@types/node":"^20.11.5","@types/react":"^18.2.33","@types/react-dom":"^18.2.14",dotenv:"^16.3.1",mkdirp:"^3.0.1",tsup:"^7.2.0",typescript:"^5.2.2",vitest:"^1.3.1"},peerDependencies:{next:"^12 || ^13 || ^14",react:"^17 || ^18"}};var ue="A",ge="V",me=ye(ce.default.version),fe=ye(pe.version);function ye(e){let t=e;return t.includes("-")&&(t=t.split("-")[0]),t}async function Y(e){let{src:t}=e;try{await new Promise((n,i)=>{fetch(t).then(o=>{if(!o.ok){i(o);return}n(o)})})}catch(n){return n.status===423?(await new Promise(i=>setTimeout(()=>i(void 0),200)),await Y(e)):!1}return!0}function L(e){let t=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;if(!t)throw new Error("A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.");let n=e?.cloud?.apiKey??process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,i=e?.url?.secureDistribution??process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION,o=e?.url?.privateCdn??process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;return Object.assign({cloud:{...e?.cloud,apiKey:n,cloudName:t},url:{...e?.url,secureDistribution:i,privateCdn:o}},e)}function X(e){return Object.assign({product:ue,sdkCode:ge,sdkSemver:fe,techVersion:me,feature:""},e)}var Ce=require("@cloudinary-util/url-loader");function b(e,t,n){return(0,Ce.constructCloudinaryUrl)({options:e,config:L(t),analytics:X(n)})}function F({loaderOptions:e,imageProps:t,cldOptions:n,cldConfig:i={}}){let o={...t,...n};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof e?.width=="number"&&typeof o.width=="number"&&e.width!==o.width){let d=e.width/o.width;o.width=e.width,typeof o.height=="number"&&(o.height=Math.floor(o.height*d))}else typeof e?.width=="number"&&typeof o?.width!="number"&&(o.width=e?.width);return b(o,i)}var ke=(0,N.forwardRef)(function(t,n){let i=!1,o=["assetType","config","deliveryType","preserveTransformations","strictTransformations"];Ue.transformationPlugins.forEach(({props:r})=>{Object.keys(r).forEach(h=>{if(o.includes(h))throw new Error(`Option ${h} already exists!`);o.push(h)})});let d={alt:t.alt,src:t.src};Object.keys(t).filter(r=>typeof r=="string"&&!o.includes(r)).forEach(r=>d[r]=t[r]);let s=Object.keys(d).map(r=>`${r}:${d[r]}`).join(";"),[E,C]=(0,N.useState)(s),a={};if(o.forEach(r=>{let c=t[r];c&&(a[r]=c||void 0)}),t.preserveTransformations)try{let r=(0,he.getTransformations)(t.src).map(c=>c.join(","));a.rawTransformations=[...r.flat(),...t.rawTransformations||[]]}catch(r){console.warn(`Failed to preserve transformations: ${r.message}`)}let p=process.env.__NEXT_IMAGE_OPTS||{};(t.unoptimized===!0||p?.unoptimized===!0)&&(d.src=b({...a,width:d.width,height:d.height,src:d.src,format:"default",quality:"default"},t.config));async function _(r){let c=!0;if(i)return;if(i=!0,typeof t.onError=="function"){let T=t.onError(r);typeof T=="boolean"&&T===!1&&(c=!1)}else typeof t.onError=="boolean"&&t.onError===!1&&(c=!1);if(c===!1)return;let h=r.target;await Y({src:h.src})&&C(`${s};${Date.now()}`)}let M=(0,N.useCallback)(_,[Y,s]),I=Ie.default;return"default"in I&&(I=I.default),N.default.createElement(I,{key:E,...d,loader:r=>F({loaderOptions:r,imageProps:d,cldOptions:a,cldConfig:t.config}),onError:M,ref:n})}),re=ke;var P=O(require("react")),Oe=O(require("next/head"));function G(e){return b({...e,format:e.format||"jpg",width:e.width||1200,height:e.height||627,crop:e.crop||{type:"fill",gravity:"center",source:!0}})}var Ge="summary_large_image",Re=({excludeTags:e=[],twitterTitle:t,keys:n={},...i})=>{let{alt:o}=i,{width:d=1200,height:s=627}=i;d=typeof d=="string"?parseInt(d):d,s=typeof s=="string"?parseInt(s):s;let E=G({...i,width:d,height:s}),C=G({...i,width:d,height:s,format:i.format||"webp"}),a={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...n};return P.default.createElement(Oe.default,null,P.default.createElement("meta",{key:a["og:image"],property:"og:image",content:E}),P.default.createElement("meta",{key:a["og:image:secure_url"],property:"og:image:secure_url",content:E}),P.default.createElement("meta",{key:a["og:image:width"],property:"og:image:width",content:`${d}`}),P.default.createElement("meta",{key:a["og:image:height"],property:"og:image:height",content:`${s}`}),o&&P.default.createElement("meta",{key:a["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&P.default.createElement("meta",{key:a["twitter:title"],property:"twitter:title",content:t||" "}),P.default.createElement("meta",{key:a["twitter:card"],property:"twitter:card",content:Ge}),P.default.createElement("meta",{key:a["twitter:image"],property:"twitter:image",content:C}))},de=Re;var j=O(require("react"));var f=O(require("react")),Pe=O(require("next/script"));function Ee(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var je=["success"],$e={abort:"onAbort","batch-cancelled":"onBatchCancelled",close:"onClose","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"},Be=({children:e,config:t,onError:n,onOpen:i,onUpload:o,options:d,signatureEndpoint:s,uploadPreset:E,...C})=>{let a=(0,f.useRef)(),p=(0,f.useRef)(),_=!!s,[M,I]=(0,f.useState)(void 0),[r,c]=(0,f.useState)(void 0),[h,x]=(0,f.useState)(!0),T=L(t),{cloudName:v,apiKey:w}=T?.cloud,A={cloudName:v,uploadPreset:E||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:w,...d};_&&(A.uploadSignature=W,A.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,f.useEffect)(()=>{if(typeof r>"u")return;r.event==="success"&&typeof o=="function"&&(process.env.NODE_ENVIRONMENT==="development"&&console.warn("The onUpload callback is deprecated. Please use onSuccess instead."),o(r,p.current))},[r]);function $(){x(!1),a.current||(a.current=window.cloudinary),Ee(()=>{p.current||(p.current=B())})}(0,f.useEffect)(()=>()=>{p.current?.destroy(),p.current=void 0},[]);function W(l,m){if(typeof s>"u")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(s,{method:"POST",body:JSON.stringify({paramsToSign:m}),headers:{"Content-Type":"application/json"}}).then(U=>U.json()).then(({signature:U})=>{l(U)})}function u(l,m=[]){if(p.current||(p.current=B()),typeof p?.current[l]=="function")return p.current[l](...m)}function D(l){u("close",[l])}function V(l){return u("destroy",[l])}function g(){u("hide")}function S(){return u("isDestroyed")}function z(){return u("isMinimized")}function K(){return u("isShowing")}function Q(){u("minimize")}function J(l,m){u("open",[l,m]),typeof i=="function"&&i(p.current)}function Z(){u("show")}function ee(){u("update")}let k={close:D,destroy:V,hide:g,isDestroyed:S,isMinimized:z,isShowing:K,minimize:Q,open:J,show:Z,update:ee};function B(){return a.current?.createUploadWidget(A,(l,m)=>{if(l&&l!==null&&(I(l),typeof n=="function"&&n(l,{widget:p.current,...k})),typeof m?.event=="string"){je.includes(m?.event)&&c(m);let U=$e[m.event];if(typeof U=="string"&&typeof C[U]=="function"){let oe=C[U];oe(m,{widget:p.current,...k})}let te=`${U}Action`;if(te&&typeof C[te]=="function"){let oe=C[te];oe(m)}}})}return f.default.createElement(f.default.Fragment,null,typeof e=="function"&&e({cloudinary:a.current,widget:p.current,results:r,error:M,isLoading:h,...k}),f.default.createElement(Pe.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:$,onError:l=>console.error(`Failed to load Cloudinary Upload Widget: ${l.message}`)}))},R=Be;var He=({className:e,children:t,onClick:n,onError:i,onOpen:o,onUpload:d,onAbort:s,onBatchCancelled:E,onClose:C,onDisplayChanged:a,onPublicId:p,onQueuesEnd:_,onQueuesStart:M,onRetry:I,onShowCompleted:r,onSourceChanged:c,onSuccess:h,onTags:x,onUploadAdded:T,options:v,signatureEndpoint:w,uploadPreset:A,onAbortAction:$,onBatchCancelledAction:W,onCloseAction:u,onDisplayChangedAction:D,onPublicIdAction:V,onQueuesEndAction:g,onQueuesStartAction:S,onRetryAction:z,onShowCompletedAction:K,onSourceChangedAction:Q,onSuccessAction:J,onTagsAction:Z,onUploadAddedAction:ee,...k})=>j.default.createElement(j.default.Fragment,null,j.default.createElement(R,{onError:i,onOpen:o,onUpload:d,onAbort:s,onBatchCancelled:E,onClose:C,onDisplayChanged:a,onPublicId:p,onQueuesEnd:_,onQueuesStart:M,onRetry:I,onShowCompleted:r,onSourceChanged:c,onSuccess:h,onTags:x,onUploadAdded:T,options:v,signatureEndpoint:w,uploadPreset:A,onAbortAction:$,onBatchCancelledAction:W,onCloseAction:u,onDisplayChangedAction:D,onPublicIdAction:V,onQueuesEndAction:g,onQueuesStartAction:S,onRetryAction:z,onShowCompletedAction:K,onSourceChangedAction:Q,onSuccessAction:J,onTagsAction:Z,onUploadAddedAction:ee},({open:B,isLoading:l})=>{function m(U){U.preventDefault(),B(),typeof n=="function"&&n(U)}return j.default.createElement("button",{...k,className:e||"",onClick:m,disabled:l},t||"Upload")})),ae=He;var y=O(require("react")),Ae=O(require("next/script")),_e=O(require("next/head")),xe=require("@cloudinary-util/url-loader");var q=[],we="1.11.1",Ye=e=>{let{className:t,config:n,height:i,id:o,onDataLoad:d,onError:s,onMetadataLoad:E,onPause:C,onPlay:a,onEnded:p,width:_}=e,M=L(n),I=(0,xe.getVideoPlayerOptions)(e,M),{publicId:r}=I;if(typeof r>"u")throw new Error("Video Player requires a Public ID or Cloudinary URL - please specify a src prop");let c=(0,y.useRef)(),h=(0,y.useRef)(),x=e.videoRef||h,T=(0,y.useRef)(),v=e.playerRef||T,w=o||`player-${r.replace("/","-")}`,A="cld-video-player cld-fluid";t&&(A=`${A} ${t}`),q.filter(g=>g===w).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.`):q.push(w);let W={error:s,loadeddata:d,loadedmetadata:E,pause:C,play:a,ended:p};function u(g){let S=W[g.type];typeof S=="function"&&S(V())}function D(){"cloudinary"in window&&(c.current=window.cloudinary,v.current=c.current.videoPlayer(x.current,I),Object.keys(W).forEach(g=>{typeof W[g]=="function"&&v.current?.on(g,u)}))}(0,y.useEffect)(()=>()=>{v.current?.videojs.cloudinary.dispose(),q=q.filter(g=>g!==w)},[]);function V(){return{player:v.current,video:x.current}}return y.default.createElement(y.default.Fragment,null,y.default.createElement(_e.default,null,y.default.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${we}/dist/cld-video-player.min.css`,rel:"stylesheet"})),y.default.createElement("div",{style:{width:"100%",aspectRatio:`${_} / ${i}`}},y.default.createElement("video",{ref:x,id:w,className:A,width:_,height:i}),y.default.createElement(Ae.default,{id:`cloudinary-videoplayer-${w}-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${we}/dist/cld-video-player.min.js`,onLoad:D,onError:g=>console.error(`Failed to load Cloudinary Video Player: ${g.message}`)})))},le=Ye;var Te=require("@cloudinary-util/url-loader");function ve(e,t,n){return(0,Te.constructCloudinaryUrl)({options:{assetType:"video",format:"auto:video",...e},config:L(t),analytics:X(n)})}0&&(module.exports={CldImage,CldOgImage,CldUploadButton,CldUploadWidget,CldVideoPlayer,cloudinaryLoader,getCldImageUrl,getCldOgImageUrl,getCldVideoUrl});
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/components/CldImage/CldImage.tsx","../src/constants/analytics.ts","../package.json","../src/lib/cloudinary.ts","../src/helpers/getCldImageUrl.ts","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/helpers/getCldOgImageUrl.ts","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldVideoUrl.ts"],"sourcesContent":["export { default as CldImage } from './components/CldImage';\nexport type { CldImageProps } from './components/CldImage';\n\nexport { default as CldOgImage } from './components/CldOgImage';\nexport type { CldOgImageProps } from './components/CldOgImage';\n\nexport { default as CldUploadButton } from './components/CldUploadButton';\nexport type { CldUploadButtonProps } from './components/CldUploadButton';\n\nexport { default as CldUploadWidget } from './components/CldUploadWidget';\nexport type { CldUploadWidgetProps, CldUploadWidgetPropsChildren } from './components/CldUploadWidget';\nexport type {\n CloudinaryUploadWidgetOptions,\n CloudinaryUploadWidgetResults,\n CloudinaryUploadWidgetInfo,\n CloudinaryUploadWidgetInstanceMethods,\n CloudinaryUploadWidgetInstanceMethodCloseOptions,\n CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n CloudinaryUploadWidgetInstanceMethodOpenOptions,\n CloudinaryUploadWidgetInstanceMethodUpdateOptions,\n CloudinaryUploadWidgetSources,\n CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nexport { default as CldVideoPlayer } from './components/CldVideoPlayer';\nexport type { CldVideoPlayerProps, CldVideoPlayerPropsLogo } from './components/CldVideoPlayer';\nexport type { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsColors, CloudinaryVideoPlayerOptionsLogo } from '@cloudinary-util/types';\n\nexport { cloudinaryLoader } from './loaders/cloudinary-loader';\nexport type { CloudinaryLoader, CloudinaryLoaderLoaderOptions, CloudinaryLoaderCldOptions } from './loaders/cloudinary-loader';\n\nexport { getCldImageUrl } from './helpers/getCldImageUrl';\nexport type { GetCldImageUrlOptions, GetCldImageUrlConfig, GetCldImageUrlAnalytics } from './helpers/getCldImageUrl';\n\nexport { getCldOgImageUrl } from './helpers/getCldOgImageUrl';\nexport type { GetCldOgImageUrlOptions } from './helpers/getCldOgImageUrl';\n\nexport { getCldVideoUrl } from './helpers/getCldVideoUrl';\nexport type { GetCldVideoUrlOptions, GetCldVideoUrlConfig, GetCldVideoUrlAnalytics } from './helpers/getCldVideoUrl';","import React, { useState, useCallback, forwardRef, SyntheticEvent } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { 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' | 'quality'> & 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 // Add props here that are intended to only be used for\n // Cloudinary URL construction to avoid them being forwarded\n // to the DOM\n\n const CLD_OPTIONS = [\n 'assetType',\n 'config',\n 'deliveryType',\n 'preserveTransformations',\n 'strictTransformations',\n ];\n\n // Loop through all of the props available on the transformation plugins and verify\n // that we're not accientally applying the same prop twice\n\n // We're also using those props to push into CLD_OPTIONS which helps us filter what\n // props are applied to the underlaying Image component vs what's being sent\n // to Cloudinary URL construction\n\n transformationPlugins.forEach(({ props }: { props: Record<string, unknown> }) => {\n const pluginProps = Object.keys(props);\n pluginProps.forEach(prop => {\n if ( CLD_OPTIONS.includes(prop) ) {\n throw new Error(`Option ${prop} already exists!`);\n }\n CLD_OPTIONS.push(prop);\n });\n });\n\n // Construct the base Image component props by filtering out Cloudinary-specific props\n\n const imageProps: ImageProps = {\n alt: props.alt,\n src: props.src,\n };\n\n (Object.keys(props) as Array<keyof typeof props>)\n .filter(key => typeof key === 'string' && !CLD_OPTIONS.includes(key))\n .forEach(key => imageProps[key as keyof ImageProps] = props[key]);\n\n const defaultImgKey = (Object.keys(imageProps) as Array<keyof typeof imageProps>).map(key => `${key}:${imageProps[key]}`).join(';');\n const [imgKey, setImgKey] = useState(defaultImgKey);\n\n // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n type CldOptions = Omit<ImageOptions, 'src'>;\n\n const cldOptions: CldOptions = {};\n\n CLD_OPTIONS.forEach((key) => {\n const prop = props[key as keyof ImageOptions];\n if ( prop ) {\n cldOptions[key as keyof CldOptions] = prop || 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","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID = 'A';\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_VERSION = normalizeVersion(nextPkg.version);\nexport const NEXT_CLOUDINARY_VERSION = normalizeVersion(pkg.version);\n\nfunction normalizeVersion(version: string) {\n let normalized = version;\n if ( normalized.includes('-') ) {\n normalized = normalized.split('-')[0];\n }\n return normalized;\n}","{\n \"name\": \"next-cloudinary\",\n \"version\": \"6.6.1\",\n \"license\": \"MIT\",\n \"main\": \"./dist/index.js\",\n \"module\": \"./dist/index.mjs\",\n \"types\": \"./dist/index.d.ts\",\n \"source\": \"src/index.ts\",\n \"scripts\": {\n \"build\": \"tsup\",\n \"dev\": \"tsup --watch\",\n \"prepublishOnly\": \"cp ../README.md . && cp ../LICENSE . && pnpm build\",\n \"postpublish\": \"rm ./README.md && rm ./LICENSE\",\n \"test\": \"vitest run\",\n \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" pnpm build && cd tests/nextjs-app && npm install && npm run build\",\n \"test:watch\": \"vitest\"\n },\n \"dependencies\": {\n \"@cloudinary-util/types\": \"1.0.5\",\n \"@cloudinary-util/url-loader\": \"5.3.0\",\n \"@cloudinary-util/util\": \"^3.0.0\",\n \"@tsconfig/recommended\": \"^1.0.3\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.23.2\",\n \"@babel/preset-env\": \"^7.23.2\",\n \"@types/node\": \"^20.11.5\",\n \"@types/react\": \"^18.2.33\",\n \"@types/react-dom\": \"^18.2.14\",\n \"dotenv\": \"^16.3.1\",\n \"mkdirp\": \"^3.0.1\",\n \"tsup\": \"^7.2.0\",\n \"typescript\": \"^5.2.2\",\n \"vitest\": \"^1.3.1\"\n },\n \"peerDependencies\": {\n \"next\": \"^12 || ^13 || ^14\",\n \"react\": \"^17 || ^18\"\n }\n}\n","import { AnalyticsOptions, ConfigOptions } from \"@cloudinary-util/url-loader\";\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * pollForProcessingImage\n */\n\nexport interface PollForProcessingImageOptions {\n src: string;\n}\n\nexport async function pollForProcessingImage(options: PollForProcessingImageOptions): Promise<boolean> {\n const { src } = options;\n try {\n await new Promise((resolve, reject) => {\n fetch(src).then(res => {\n if ( !res.ok ) {\n reject(res);\n return;\n }\n resolve(res);\n });\n });\n } catch(e: any) {\n // Timeout for 200ms before trying to fetch again to avoid overwhelming requests\n\n if ( e.status === 423 ) {\n await new Promise((resolve) => setTimeout(() => resolve(undefined), 200));\n return await pollForProcessingImage(options);\n }\n return false;\n }\n return true;\n}\n\n/**\n * getCloudinaryConfig\n */\n\nexport function getCloudinaryConfig(config?: ConfigOptions) {\n const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n\n if (!cloudName) {\n throw new Error('A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.');\n }\n\n const apiKey = config?.cloud?.apiKey ?? process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY;\n const secureDistribution = config?.url?.secureDistribution ?? process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION;\n const privateCdn = config?.url?.privateCdn ?? process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;\n\n return Object.assign({\n cloud: {\n ...config?.cloud,\n apiKey,\n cloudName\n },\n url: {\n ...config?.url,\n secureDistribution,\n privateCdn\n }\n }, config);\n}\n\n/**\n * getCloudinaryAnalytics\n */\n\nexport function getCloudinaryAnalytics(analytics?: AnalyticsOptions) {\n return Object.assign({\n product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }, analytics)\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldImageUrlOptions = ImageOptions;\nexport type GetCldImageUrlConfig = ConfigOptions;\nexport type GetCldImageUrlAnalytics = AnalyticsOptions;\n\nexport function getCldImageUrl(options: GetCldImageUrlOptions, config?: GetCldImageUrlConfig, analytics?: GetCldImageUrlAnalytics) {\n return constructCloudinaryUrl({\n options,\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n}\n\nexport interface CloudinaryLoaderLoaderOptions {\n height?: string | number;\n width?: string | number;\n}\n\nexport interface CloudinaryLoader {\n loaderOptions: CloudinaryLoaderLoaderOptions;\n imageProps: ImageProps;\n cldOptions: CloudinaryLoaderCldOptions;\n cldConfig?: object;\n}\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }: CloudinaryLoader) {\n const options = {\n ...imageProps,\n ...cldOptions\n }\n\n options.width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n options.height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n \n // // The loader options are used to create dynamic sizing when working with responsive images\n // // so these should override the default options collected from the props alone if\n // // the results are different. While we don't always use the height in the loader logic,\n // // we always pass it here, as the usage is determined later based on cropping.js\n\n if ( typeof loaderOptions?.width === 'number' && typeof options.width === 'number' && loaderOptions.width !== options.width ) {\n const multiplier = loaderOptions.width / options.width;\n \n options.width = loaderOptions.width;\n\n // The height may change based off of the value passed through via the loader options\n // In an example where the user sizes is 800x600, but the loader is passing in 400\n // due to responsive sizing, we want to ensure we're using a height that will\n // resolve to the same aspect ratio\n \n if ( typeof options.height === 'number' ) {\n options.height = Math.floor(options.height * multiplier);\n }\n } else if ( typeof loaderOptions?.width === 'number' && typeof options?.width !== 'number' ) {\n // If we don't have a width on the options object, this may mean that the component is using\n // the fill option: https://nextjs.org/docs/pages/api-reference/components/image#fill\n // The Fill option does not allow someone to pass in a width or a height\n // If this is the case, we still need to define a width for sizing optimization but also\n // for responsive sizing to take effect, so we can utilize the loader width for the base width\n options.width = loaderOptions?.width;\n }\n\n // @ts-ignore\n return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldOgImageUrl } from '../../helpers/getCldOgImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../../constants/sizes';\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport type CldOgImageProps = CldImageProps & {\n excludeTags?: Array<string>;\n keys?: object;\n twitterTitle?: string;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, keys = {}, ...props }: CldOgImageProps) => {\n const { alt } = props;\n\n // We need to separately handle the width and the height to allow our user to pass in\n // a custom value, but also we need to know this at the component level so that we can\n // use it when rendering the meta tags\n\n let {\n width = OG_IMAGE_WIDTH,\n height = OG_IMAGE_HEIGHT\n } = props;\n\n // Normalize the width and height\n\n width = typeof width === 'string' ? parseInt(width) : width;\n height = typeof height === 'string' ? parseInt(height) : height;\n\n // Render the final URLs. We use two different format versions to deliver\n // webp for Twitter as it supports it (and we can control with tags) where\n // other platforms may not support webp, so we deliver jpg\n\n const ogImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height\n });\n\n const twitterImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height,\n format: props.format || 'webp',\n });\n\n const metaKeys = {\n 'og:image': 'og-image',\n 'og:image:secure_url': 'og-image-secureurl',\n 'og:image:width': 'og-image-width',\n 'og:image:height': 'og-image-height',\n 'og:image:alt': 'og-image-alt',\n 'twitter:title': 'twitter-title',\n 'twitter:card': 'twitter-card',\n 'twitter:image': 'twitter-image',\n ...keys\n }\n\n // We need to include the tags within the Next.js Head component rather than\n // direcly adding them inside of the Head otherwise we get unexpected results\n\n return (\n <Head>\n <meta key={metaKeys['og:image']} property=\"og:image\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:secure_url']} property=\"og:image:secure_url\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:width']} property=\"og:image:width\" content={`${width}`} />\n <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${height}`} />\n\n {alt && (\n <meta key={metaKeys['og:image:alt']} property=\"og:image:alt\" content={alt} />\n )}\n\n {/* Required for summary_large_image, exclude vai excludeTags */}\n {/* https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image */}\n\n {!excludeTags.includes('twitter:title') && (\n <meta key={metaKeys['twitter:title']} property=\"twitter:title\" content={twitterTitle || ' '} />\n )}\n\n <meta key={metaKeys['twitter:card']} property=\"twitter:card\" content={TWITTER_CARD} />\n <meta key={metaKeys['twitter:image']} property=\"twitter:image\" content={twitterImageUrl} />\n </Head>\n );\n}\n\nexport default CldOgImage;\n","import { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldOgImageUrlOptions = GetCldImageUrlOptions;\n\nexport function getCldOgImageUrl(options: GetCldOgImageUrlOptions) {\n return getCldImageUrl({\n ...options,\n format: options.format || 'jpg',\n width: options.width || OG_IMAGE_WIDTH,\n height: options.height || OG_IMAGE_HEIGHT,\n crop: options.crop || {\n type: 'fill',\n gravity: 'center',\n source: true\n }\n });\n}","import React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n className?: string;\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n className,\n children,\n onClick,\n onError,\n onOpen,\n onUpload,\n onAbort,\n onBatchCancelled,\n onClose,\n onDisplayChanged,\n onPublicId,\n onQueuesEnd,\n onQueuesStart,\n onRetry,\n onShowCompleted,\n onSourceChanged,\n onSuccess,\n onTags,\n onUploadAdded,\n options,\n signatureEndpoint,\n uploadPreset,\n ...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';\nimport {\n CloudinaryUploadWidgetResults,\n CloudinaryUploadWidgetInstanceMethods,\n CloudinaryUploadWidgetInstanceMethodCloseOptions,\n CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n CloudinaryUploadWidgetInstanceMethodOpenOptions,\n CloudinaryUploadWidgetSources,\n CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport {\n CldUploadEventCallback,\n CldUploadWidgetCloudinaryInstance,\n CldUploadWidgetProps,\n CldUploadWidgetWidgetInstance,\n} from './CldUploadWidget.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nconst WIDGET_WATCHED_EVENTS = [\n 'success',\n];\n\nconst WIDGET_EVENTS: { [key: string]: string } = {\n 'abort': 'onAbort',\n 'batch-cancelled': 'onBatchCancelled',\n 'close': 'onClose',\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\nconst CldUploadWidget = ({\n children,\n config,\n onError,\n onOpen,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadWidgetProps) => {\n const cloudinary: CldUploadWidgetCloudinaryInstance = useRef();\n const widget: CldUploadWidgetWidgetInstance = useRef();\n\n const signed = !!signatureEndpoint;\n\n const [error, setError] = useState<CloudinaryUploadWidgetError | undefined>(undefined);\n const [results, setResults] = useState<CloudinaryUploadWidgetResults | undefined>(undefined);\n const [isScriptLoading, setIsScriptLoading] = useState(true);\n\n // When creating a signed upload, you need to provide both your Cloudinary API Key\n // as well as a signature generator function that will sign any paramters\n // either on page load or during the upload process. Read more about signed uploads at:\n // https://cloudinary.com/documentation/upload_widget#signed_uploads\n\n const cloudinaryConfig = getCloudinaryConfig(config);\n const { cloudName, apiKey } = cloudinaryConfig?.cloud;\n\n const uploadOptions = {\n cloudName,\n uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n apiKey,\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\n if ( isSuccess && typeof onUpload === 'function' ) {\n if ( process.env.NODE_ENVIRONMENT === 'development' ) {\n console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');\n }\n onUpload(results, widget.current);\n }\n }, [results])\n\n /**\n * handleOnLoad\n * @description Stores the Cloudinary window instance to a ref when the widget script loads\n */\n\n function handleOnLoad() {\n setIsScriptLoading(false);\n\n if ( !cloudinary.current ) {\n cloudinary.current = (window as any).cloudinary;\n }\n\n // To help improve load time of the widget on first instance, use requestIdleCallback\n // to trigger widget creation. Optional.\n\n triggerOnIdle(() => {\n if ( !widget.current ) {\n widget.current = createWidget();\n }\n });\n }\n\n useEffect(() => {\n return () => {\n widget.current?.destroy();\n widget.current = undefined;\n }\n }, [])\n\n /**\n * 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 headers: {\n 'Content-Type': 'application/json'\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 CloudinaryUploadWidgetInstanceMethods\n >(\n method: TMethod,\n options: Parameters<\n CloudinaryUploadWidgetInstanceMethods[TMethod]\n > = [] as Parameters<CloudinaryUploadWidgetInstanceMethods[TMethod]>\n ) {\n if (!widget.current) {\n widget.current = createWidget();\n }\n\n if (typeof widget?.current[method] === \"function\") {\n return widget.current[method](...options);\n }\n }\n\n function close(options?: CloudinaryUploadWidgetInstanceMethodCloseOptions) {\n invokeInstanceMethod('close', [options]);\n }\n\n function destroy(options?: CloudinaryUploadWidgetInstanceMethodDestroyOptions) {\n return invokeInstanceMethod('destroy', [options]);\n }\n\n function hide() {\n invokeInstanceMethod('hide');\n }\n\n function isDestroyed() {\n return invokeInstanceMethod('isDestroyed');\n }\n\n function isMinimized() {\n return invokeInstanceMethod('isMinimized');\n }\n\n function isShowing() {\n return invokeInstanceMethod('isShowing');\n }\n\n function minimize() {\n invokeInstanceMethod('minimize');\n }\n\n function open(widgetSource?: CloudinaryUploadWidgetSources, options?: CloudinaryUploadWidgetInstanceMethodOpenOptions) {\n invokeInstanceMethod('open', [widgetSource, options]);\n\n if ( typeof onOpen === 'function' ) {\n onOpen(widget.current);\n }\n }\n\n function show() {\n invokeInstanceMethod('show');\n }\n\n function update() {\n invokeInstanceMethod('update');\n }\n\n const instanceMethods: CloudinaryUploadWidgetInstanceMethods = {\n close,\n destroy,\n hide,\n isDestroyed,\n isMinimized,\n isShowing,\n minimize,\n open,\n show,\n update,\n }\n\n /**\n * createWidget\n * @description Creates a new instance of the Cloudinary widget and stores in a ref\n */\n\n function createWidget() {\n return cloudinary.current?.createUploadWidget(uploadOptions, (uploadError: CloudinaryUploadWidgetError, uploadResult: CloudinaryUploadWidgetResults) => {\n if ( uploadError && uploadError !== null ) {\n setError(uploadError);\n\n if ( typeof onError === 'function' ) {\n onError(uploadError, {\n widget: widget.current,\n ...instanceMethods\n });\n }\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' ) {\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 * triggerOnIdle\n * @see MDN Polyfill https://github.com/behnammodi/polyfill/blob/master/window.polyfill.js#L7-L24\n */\n\nexport function triggerOnIdle(callback: any) {\n if ( window && 'requestIdleCallback' in window ) {\n return requestIdleCallback(callback);\n }\n return setTimeout(() => callback(), 1);\n}","import React, {useRef, MutableRefObject, useEffect} from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\nimport { CloudinaryVideoPlayer } from '@cloudinary-util/types';\nimport { getVideoPlayerOptions } from '@cloudinary-util/url-loader';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nlet playerInstances: string[] = [];\n\nconst PLAYER_VERSION = '1.11.1';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n\n const {\n className,\n config,\n height,\n id,\n onDataLoad,\n onError,\n onMetadataLoad,\n onPause,\n onPlay,\n onEnded,\n width,\n } = props as CldVideoPlayerProps;\n\n\n const cloudinaryConfig = getCloudinaryConfig(config);\n const playerOptions = getVideoPlayerOptions(props, cloudinaryConfig);\n const { publicId } = playerOptions;\n\n if ( typeof publicId === 'undefined' ) {\n throw new Error('Video Player requires a Public ID or Cloudinary URL - please specify a src prop');\n }\n\n // Setup the refs and allow for the caller to pass through their\n // own ref instance\n\n const cloudinaryRef = useRef<any>();\n const defaultVideoRef = useRef() as MutableRefObject<HTMLVideoElement | null>;\n const videoRef = props.videoRef || defaultVideoRef;\n const defaultPlayerRef = useRef()as MutableRefObject<CloudinaryVideoPlayer | null>;\n const playerRef = props.playerRef || defaultPlayerRef;\n\n const playerId = id || `player-${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 playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, playerOptions);\n\n Object.keys(events).forEach((key) => {\n if ( typeof events[key] === 'function' ) {\n playerRef.current?.on(key, handleEvent);\n }\n });\n }\n }\n\n useEffect(() => {\n\n return () => {\n //@ts-ignore\n playerRef.current?.videojs.cloudinary.dispose();\n playerInstances = playerInstances.filter((id) => id !== playerId)\n }\n }, []);\n\n /**\n *getPlayerRefs\n */\n\n function getPlayerRefs() {\n return {\n player: playerRef.current,\n video: videoRef.current\n }\n }\n\n return (\n <>\n <Head>\n <link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n </Head>\n <div style={{ width: '100%', aspectRatio: `${width} / ${height}`}}>\n <video\n ref={videoRef}\n id={playerId}\n className={playerClassName}\n width={width}\n height={height}\n />\n <Script\n id={`cloudinary-videoplayer-${playerId}-${Math.floor(Math.random() * 100)}`}\n src={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`}\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)}\n />\n </div>\n </>\n );\n};\n\nexport default CldVideoPlayer;\n","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { VideoOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldVideoUrl\n */\n\nexport type GetCldVideoUrlOptions = VideoOptions;\nexport type GetCldVideoUrlConfig = ConfigOptions;\nexport type GetCldVideoUrlAnalytics = AnalyticsOptions;\n\nexport function getCldVideoUrl(options: GetCldVideoUrlOptions, config?: GetCldVideoUrlConfig, analytics?: GetCldVideoUrlAnalytics) {\n return constructCloudinaryUrl({\n options: {\n assetType: 'video',\n format: 'auto:video',\n ...options\n },\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n"],"mappings":"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","names":["src_exports","__export","CldImage_default","CldOgImage_default","CldUploadButton_default","CldUploadWidget_default","CldVideoPlayer_default","cloudinaryLoader","getCldImageUrl","getCldOgImageUrl","getCldVideoUrl","__toCommonJS","import_react","import_image","import_util","import_url_loader","import_package","package_default","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_VERSION","normalizeVersion","nextPkg","NEXT_CLOUDINARY_VERSION","package_default","version","normalized","pollForProcessingImage","options","src","resolve","reject","res","e","getCloudinaryConfig","config","cloudName","apiKey","secureDistribution","privateCdn","getCloudinaryAnalytics","analytics","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","import_url_loader","getCldImageUrl","options","config","analytics","getCloudinaryConfig","getCloudinaryAnalytics","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","ref","hasThrownError","CLD_OPTIONS","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","cldOptions","transformations","t","e","IMAGE_OPTIONS","getCldImageUrl","onError","options","pollForImage","onErrorResult","image","pollForProcessingImage","handleOnError","ResolvedImage","Image","React","loaderOptions","cloudinaryLoader","CldImage_default","import_react","import_head","getCldOgImageUrl","options","getCldImageUrl","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","width","height","ogImageUrl","getCldOgImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","import_react","import_react","import_script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","WIDGET_EVENTS","CldUploadWidget","children","config","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","props","cloudinary","widget","signed","error","setError","results","setResults","isScriptLoading","setIsScriptLoading","cloudinaryConfig","getCloudinaryConfig","cloudName","apiKey","uploadOptions","generateSignature","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","invokeInstanceMethod","method","close","destroy","hide","isDestroyed","isMinimized","isShowing","minimize","open","widgetSource","show","update","instanceMethods","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_url_loader","playerInstances","PLAYER_VERSION","CldVideoPlayer","props","className","config","height","id","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","width","cloudinaryConfig","getCloudinaryConfig","playerOptions","publicId","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","key","React","Head","Script","e","CldVideoPlayer_default","import_url_loader","getCldVideoUrl","options","config","analytics","getCloudinaryConfig","getCloudinaryAnalytics"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/components/CldImage/CldImage.tsx","../src/constants/analytics.ts","../package.json","../src/lib/cloudinary.ts","../src/helpers/getCldImageUrl.ts","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/helpers/getCldOgImageUrl.ts","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldVideoUrl.ts"],"sourcesContent":["export { default as CldImage } from './components/CldImage';\nexport type { CldImageProps } from './components/CldImage';\n\nexport { default as CldOgImage } from './components/CldOgImage';\nexport type { CldOgImageProps } from './components/CldOgImage';\n\nexport { default as CldUploadButton } from './components/CldUploadButton';\nexport type { CldUploadButtonProps } from './components/CldUploadButton';\n\nexport { default as CldUploadWidget } from './components/CldUploadWidget';\nexport type { CldUploadWidgetProps, CldUploadWidgetPropsChildren } from './components/CldUploadWidget';\nexport type {\n CloudinaryUploadWidgetOptions,\n CloudinaryUploadWidgetResults,\n CloudinaryUploadWidgetInfo,\n CloudinaryUploadWidgetInstanceMethods,\n CloudinaryUploadWidgetInstanceMethodCloseOptions,\n CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n CloudinaryUploadWidgetInstanceMethodOpenOptions,\n CloudinaryUploadWidgetInstanceMethodUpdateOptions,\n CloudinaryUploadWidgetSources,\n CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nexport { default as CldVideoPlayer } from './components/CldVideoPlayer';\nexport type { CldVideoPlayerProps, CldVideoPlayerPropsLogo } from './components/CldVideoPlayer';\nexport type { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsColors, CloudinaryVideoPlayerOptionsLogo } from '@cloudinary-util/types';\n\nexport { cloudinaryLoader } from './loaders/cloudinary-loader';\nexport type { CloudinaryLoader, CloudinaryLoaderLoaderOptions, CloudinaryLoaderCldOptions } from './loaders/cloudinary-loader';\n\nexport { getCldImageUrl } from './helpers/getCldImageUrl';\nexport type { GetCldImageUrlOptions, GetCldImageUrlConfig, GetCldImageUrlAnalytics } from './helpers/getCldImageUrl';\n\nexport { getCldOgImageUrl } from './helpers/getCldOgImageUrl';\nexport type { GetCldOgImageUrlOptions } from './helpers/getCldOgImageUrl';\n\nexport { getCldVideoUrl } from './helpers/getCldVideoUrl';\nexport type { GetCldVideoUrlOptions, GetCldVideoUrlConfig, GetCldVideoUrlAnalytics } from './helpers/getCldVideoUrl';","import React, { useState, useCallback, forwardRef, SyntheticEvent } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { 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' | 'quality'> & 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 // Add props here that are intended to only be used for\n // Cloudinary URL construction to avoid them being forwarded\n // to the DOM\n\n const CLD_OPTIONS = [\n 'assetType',\n 'config',\n 'deliveryType',\n 'preserveTransformations',\n 'strictTransformations',\n ];\n\n // Loop through all of the props available on the transformation plugins and verify\n // that we're not accientally applying the same prop twice\n\n // We're also using those props to push into CLD_OPTIONS which helps us filter what\n // props are applied to the underlaying Image component vs what's being sent\n // to Cloudinary URL construction\n\n transformationPlugins.forEach(({ props }: { props: Record<string, unknown> }) => {\n const pluginProps = Object.keys(props);\n pluginProps.forEach(prop => {\n if ( CLD_OPTIONS.includes(prop) ) {\n throw new Error(`Option ${prop} already exists!`);\n }\n CLD_OPTIONS.push(prop);\n });\n });\n\n // Construct the base Image component props by filtering out Cloudinary-specific props\n\n const imageProps: ImageProps = {\n alt: props.alt,\n src: props.src,\n };\n\n (Object.keys(props) as Array<keyof typeof props>)\n .filter(key => typeof key === 'string' && !CLD_OPTIONS.includes(key))\n .forEach(key => imageProps[key as keyof ImageProps] = props[key]);\n\n const defaultImgKey = (Object.keys(imageProps) as Array<keyof typeof imageProps>).map(key => `${key}:${imageProps[key]}`).join(';');\n const [imgKey, setImgKey] = useState(defaultImgKey);\n\n // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n type CldOptions = Omit<ImageOptions, 'src'>;\n\n const cldOptions: CldOptions = {};\n\n CLD_OPTIONS.forEach((key) => {\n const prop = props[key as keyof ImageOptions];\n if ( prop ) {\n cldOptions[key as keyof CldOptions] = prop || 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","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID = 'A';\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_VERSION = normalizeVersion(nextPkg.version);\nexport const NEXT_CLOUDINARY_VERSION = normalizeVersion(pkg.version);\n\nfunction normalizeVersion(version: string) {\n let normalized = version;\n if ( normalized.includes('-') ) {\n normalized = normalized.split('-')[0];\n }\n return normalized;\n}","{\n \"name\": \"next-cloudinary\",\n \"version\": \"6.7.0\",\n \"license\": \"MIT\",\n \"main\": \"./dist/index.js\",\n \"module\": \"./dist/index.mjs\",\n \"types\": \"./dist/index.d.ts\",\n \"source\": \"src/index.ts\",\n \"scripts\": {\n \"build\": \"tsup\",\n \"dev\": \"tsup --watch\",\n \"prepublishOnly\": \"cp ../README.md . && cp ../LICENSE . && pnpm build\",\n \"postpublish\": \"rm ./README.md && rm ./LICENSE\",\n \"test\": \"vitest run\",\n \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" pnpm build && cd tests/nextjs-app && npm install && npm run build\",\n \"test:watch\": \"vitest\"\n },\n \"dependencies\": {\n \"@cloudinary-util/types\": \"1.0.5\",\n \"@cloudinary-util/url-loader\": \"5.3.1\",\n \"@cloudinary-util/util\": \"^3.0.0\",\n \"@tsconfig/recommended\": \"^1.0.3\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.23.2\",\n \"@babel/preset-env\": \"^7.23.2\",\n \"@types/node\": \"^20.11.5\",\n \"@types/react\": \"^18.2.33\",\n \"@types/react-dom\": \"^18.2.14\",\n \"dotenv\": \"^16.3.1\",\n \"mkdirp\": \"^3.0.1\",\n \"tsup\": \"^7.2.0\",\n \"typescript\": \"^5.2.2\",\n \"vitest\": \"^1.3.1\"\n },\n \"peerDependencies\": {\n \"next\": \"^12 || ^13 || ^14\",\n \"react\": \"^17 || ^18\"\n }\n}\n","import { AnalyticsOptions, ConfigOptions } from \"@cloudinary-util/url-loader\";\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * pollForProcessingImage\n */\n\nexport interface PollForProcessingImageOptions {\n src: string;\n}\n\nexport async function pollForProcessingImage(options: PollForProcessingImageOptions): Promise<boolean> {\n const { src } = options;\n try {\n await new Promise((resolve, reject) => {\n fetch(src).then(res => {\n if ( !res.ok ) {\n reject(res);\n return;\n }\n resolve(res);\n });\n });\n } catch(e: any) {\n // Timeout for 200ms before trying to fetch again to avoid overwhelming requests\n\n if ( e.status === 423 ) {\n await new Promise((resolve) => setTimeout(() => resolve(undefined), 200));\n return await pollForProcessingImage(options);\n }\n return false;\n }\n return true;\n}\n\n/**\n * getCloudinaryConfig\n */\n\nexport function getCloudinaryConfig(config?: ConfigOptions) {\n const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n\n if (!cloudName) {\n throw new Error('A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.');\n }\n\n const apiKey = config?.cloud?.apiKey ?? process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY;\n const secureDistribution = config?.url?.secureDistribution ?? process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION;\n const privateCdn = config?.url?.privateCdn ?? process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;\n\n return Object.assign({\n cloud: {\n ...config?.cloud,\n apiKey,\n cloudName\n },\n url: {\n ...config?.url,\n secureDistribution,\n privateCdn\n }\n }, config);\n}\n\n/**\n * getCloudinaryAnalytics\n */\n\nexport function getCloudinaryAnalytics(analytics?: AnalyticsOptions) {\n return Object.assign({\n product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }, analytics)\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldImageUrlOptions = ImageOptions;\nexport type GetCldImageUrlConfig = ConfigOptions;\nexport type GetCldImageUrlAnalytics = AnalyticsOptions;\n\nexport function getCldImageUrl(options: GetCldImageUrlOptions, config?: GetCldImageUrlConfig, analytics?: GetCldImageUrlAnalytics) {\n return constructCloudinaryUrl({\n options,\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n}\n\nexport interface CloudinaryLoaderLoaderOptions {\n height?: string | number;\n width?: string | number;\n}\n\nexport interface CloudinaryLoader {\n loaderOptions: CloudinaryLoaderLoaderOptions;\n imageProps: ImageProps;\n cldOptions: CloudinaryLoaderCldOptions;\n cldConfig?: object;\n}\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }: CloudinaryLoader) {\n const options = {\n ...imageProps,\n ...cldOptions\n }\n\n options.width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n options.height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n \n // // The loader options are used to create dynamic sizing when working with responsive images\n // // so these should override the default options collected from the props alone if\n // // the results are different. While we don't always use the height in the loader logic,\n // // we always pass it here, as the usage is determined later based on cropping.js\n\n if ( typeof loaderOptions?.width === 'number' && typeof options.width === 'number' && loaderOptions.width !== options.width ) {\n const multiplier = loaderOptions.width / options.width;\n \n options.width = loaderOptions.width;\n\n // The height may change based off of the value passed through via the loader options\n // In an example where the user sizes is 800x600, but the loader is passing in 400\n // due to responsive sizing, we want to ensure we're using a height that will\n // resolve to the same aspect ratio\n \n if ( typeof options.height === 'number' ) {\n options.height = Math.floor(options.height * multiplier);\n }\n } else if ( typeof loaderOptions?.width === 'number' && typeof options?.width !== 'number' ) {\n // If we don't have a width on the options object, this may mean that the component is using\n // the fill option: https://nextjs.org/docs/pages/api-reference/components/image#fill\n // The Fill option does not allow someone to pass in a width or a height\n // If this is the case, we still need to define a width for sizing optimization but also\n // for responsive sizing to take effect, so we can utilize the loader width for the base width\n options.width = loaderOptions?.width;\n }\n\n // @ts-ignore\n return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldOgImageUrl } from '../../helpers/getCldOgImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../../constants/sizes';\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport type CldOgImageProps = CldImageProps & {\n excludeTags?: Array<string>;\n keys?: object;\n twitterTitle?: string;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, keys = {}, ...props }: CldOgImageProps) => {\n const { alt } = props;\n\n // We need to separately handle the width and the height to allow our user to pass in\n // a custom value, but also we need to know this at the component level so that we can\n // use it when rendering the meta tags\n\n let {\n width = OG_IMAGE_WIDTH,\n height = OG_IMAGE_HEIGHT\n } = props;\n\n // Normalize the width and height\n\n width = typeof width === 'string' ? parseInt(width) : width;\n height = typeof height === 'string' ? parseInt(height) : height;\n\n // Render the final URLs. We use two different format versions to deliver\n // webp for Twitter as it supports it (and we can control with tags) where\n // other platforms may not support webp, so we deliver jpg\n\n const ogImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height\n });\n\n const twitterImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height,\n format: props.format || 'webp',\n });\n\n const metaKeys = {\n 'og:image': 'og-image',\n 'og:image:secure_url': 'og-image-secureurl',\n 'og:image:width': 'og-image-width',\n 'og:image:height': 'og-image-height',\n 'og:image:alt': 'og-image-alt',\n 'twitter:title': 'twitter-title',\n 'twitter:card': 'twitter-card',\n 'twitter:image': 'twitter-image',\n ...keys\n }\n\n // We need to include the tags within the Next.js Head component rather than\n // direcly adding them inside of the Head otherwise we get unexpected results\n\n return (\n <Head>\n <meta key={metaKeys['og:image']} property=\"og:image\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:secure_url']} property=\"og:image:secure_url\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:width']} property=\"og:image:width\" content={`${width}`} />\n <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${height}`} />\n\n {alt && (\n <meta key={metaKeys['og:image:alt']} property=\"og:image:alt\" content={alt} />\n )}\n\n {/* Required for summary_large_image, exclude vai excludeTags */}\n {/* https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image */}\n\n {!excludeTags.includes('twitter:title') && (\n <meta key={metaKeys['twitter:title']} property=\"twitter:title\" content={twitterTitle || ' '} />\n )}\n\n <meta key={metaKeys['twitter:card']} property=\"twitter:card\" content={TWITTER_CARD} />\n <meta key={metaKeys['twitter:image']} property=\"twitter:image\" content={twitterImageUrl} />\n </Head>\n );\n}\n\nexport default CldOgImage;\n","import { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldOgImageUrlOptions = GetCldImageUrlOptions;\n\nexport function getCldOgImageUrl(options: GetCldOgImageUrlOptions) {\n return getCldImageUrl({\n ...options,\n format: options.format || 'jpg',\n width: options.width || OG_IMAGE_WIDTH,\n height: options.height || OG_IMAGE_HEIGHT,\n crop: options.crop || {\n type: 'fill',\n gravity: 'center',\n source: true\n }\n });\n}","import React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n className?: string;\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n className,\n children,\n onClick,\n onError,\n onOpen,\n onUpload,\n onAbort,\n onBatchCancelled,\n onClose,\n onDisplayChanged,\n onPublicId,\n onQueuesEnd,\n onQueuesStart,\n onRetry,\n onShowCompleted,\n onSourceChanged,\n onSuccess,\n onTags,\n onUploadAdded,\n options,\n signatureEndpoint,\n uploadPreset,\n onAbortAction,\n onBatchCancelledAction,\n onCloseAction,\n onDisplayChangedAction,\n onPublicIdAction,\n onQueuesEndAction,\n onQueuesStartAction,\n onRetryAction,\n onShowCompletedAction,\n onSourceChangedAction,\n onSuccessAction,\n onTagsAction,\n onUploadAddedAction,\n ...props\n}: CldUploadButtonProps) => {\n\n return (\n <>\n <CldUploadWidget\n onError={onError}\n onOpen={onOpen}\n onUpload={onUpload}\n onAbort={onAbort}\n onBatchCancelled={onBatchCancelled}\n onClose={onClose}\n onDisplayChanged={onDisplayChanged}\n onPublicId={onPublicId}\n onQueuesEnd={onQueuesEnd}\n onQueuesStart={onQueuesStart}\n onRetry={onRetry}\n onShowCompleted={onShowCompleted}\n onSourceChanged={onSourceChanged}\n onSuccess={onSuccess}\n onTags={onTags}\n onUploadAdded={onUploadAdded}\n options={options}\n signatureEndpoint={signatureEndpoint}\n uploadPreset={uploadPreset}\n onAbortAction={onAbortAction}\n onBatchCancelledAction={onBatchCancelledAction}\n onCloseAction={onCloseAction}\n onDisplayChangedAction={onDisplayChangedAction}\n onPublicIdAction={onPublicIdAction}\n onQueuesEndAction={onQueuesEndAction}\n onQueuesStartAction={onQueuesStartAction}\n onRetryAction={onRetryAction}\n onShowCompletedAction={onShowCompletedAction}\n onSourceChangedAction={onSourceChangedAction}\n onSuccessAction={onSuccessAction}\n onTagsAction={onTagsAction}\n onUploadAddedAction={onUploadAddedAction}\n >\n {({ open, isLoading }) => {\n function handleOnClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n e.preventDefault();\n\n open();\n\n if ( typeof onClick === 'function' ) {\n onClick(e);\n }\n }\n return (\n <button {...props} className={className || ''} onClick={handleOnClick} disabled={isLoading} >\n {children || 'Upload'}\n </button>\n );\n }}\n </CldUploadWidget>\n </>\n );\n};\n\nexport default CldUploadButton;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Script from 'next/script';\nimport {\n CloudinaryUploadWidgetResults,\n CloudinaryUploadWidgetInstanceMethods,\n CloudinaryUploadWidgetInstanceMethodCloseOptions,\n CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n CloudinaryUploadWidgetInstanceMethodOpenOptions,\n CloudinaryUploadWidgetSources,\n CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport {\n CldUploadEventAction,\n CldUploadEventCallback,\n CldUploadWidgetCloudinaryInstance,\n CldUploadWidgetProps,\n CldUploadWidgetWidgetInstance,\n} from './CldUploadWidget.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nconst WIDGET_WATCHED_EVENTS = [\n 'success',\n];\n\nexport const WIDGET_EVENTS: { [key: string]: string } = {\n 'abort': 'onAbort',\n 'batch-cancelled': 'onBatchCancelled',\n 'close': 'onClose',\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\nconst CldUploadWidget = ({\n children,\n config,\n onError,\n onOpen,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadWidgetProps) => {\n const cloudinary: CldUploadWidgetCloudinaryInstance = useRef();\n const widget: CldUploadWidgetWidgetInstance = useRef();\n\n const signed = !!signatureEndpoint;\n\n const [error, setError] = useState<CloudinaryUploadWidgetError | undefined>(undefined);\n const [results, setResults] = useState<CloudinaryUploadWidgetResults | undefined>(undefined);\n const [isScriptLoading, setIsScriptLoading] = useState(true);\n\n // When creating a signed upload, you need to provide both your Cloudinary API Key\n // as well as a signature generator function that will sign any paramters\n // either on page load or during the upload process. Read more about signed uploads at:\n // https://cloudinary.com/documentation/upload_widget#signed_uploads\n\n const cloudinaryConfig = getCloudinaryConfig(config);\n const { cloudName, apiKey } = cloudinaryConfig?.cloud;\n\n const uploadOptions = {\n cloudName,\n uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n apiKey,\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\n if ( isSuccess && typeof onUpload === 'function' ) {\n if ( process.env.NODE_ENVIRONMENT === 'development' ) {\n console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');\n }\n onUpload(results, widget.current);\n }\n }, [results])\n\n /**\n * handleOnLoad\n * @description Stores the Cloudinary window instance to a ref when the widget script loads\n */\n\n function handleOnLoad() {\n setIsScriptLoading(false);\n\n if ( !cloudinary.current ) {\n cloudinary.current = (window as any).cloudinary;\n }\n\n // To help improve load time of the widget on first instance, use requestIdleCallback\n // to trigger widget creation. Optional.\n\n triggerOnIdle(() => {\n if ( !widget.current ) {\n widget.current = createWidget();\n }\n });\n }\n\n useEffect(() => {\n return () => {\n widget.current?.destroy();\n widget.current = undefined;\n }\n }, [])\n\n /**\n * 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 headers: {\n 'Content-Type': 'application/json'\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 CloudinaryUploadWidgetInstanceMethods\n >(\n method: TMethod,\n options: Parameters<\n CloudinaryUploadWidgetInstanceMethods[TMethod]\n > = [] as Parameters<CloudinaryUploadWidgetInstanceMethods[TMethod]>\n ) {\n if (!widget.current) {\n widget.current = createWidget();\n }\n\n if (typeof widget?.current[method] === \"function\") {\n return widget.current[method](...options);\n }\n }\n\n function close(options?: CloudinaryUploadWidgetInstanceMethodCloseOptions) {\n invokeInstanceMethod('close', [options]);\n }\n\n function destroy(options?: CloudinaryUploadWidgetInstanceMethodDestroyOptions) {\n return invokeInstanceMethod('destroy', [options]);\n }\n\n function hide() {\n invokeInstanceMethod('hide');\n }\n\n function isDestroyed() {\n return invokeInstanceMethod('isDestroyed');\n }\n\n function isMinimized() {\n return invokeInstanceMethod('isMinimized');\n }\n\n function isShowing() {\n return invokeInstanceMethod('isShowing');\n }\n\n function minimize() {\n invokeInstanceMethod('minimize');\n }\n\n function open(widgetSource?: CloudinaryUploadWidgetSources, options?: CloudinaryUploadWidgetInstanceMethodOpenOptions) {\n invokeInstanceMethod('open', [widgetSource, options]);\n\n if ( typeof onOpen === 'function' ) {\n onOpen(widget.current);\n }\n }\n\n function show() {\n invokeInstanceMethod('show');\n }\n\n function update() {\n invokeInstanceMethod('update');\n }\n\n const instanceMethods: CloudinaryUploadWidgetInstanceMethods = {\n close,\n destroy,\n hide,\n isDestroyed,\n isMinimized,\n isShowing,\n minimize,\n open,\n show,\n update,\n }\n\n /**\n * createWidget\n * @description Creates a new instance of the Cloudinary widget and stores in a ref\n */\n\n function createWidget() {\n return cloudinary.current?.createUploadWidget(uploadOptions, (uploadError: CloudinaryUploadWidgetError, uploadResult: CloudinaryUploadWidgetResults) => {\n if ( uploadError && uploadError !== null ) {\n setError(uploadError);\n\n if ( typeof onError === 'function' ) {\n onError(uploadError, {\n widget: widget.current,\n ...instanceMethods\n });\n }\n }\n\n if ( typeof uploadResult?.event === 'string' ) {\n if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event as string) ) {\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' ) {\n const callback = props[widgetEvent] as CldUploadEventCallback;\n callback(uploadResult, {\n widget: widget.current,\n ...instanceMethods\n });\n }\n\n const widgetEventAction = `${widgetEvent}Action` as keyof typeof props;\n\n if ( widgetEventAction && typeof props[widgetEventAction] === 'function' ) {\n const action = props[widgetEventAction] as CldUploadEventAction;\n action(uploadResult);\n }\n }\n });\n }\n\n return (\n <>\n {typeof children === 'function' && children({\n cloudinary: cloudinary.current,\n widget: widget.current,\n results,\n error,\n isLoading: isScriptLoading,\n ...instanceMethods,\n })}\n <Script\n id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n src=\"https://upload-widget.cloudinary.com/global/all.js\"\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n />\n </>\n );\n};\n\nexport default CldUploadWidget;","/**\n * triggerOnIdle\n * @see MDN Polyfill https://github.com/behnammodi/polyfill/blob/master/window.polyfill.js#L7-L24\n */\n\nexport function triggerOnIdle(callback: any) {\n if ( window && 'requestIdleCallback' in window ) {\n return requestIdleCallback(callback);\n }\n return setTimeout(() => callback(), 1);\n}","import React, {useRef, MutableRefObject, useEffect} from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\nimport { CloudinaryVideoPlayer } from '@cloudinary-util/types';\nimport { getVideoPlayerOptions } from '@cloudinary-util/url-loader';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nlet playerInstances: string[] = [];\n\nconst PLAYER_VERSION = '1.11.1';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n\n const {\n className,\n config,\n height,\n id,\n onDataLoad,\n onError,\n onMetadataLoad,\n onPause,\n onPlay,\n onEnded,\n width,\n } = props as CldVideoPlayerProps;\n\n\n const cloudinaryConfig = getCloudinaryConfig(config);\n const playerOptions = getVideoPlayerOptions(props, cloudinaryConfig);\n const { publicId } = playerOptions;\n\n if ( typeof publicId === 'undefined' ) {\n throw new Error('Video Player requires a Public ID or Cloudinary URL - please specify a src prop');\n }\n\n // Setup the refs and allow for the caller to pass through their\n // own ref instance\n\n const cloudinaryRef = useRef<any>();\n const defaultVideoRef = useRef() as MutableRefObject<HTMLVideoElement | null>;\n const videoRef = props.videoRef || defaultVideoRef;\n const defaultPlayerRef = useRef()as MutableRefObject<CloudinaryVideoPlayer | null>;\n const playerRef = props.playerRef || defaultPlayerRef;\n\n const playerId = id || `player-${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 playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, playerOptions);\n\n Object.keys(events).forEach((key) => {\n if ( typeof events[key] === 'function' ) {\n playerRef.current?.on(key, handleEvent);\n }\n });\n }\n }\n\n useEffect(() => {\n\n return () => {\n //@ts-ignore\n playerRef.current?.videojs.cloudinary.dispose();\n playerInstances = playerInstances.filter((id) => id !== playerId)\n }\n }, []);\n\n /**\n *getPlayerRefs\n */\n\n function getPlayerRefs() {\n return {\n player: playerRef.current,\n video: videoRef.current\n }\n }\n\n return (\n <>\n <Head>\n <link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n </Head>\n <div style={{ width: '100%', aspectRatio: `${width} / ${height}`}}>\n <video\n ref={videoRef}\n id={playerId}\n className={playerClassName}\n width={width}\n height={height}\n />\n <Script\n id={`cloudinary-videoplayer-${playerId}-${Math.floor(Math.random() * 100)}`}\n src={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`}\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)}\n />\n </div>\n </>\n );\n};\n\nexport default CldVideoPlayer;\n","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { VideoOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldVideoUrl\n */\n\nexport type GetCldVideoUrlOptions = VideoOptions;\nexport type GetCldVideoUrlConfig = ConfigOptions;\nexport type GetCldVideoUrlAnalytics = AnalyticsOptions;\n\nexport function getCldVideoUrl(options: GetCldVideoUrlOptions, config?: GetCldVideoUrlConfig, analytics?: GetCldVideoUrlAnalytics) {\n return constructCloudinaryUrl({\n options: {\n assetType: 'video',\n format: 'auto:video',\n ...options\n },\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n"],"mappings":"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","names":["src_exports","__export","CldImage_default","CldOgImage_default","CldUploadButton_default","CldUploadWidget_default","CldVideoPlayer_default","cloudinaryLoader","getCldImageUrl","getCldOgImageUrl","getCldVideoUrl","__toCommonJS","import_react","import_image","import_util","import_url_loader","import_package","package_default","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_VERSION","normalizeVersion","nextPkg","NEXT_CLOUDINARY_VERSION","package_default","version","normalized","pollForProcessingImage","options","src","resolve","reject","res","e","getCloudinaryConfig","config","cloudName","apiKey","secureDistribution","privateCdn","getCloudinaryAnalytics","analytics","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","import_url_loader","getCldImageUrl","options","config","analytics","getCloudinaryConfig","getCloudinaryAnalytics","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","ref","hasThrownError","CLD_OPTIONS","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","cldOptions","transformations","t","e","IMAGE_OPTIONS","getCldImageUrl","onError","options","pollForImage","onErrorResult","image","pollForProcessingImage","handleOnError","ResolvedImage","Image","React","loaderOptions","cloudinaryLoader","CldImage_default","import_react","import_head","getCldOgImageUrl","options","getCldImageUrl","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","width","height","ogImageUrl","getCldOgImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","import_react","import_react","import_script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","WIDGET_EVENTS","CldUploadWidget","children","config","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","props","cloudinary","widget","signed","error","setError","results","setResults","isScriptLoading","setIsScriptLoading","cloudinaryConfig","getCloudinaryConfig","cloudName","apiKey","uploadOptions","generateSignature","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","invokeInstanceMethod","method","close","destroy","hide","isDestroyed","isMinimized","isShowing","minimize","open","widgetSource","show","update","instanceMethods","uploadError","uploadResult","widgetEvent","widgetEventAction","action","React","Script","e","CldUploadWidget_default","CldUploadButton","className","children","onClick","onError","onOpen","onUpload","onAbort","onBatchCancelled","onClose","onDisplayChanged","onPublicId","onQueuesEnd","onQueuesStart","onRetry","onShowCompleted","onSourceChanged","onSuccess","onTags","onUploadAdded","options","signatureEndpoint","uploadPreset","onAbortAction","onBatchCancelledAction","onCloseAction","onDisplayChangedAction","onPublicIdAction","onQueuesEndAction","onQueuesStartAction","onRetryAction","onShowCompletedAction","onSourceChangedAction","onSuccessAction","onTagsAction","onUploadAddedAction","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","import_url_loader","playerInstances","PLAYER_VERSION","CldVideoPlayer","props","className","config","height","id","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","width","cloudinaryConfig","getCloudinaryConfig","playerOptions","publicId","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","key","React","Head","Script","e","CldVideoPlayer_default","import_url_loader","getCldVideoUrl","options","config","analytics","getCloudinaryConfig","getCloudinaryAnalytics"]}
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import Oe,{useState as Ue,useCallback as Ee,forwardRef as Pe}from"react";import we from"next/image";import{getTransformations as _e}from"@cloudinary-util/util";import{transformationPlugins as xe}from"@cloudinary-util/url-loader";import Ie from"next/package.json";var K={name:"next-cloudinary",version:"6.6.1",license:"MIT",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup",dev:"tsup --watch",prepublishOnly:"cp ../README.md . && cp ../LICENSE . && pnpm build",postpublish:"rm ./README.md && rm ./LICENSE",test:"vitest run","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" pnpm build && cd tests/nextjs-app && npm install && npm run build',"test:watch":"vitest"},dependencies:{"@cloudinary-util/types":"1.0.5","@cloudinary-util/url-loader":"5.3.0","@cloudinary-util/util":"^3.0.0","@tsconfig/recommended":"^1.0.3"},devDependencies:{"@babel/core":"^7.23.2","@babel/preset-env":"^7.23.2","@types/node":"^20.11.5","@types/react":"^18.2.33","@types/react-dom":"^18.2.14",dotenv:"^16.3.1",mkdirp:"^3.0.1",tsup:"^7.2.0",typescript:"^5.2.2",vitest:"^1.3.1"},peerDependencies:{next:"^12 || ^13 || ^14",react:"^17 || ^18"}};var Q="A",J="V",Z=te(Ie.version),ee=te(K.version);function te(e){let t=e;return t.includes("-")&&(t=t.split("-")[0]),t}async function S(e){let{src:t}=e;try{await new Promise((d,i)=>{fetch(t).then(o=>{if(!o.ok){i(o);return}d(o)})})}catch(d){return d.status===423?(await new Promise(i=>setTimeout(()=>i(void 0),200)),await S(e)):!1}return!0}function x(e){let t=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;if(!t)throw new Error("A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.");let d=e?.cloud?.apiKey??process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,i=e?.url?.secureDistribution??process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION,o=e?.url?.privateCdn??process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;return Object.assign({cloud:{...e?.cloud,apiKey:d,cloudName:t},url:{...e?.url,secureDistribution:i,privateCdn:o}},e)}function V(e){return Object.assign({product:Q,sdkCode:J,sdkSemver:ee,techVersion:Z,feature:""},e)}import{constructCloudinaryUrl as he}from"@cloudinary-util/url-loader";function v(e,t,d){return he({options:e,config:x(t),analytics:V(d)})}function B({loaderOptions:e,imageProps:t,cldOptions:d,cldConfig:i={}}){let o={...t,...d};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof e?.width=="number"&&typeof o.width=="number"&&e.width!==o.width){let n=e.width/o.width;o.width=e.width,typeof o.height=="number"&&(o.height=Math.floor(o.height*n))}else typeof e?.width=="number"&&typeof o?.width!="number"&&(o.width=e?.width);return v(o,i)}var Te=Pe(function(t,d){let i=!1,o=["assetType","config","deliveryType","preserveTransformations","strictTransformations"];xe.forEach(({props:r})=>{Object.keys(r).forEach(f=>{if(o.includes(f))throw new Error(`Option ${f} already exists!`);o.push(f)})});let n={alt:t.alt,src:t.src};Object.keys(t).filter(r=>typeof r=="string"&&!o.includes(r)).forEach(r=>n[r]=t[r]);let l=Object.keys(n).map(r=>`${r}:${n[r]}`).join(";"),[C,I]=Ue(l),a={};if(o.forEach(r=>{let c=t[r];c&&(a[r]=c||void 0)}),t.preserveTransformations)try{let r=_e(t.src).map(c=>c.join(","));a.rawTransformations=[...r.flat(),...t.rawTransformations||[]]}catch(r){console.warn(`Failed to preserve transformations: ${r.message}`)}let s=process.env.__NEXT_IMAGE_OPTS||{};(t.unoptimized===!0||s?.unoptimized===!0)&&(n.src=v({...a,width:n.width,height:n.height,src:n.src,format:"default",quality:"default"},t.config));async function E(r){let c=!0;if(i)return;if(i=!0,typeof t.onError=="function"){let w=t.onError(r);typeof w=="boolean"&&w===!1&&(c=!1)}else typeof t.onError=="boolean"&&t.onError===!1&&(c=!1);if(c===!1)return;let f=r.target;await S({src:f.src})&&I(`${l};${Date.now()}`)}let T=Ee(E,[S,l]),m=we;return"default"in m&&(m=m.default),Oe.createElement(m,{key:C,...n,loader:r=>B({loaderOptions:r,imageProps:n,cldOptions:a,cldConfig:t.config}),onError:T,ref:d})}),oe=Te;import U from"react";import Ae from"next/head";function k(e){return v({...e,format:e.format||"jpg",width:e.width||1200,height:e.height||627,crop:e.crop||{type:"fill",gravity:"center",source:!0}})}var Le="summary_large_image",ve=({excludeTags:e=[],twitterTitle:t,keys:d={},...i})=>{let{alt:o}=i,{width:n=1200,height:l=627}=i;n=typeof n=="string"?parseInt(n):n,l=typeof l=="string"?parseInt(l):l;let C=k({...i,width:n,height:l}),I=k({...i,width:n,height:l,format:i.format||"webp"}),a={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...d};return U.createElement(Ae,null,U.createElement("meta",{key:a["og:image"],property:"og:image",content:C}),U.createElement("meta",{key:a["og:image:secure_url"],property:"og:image:secure_url",content:C}),U.createElement("meta",{key:a["og:image:width"],property:"og:image:width",content:`${n}`}),U.createElement("meta",{key:a["og:image:height"],property:"og:image:height",content:`${l}`}),o&&U.createElement("meta",{key:a["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&U.createElement("meta",{key:a["twitter:title"],property:"twitter:title",content:t||" "}),U.createElement("meta",{key:a["twitter:card"],property:"twitter:card",content:Le}),U.createElement("meta",{key:a["twitter:image"],property:"twitter:image",content:I}))},re=ve;import R from"react";import X,{useState as F,useEffect as ie,useRef as de}from"react";import be from"next/script";function ne(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Ne=["success"],Me={abort:"onAbort","batch-cancelled":"onBatchCancelled",close:"onClose","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"},We=({children:e,config:t,onError:d,onOpen:i,onUpload:o,options:n,signatureEndpoint:l,uploadPreset:C,...I})=>{let a=de(),s=de(),E=!!l,[T,m]=F(void 0),[r,c]=F(void 0),[f,P]=F(!0),w=x(t),{cloudName:_,apiKey:h}=w?.cloud,O={cloudName:_,uploadPreset:C||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:h,...n};E&&(O.uploadSignature=A,O.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),ie(()=>{if(typeof r>"u")return;r.event==="success"&&typeof o=="function"&&(process.env.NODE_ENVIRONMENT==="development"&&console.warn("The onUpload callback is deprecated. Please use onSuccess instead."),o(r,s.current))},[r]);function W(){P(!1),a.current||(a.current=window.cloudinary),ne(()=>{s.current||(s.current=z())})}ie(()=>()=>{s.current?.destroy(),s.current=void 0},[]);function A(p,y){if(typeof l>"u")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(l,{method:"POST",body:JSON.stringify({paramsToSign:y}),headers:{"Content-Type":"application/json"}}).then(L=>L.json()).then(({signature:L})=>{p(L)})}function u(p,y=[]){if(s.current||(s.current=z()),typeof s?.current[p]=="function")return s.current[p](...y)}function M(p){u("close",[p])}function N(p){return u("destroy",[p])}function g(){u("hide")}function D(){return u("isDestroyed")}function pe(){return u("isMinimized")}function ce(){return u("isShowing")}function ue(){u("minimize")}function ge(p,y){u("open",[p,y]),typeof i=="function"&&i(s.current)}function me(){u("show")}function fe(){u("update")}let $={close:M,destroy:N,hide:g,isDestroyed:D,isMinimized:pe,isShowing:ce,minimize:ue,open:ge,show:me,update:fe};function z(){return a.current?.createUploadWidget(O,(p,y)=>{if(p&&p!==null&&(m(p),typeof d=="function"&&d(p,{widget:s.current,...$})),typeof y?.event=="string"){Ne.includes(y?.event)&&c(y);let L=Me[y.event];if(typeof L=="string"&&typeof I[L]=="function"){let ye=I[L];ye(y,{widget:s.current,...$})}}})}return X.createElement(X.Fragment,null,typeof e=="function"&&e({cloudinary:a.current,widget:s.current,results:r,error:T,isLoading:f,...$}),X.createElement(be,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:W,onError:p=>console.error(`Failed to load Cloudinary Upload Widget: ${p.message}`)}))},G=We;var De=({className:e,children:t,onClick:d,onError:i,onOpen:o,onUpload:n,onAbort:l,onBatchCancelled:C,onClose:I,onDisplayChanged:a,onPublicId:s,onQueuesEnd:E,onQueuesStart:T,onRetry:m,onShowCompleted:r,onSourceChanged:c,onSuccess:f,onTags:P,onUploadAdded:w,options:_,signatureEndpoint:h,uploadPreset:O,...W})=>R.createElement(R.Fragment,null,R.createElement(G,{onError:i,onOpen:o,onUpload:n,onAbort:l,onBatchCancelled:C,onClose:I,onDisplayChanged:a,onPublicId:s,onQueuesEnd:E,onQueuesStart:T,onRetry:m,onShowCompleted:r,onSourceChanged:c,onSuccess:f,onTags:P,onUploadAdded:w,options:_,signatureEndpoint:h,uploadPreset:O},({open:A,isLoading:u})=>{function M(N){N.preventDefault(),A(),typeof d=="function"&&d(N)}return R.createElement("button",{...W,className:e||"",onClick:M,disabled:u},t||"Upload")})),ae=De;import b,{useRef as q,useEffect as Se}from"react";import Ve from"next/script";import ke from"next/head";import{getVideoPlayerOptions as Ge}from"@cloudinary-util/url-loader";var j=[],le="1.11.1",Re=e=>{let{className:t,config:d,height:i,id:o,onDataLoad:n,onError:l,onMetadataLoad:C,onPause:I,onPlay:a,onEnded:s,width:E}=e,T=x(d),m=Ge(e,T),{publicId:r}=m;if(typeof r>"u")throw new Error("Video Player requires a Public ID or Cloudinary URL - please specify a src prop");let c=q(),f=q(),P=e.videoRef||f,w=q(),_=e.playerRef||w,h=o||`player-${r.replace("/","-")}`,O="cld-video-player cld-fluid";t&&(O=`${O} ${t}`),j.filter(g=>g===h).length>1?console.warn(`Multiple instances of the same video detected on the
|
|
1
|
+
import Oe,{useState as Ee,useCallback as Pe,forwardRef as we}from"react";import Ae from"next/image";import{getTransformations as _e}from"@cloudinary-util/util";import{transformationPlugins as xe}from"@cloudinary-util/url-loader";import he from"next/package.json";var ne={name:"next-cloudinary",version:"6.7.0",license:"MIT",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup",dev:"tsup --watch",prepublishOnly:"cp ../README.md . && cp ../LICENSE . && pnpm build",postpublish:"rm ./README.md && rm ./LICENSE",test:"vitest run","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" pnpm build && cd tests/nextjs-app && npm install && npm run build',"test:watch":"vitest"},dependencies:{"@cloudinary-util/types":"1.0.5","@cloudinary-util/url-loader":"5.3.1","@cloudinary-util/util":"^3.0.0","@tsconfig/recommended":"^1.0.3"},devDependencies:{"@babel/core":"^7.23.2","@babel/preset-env":"^7.23.2","@types/node":"^20.11.5","@types/react":"^18.2.33","@types/react-dom":"^18.2.14",dotenv:"^16.3.1",mkdirp:"^3.0.1",tsup:"^7.2.0",typescript:"^5.2.2",vitest:"^1.3.1"},peerDependencies:{next:"^12 || ^13 || ^14",react:"^17 || ^18"}};var ie="A",de="V",ae=se(he.version),le=se(ne.version);function se(e){let t=e;return t.includes("-")&&(t=t.split("-")[0]),t}async function k(e){let{src:t}=e;try{await new Promise((d,i)=>{fetch(t).then(o=>{if(!o.ok){i(o);return}d(o)})})}catch(d){return d.status===423?(await new Promise(i=>setTimeout(()=>i(void 0),200)),await k(e)):!1}return!0}function x(e){let t=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;if(!t)throw new Error("A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.");let d=e?.cloud?.apiKey??process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,i=e?.url?.secureDistribution??process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION,o=e?.url?.privateCdn??process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;return Object.assign({cloud:{...e?.cloud,apiKey:d,cloudName:t},url:{...e?.url,secureDistribution:i,privateCdn:o}},e)}function G(e){return Object.assign({product:ie,sdkCode:de,sdkSemver:le,techVersion:ae,feature:""},e)}import{constructCloudinaryUrl as Ue}from"@cloudinary-util/url-loader";function L(e,t,d){return Ue({options:e,config:x(t),analytics:G(d)})}function J({loaderOptions:e,imageProps:t,cldOptions:d,cldConfig:i={}}){let o={...t,...d};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof e?.width=="number"&&typeof o.width=="number"&&e.width!==o.width){let n=e.width/o.width;o.width=e.width,typeof o.height=="number"&&(o.height=Math.floor(o.height*n))}else typeof e?.width=="number"&&typeof o?.width!="number"&&(o.width=e?.width);return L(o,i)}var Te=we(function(t,d){let i=!1,o=["assetType","config","deliveryType","preserveTransformations","strictTransformations"];xe.forEach(({props:r})=>{Object.keys(r).forEach(C=>{if(o.includes(C))throw new Error(`Option ${C} already exists!`);o.push(C)})});let n={alt:t.alt,src:t.src};Object.keys(t).filter(r=>typeof r=="string"&&!o.includes(r)).forEach(r=>n[r]=t[r]);let s=Object.keys(n).map(r=>`${r}:${n[r]}`).join(";"),[h,f]=Ee(s),a={};if(o.forEach(r=>{let c=t[r];c&&(a[r]=c||void 0)}),t.preserveTransformations)try{let r=_e(t.src).map(c=>c.join(","));a.rawTransformations=[...r.flat(),...t.rawTransformations||[]]}catch(r){console.warn(`Failed to preserve transformations: ${r.message}`)}let p=process.env.__NEXT_IMAGE_OPTS||{};(t.unoptimized===!0||p?.unoptimized===!0)&&(n.src=L({...a,width:n.width,height:n.height,src:n.src,format:"default",quality:"default"},t.config));async function P(r){let c=!0;if(i)return;if(i=!0,typeof t.onError=="function"){let A=t.onError(r);typeof A=="boolean"&&A===!1&&(c=!1)}else typeof t.onError=="boolean"&&t.onError===!1&&(c=!1);if(c===!1)return;let C=r.target;await k({src:C.src})&&f(`${s};${Date.now()}`)}let T=Pe(P,[k,s]),y=Ae;return"default"in y&&(y=y.default),Oe.createElement(y,{key:h,...n,loader:r=>J({loaderOptions:r,imageProps:n,cldOptions:a,cldConfig:t.config}),onError:T,ref:d})}),pe=Te;import E from"react";import ve from"next/head";function R(e){return L({...e,format:e.format||"jpg",width:e.width||1200,height:e.height||627,crop:e.crop||{type:"fill",gravity:"center",source:!0}})}var Le="summary_large_image",be=({excludeTags:e=[],twitterTitle:t,keys:d={},...i})=>{let{alt:o}=i,{width:n=1200,height:s=627}=i;n=typeof n=="string"?parseInt(n):n,s=typeof s=="string"?parseInt(s):s;let h=R({...i,width:n,height:s}),f=R({...i,width:n,height:s,format:i.format||"webp"}),a={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...d};return E.createElement(ve,null,E.createElement("meta",{key:a["og:image"],property:"og:image",content:h}),E.createElement("meta",{key:a["og:image:secure_url"],property:"og:image:secure_url",content:h}),E.createElement("meta",{key:a["og:image:width"],property:"og:image:width",content:`${n}`}),E.createElement("meta",{key:a["og:image:height"],property:"og:image:height",content:`${s}`}),o&&E.createElement("meta",{key:a["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&E.createElement("meta",{key:a["twitter:title"],property:"twitter:title",content:t||" "}),E.createElement("meta",{key:a["twitter:card"],property:"twitter:card",content:Le}),E.createElement("meta",{key:a["twitter:image"],property:"twitter:image",content:f}))},ce=be;import $ from"react";import te,{useState as oe,useEffect as ge,useRef as me}from"react";import Ne from"next/script";function ue(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Me=["success"],We={abort:"onAbort","batch-cancelled":"onBatchCancelled",close:"onClose","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,config:t,onError:d,onOpen:i,onUpload:o,options:n,signatureEndpoint:s,uploadPreset:h,...f})=>{let a=me(),p=me(),P=!!s,[T,y]=oe(void 0),[r,c]=oe(void 0),[C,w]=oe(!0),A=x(t),{cloudName:_,apiKey:U}=A?.cloud,O={cloudName:_,uploadPreset:h||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:U,...n};P&&(O.uploadSignature=v,O.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),ge(()=>{if(typeof r>"u")return;r.event==="success"&&typeof o=="function"&&(process.env.NODE_ENVIRONMENT==="development"&&console.warn("The onUpload callback is deprecated. Please use onSuccess instead."),o(r,p.current))},[r]);function D(){w(!1),a.current||(a.current=window.cloudinary),ue(()=>{p.current||(p.current=V())})}ge(()=>()=>{p.current?.destroy(),p.current=void 0},[]);function v(l,m){if(typeof s>"u")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(s,{method:"POST",body:JSON.stringify({paramsToSign:m}),headers:{"Content-Type":"application/json"}}).then(I=>I.json()).then(({signature:I})=>{l(I)})}function u(l,m=[]){if(p.current||(p.current=V()),typeof p?.current[l]=="function")return p.current[l](...m)}function M(l){u("close",[l])}function W(l){return u("destroy",[l])}function g(){u("hide")}function N(){return u("isDestroyed")}function H(){return u("isMinimized")}function Y(){return u("isShowing")}function X(){u("minimize")}function F(l,m){u("open",[l,m]),typeof i=="function"&&i(p.current)}function q(){u("show")}function z(){u("update")}let S={close:M,destroy:W,hide:g,isDestroyed:N,isMinimized:H,isShowing:Y,minimize:X,open:F,show:q,update:z};function V(){return a.current?.createUploadWidget(O,(l,m)=>{if(l&&l!==null&&(y(l),typeof d=="function"&&d(l,{widget:p.current,...S})),typeof m?.event=="string"){Me.includes(m?.event)&&c(m);let I=We[m.event];if(typeof I=="string"&&typeof f[I]=="function"){let Q=f[I];Q(m,{widget:p.current,...S})}let K=`${I}Action`;if(K&&typeof f[K]=="function"){let Q=f[K];Q(m)}}})}return te.createElement(te.Fragment,null,typeof e=="function"&&e({cloudinary:a.current,widget:p.current,results:r,error:T,isLoading:C,...S}),te.createElement(Ne,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:D,onError:l=>console.error(`Failed to load Cloudinary Upload Widget: ${l.message}`)}))},j=Se;var De=({className:e,children:t,onClick:d,onError:i,onOpen:o,onUpload:n,onAbort:s,onBatchCancelled:h,onClose:f,onDisplayChanged:a,onPublicId:p,onQueuesEnd:P,onQueuesStart:T,onRetry:y,onShowCompleted:r,onSourceChanged:c,onSuccess:C,onTags:w,onUploadAdded:A,options:_,signatureEndpoint:U,uploadPreset:O,onAbortAction:D,onBatchCancelledAction:v,onCloseAction:u,onDisplayChangedAction:M,onPublicIdAction:W,onQueuesEndAction:g,onQueuesStartAction:N,onRetryAction:H,onShowCompletedAction:Y,onSourceChangedAction:X,onSuccessAction:F,onTagsAction:q,onUploadAddedAction:z,...S})=>$.createElement($.Fragment,null,$.createElement(j,{onError:i,onOpen:o,onUpload:n,onAbort:s,onBatchCancelled:h,onClose:f,onDisplayChanged:a,onPublicId:p,onQueuesEnd:P,onQueuesStart:T,onRetry:y,onShowCompleted:r,onSourceChanged:c,onSuccess:C,onTags:w,onUploadAdded:A,options:_,signatureEndpoint:U,uploadPreset:O,onAbortAction:D,onBatchCancelledAction:v,onCloseAction:u,onDisplayChangedAction:M,onPublicIdAction:W,onQueuesEndAction:g,onQueuesStartAction:N,onRetryAction:H,onShowCompletedAction:Y,onSourceChangedAction:X,onSuccessAction:F,onTagsAction:q,onUploadAddedAction:z},({open:V,isLoading:l})=>{function m(I){I.preventDefault(),V(),typeof d=="function"&&d(I)}return $.createElement("button",{...S,className:e||"",onClick:m,disabled:l},t||"Upload")})),fe=De;import b,{useRef as re,useEffect as Ve}from"react";import ke from"next/script";import Ge from"next/head";import{getVideoPlayerOptions as Re}from"@cloudinary-util/url-loader";var B=[],ye="1.11.1",je=e=>{let{className:t,config:d,height:i,id:o,onDataLoad:n,onError:s,onMetadataLoad:h,onPause:f,onPlay:a,onEnded:p,width:P}=e,T=x(d),y=Re(e,T),{publicId:r}=y;if(typeof r>"u")throw new Error("Video Player requires a Public ID or Cloudinary URL - please specify a src prop");let c=re(),C=re(),w=e.videoRef||C,A=re(),_=e.playerRef||A,U=o||`player-${r.replace("/","-")}`,O="cld-video-player cld-fluid";t&&(O=`${O} ${t}`),B.filter(g=>g===U).length>1?console.warn(`Multiple instances of the same video detected on the
|
|
2
2
|
page which may cause some features to not work.
|
|
3
|
-
Try adding a unique id to each player.`):
|
|
3
|
+
Try adding a unique id to each player.`):B.push(U);let v={error:s,loadeddata:n,loadedmetadata:h,pause:f,play:a,ended:p};function u(g){let N=v[g.type];typeof N=="function"&&N(W())}function M(){"cloudinary"in window&&(c.current=window.cloudinary,_.current=c.current.videoPlayer(w.current,y),Object.keys(v).forEach(g=>{typeof v[g]=="function"&&_.current?.on(g,u)}))}Ve(()=>()=>{_.current?.videojs.cloudinary.dispose(),B=B.filter(g=>g!==U)},[]);function W(){return{player:_.current,video:w.current}}return b.createElement(b.Fragment,null,b.createElement(Ge,null,b.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${ye}/dist/cld-video-player.min.css`,rel:"stylesheet"})),b.createElement("div",{style:{width:"100%",aspectRatio:`${P} / ${i}`}},b.createElement("video",{ref:w,id:U,className:O,width:P,height:i}),b.createElement(ke,{id:`cloudinary-videoplayer-${U}-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${ye}/dist/cld-video-player.min.js`,onLoad:M,onError:g=>console.error(`Failed to load Cloudinary Video Player: ${g.message}`)})))},Ce=je;import{constructCloudinaryUrl as $e}from"@cloudinary-util/url-loader";function Be(e,t,d){return $e({options:{assetType:"video",format:"auto:video",...e},config:x(t),analytics:G(d)})}export{pe as CldImage,ce as CldOgImage,fe as CldUploadButton,j as CldUploadWidget,Ce as CldVideoPlayer,J as cloudinaryLoader,L as getCldImageUrl,R as getCldOgImageUrl,Be as getCldVideoUrl};
|
|
4
4
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/CldImage/CldImage.tsx","../src/constants/analytics.ts","../package.json","../src/lib/cloudinary.ts","../src/helpers/getCldImageUrl.ts","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/helpers/getCldOgImageUrl.ts","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldVideoUrl.ts"],"sourcesContent":["import React, { useState, useCallback, forwardRef, SyntheticEvent } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { 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' | 'quality'> & 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 // Add props here that are intended to only be used for\n // Cloudinary URL construction to avoid them being forwarded\n // to the DOM\n\n const CLD_OPTIONS = [\n 'assetType',\n 'config',\n 'deliveryType',\n 'preserveTransformations',\n 'strictTransformations',\n ];\n\n // Loop through all of the props available on the transformation plugins and verify\n // that we're not accientally applying the same prop twice\n\n // We're also using those props to push into CLD_OPTIONS which helps us filter what\n // props are applied to the underlaying Image component vs what's being sent\n // to Cloudinary URL construction\n\n transformationPlugins.forEach(({ props }: { props: Record<string, unknown> }) => {\n const pluginProps = Object.keys(props);\n pluginProps.forEach(prop => {\n if ( CLD_OPTIONS.includes(prop) ) {\n throw new Error(`Option ${prop} already exists!`);\n }\n CLD_OPTIONS.push(prop);\n });\n });\n\n // Construct the base Image component props by filtering out Cloudinary-specific props\n\n const imageProps: ImageProps = {\n alt: props.alt,\n src: props.src,\n };\n\n (Object.keys(props) as Array<keyof typeof props>)\n .filter(key => typeof key === 'string' && !CLD_OPTIONS.includes(key))\n .forEach(key => imageProps[key as keyof ImageProps] = props[key]);\n\n const defaultImgKey = (Object.keys(imageProps) as Array<keyof typeof imageProps>).map(key => `${key}:${imageProps[key]}`).join(';');\n const [imgKey, setImgKey] = useState(defaultImgKey);\n\n // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n type CldOptions = Omit<ImageOptions, 'src'>;\n\n const cldOptions: CldOptions = {};\n\n CLD_OPTIONS.forEach((key) => {\n const prop = props[key as keyof ImageOptions];\n if ( prop ) {\n cldOptions[key as keyof CldOptions] = prop || 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","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID = 'A';\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_VERSION = normalizeVersion(nextPkg.version);\nexport const NEXT_CLOUDINARY_VERSION = normalizeVersion(pkg.version);\n\nfunction normalizeVersion(version: string) {\n let normalized = version;\n if ( normalized.includes('-') ) {\n normalized = normalized.split('-')[0];\n }\n return normalized;\n}","{\n \"name\": \"next-cloudinary\",\n \"version\": \"6.6.1\",\n \"license\": \"MIT\",\n \"main\": \"./dist/index.js\",\n \"module\": \"./dist/index.mjs\",\n \"types\": \"./dist/index.d.ts\",\n \"source\": \"src/index.ts\",\n \"scripts\": {\n \"build\": \"tsup\",\n \"dev\": \"tsup --watch\",\n \"prepublishOnly\": \"cp ../README.md . && cp ../LICENSE . && pnpm build\",\n \"postpublish\": \"rm ./README.md && rm ./LICENSE\",\n \"test\": \"vitest run\",\n \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" pnpm build && cd tests/nextjs-app && npm install && npm run build\",\n \"test:watch\": \"vitest\"\n },\n \"dependencies\": {\n \"@cloudinary-util/types\": \"1.0.5\",\n \"@cloudinary-util/url-loader\": \"5.3.0\",\n \"@cloudinary-util/util\": \"^3.0.0\",\n \"@tsconfig/recommended\": \"^1.0.3\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.23.2\",\n \"@babel/preset-env\": \"^7.23.2\",\n \"@types/node\": \"^20.11.5\",\n \"@types/react\": \"^18.2.33\",\n \"@types/react-dom\": \"^18.2.14\",\n \"dotenv\": \"^16.3.1\",\n \"mkdirp\": \"^3.0.1\",\n \"tsup\": \"^7.2.0\",\n \"typescript\": \"^5.2.2\",\n \"vitest\": \"^1.3.1\"\n },\n \"peerDependencies\": {\n \"next\": \"^12 || ^13 || ^14\",\n \"react\": \"^17 || ^18\"\n }\n}\n","import { AnalyticsOptions, ConfigOptions } from \"@cloudinary-util/url-loader\";\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * pollForProcessingImage\n */\n\nexport interface PollForProcessingImageOptions {\n src: string;\n}\n\nexport async function pollForProcessingImage(options: PollForProcessingImageOptions): Promise<boolean> {\n const { src } = options;\n try {\n await new Promise((resolve, reject) => {\n fetch(src).then(res => {\n if ( !res.ok ) {\n reject(res);\n return;\n }\n resolve(res);\n });\n });\n } catch(e: any) {\n // Timeout for 200ms before trying to fetch again to avoid overwhelming requests\n\n if ( e.status === 423 ) {\n await new Promise((resolve) => setTimeout(() => resolve(undefined), 200));\n return await pollForProcessingImage(options);\n }\n return false;\n }\n return true;\n}\n\n/**\n * getCloudinaryConfig\n */\n\nexport function getCloudinaryConfig(config?: ConfigOptions) {\n const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n\n if (!cloudName) {\n throw new Error('A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.');\n }\n\n const apiKey = config?.cloud?.apiKey ?? process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY;\n const secureDistribution = config?.url?.secureDistribution ?? process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION;\n const privateCdn = config?.url?.privateCdn ?? process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;\n\n return Object.assign({\n cloud: {\n ...config?.cloud,\n apiKey,\n cloudName\n },\n url: {\n ...config?.url,\n secureDistribution,\n privateCdn\n }\n }, config);\n}\n\n/**\n * getCloudinaryAnalytics\n */\n\nexport function getCloudinaryAnalytics(analytics?: AnalyticsOptions) {\n return Object.assign({\n product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }, analytics)\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldImageUrlOptions = ImageOptions;\nexport type GetCldImageUrlConfig = ConfigOptions;\nexport type GetCldImageUrlAnalytics = AnalyticsOptions;\n\nexport function getCldImageUrl(options: GetCldImageUrlOptions, config?: GetCldImageUrlConfig, analytics?: GetCldImageUrlAnalytics) {\n return constructCloudinaryUrl({\n options,\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n}\n\nexport interface CloudinaryLoaderLoaderOptions {\n height?: string | number;\n width?: string | number;\n}\n\nexport interface CloudinaryLoader {\n loaderOptions: CloudinaryLoaderLoaderOptions;\n imageProps: ImageProps;\n cldOptions: CloudinaryLoaderCldOptions;\n cldConfig?: object;\n}\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }: CloudinaryLoader) {\n const options = {\n ...imageProps,\n ...cldOptions\n }\n\n options.width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n options.height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n \n // // The loader options are used to create dynamic sizing when working with responsive images\n // // so these should override the default options collected from the props alone if\n // // the results are different. While we don't always use the height in the loader logic,\n // // we always pass it here, as the usage is determined later based on cropping.js\n\n if ( typeof loaderOptions?.width === 'number' && typeof options.width === 'number' && loaderOptions.width !== options.width ) {\n const multiplier = loaderOptions.width / options.width;\n \n options.width = loaderOptions.width;\n\n // The height may change based off of the value passed through via the loader options\n // In an example where the user sizes is 800x600, but the loader is passing in 400\n // due to responsive sizing, we want to ensure we're using a height that will\n // resolve to the same aspect ratio\n \n if ( typeof options.height === 'number' ) {\n options.height = Math.floor(options.height * multiplier);\n }\n } else if ( typeof loaderOptions?.width === 'number' && typeof options?.width !== 'number' ) {\n // If we don't have a width on the options object, this may mean that the component is using\n // the fill option: https://nextjs.org/docs/pages/api-reference/components/image#fill\n // The Fill option does not allow someone to pass in a width or a height\n // If this is the case, we still need to define a width for sizing optimization but also\n // for responsive sizing to take effect, so we can utilize the loader width for the base width\n options.width = loaderOptions?.width;\n }\n\n // @ts-ignore\n return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldOgImageUrl } from '../../helpers/getCldOgImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../../constants/sizes';\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport type CldOgImageProps = CldImageProps & {\n excludeTags?: Array<string>;\n keys?: object;\n twitterTitle?: string;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, keys = {}, ...props }: CldOgImageProps) => {\n const { alt } = props;\n\n // We need to separately handle the width and the height to allow our user to pass in\n // a custom value, but also we need to know this at the component level so that we can\n // use it when rendering the meta tags\n\n let {\n width = OG_IMAGE_WIDTH,\n height = OG_IMAGE_HEIGHT\n } = props;\n\n // Normalize the width and height\n\n width = typeof width === 'string' ? parseInt(width) : width;\n height = typeof height === 'string' ? parseInt(height) : height;\n\n // Render the final URLs. We use two different format versions to deliver\n // webp for Twitter as it supports it (and we can control with tags) where\n // other platforms may not support webp, so we deliver jpg\n\n const ogImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height\n });\n\n const twitterImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height,\n format: props.format || 'webp',\n });\n\n const metaKeys = {\n 'og:image': 'og-image',\n 'og:image:secure_url': 'og-image-secureurl',\n 'og:image:width': 'og-image-width',\n 'og:image:height': 'og-image-height',\n 'og:image:alt': 'og-image-alt',\n 'twitter:title': 'twitter-title',\n 'twitter:card': 'twitter-card',\n 'twitter:image': 'twitter-image',\n ...keys\n }\n\n // We need to include the tags within the Next.js Head component rather than\n // direcly adding them inside of the Head otherwise we get unexpected results\n\n return (\n <Head>\n <meta key={metaKeys['og:image']} property=\"og:image\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:secure_url']} property=\"og:image:secure_url\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:width']} property=\"og:image:width\" content={`${width}`} />\n <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${height}`} />\n\n {alt && (\n <meta key={metaKeys['og:image:alt']} property=\"og:image:alt\" content={alt} />\n )}\n\n {/* Required for summary_large_image, exclude vai excludeTags */}\n {/* https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image */}\n\n {!excludeTags.includes('twitter:title') && (\n <meta key={metaKeys['twitter:title']} property=\"twitter:title\" content={twitterTitle || ' '} />\n )}\n\n <meta key={metaKeys['twitter:card']} property=\"twitter:card\" content={TWITTER_CARD} />\n <meta key={metaKeys['twitter:image']} property=\"twitter:image\" content={twitterImageUrl} />\n </Head>\n );\n}\n\nexport default CldOgImage;\n","import { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldOgImageUrlOptions = GetCldImageUrlOptions;\n\nexport function getCldOgImageUrl(options: GetCldOgImageUrlOptions) {\n return getCldImageUrl({\n ...options,\n format: options.format || 'jpg',\n width: options.width || OG_IMAGE_WIDTH,\n height: options.height || OG_IMAGE_HEIGHT,\n crop: options.crop || {\n type: 'fill',\n gravity: 'center',\n source: true\n }\n });\n}","import React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n className?: string;\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n className,\n children,\n onClick,\n onError,\n onOpen,\n onUpload,\n onAbort,\n onBatchCancelled,\n onClose,\n onDisplayChanged,\n onPublicId,\n onQueuesEnd,\n onQueuesStart,\n onRetry,\n onShowCompleted,\n onSourceChanged,\n onSuccess,\n onTags,\n onUploadAdded,\n options,\n signatureEndpoint,\n uploadPreset,\n ...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';\nimport {\n CloudinaryUploadWidgetResults,\n CloudinaryUploadWidgetInstanceMethods,\n CloudinaryUploadWidgetInstanceMethodCloseOptions,\n CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n CloudinaryUploadWidgetInstanceMethodOpenOptions,\n CloudinaryUploadWidgetSources,\n CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport {\n CldUploadEventCallback,\n CldUploadWidgetCloudinaryInstance,\n CldUploadWidgetProps,\n CldUploadWidgetWidgetInstance,\n} from './CldUploadWidget.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nconst WIDGET_WATCHED_EVENTS = [\n 'success',\n];\n\nconst WIDGET_EVENTS: { [key: string]: string } = {\n 'abort': 'onAbort',\n 'batch-cancelled': 'onBatchCancelled',\n 'close': 'onClose',\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\nconst CldUploadWidget = ({\n children,\n config,\n onError,\n onOpen,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadWidgetProps) => {\n const cloudinary: CldUploadWidgetCloudinaryInstance = useRef();\n const widget: CldUploadWidgetWidgetInstance = useRef();\n\n const signed = !!signatureEndpoint;\n\n const [error, setError] = useState<CloudinaryUploadWidgetError | undefined>(undefined);\n const [results, setResults] = useState<CloudinaryUploadWidgetResults | undefined>(undefined);\n const [isScriptLoading, setIsScriptLoading] = useState(true);\n\n // When creating a signed upload, you need to provide both your Cloudinary API Key\n // as well as a signature generator function that will sign any paramters\n // either on page load or during the upload process. Read more about signed uploads at:\n // https://cloudinary.com/documentation/upload_widget#signed_uploads\n\n const cloudinaryConfig = getCloudinaryConfig(config);\n const { cloudName, apiKey } = cloudinaryConfig?.cloud;\n\n const uploadOptions = {\n cloudName,\n uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n apiKey,\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\n if ( isSuccess && typeof onUpload === 'function' ) {\n if ( process.env.NODE_ENVIRONMENT === 'development' ) {\n console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');\n }\n onUpload(results, widget.current);\n }\n }, [results])\n\n /**\n * handleOnLoad\n * @description Stores the Cloudinary window instance to a ref when the widget script loads\n */\n\n function handleOnLoad() {\n setIsScriptLoading(false);\n\n if ( !cloudinary.current ) {\n cloudinary.current = (window as any).cloudinary;\n }\n\n // To help improve load time of the widget on first instance, use requestIdleCallback\n // to trigger widget creation. Optional.\n\n triggerOnIdle(() => {\n if ( !widget.current ) {\n widget.current = createWidget();\n }\n });\n }\n\n useEffect(() => {\n return () => {\n widget.current?.destroy();\n widget.current = undefined;\n }\n }, [])\n\n /**\n * 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 headers: {\n 'Content-Type': 'application/json'\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 CloudinaryUploadWidgetInstanceMethods\n >(\n method: TMethod,\n options: Parameters<\n CloudinaryUploadWidgetInstanceMethods[TMethod]\n > = [] as Parameters<CloudinaryUploadWidgetInstanceMethods[TMethod]>\n ) {\n if (!widget.current) {\n widget.current = createWidget();\n }\n\n if (typeof widget?.current[method] === \"function\") {\n return widget.current[method](...options);\n }\n }\n\n function close(options?: CloudinaryUploadWidgetInstanceMethodCloseOptions) {\n invokeInstanceMethod('close', [options]);\n }\n\n function destroy(options?: CloudinaryUploadWidgetInstanceMethodDestroyOptions) {\n return invokeInstanceMethod('destroy', [options]);\n }\n\n function hide() {\n invokeInstanceMethod('hide');\n }\n\n function isDestroyed() {\n return invokeInstanceMethod('isDestroyed');\n }\n\n function isMinimized() {\n return invokeInstanceMethod('isMinimized');\n }\n\n function isShowing() {\n return invokeInstanceMethod('isShowing');\n }\n\n function minimize() {\n invokeInstanceMethod('minimize');\n }\n\n function open(widgetSource?: CloudinaryUploadWidgetSources, options?: CloudinaryUploadWidgetInstanceMethodOpenOptions) {\n invokeInstanceMethod('open', [widgetSource, options]);\n\n if ( typeof onOpen === 'function' ) {\n onOpen(widget.current);\n }\n }\n\n function show() {\n invokeInstanceMethod('show');\n }\n\n function update() {\n invokeInstanceMethod('update');\n }\n\n const instanceMethods: CloudinaryUploadWidgetInstanceMethods = {\n close,\n destroy,\n hide,\n isDestroyed,\n isMinimized,\n isShowing,\n minimize,\n open,\n show,\n update,\n }\n\n /**\n * createWidget\n * @description Creates a new instance of the Cloudinary widget and stores in a ref\n */\n\n function createWidget() {\n return cloudinary.current?.createUploadWidget(uploadOptions, (uploadError: CloudinaryUploadWidgetError, uploadResult: CloudinaryUploadWidgetResults) => {\n if ( uploadError && uploadError !== null ) {\n setError(uploadError);\n\n if ( typeof onError === 'function' ) {\n onError(uploadError, {\n widget: widget.current,\n ...instanceMethods\n });\n }\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' ) {\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 * triggerOnIdle\n * @see MDN Polyfill https://github.com/behnammodi/polyfill/blob/master/window.polyfill.js#L7-L24\n */\n\nexport function triggerOnIdle(callback: any) {\n if ( window && 'requestIdleCallback' in window ) {\n return requestIdleCallback(callback);\n }\n return setTimeout(() => callback(), 1);\n}","import React, {useRef, MutableRefObject, useEffect} from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\nimport { CloudinaryVideoPlayer } from '@cloudinary-util/types';\nimport { getVideoPlayerOptions } from '@cloudinary-util/url-loader';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nlet playerInstances: string[] = [];\n\nconst PLAYER_VERSION = '1.11.1';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n\n const {\n className,\n config,\n height,\n id,\n onDataLoad,\n onError,\n onMetadataLoad,\n onPause,\n onPlay,\n onEnded,\n width,\n } = props as CldVideoPlayerProps;\n\n\n const cloudinaryConfig = getCloudinaryConfig(config);\n const playerOptions = getVideoPlayerOptions(props, cloudinaryConfig);\n const { publicId } = playerOptions;\n\n if ( typeof publicId === 'undefined' ) {\n throw new Error('Video Player requires a Public ID or Cloudinary URL - please specify a src prop');\n }\n\n // Setup the refs and allow for the caller to pass through their\n // own ref instance\n\n const cloudinaryRef = useRef<any>();\n const defaultVideoRef = useRef() as MutableRefObject<HTMLVideoElement | null>;\n const videoRef = props.videoRef || defaultVideoRef;\n const defaultPlayerRef = useRef()as MutableRefObject<CloudinaryVideoPlayer | null>;\n const playerRef = props.playerRef || defaultPlayerRef;\n\n const playerId = id || `player-${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 playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, playerOptions);\n\n Object.keys(events).forEach((key) => {\n if ( typeof events[key] === 'function' ) {\n playerRef.current?.on(key, handleEvent);\n }\n });\n }\n }\n\n useEffect(() => {\n\n return () => {\n //@ts-ignore\n playerRef.current?.videojs.cloudinary.dispose();\n playerInstances = playerInstances.filter((id) => id !== playerId)\n }\n }, []);\n\n /**\n *getPlayerRefs\n */\n\n function getPlayerRefs() {\n return {\n player: playerRef.current,\n video: videoRef.current\n }\n }\n\n return (\n <>\n <Head>\n <link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n </Head>\n <div style={{ width: '100%', aspectRatio: `${width} / ${height}`}}>\n <video\n ref={videoRef}\n id={playerId}\n className={playerClassName}\n width={width}\n height={height}\n />\n <Script\n id={`cloudinary-videoplayer-${playerId}-${Math.floor(Math.random() * 100)}`}\n src={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`}\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)}\n />\n </div>\n </>\n );\n};\n\nexport default CldVideoPlayer;\n","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { VideoOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldVideoUrl\n */\n\nexport type GetCldVideoUrlOptions = VideoOptions;\nexport type GetCldVideoUrlConfig = ConfigOptions;\nexport type GetCldVideoUrlAnalytics = AnalyticsOptions;\n\nexport function getCldVideoUrl(options: GetCldVideoUrlOptions, config?: GetCldVideoUrlConfig, analytics?: GetCldVideoUrlAnalytics) {\n return constructCloudinaryUrl({\n options: {\n assetType: 'video',\n format: 'auto:video',\n ...options\n },\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n"],"mappings":"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","names":["React","useState","useCallback","forwardRef","Image","getTransformations","transformationPlugins","nextPkg","package_default","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_VERSION","normalizeVersion","nextPkg","NEXT_CLOUDINARY_VERSION","package_default","version","normalized","pollForProcessingImage","options","src","resolve","reject","res","e","getCloudinaryConfig","config","cloudName","apiKey","secureDistribution","privateCdn","getCloudinaryAnalytics","analytics","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","constructCloudinaryUrl","getCldImageUrl","options","config","analytics","constructCloudinaryUrl","getCloudinaryConfig","getCloudinaryAnalytics","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","forwardRef","props","ref","hasThrownError","CLD_OPTIONS","transformationPlugins","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","useState","cldOptions","transformations","getTransformations","t","e","IMAGE_OPTIONS","getCldImageUrl","onError","options","pollForImage","onErrorResult","image","pollForProcessingImage","handleOnError","useCallback","ResolvedImage","Image","React","loaderOptions","cloudinaryLoader","CldImage_default","React","Head","getCldOgImageUrl","options","getCldImageUrl","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","width","height","ogImageUrl","getCldOgImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","React","React","useState","useEffect","useRef","Script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","WIDGET_EVENTS","CldUploadWidget","children","config","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","props","cloudinary","useRef","widget","signed","error","setError","useState","results","setResults","isScriptLoading","setIsScriptLoading","cloudinaryConfig","getCloudinaryConfig","cloudName","apiKey","uploadOptions","generateSignature","useEffect","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","invokeInstanceMethod","method","close","destroy","hide","isDestroyed","isMinimized","isShowing","minimize","open","widgetSource","show","update","instanceMethods","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","React","useRef","useEffect","Script","Head","getVideoPlayerOptions","playerInstances","PLAYER_VERSION","CldVideoPlayer","props","className","config","height","id","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","width","cloudinaryConfig","getCloudinaryConfig","playerOptions","getVideoPlayerOptions","publicId","cloudinaryRef","useRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","key","useEffect","React","Head","Script","e","CldVideoPlayer_default","constructCloudinaryUrl","getCldVideoUrl","options","config","analytics","constructCloudinaryUrl","getCloudinaryConfig","getCloudinaryAnalytics"]}
|
|
1
|
+
{"version":3,"sources":["../src/components/CldImage/CldImage.tsx","../src/constants/analytics.ts","../package.json","../src/lib/cloudinary.ts","../src/helpers/getCldImageUrl.ts","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/helpers/getCldOgImageUrl.ts","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldVideoUrl.ts"],"sourcesContent":["import React, { useState, useCallback, forwardRef, SyntheticEvent } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { 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' | 'quality'> & 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 // Add props here that are intended to only be used for\n // Cloudinary URL construction to avoid them being forwarded\n // to the DOM\n\n const CLD_OPTIONS = [\n 'assetType',\n 'config',\n 'deliveryType',\n 'preserveTransformations',\n 'strictTransformations',\n ];\n\n // Loop through all of the props available on the transformation plugins and verify\n // that we're not accientally applying the same prop twice\n\n // We're also using those props to push into CLD_OPTIONS which helps us filter what\n // props are applied to the underlaying Image component vs what's being sent\n // to Cloudinary URL construction\n\n transformationPlugins.forEach(({ props }: { props: Record<string, unknown> }) => {\n const pluginProps = Object.keys(props);\n pluginProps.forEach(prop => {\n if ( CLD_OPTIONS.includes(prop) ) {\n throw new Error(`Option ${prop} already exists!`);\n }\n CLD_OPTIONS.push(prop);\n });\n });\n\n // Construct the base Image component props by filtering out Cloudinary-specific props\n\n const imageProps: ImageProps = {\n alt: props.alt,\n src: props.src,\n };\n\n (Object.keys(props) as Array<keyof typeof props>)\n .filter(key => typeof key === 'string' && !CLD_OPTIONS.includes(key))\n .forEach(key => imageProps[key as keyof ImageProps] = props[key]);\n\n const defaultImgKey = (Object.keys(imageProps) as Array<keyof typeof imageProps>).map(key => `${key}:${imageProps[key]}`).join(';');\n const [imgKey, setImgKey] = useState(defaultImgKey);\n\n // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n type CldOptions = Omit<ImageOptions, 'src'>;\n\n const cldOptions: CldOptions = {};\n\n CLD_OPTIONS.forEach((key) => {\n const prop = props[key as keyof ImageOptions];\n if ( prop ) {\n cldOptions[key as keyof CldOptions] = prop || 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","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID = 'A';\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_VERSION = normalizeVersion(nextPkg.version);\nexport const NEXT_CLOUDINARY_VERSION = normalizeVersion(pkg.version);\n\nfunction normalizeVersion(version: string) {\n let normalized = version;\n if ( normalized.includes('-') ) {\n normalized = normalized.split('-')[0];\n }\n return normalized;\n}","{\n \"name\": \"next-cloudinary\",\n \"version\": \"6.7.0\",\n \"license\": \"MIT\",\n \"main\": \"./dist/index.js\",\n \"module\": \"./dist/index.mjs\",\n \"types\": \"./dist/index.d.ts\",\n \"source\": \"src/index.ts\",\n \"scripts\": {\n \"build\": \"tsup\",\n \"dev\": \"tsup --watch\",\n \"prepublishOnly\": \"cp ../README.md . && cp ../LICENSE . && pnpm build\",\n \"postpublish\": \"rm ./README.md && rm ./LICENSE\",\n \"test\": \"vitest run\",\n \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" pnpm build && cd tests/nextjs-app && npm install && npm run build\",\n \"test:watch\": \"vitest\"\n },\n \"dependencies\": {\n \"@cloudinary-util/types\": \"1.0.5\",\n \"@cloudinary-util/url-loader\": \"5.3.1\",\n \"@cloudinary-util/util\": \"^3.0.0\",\n \"@tsconfig/recommended\": \"^1.0.3\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.23.2\",\n \"@babel/preset-env\": \"^7.23.2\",\n \"@types/node\": \"^20.11.5\",\n \"@types/react\": \"^18.2.33\",\n \"@types/react-dom\": \"^18.2.14\",\n \"dotenv\": \"^16.3.1\",\n \"mkdirp\": \"^3.0.1\",\n \"tsup\": \"^7.2.0\",\n \"typescript\": \"^5.2.2\",\n \"vitest\": \"^1.3.1\"\n },\n \"peerDependencies\": {\n \"next\": \"^12 || ^13 || ^14\",\n \"react\": \"^17 || ^18\"\n }\n}\n","import { AnalyticsOptions, ConfigOptions } from \"@cloudinary-util/url-loader\";\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * pollForProcessingImage\n */\n\nexport interface PollForProcessingImageOptions {\n src: string;\n}\n\nexport async function pollForProcessingImage(options: PollForProcessingImageOptions): Promise<boolean> {\n const { src } = options;\n try {\n await new Promise((resolve, reject) => {\n fetch(src).then(res => {\n if ( !res.ok ) {\n reject(res);\n return;\n }\n resolve(res);\n });\n });\n } catch(e: any) {\n // Timeout for 200ms before trying to fetch again to avoid overwhelming requests\n\n if ( e.status === 423 ) {\n await new Promise((resolve) => setTimeout(() => resolve(undefined), 200));\n return await pollForProcessingImage(options);\n }\n return false;\n }\n return true;\n}\n\n/**\n * getCloudinaryConfig\n */\n\nexport function getCloudinaryConfig(config?: ConfigOptions) {\n const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n\n if (!cloudName) {\n throw new Error('A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.');\n }\n\n const apiKey = config?.cloud?.apiKey ?? process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY;\n const secureDistribution = config?.url?.secureDistribution ?? process.env.NEXT_PUBLIC_CLOUDINARY_SECURE_DISTRIBUTION;\n const privateCdn = config?.url?.privateCdn ?? process.env.NEXT_PUBLIC_CLOUDINARY_PRIVATE_CDN;\n\n return Object.assign({\n cloud: {\n ...config?.cloud,\n apiKey,\n cloudName\n },\n url: {\n ...config?.url,\n secureDistribution,\n privateCdn\n }\n }, config);\n}\n\n/**\n * getCloudinaryAnalytics\n */\n\nexport function getCloudinaryAnalytics(analytics?: AnalyticsOptions) {\n return Object.assign({\n product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }, analytics)\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldImageUrlOptions = ImageOptions;\nexport type GetCldImageUrlConfig = ConfigOptions;\nexport type GetCldImageUrlAnalytics = AnalyticsOptions;\n\nexport function getCldImageUrl(options: GetCldImageUrlOptions, config?: GetCldImageUrlConfig, analytics?: GetCldImageUrlAnalytics) {\n return constructCloudinaryUrl({\n options,\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n}\n\nexport interface CloudinaryLoaderLoaderOptions {\n height?: string | number;\n width?: string | number;\n}\n\nexport interface CloudinaryLoader {\n loaderOptions: CloudinaryLoaderLoaderOptions;\n imageProps: ImageProps;\n cldOptions: CloudinaryLoaderCldOptions;\n cldConfig?: object;\n}\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }: CloudinaryLoader) {\n const options = {\n ...imageProps,\n ...cldOptions\n }\n\n options.width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n options.height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n \n // // The loader options are used to create dynamic sizing when working with responsive images\n // // so these should override the default options collected from the props alone if\n // // the results are different. While we don't always use the height in the loader logic,\n // // we always pass it here, as the usage is determined later based on cropping.js\n\n if ( typeof loaderOptions?.width === 'number' && typeof options.width === 'number' && loaderOptions.width !== options.width ) {\n const multiplier = loaderOptions.width / options.width;\n \n options.width = loaderOptions.width;\n\n // The height may change based off of the value passed through via the loader options\n // In an example where the user sizes is 800x600, but the loader is passing in 400\n // due to responsive sizing, we want to ensure we're using a height that will\n // resolve to the same aspect ratio\n \n if ( typeof options.height === 'number' ) {\n options.height = Math.floor(options.height * multiplier);\n }\n } else if ( typeof loaderOptions?.width === 'number' && typeof options?.width !== 'number' ) {\n // If we don't have a width on the options object, this may mean that the component is using\n // the fill option: https://nextjs.org/docs/pages/api-reference/components/image#fill\n // The Fill option does not allow someone to pass in a width or a height\n // If this is the case, we still need to define a width for sizing optimization but also\n // for responsive sizing to take effect, so we can utilize the loader width for the base width\n options.width = loaderOptions?.width;\n }\n\n // @ts-ignore\n return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldOgImageUrl } from '../../helpers/getCldOgImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../../constants/sizes';\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport type CldOgImageProps = CldImageProps & {\n excludeTags?: Array<string>;\n keys?: object;\n twitterTitle?: string;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, keys = {}, ...props }: CldOgImageProps) => {\n const { alt } = props;\n\n // We need to separately handle the width and the height to allow our user to pass in\n // a custom value, but also we need to know this at the component level so that we can\n // use it when rendering the meta tags\n\n let {\n width = OG_IMAGE_WIDTH,\n height = OG_IMAGE_HEIGHT\n } = props;\n\n // Normalize the width and height\n\n width = typeof width === 'string' ? parseInt(width) : width;\n height = typeof height === 'string' ? parseInt(height) : height;\n\n // Render the final URLs. We use two different format versions to deliver\n // webp for Twitter as it supports it (and we can control with tags) where\n // other platforms may not support webp, so we deliver jpg\n\n const ogImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height\n });\n\n const twitterImageUrl = getCldOgImageUrl({\n ...props,\n width,\n height,\n format: props.format || 'webp',\n });\n\n const metaKeys = {\n 'og:image': 'og-image',\n 'og:image:secure_url': 'og-image-secureurl',\n 'og:image:width': 'og-image-width',\n 'og:image:height': 'og-image-height',\n 'og:image:alt': 'og-image-alt',\n 'twitter:title': 'twitter-title',\n 'twitter:card': 'twitter-card',\n 'twitter:image': 'twitter-image',\n ...keys\n }\n\n // We need to include the tags within the Next.js Head component rather than\n // direcly adding them inside of the Head otherwise we get unexpected results\n\n return (\n <Head>\n <meta key={metaKeys['og:image']} property=\"og:image\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:secure_url']} property=\"og:image:secure_url\" content={ogImageUrl} />\n <meta key={metaKeys['og:image:width']} property=\"og:image:width\" content={`${width}`} />\n <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${height}`} />\n\n {alt && (\n <meta key={metaKeys['og:image:alt']} property=\"og:image:alt\" content={alt} />\n )}\n\n {/* Required for summary_large_image, exclude vai excludeTags */}\n {/* https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image */}\n\n {!excludeTags.includes('twitter:title') && (\n <meta key={metaKeys['twitter:title']} property=\"twitter:title\" content={twitterTitle || ' '} />\n )}\n\n <meta key={metaKeys['twitter:card']} property=\"twitter:card\" content={TWITTER_CARD} />\n <meta key={metaKeys['twitter:image']} property=\"twitter:image\" content={twitterImageUrl} />\n </Head>\n );\n}\n\nexport default CldOgImage;\n","import { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldOgImageUrlOptions = GetCldImageUrlOptions;\n\nexport function getCldOgImageUrl(options: GetCldOgImageUrlOptions) {\n return getCldImageUrl({\n ...options,\n format: options.format || 'jpg',\n width: options.width || OG_IMAGE_WIDTH,\n height: options.height || OG_IMAGE_HEIGHT,\n crop: options.crop || {\n type: 'fill',\n gravity: 'center',\n source: true\n }\n });\n}","import React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n className?: string;\n children?: JSX.Element | string | Array<JSX.Element|string>;\n onClick?: Function;\n}\n\nconst CldUploadButton = ({\n className,\n children,\n onClick,\n onError,\n onOpen,\n onUpload,\n onAbort,\n onBatchCancelled,\n onClose,\n onDisplayChanged,\n onPublicId,\n onQueuesEnd,\n onQueuesStart,\n onRetry,\n onShowCompleted,\n onSourceChanged,\n onSuccess,\n onTags,\n onUploadAdded,\n options,\n signatureEndpoint,\n uploadPreset,\n onAbortAction,\n onBatchCancelledAction,\n onCloseAction,\n onDisplayChangedAction,\n onPublicIdAction,\n onQueuesEndAction,\n onQueuesStartAction,\n onRetryAction,\n onShowCompletedAction,\n onSourceChangedAction,\n onSuccessAction,\n onTagsAction,\n onUploadAddedAction,\n ...props\n}: CldUploadButtonProps) => {\n\n return (\n <>\n <CldUploadWidget\n onError={onError}\n onOpen={onOpen}\n onUpload={onUpload}\n onAbort={onAbort}\n onBatchCancelled={onBatchCancelled}\n onClose={onClose}\n onDisplayChanged={onDisplayChanged}\n onPublicId={onPublicId}\n onQueuesEnd={onQueuesEnd}\n onQueuesStart={onQueuesStart}\n onRetry={onRetry}\n onShowCompleted={onShowCompleted}\n onSourceChanged={onSourceChanged}\n onSuccess={onSuccess}\n onTags={onTags}\n onUploadAdded={onUploadAdded}\n options={options}\n signatureEndpoint={signatureEndpoint}\n uploadPreset={uploadPreset}\n onAbortAction={onAbortAction}\n onBatchCancelledAction={onBatchCancelledAction}\n onCloseAction={onCloseAction}\n onDisplayChangedAction={onDisplayChangedAction}\n onPublicIdAction={onPublicIdAction}\n onQueuesEndAction={onQueuesEndAction}\n onQueuesStartAction={onQueuesStartAction}\n onRetryAction={onRetryAction}\n onShowCompletedAction={onShowCompletedAction}\n onSourceChangedAction={onSourceChangedAction}\n onSuccessAction={onSuccessAction}\n onTagsAction={onTagsAction}\n onUploadAddedAction={onUploadAddedAction}\n >\n {({ open, isLoading }) => {\n function handleOnClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n e.preventDefault();\n\n open();\n\n if ( typeof onClick === 'function' ) {\n onClick(e);\n }\n }\n return (\n <button {...props} className={className || ''} onClick={handleOnClick} disabled={isLoading} >\n {children || 'Upload'}\n </button>\n );\n }}\n </CldUploadWidget>\n </>\n );\n};\n\nexport default CldUploadButton;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Script from 'next/script';\nimport {\n CloudinaryUploadWidgetResults,\n CloudinaryUploadWidgetInstanceMethods,\n CloudinaryUploadWidgetInstanceMethodCloseOptions,\n CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n CloudinaryUploadWidgetInstanceMethodOpenOptions,\n CloudinaryUploadWidgetSources,\n CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport {\n CldUploadEventAction,\n CldUploadEventCallback,\n CldUploadWidgetCloudinaryInstance,\n CldUploadWidgetProps,\n CldUploadWidgetWidgetInstance,\n} from './CldUploadWidget.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nconst WIDGET_WATCHED_EVENTS = [\n 'success',\n];\n\nexport const WIDGET_EVENTS: { [key: string]: string } = {\n 'abort': 'onAbort',\n 'batch-cancelled': 'onBatchCancelled',\n 'close': 'onClose',\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\nconst CldUploadWidget = ({\n children,\n config,\n onError,\n onOpen,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}: CldUploadWidgetProps) => {\n const cloudinary: CldUploadWidgetCloudinaryInstance = useRef();\n const widget: CldUploadWidgetWidgetInstance = useRef();\n\n const signed = !!signatureEndpoint;\n\n const [error, setError] = useState<CloudinaryUploadWidgetError | undefined>(undefined);\n const [results, setResults] = useState<CloudinaryUploadWidgetResults | undefined>(undefined);\n const [isScriptLoading, setIsScriptLoading] = useState(true);\n\n // When creating a signed upload, you need to provide both your Cloudinary API Key\n // as well as a signature generator function that will sign any paramters\n // either on page load or during the upload process. Read more about signed uploads at:\n // https://cloudinary.com/documentation/upload_widget#signed_uploads\n\n const cloudinaryConfig = getCloudinaryConfig(config);\n const { cloudName, apiKey } = cloudinaryConfig?.cloud;\n\n const uploadOptions = {\n cloudName,\n uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n apiKey,\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\n if ( isSuccess && typeof onUpload === 'function' ) {\n if ( process.env.NODE_ENVIRONMENT === 'development' ) {\n console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');\n }\n onUpload(results, widget.current);\n }\n }, [results])\n\n /**\n * handleOnLoad\n * @description Stores the Cloudinary window instance to a ref when the widget script loads\n */\n\n function handleOnLoad() {\n setIsScriptLoading(false);\n\n if ( !cloudinary.current ) {\n cloudinary.current = (window as any).cloudinary;\n }\n\n // To help improve load time of the widget on first instance, use requestIdleCallback\n // to trigger widget creation. Optional.\n\n triggerOnIdle(() => {\n if ( !widget.current ) {\n widget.current = createWidget();\n }\n });\n }\n\n useEffect(() => {\n return () => {\n widget.current?.destroy();\n widget.current = undefined;\n }\n }, [])\n\n /**\n * 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 headers: {\n 'Content-Type': 'application/json'\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 CloudinaryUploadWidgetInstanceMethods\n >(\n method: TMethod,\n options: Parameters<\n CloudinaryUploadWidgetInstanceMethods[TMethod]\n > = [] as Parameters<CloudinaryUploadWidgetInstanceMethods[TMethod]>\n ) {\n if (!widget.current) {\n widget.current = createWidget();\n }\n\n if (typeof widget?.current[method] === \"function\") {\n return widget.current[method](...options);\n }\n }\n\n function close(options?: CloudinaryUploadWidgetInstanceMethodCloseOptions) {\n invokeInstanceMethod('close', [options]);\n }\n\n function destroy(options?: CloudinaryUploadWidgetInstanceMethodDestroyOptions) {\n return invokeInstanceMethod('destroy', [options]);\n }\n\n function hide() {\n invokeInstanceMethod('hide');\n }\n\n function isDestroyed() {\n return invokeInstanceMethod('isDestroyed');\n }\n\n function isMinimized() {\n return invokeInstanceMethod('isMinimized');\n }\n\n function isShowing() {\n return invokeInstanceMethod('isShowing');\n }\n\n function minimize() {\n invokeInstanceMethod('minimize');\n }\n\n function open(widgetSource?: CloudinaryUploadWidgetSources, options?: CloudinaryUploadWidgetInstanceMethodOpenOptions) {\n invokeInstanceMethod('open', [widgetSource, options]);\n\n if ( typeof onOpen === 'function' ) {\n onOpen(widget.current);\n }\n }\n\n function show() {\n invokeInstanceMethod('show');\n }\n\n function update() {\n invokeInstanceMethod('update');\n }\n\n const instanceMethods: CloudinaryUploadWidgetInstanceMethods = {\n close,\n destroy,\n hide,\n isDestroyed,\n isMinimized,\n isShowing,\n minimize,\n open,\n show,\n update,\n }\n\n /**\n * createWidget\n * @description Creates a new instance of the Cloudinary widget and stores in a ref\n */\n\n function createWidget() {\n return cloudinary.current?.createUploadWidget(uploadOptions, (uploadError: CloudinaryUploadWidgetError, uploadResult: CloudinaryUploadWidgetResults) => {\n if ( uploadError && uploadError !== null ) {\n setError(uploadError);\n\n if ( typeof onError === 'function' ) {\n onError(uploadError, {\n widget: widget.current,\n ...instanceMethods\n });\n }\n }\n\n if ( typeof uploadResult?.event === 'string' ) {\n if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event as string) ) {\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' ) {\n const callback = props[widgetEvent] as CldUploadEventCallback;\n callback(uploadResult, {\n widget: widget.current,\n ...instanceMethods\n });\n }\n\n const widgetEventAction = `${widgetEvent}Action` as keyof typeof props;\n\n if ( widgetEventAction && typeof props[widgetEventAction] === 'function' ) {\n const action = props[widgetEventAction] as CldUploadEventAction;\n action(uploadResult);\n }\n }\n });\n }\n\n return (\n <>\n {typeof children === 'function' && children({\n cloudinary: cloudinary.current,\n widget: widget.current,\n results,\n error,\n isLoading: isScriptLoading,\n ...instanceMethods,\n })}\n <Script\n id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n src=\"https://upload-widget.cloudinary.com/global/all.js\"\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n />\n </>\n );\n};\n\nexport default CldUploadWidget;","/**\n * triggerOnIdle\n * @see MDN Polyfill https://github.com/behnammodi/polyfill/blob/master/window.polyfill.js#L7-L24\n */\n\nexport function triggerOnIdle(callback: any) {\n if ( window && 'requestIdleCallback' in window ) {\n return requestIdleCallback(callback);\n }\n return setTimeout(() => callback(), 1);\n}","import React, {useRef, MutableRefObject, useEffect} from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\nimport { CloudinaryVideoPlayer } from '@cloudinary-util/types';\nimport { getVideoPlayerOptions } from '@cloudinary-util/url-loader';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\n\nimport { getCloudinaryConfig } from \"../../lib/cloudinary\";\n\nlet playerInstances: string[] = [];\n\nconst PLAYER_VERSION = '1.11.1';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n\n const {\n className,\n config,\n height,\n id,\n onDataLoad,\n onError,\n onMetadataLoad,\n onPause,\n onPlay,\n onEnded,\n width,\n } = props as CldVideoPlayerProps;\n\n\n const cloudinaryConfig = getCloudinaryConfig(config);\n const playerOptions = getVideoPlayerOptions(props, cloudinaryConfig);\n const { publicId } = playerOptions;\n\n if ( typeof publicId === 'undefined' ) {\n throw new Error('Video Player requires a Public ID or Cloudinary URL - please specify a src prop');\n }\n\n // Setup the refs and allow for the caller to pass through their\n // own ref instance\n\n const cloudinaryRef = useRef<any>();\n const defaultVideoRef = useRef() as MutableRefObject<HTMLVideoElement | null>;\n const videoRef = props.videoRef || defaultVideoRef;\n const defaultPlayerRef = useRef()as MutableRefObject<CloudinaryVideoPlayer | null>;\n const playerRef = props.playerRef || defaultPlayerRef;\n\n const playerId = id || `player-${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 playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, playerOptions);\n\n Object.keys(events).forEach((key) => {\n if ( typeof events[key] === 'function' ) {\n playerRef.current?.on(key, handleEvent);\n }\n });\n }\n }\n\n useEffect(() => {\n\n return () => {\n //@ts-ignore\n playerRef.current?.videojs.cloudinary.dispose();\n playerInstances = playerInstances.filter((id) => id !== playerId)\n }\n }, []);\n\n /**\n *getPlayerRefs\n */\n\n function getPlayerRefs() {\n return {\n player: playerRef.current,\n video: videoRef.current\n }\n }\n\n return (\n <>\n <Head>\n <link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n </Head>\n <div style={{ width: '100%', aspectRatio: `${width} / ${height}`}}>\n <video\n ref={videoRef}\n id={playerId}\n className={playerClassName}\n width={width}\n height={height}\n />\n <Script\n id={`cloudinary-videoplayer-${playerId}-${Math.floor(Math.random() * 100)}`}\n src={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`}\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)}\n />\n </div>\n </>\n );\n};\n\nexport default CldVideoPlayer;\n","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { VideoOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { getCloudinaryConfig, getCloudinaryAnalytics } from \"../lib/cloudinary\";\n\n/**\n * getCldVideoUrl\n */\n\nexport type GetCldVideoUrlOptions = VideoOptions;\nexport type GetCldVideoUrlConfig = ConfigOptions;\nexport type GetCldVideoUrlAnalytics = AnalyticsOptions;\n\nexport function getCldVideoUrl(options: GetCldVideoUrlOptions, config?: GetCldVideoUrlConfig, analytics?: GetCldVideoUrlAnalytics) {\n return constructCloudinaryUrl({\n options: {\n assetType: 'video',\n format: 'auto:video',\n ...options\n },\n config: getCloudinaryConfig(config),\n analytics: getCloudinaryAnalytics(analytics)\n });\n}\n"],"mappings":"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","names":["React","useState","useCallback","forwardRef","Image","getTransformations","transformationPlugins","nextPkg","package_default","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_VERSION","normalizeVersion","nextPkg","NEXT_CLOUDINARY_VERSION","package_default","version","normalized","pollForProcessingImage","options","src","resolve","reject","res","e","getCloudinaryConfig","config","cloudName","apiKey","secureDistribution","privateCdn","getCloudinaryAnalytics","analytics","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","constructCloudinaryUrl","getCldImageUrl","options","config","analytics","constructCloudinaryUrl","getCloudinaryConfig","getCloudinaryAnalytics","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","forwardRef","props","ref","hasThrownError","CLD_OPTIONS","transformationPlugins","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","useState","cldOptions","transformations","getTransformations","t","e","IMAGE_OPTIONS","getCldImageUrl","onError","options","pollForImage","onErrorResult","image","pollForProcessingImage","handleOnError","useCallback","ResolvedImage","Image","React","loaderOptions","cloudinaryLoader","CldImage_default","React","Head","getCldOgImageUrl","options","getCldImageUrl","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","width","height","ogImageUrl","getCldOgImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","React","React","useState","useEffect","useRef","Script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","WIDGET_EVENTS","CldUploadWidget","children","config","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","props","cloudinary","useRef","widget","signed","error","setError","useState","results","setResults","isScriptLoading","setIsScriptLoading","cloudinaryConfig","getCloudinaryConfig","cloudName","apiKey","uploadOptions","generateSignature","useEffect","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","invokeInstanceMethod","method","close","destroy","hide","isDestroyed","isMinimized","isShowing","minimize","open","widgetSource","show","update","instanceMethods","uploadError","uploadResult","widgetEvent","widgetEventAction","action","React","Script","e","CldUploadWidget_default","CldUploadButton","className","children","onClick","onError","onOpen","onUpload","onAbort","onBatchCancelled","onClose","onDisplayChanged","onPublicId","onQueuesEnd","onQueuesStart","onRetry","onShowCompleted","onSourceChanged","onSuccess","onTags","onUploadAdded","options","signatureEndpoint","uploadPreset","onAbortAction","onBatchCancelledAction","onCloseAction","onDisplayChangedAction","onPublicIdAction","onQueuesEndAction","onQueuesStartAction","onRetryAction","onShowCompletedAction","onSourceChangedAction","onSuccessAction","onTagsAction","onUploadAddedAction","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","React","useRef","useEffect","Script","Head","getVideoPlayerOptions","playerInstances","PLAYER_VERSION","CldVideoPlayer","props","className","config","height","id","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","width","cloudinaryConfig","getCloudinaryConfig","playerOptions","getVideoPlayerOptions","publicId","cloudinaryRef","useRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","key","useEffect","React","Head","Script","e","CldVideoPlayer_default","constructCloudinaryUrl","getCldVideoUrl","options","config","analytics","constructCloudinaryUrl","getCloudinaryConfig","getCloudinaryAnalytics"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "next-cloudinary",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.7.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"source": "src/index.ts",
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"@cloudinary-util/types": "1.0.5",
|
|
11
|
-
"@cloudinary-util/url-loader": "5.3.
|
|
11
|
+
"@cloudinary-util/url-loader": "5.3.1",
|
|
12
12
|
"@cloudinary-util/util": "^3.0.0",
|
|
13
13
|
"@tsconfig/recommended": "^1.0.3"
|
|
14
14
|
},
|