next-cloudinary 5.20.0 → 6.0.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -8
- package/dist/index.d.mts +45 -246
- package/dist/index.d.ts +45 -246
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +11 -11
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _cloudinary_util_url_loader_dist_schema_OKEuUbyx from '@cloudinary-util/url-loader/dist/schema-OKEuUbyx';
|
|
2
2
|
import React, { MutableRefObject } from 'react';
|
|
3
3
|
import { ImageProps } from 'next/image';
|
|
4
4
|
import { ImageOptions, ConfigOptions, AnalyticsOptions, VideoOptions } from '@cloudinary-util/url-loader';
|
|
5
|
+
import { CloudinaryUploadWidgetOptions, CloudinaryUploadWidgetError, CloudinaryUploadWidgetResults, CloudinaryUploadWidgetInstanceMethods, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayer, CloudinaryVideoPlayerOptionsLogo } from '@cloudinary-util/types';
|
|
6
|
+
export { CloudinaryUploadWidgetError, CloudinaryUploadWidgetInfo, CloudinaryUploadWidgetInstanceMethodCloseOptions, CloudinaryUploadWidgetInstanceMethodDestroyOptions, CloudinaryUploadWidgetInstanceMethodOpenOptions, CloudinaryUploadWidgetInstanceMethodUpdateOptions, CloudinaryUploadWidgetInstanceMethods, CloudinaryUploadWidgetOptions, CloudinaryUploadWidgetResults, CloudinaryUploadWidgetSources, CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsColors, CloudinaryVideoPlayerOptionsLogo } from '@cloudinary-util/types';
|
|
5
7
|
|
|
6
8
|
type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {
|
|
7
9
|
config?: ConfigOptions;
|
|
@@ -11,7 +13,23 @@ type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {
|
|
|
11
13
|
};
|
|
12
14
|
declare const CldImage: React.ForwardRefExoticComponent<Omit<ImageProps, "src"> & {
|
|
13
15
|
src: string;
|
|
14
|
-
crop?: "fill" | "lfill" | "fill_pad" | "crop" | "thumb" | "scale" | "fit" | "limit" | "mfit" | "pad" | "lpad" | "mpad" | "imagga_scale" | "imagga_crop" |
|
|
16
|
+
crop?: "fill" | "lfill" | "fill_pad" | "crop" | "thumb" | "scale" | "fit" | "limit" | "mfit" | "pad" | "lpad" | "mpad" | "imagga_scale" | "imagga_crop" | {
|
|
17
|
+
type: "fill" | "lfill" | "fill_pad" | "crop" | "thumb" | "scale" | "fit" | "limit" | "mfit" | "pad" | "lpad" | "mpad" | "imagga_scale" | "imagga_crop";
|
|
18
|
+
aspectRatio?: string | number | undefined;
|
|
19
|
+
gravity?: string | undefined;
|
|
20
|
+
height?: string | number | undefined;
|
|
21
|
+
width?: string | number | undefined;
|
|
22
|
+
zoom?: string | undefined;
|
|
23
|
+
source?: boolean | undefined;
|
|
24
|
+
} | {
|
|
25
|
+
type: "fill" | "lfill" | "fill_pad" | "crop" | "thumb" | "scale" | "fit" | "limit" | "mfit" | "pad" | "lpad" | "mpad" | "imagga_scale" | "imagga_crop";
|
|
26
|
+
aspectRatio?: string | number | undefined;
|
|
27
|
+
gravity?: string | undefined;
|
|
28
|
+
height?: string | number | undefined;
|
|
29
|
+
width?: string | number | undefined;
|
|
30
|
+
zoom?: string | undefined;
|
|
31
|
+
source?: boolean | undefined;
|
|
32
|
+
}[] | undefined;
|
|
15
33
|
sanitize?: boolean | undefined;
|
|
16
34
|
assetType?: string | undefined;
|
|
17
35
|
deliveryType?: string | undefined;
|
|
@@ -21,6 +39,9 @@ declare const CldImage: React.ForwardRefExoticComponent<Omit<ImageProps, "src">
|
|
|
21
39
|
quality?: string | number | undefined;
|
|
22
40
|
strictTransformations?: boolean | undefined;
|
|
23
41
|
width?: string | number | undefined;
|
|
42
|
+
aspectRatio?: string | number | undefined;
|
|
43
|
+
gravity?: string | undefined;
|
|
44
|
+
zoom?: string | undefined;
|
|
24
45
|
art?: any;
|
|
25
46
|
autoBrightness?: any;
|
|
26
47
|
autoColor?: any;
|
|
@@ -117,17 +138,16 @@ declare const CldImage: React.ForwardRefExoticComponent<Omit<ImageProps, "src">
|
|
|
117
138
|
vibrance?: any;
|
|
118
139
|
vignette?: any;
|
|
119
140
|
}[] | undefined;
|
|
120
|
-
flags?: "
|
|
121
|
-
gravity?: string | undefined;
|
|
141
|
+
flags?: "animated" | "any_format" | "apng" | "attachment" | "awebp" | "clip" | "clip_evenodd" | "cutter" | "force_icc" | "force_strip" | "getinfo" | "group4" | "hlsv3" | "ignore_aspect_ratio" | "ignore_mask_channels" | "immutable_cache" | "keep_attribution" | "keep_dar" | "keep_iptc" | "layer_apply" | "lossy" | "mono" | "no_overflow" | "no_stream" | "png8_fl_png24_fl_png32" | "preserve_transparency" | "progressive" | "rasterize" | "region_relative" | "relative" | "replace_image" | "sanitize" | "splice" | "streaming_attachment" | "strip_profile" | "text_disallow_overflow" | "text_no_trim" | "tiff8_lzw" | "tiled" | "truncate_ts" | "waveform" | ("animated" | "any_format" | "apng" | "attachment" | "awebp" | "clip" | "clip_evenodd" | "cutter" | "force_icc" | "force_strip" | "getinfo" | "group4" | "hlsv3" | "ignore_aspect_ratio" | "ignore_mask_channels" | "immutable_cache" | "keep_attribution" | "keep_dar" | "keep_iptc" | "layer_apply" | "lossy" | "mono" | "no_overflow" | "no_stream" | "png8_fl_png24_fl_png32" | "preserve_transparency" | "progressive" | "rasterize" | "region_relative" | "relative" | "replace_image" | "sanitize" | "splice" | "streaming_attachment" | "strip_profile" | "text_disallow_overflow" | "text_no_trim" | "tiff8_lzw" | "tiled" | "truncate_ts" | "waveform")[] | undefined;
|
|
122
142
|
text?: string | undefined;
|
|
123
143
|
version?: string | number | undefined;
|
|
124
144
|
underlay?: string | undefined;
|
|
125
145
|
underlays?: {
|
|
126
146
|
appliedEffects?: {}[] | undefined;
|
|
127
|
-
appliedFlags?: "
|
|
147
|
+
appliedFlags?: "animated" | "any_format" | "apng" | "attachment" | "awebp" | "clip" | "clip_evenodd" | "cutter" | "force_icc" | "force_strip" | "getinfo" | "group4" | "hlsv3" | "ignore_aspect_ratio" | "ignore_mask_channels" | "immutable_cache" | "keep_attribution" | "keep_dar" | "keep_iptc" | "layer_apply" | "lossy" | "mono" | "no_overflow" | "no_stream" | "png8_fl_png24_fl_png32" | "preserve_transparency" | "progressive" | "rasterize" | "region_relative" | "relative" | "replace_image" | "sanitize" | "splice" | "streaming_attachment" | "strip_profile" | "text_disallow_overflow" | "text_no_trim" | "tiff8_lzw" | "tiled" | "truncate_ts" | "waveform" | ("animated" | "any_format" | "apng" | "attachment" | "awebp" | "clip" | "clip_evenodd" | "cutter" | "force_icc" | "force_strip" | "getinfo" | "group4" | "hlsv3" | "ignore_aspect_ratio" | "ignore_mask_channels" | "immutable_cache" | "keep_attribution" | "keep_dar" | "keep_iptc" | "layer_apply" | "lossy" | "mono" | "no_overflow" | "no_stream" | "png8_fl_png24_fl_png32" | "preserve_transparency" | "progressive" | "rasterize" | "region_relative" | "relative" | "replace_image" | "sanitize" | "splice" | "streaming_attachment" | "strip_profile" | "text_disallow_overflow" | "text_no_trim" | "tiff8_lzw" | "tiled" | "truncate_ts" | "waveform")[] | undefined;
|
|
128
148
|
effects?: {}[] | undefined;
|
|
129
149
|
crop?: "fill" | "lfill" | "fill_pad" | "crop" | "thumb" | "scale" | "fit" | "limit" | "mfit" | "pad" | "lpad" | "mpad" | "imagga_scale" | "imagga_crop" | undefined;
|
|
130
|
-
flags?: "
|
|
150
|
+
flags?: "animated" | "any_format" | "apng" | "attachment" | "awebp" | "clip" | "clip_evenodd" | "cutter" | "force_icc" | "force_strip" | "getinfo" | "group4" | "hlsv3" | "ignore_aspect_ratio" | "ignore_mask_channels" | "immutable_cache" | "keep_attribution" | "keep_dar" | "keep_iptc" | "layer_apply" | "lossy" | "mono" | "no_overflow" | "no_stream" | "png8_fl_png24_fl_png32" | "preserve_transparency" | "progressive" | "rasterize" | "region_relative" | "relative" | "replace_image" | "sanitize" | "splice" | "streaming_attachment" | "strip_profile" | "text_disallow_overflow" | "text_no_trim" | "tiff8_lzw" | "tiled" | "truncate_ts" | "waveform" | ("animated" | "any_format" | "apng" | "attachment" | "awebp" | "clip" | "clip_evenodd" | "cutter" | "force_icc" | "force_strip" | "getinfo" | "group4" | "hlsv3" | "ignore_aspect_ratio" | "ignore_mask_channels" | "immutable_cache" | "keep_attribution" | "keep_dar" | "keep_iptc" | "layer_apply" | "lossy" | "mono" | "no_overflow" | "no_stream" | "png8_fl_png24_fl_png32" | "preserve_transparency" | "progressive" | "rasterize" | "region_relative" | "relative" | "replace_image" | "sanitize" | "splice" | "streaming_attachment" | "strip_profile" | "text_disallow_overflow" | "text_no_trim" | "tiff8_lzw" | "tiled" | "truncate_ts" | "waveform")[] | undefined;
|
|
131
151
|
height?: string | number | undefined;
|
|
132
152
|
position?: {
|
|
133
153
|
angle?: string | number | undefined;
|
|
@@ -145,10 +165,10 @@ declare const CldImage: React.ForwardRefExoticComponent<Omit<ImageProps, "src">
|
|
|
145
165
|
rawTransformations?: string | string[] | undefined;
|
|
146
166
|
overlay?: {
|
|
147
167
|
appliedEffects?: {}[] | undefined;
|
|
148
|
-
appliedFlags?: "
|
|
168
|
+
appliedFlags?: "animated" | "any_format" | "apng" | "attachment" | "awebp" | "clip" | "clip_evenodd" | "cutter" | "force_icc" | "force_strip" | "getinfo" | "group4" | "hlsv3" | "ignore_aspect_ratio" | "ignore_mask_channels" | "immutable_cache" | "keep_attribution" | "keep_dar" | "keep_iptc" | "layer_apply" | "lossy" | "mono" | "no_overflow" | "no_stream" | "png8_fl_png24_fl_png32" | "preserve_transparency" | "progressive" | "rasterize" | "region_relative" | "relative" | "replace_image" | "sanitize" | "splice" | "streaming_attachment" | "strip_profile" | "text_disallow_overflow" | "text_no_trim" | "tiff8_lzw" | "tiled" | "truncate_ts" | "waveform" | ("animated" | "any_format" | "apng" | "attachment" | "awebp" | "clip" | "clip_evenodd" | "cutter" | "force_icc" | "force_strip" | "getinfo" | "group4" | "hlsv3" | "ignore_aspect_ratio" | "ignore_mask_channels" | "immutable_cache" | "keep_attribution" | "keep_dar" | "keep_iptc" | "layer_apply" | "lossy" | "mono" | "no_overflow" | "no_stream" | "png8_fl_png24_fl_png32" | "preserve_transparency" | "progressive" | "rasterize" | "region_relative" | "relative" | "replace_image" | "sanitize" | "splice" | "streaming_attachment" | "strip_profile" | "text_disallow_overflow" | "text_no_trim" | "tiff8_lzw" | "tiled" | "truncate_ts" | "waveform")[] | undefined;
|
|
149
169
|
effects?: {}[] | undefined;
|
|
150
170
|
crop?: "fill" | "lfill" | "fill_pad" | "crop" | "thumb" | "scale" | "fit" | "limit" | "mfit" | "pad" | "lpad" | "mpad" | "imagga_scale" | "imagga_crop" | undefined;
|
|
151
|
-
flags?: "
|
|
171
|
+
flags?: "animated" | "any_format" | "apng" | "attachment" | "awebp" | "clip" | "clip_evenodd" | "cutter" | "force_icc" | "force_strip" | "getinfo" | "group4" | "hlsv3" | "ignore_aspect_ratio" | "ignore_mask_channels" | "immutable_cache" | "keep_attribution" | "keep_dar" | "keep_iptc" | "layer_apply" | "lossy" | "mono" | "no_overflow" | "no_stream" | "png8_fl_png24_fl_png32" | "preserve_transparency" | "progressive" | "rasterize" | "region_relative" | "relative" | "replace_image" | "sanitize" | "splice" | "streaming_attachment" | "strip_profile" | "text_disallow_overflow" | "text_no_trim" | "tiff8_lzw" | "tiled" | "truncate_ts" | "waveform" | ("animated" | "any_format" | "apng" | "attachment" | "awebp" | "clip" | "clip_evenodd" | "cutter" | "force_icc" | "force_strip" | "getinfo" | "group4" | "hlsv3" | "ignore_aspect_ratio" | "ignore_mask_channels" | "immutable_cache" | "keep_attribution" | "keep_dar" | "keep_iptc" | "layer_apply" | "lossy" | "mono" | "no_overflow" | "no_stream" | "png8_fl_png24_fl_png32" | "preserve_transparency" | "progressive" | "rasterize" | "region_relative" | "relative" | "replace_image" | "sanitize" | "splice" | "streaming_attachment" | "strip_profile" | "text_disallow_overflow" | "text_no_trim" | "tiff8_lzw" | "tiled" | "truncate_ts" | "waveform")[] | undefined;
|
|
152
172
|
height?: string | number | undefined;
|
|
153
173
|
position?: {
|
|
154
174
|
angle?: string | number | undefined;
|
|
@@ -177,10 +197,10 @@ declare const CldImage: React.ForwardRefExoticComponent<Omit<ImageProps, "src">
|
|
|
177
197
|
} | undefined;
|
|
178
198
|
overlays?: {
|
|
179
199
|
appliedEffects?: {}[] | undefined;
|
|
180
|
-
appliedFlags?: "
|
|
200
|
+
appliedFlags?: "animated" | "any_format" | "apng" | "attachment" | "awebp" | "clip" | "clip_evenodd" | "cutter" | "force_icc" | "force_strip" | "getinfo" | "group4" | "hlsv3" | "ignore_aspect_ratio" | "ignore_mask_channels" | "immutable_cache" | "keep_attribution" | "keep_dar" | "keep_iptc" | "layer_apply" | "lossy" | "mono" | "no_overflow" | "no_stream" | "png8_fl_png24_fl_png32" | "preserve_transparency" | "progressive" | "rasterize" | "region_relative" | "relative" | "replace_image" | "sanitize" | "splice" | "streaming_attachment" | "strip_profile" | "text_disallow_overflow" | "text_no_trim" | "tiff8_lzw" | "tiled" | "truncate_ts" | "waveform" | ("animated" | "any_format" | "apng" | "attachment" | "awebp" | "clip" | "clip_evenodd" | "cutter" | "force_icc" | "force_strip" | "getinfo" | "group4" | "hlsv3" | "ignore_aspect_ratio" | "ignore_mask_channels" | "immutable_cache" | "keep_attribution" | "keep_dar" | "keep_iptc" | "layer_apply" | "lossy" | "mono" | "no_overflow" | "no_stream" | "png8_fl_png24_fl_png32" | "preserve_transparency" | "progressive" | "rasterize" | "region_relative" | "relative" | "replace_image" | "sanitize" | "splice" | "streaming_attachment" | "strip_profile" | "text_disallow_overflow" | "text_no_trim" | "tiff8_lzw" | "tiled" | "truncate_ts" | "waveform")[] | undefined;
|
|
181
201
|
effects?: {}[] | undefined;
|
|
182
202
|
crop?: "fill" | "lfill" | "fill_pad" | "crop" | "thumb" | "scale" | "fit" | "limit" | "mfit" | "pad" | "lpad" | "mpad" | "imagga_scale" | "imagga_crop" | undefined;
|
|
183
|
-
flags?: "
|
|
203
|
+
flags?: "animated" | "any_format" | "apng" | "attachment" | "awebp" | "clip" | "clip_evenodd" | "cutter" | "force_icc" | "force_strip" | "getinfo" | "group4" | "hlsv3" | "ignore_aspect_ratio" | "ignore_mask_channels" | "immutable_cache" | "keep_attribution" | "keep_dar" | "keep_iptc" | "layer_apply" | "lossy" | "mono" | "no_overflow" | "no_stream" | "png8_fl_png24_fl_png32" | "preserve_transparency" | "progressive" | "rasterize" | "region_relative" | "relative" | "replace_image" | "sanitize" | "splice" | "streaming_attachment" | "strip_profile" | "text_disallow_overflow" | "text_no_trim" | "tiff8_lzw" | "tiled" | "truncate_ts" | "waveform" | ("animated" | "any_format" | "apng" | "attachment" | "awebp" | "clip" | "clip_evenodd" | "cutter" | "force_icc" | "force_strip" | "getinfo" | "group4" | "hlsv3" | "ignore_aspect_ratio" | "ignore_mask_channels" | "immutable_cache" | "keep_attribution" | "keep_dar" | "keep_iptc" | "layer_apply" | "lossy" | "mono" | "no_overflow" | "no_stream" | "png8_fl_png24_fl_png32" | "preserve_transparency" | "progressive" | "rasterize" | "region_relative" | "relative" | "replace_image" | "sanitize" | "splice" | "streaming_attachment" | "strip_profile" | "text_disallow_overflow" | "text_no_trim" | "tiff8_lzw" | "tiled" | "truncate_ts" | "waveform")[] | undefined;
|
|
184
204
|
height?: string | number | undefined;
|
|
185
205
|
position?: {
|
|
186
206
|
angle?: string | number | undefined;
|
|
@@ -209,9 +229,6 @@ declare const CldImage: React.ForwardRefExoticComponent<Omit<ImageProps, "src">
|
|
|
209
229
|
}[] | undefined;
|
|
210
230
|
namedTransformations?: string | string[] | undefined;
|
|
211
231
|
transformations?: string | string[] | undefined;
|
|
212
|
-
aspectRatio?: string | number | undefined;
|
|
213
|
-
widthResize?: string | number | undefined;
|
|
214
|
-
zoom?: string | undefined;
|
|
215
232
|
zoompan?: string | boolean | {
|
|
216
233
|
options: string;
|
|
217
234
|
loop: string | boolean;
|
|
@@ -240,7 +257,7 @@ declare const CldImage: React.ForwardRefExoticComponent<Omit<ImageProps, "src">
|
|
|
240
257
|
} | undefined;
|
|
241
258
|
defaultImage?: string | undefined;
|
|
242
259
|
} & {
|
|
243
|
-
config?:
|
|
260
|
+
config?: _cloudinary_util_url_loader_dist_schema_OKEuUbyx.e | undefined;
|
|
244
261
|
preserveTransformations?: boolean | undefined;
|
|
245
262
|
src: string;
|
|
246
263
|
unoptimized?: boolean | undefined;
|
|
@@ -255,80 +272,17 @@ declare const CldOgImage: ({ excludeTags, twitterTitle, keys, ...props }: CldOgI
|
|
|
255
272
|
|
|
256
273
|
type CldUploadWidgetCloudinaryInstance = any;
|
|
257
274
|
type CldUploadWidgetWidgetInstance = any;
|
|
258
|
-
type CustomURL = `https://${string}.${string}`;
|
|
259
|
-
interface CldUploadWidgetResults {
|
|
260
|
-
event?: string;
|
|
261
|
-
info?: string | CldUploadWidgetInfo;
|
|
262
|
-
}
|
|
263
|
-
interface CldUploadWidgetInfo {
|
|
264
|
-
access_mode: 'public' | 'authenticated';
|
|
265
|
-
api_key: string;
|
|
266
|
-
asset_id: string;
|
|
267
|
-
batchId: string;
|
|
268
|
-
bytes: number;
|
|
269
|
-
context: Record<string, Record<string, string>>;
|
|
270
|
-
created_at: string;
|
|
271
|
-
etag: string;
|
|
272
|
-
folder: string;
|
|
273
|
-
format: string;
|
|
274
|
-
height: number;
|
|
275
|
-
hook_execution: Record<string, unknown>;
|
|
276
|
-
id: string;
|
|
277
|
-
info: Record<string, unknown>;
|
|
278
|
-
original_filename: string;
|
|
279
|
-
pages: number;
|
|
280
|
-
path: string;
|
|
281
|
-
placeholder: boolean;
|
|
282
|
-
public_id: string;
|
|
283
|
-
resource_type: 'image' | 'raw' | 'video' | 'auto';
|
|
284
|
-
secure_url: string;
|
|
285
|
-
signature: string;
|
|
286
|
-
tags: string[];
|
|
287
|
-
thumbnail_url: string;
|
|
288
|
-
type: 'upload' | 'private' | 'authenticated';
|
|
289
|
-
url: string;
|
|
290
|
-
version: number;
|
|
291
|
-
width: number;
|
|
292
|
-
[key: string]: unknown;
|
|
293
|
-
}
|
|
294
|
-
type CldUploadWidgetDestroyInstanceMethodOptions = {
|
|
295
|
-
removeThumbnails: boolean;
|
|
296
|
-
};
|
|
297
|
-
type CldUploadWidgetCloseInstanceMethodOptions = {
|
|
298
|
-
quiet: boolean;
|
|
299
|
-
};
|
|
300
|
-
type CldUploadWidgetOpenInstanceMethodOptions = {
|
|
301
|
-
files: CustomURL[];
|
|
302
|
-
};
|
|
303
|
-
type CldUploadWidgetOpenWidgetSources = 'local' | 'url' | 'camera' | 'image_search' | 'google_drive' | 'dropbox' | 'facebook' | 'instagram' | 'shutterstock' | 'getty' | 'istock' | 'unsplash' | null;
|
|
304
|
-
type CldUploadWidgetUpdateInstanceMethodOptions = Omit<CldUploadWidgetPropsOptions, "secure" | "uploadSignature" | "getTags" | "preBatch" | "inlineContainer" | "fieldName"> & {
|
|
305
|
-
cloudName: string;
|
|
306
|
-
uploadPreset: string;
|
|
307
|
-
};
|
|
308
|
-
interface CldUploadWidgetInstanceMethods {
|
|
309
|
-
close: (options?: CldUploadWidgetCloseInstanceMethodOptions) => void;
|
|
310
|
-
destroy: (options?: CldUploadWidgetDestroyInstanceMethodOptions) => Promise<void>;
|
|
311
|
-
hide: () => void;
|
|
312
|
-
isDestroyed: () => boolean;
|
|
313
|
-
isMinimized: () => boolean;
|
|
314
|
-
isShowing: () => boolean;
|
|
315
|
-
minimize: () => void;
|
|
316
|
-
open: (widgetSource?: CldUploadWidgetOpenWidgetSources, options?: CldUploadWidgetOpenInstanceMethodOptions) => void;
|
|
317
|
-
show: () => void;
|
|
318
|
-
update: (options: CldUploadWidgetUpdateInstanceMethodOptions) => void;
|
|
319
|
-
}
|
|
320
|
-
type CldUploadWidgetError = {
|
|
321
|
-
status: string;
|
|
322
|
-
statusText: string;
|
|
323
|
-
} | string | null;
|
|
324
275
|
interface CldUploadWidgetProps {
|
|
325
276
|
children?: ({ cloudinary, widget, open, results, error }: CldUploadWidgetPropsChildren) => JSX.Element;
|
|
326
277
|
onError?: CldUploadEventCallbackError;
|
|
327
278
|
onOpen?: CldUploadEventCallbackWidgetOnly;
|
|
279
|
+
/**
|
|
280
|
+
* @deprecated use onSuccess instead
|
|
281
|
+
*/
|
|
328
282
|
onUpload?: CldUploadEventCallbackNoOptions;
|
|
329
283
|
onAbort?: CldUploadEventCallback;
|
|
330
284
|
onBatchCancelled?: CldUploadEventCallback;
|
|
331
|
-
onClose?:
|
|
285
|
+
onClose?: CldUploadEventCallback;
|
|
332
286
|
onDisplayChanged?: CldUploadEventCallback;
|
|
333
287
|
onPublicId?: CldUploadEventCallback;
|
|
334
288
|
onQueuesEnd?: CldUploadEventCallback;
|
|
@@ -339,94 +293,26 @@ interface CldUploadWidgetProps {
|
|
|
339
293
|
onSuccess?: CldUploadEventCallback;
|
|
340
294
|
onTags?: CldUploadEventCallback;
|
|
341
295
|
onUploadAdded?: CldUploadEventCallback;
|
|
342
|
-
options?:
|
|
296
|
+
options?: CloudinaryUploadWidgetOptions;
|
|
343
297
|
signatureEndpoint?: URL | RequestInfo;
|
|
344
298
|
uploadPreset?: string;
|
|
345
299
|
}
|
|
346
300
|
type CldUploadWidgetPropsChildren = {
|
|
347
301
|
cloudinary: CldUploadWidgetCloudinaryInstance;
|
|
348
302
|
widget: CldUploadWidgetWidgetInstance;
|
|
349
|
-
error?:
|
|
303
|
+
error?: CloudinaryUploadWidgetError;
|
|
350
304
|
isLoading?: boolean;
|
|
351
|
-
results?:
|
|
352
|
-
} &
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
key: string;
|
|
356
|
-
iv: string;
|
|
357
|
-
};
|
|
358
|
-
defaultSource?: string;
|
|
359
|
-
maxFiles?: number;
|
|
360
|
-
multiple?: boolean;
|
|
361
|
-
sources?: Array<"camera" | "dropbox" | "facebook" | "gettyimages" | "google_drive" | "image_search" | "instagram" | "istock" | "local" | "shutterstock" | "unsplash" | "url">;
|
|
362
|
-
cropping?: boolean;
|
|
363
|
-
croppingAspectRatio?: number;
|
|
364
|
-
croppingCoordinatesMode?: string;
|
|
365
|
-
croppingDefaultSelectionRatio?: number;
|
|
366
|
-
croppingShowBackButton?: boolean;
|
|
367
|
-
croppingShowDimensions?: boolean;
|
|
368
|
-
showSkipCropButton?: boolean;
|
|
369
|
-
dropboxAppKey?: string;
|
|
370
|
-
facebookAppId?: string;
|
|
371
|
-
googleApiKey?: string;
|
|
372
|
-
googleDriveClientId?: string;
|
|
373
|
-
instagramClientId?: string;
|
|
374
|
-
searchByRights?: boolean;
|
|
375
|
-
searchBySites?: Array<string>;
|
|
376
|
-
context?: object;
|
|
377
|
-
folder?: string;
|
|
378
|
-
publicId?: string;
|
|
379
|
-
resourceType?: string;
|
|
380
|
-
tags?: Array<string>;
|
|
381
|
-
uploadSignature?: string | Function;
|
|
382
|
-
uploadSignatureTimestamp?: number;
|
|
383
|
-
clientAllowedFormats?: Array<string>;
|
|
384
|
-
croppingValidateDimensions?: boolean;
|
|
385
|
-
maxChunkSize?: number;
|
|
386
|
-
maxImageFileSize?: number;
|
|
387
|
-
maxImageHeight?: number;
|
|
388
|
-
maxImageWidth?: number;
|
|
389
|
-
maxFileSize?: number;
|
|
390
|
-
maxRawFileSize?: number;
|
|
391
|
-
maxVideoFileSize?: number;
|
|
392
|
-
minImageHeight?: number;
|
|
393
|
-
minImageWidth?: number;
|
|
394
|
-
validateMaxWidthHeight?: boolean;
|
|
395
|
-
fieldName?: string;
|
|
396
|
-
form?: string;
|
|
397
|
-
thumbnails?: string;
|
|
398
|
-
thumbnailTransformation?: string | Array<object>;
|
|
399
|
-
buttonCaption?: string;
|
|
400
|
-
buttonClass?: string;
|
|
401
|
-
text?: object;
|
|
402
|
-
theme?: string;
|
|
403
|
-
styles?: object;
|
|
404
|
-
autoMinimize?: boolean;
|
|
405
|
-
getTags?: Function;
|
|
406
|
-
getUploadPresets?: Function;
|
|
407
|
-
inlineContainer?: any;
|
|
408
|
-
language?: string;
|
|
409
|
-
preBatch?: Function;
|
|
410
|
-
prepareUploadParams?: Function;
|
|
411
|
-
queueViewPosition?: string;
|
|
412
|
-
showAdvancedOptions?: boolean;
|
|
413
|
-
showCompletedButton?: boolean;
|
|
414
|
-
showInsecurePreview?: boolean;
|
|
415
|
-
showPoweredBy?: boolean;
|
|
416
|
-
showUploadMoreButton?: boolean;
|
|
417
|
-
singleUploadAutoClose?: boolean;
|
|
418
|
-
detection?: string;
|
|
419
|
-
on_success?: string;
|
|
420
|
-
}
|
|
421
|
-
type CldUploadEventCallback = (results: CldUploadWidgetResults, widget: CldUploadEventCallbackWidget) => void;
|
|
422
|
-
type CldUploadEventCallbackNoOptions = (results: CldUploadWidgetResults, widget: CldUploadWidgetWidgetInstance) => void;
|
|
305
|
+
results?: CloudinaryUploadWidgetResults;
|
|
306
|
+
} & CloudinaryUploadWidgetInstanceMethods;
|
|
307
|
+
type CldUploadEventCallback = (results: CloudinaryUploadWidgetResults, widget: CldUploadEventCallbackWidget) => void;
|
|
308
|
+
type CldUploadEventCallbackNoOptions = (results: CloudinaryUploadWidgetResults, widget: CldUploadWidgetWidgetInstance) => void;
|
|
423
309
|
type CldUploadEventCallbackWidgetOnly = (widget: CldUploadWidgetWidgetInstance) => void;
|
|
424
|
-
type CldUploadEventCallbackError = (error:
|
|
310
|
+
type CldUploadEventCallbackError = (error: CloudinaryUploadWidgetError, widget: CldUploadEventCallbackWidget) => void;
|
|
425
311
|
type CldUploadEventCallbackWidget = {
|
|
426
312
|
widget: CldUploadWidgetWidgetInstance;
|
|
427
|
-
} &
|
|
313
|
+
} & CloudinaryUploadWidgetInstanceMethods;
|
|
428
314
|
|
|
429
|
-
declare const CldUploadWidget: ({ children,
|
|
315
|
+
declare const CldUploadWidget: ({ children, onError, onOpen, onUpload, options, signatureEndpoint, uploadPreset, ...props }: CldUploadWidgetProps) => React.JSX.Element;
|
|
430
316
|
|
|
431
317
|
interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {
|
|
432
318
|
className?: string;
|
|
@@ -435,95 +321,12 @@ interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {
|
|
|
435
321
|
}
|
|
436
322
|
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;
|
|
437
323
|
|
|
438
|
-
interface CloudinaryVideoPlayer {
|
|
439
|
-
on: Function;
|
|
440
|
-
}
|
|
441
|
-
interface CloudinaryVideoPlayerOptionsLogo {
|
|
442
|
-
logoImageUrl?: string;
|
|
443
|
-
logoOnclickUrl?: string;
|
|
444
|
-
showLogo?: boolean;
|
|
445
|
-
}
|
|
446
|
-
interface CloudinaryVideoPlayerOptions extends CloudinaryVideoPlayerOptionsLogo {
|
|
447
|
-
aiHighlightsGraph?: boolean;
|
|
448
|
-
bigPlayButton?: boolean | string;
|
|
449
|
-
colors?: CloudinaryVideoPlayerOptionsColors;
|
|
450
|
-
controlBar?: {
|
|
451
|
-
pictureInPictureToggle?: boolean;
|
|
452
|
-
chaptersButton?: boolean;
|
|
453
|
-
};
|
|
454
|
-
controls?: boolean;
|
|
455
|
-
floatingWhenNotVisible?: string;
|
|
456
|
-
fluid?: boolean;
|
|
457
|
-
fontFace?: string;
|
|
458
|
-
hideContextMenu?: boolean;
|
|
459
|
-
interactionAreas?: any;
|
|
460
|
-
playbackRates?: Array<any>;
|
|
461
|
-
playlistWidget?: {
|
|
462
|
-
direction?: string;
|
|
463
|
-
total?: string;
|
|
464
|
-
};
|
|
465
|
-
posterOptions?: CloudinaryVideoPlayerOptionPosterOptions;
|
|
466
|
-
showJumpControls?: boolean;
|
|
467
|
-
seekThumbnails?: boolean;
|
|
468
|
-
videoJS?: object;
|
|
469
|
-
autoPlay?: string | boolean | undefined;
|
|
470
|
-
autoplay?: string | boolean | undefined;
|
|
471
|
-
autoplayMode?: string;
|
|
472
|
-
autoShowRecommendations?: boolean;
|
|
473
|
-
loop?: boolean;
|
|
474
|
-
maxTries?: Number;
|
|
475
|
-
muted?: boolean;
|
|
476
|
-
playedEventPercents?: number[];
|
|
477
|
-
playedEventTimes?: null | Array<any>;
|
|
478
|
-
playsinline?: boolean;
|
|
479
|
-
videoTimeout?: number;
|
|
480
|
-
withCredentials?: boolean;
|
|
481
|
-
chapters?: object;
|
|
482
|
-
preload?: string;
|
|
483
|
-
publicId?: string;
|
|
484
|
-
sourceTransformation?: object;
|
|
485
|
-
sourceTypes?: Array<string>;
|
|
486
|
-
transformation?: Array<object> | object;
|
|
487
|
-
ads?: {
|
|
488
|
-
adTagUrl?: string;
|
|
489
|
-
adsInPlaylist?: string;
|
|
490
|
-
showCountdown?: boolean;
|
|
491
|
-
adLabel?: string;
|
|
492
|
-
locale?: string;
|
|
493
|
-
prerollTimeout?: number;
|
|
494
|
-
postrollTimeout?: number;
|
|
495
|
-
};
|
|
496
|
-
analytics?: boolean;
|
|
497
|
-
allowUsageReport?: Boolean;
|
|
498
|
-
cloud_name?: string;
|
|
499
|
-
cname?: string;
|
|
500
|
-
privateCdn?: boolean;
|
|
501
|
-
queryParams?: Record<string, string | number | boolean> | string;
|
|
502
|
-
secure?: boolean;
|
|
503
|
-
secureDistribution?: string;
|
|
504
|
-
language?: string;
|
|
505
|
-
languages?: Record<string, object>;
|
|
506
|
-
}
|
|
507
|
-
interface CloudinaryVideoPlayerOptionsColors {
|
|
508
|
-
accent?: string;
|
|
509
|
-
base?: string;
|
|
510
|
-
text?: string;
|
|
511
|
-
}
|
|
512
|
-
interface CloudinaryVideoPlayerOptionPosterOptions {
|
|
513
|
-
publicId: string;
|
|
514
|
-
}
|
|
515
|
-
|
|
516
324
|
/**
|
|
517
325
|
* getCldImageUrl
|
|
518
326
|
*/
|
|
519
327
|
type GetCldImageUrlOptions = ImageOptions;
|
|
520
328
|
type GetCldImageUrlConfig = ConfigOptions;
|
|
521
329
|
type GetCldImageUrlAnalytics = AnalyticsOptions;
|
|
522
|
-
interface GetCldImageUrl {
|
|
523
|
-
options: GetCldImageUrlOptions;
|
|
524
|
-
config?: GetCldImageUrlConfig;
|
|
525
|
-
analytics?: GetCldImageUrlAnalytics;
|
|
526
|
-
}
|
|
527
330
|
declare function getCldImageUrl(options: GetCldImageUrlOptions, config?: GetCldImageUrlConfig, analytics?: GetCldImageUrlAnalytics): string;
|
|
528
331
|
|
|
529
332
|
/**
|
|
@@ -552,8 +355,6 @@ type CldVideoPlayerProps = Omit<CloudinaryVideoPlayerOptions, "cloud_name" | "au
|
|
|
552
355
|
quality?: string | number;
|
|
553
356
|
width: string | number;
|
|
554
357
|
};
|
|
555
|
-
interface CldVideoPlayerPropsColors extends CloudinaryVideoPlayerOptionsColors {
|
|
556
|
-
}
|
|
557
358
|
interface CldVideoPlayerPropsLogo {
|
|
558
359
|
imageUrl?: CloudinaryVideoPlayerOptionsLogo['logoImageUrl'];
|
|
559
360
|
logo?: boolean;
|
|
@@ -563,7 +364,6 @@ interface CldVideoPlayerPropsLogo {
|
|
|
563
364
|
declare const CldVideoPlayer: (props: CldVideoPlayerProps) => React.JSX.Element;
|
|
564
365
|
|
|
565
366
|
interface CloudinaryLoaderCldOptions {
|
|
566
|
-
widthResize?: string | number;
|
|
567
367
|
}
|
|
568
368
|
interface CloudinaryLoaderLoaderOptions {
|
|
569
369
|
height?: string | number;
|
|
@@ -580,8 +380,7 @@ declare function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldCo
|
|
|
580
380
|
/**
|
|
581
381
|
* getCldImageUrl
|
|
582
382
|
*/
|
|
583
|
-
type GetCldOgImageUrl = GetCldImageUrl;
|
|
584
383
|
type GetCldOgImageUrlOptions = GetCldImageUrlOptions;
|
|
585
384
|
declare function getCldOgImageUrl(options: GetCldOgImageUrlOptions): string;
|
|
586
385
|
|
|
587
|
-
export { CldImage, CldImageProps, CldOgImage, CldOgImageProps, CldUploadButton, CldUploadButtonProps, CldUploadWidget,
|
|
386
|
+
export { CldImage, type CldImageProps, CldOgImage, type CldOgImageProps, CldUploadButton, type CldUploadButtonProps, CldUploadWidget, type CldUploadWidgetProps, type CldUploadWidgetPropsChildren, CldVideoPlayer, type CldVideoPlayerProps, type CldVideoPlayerPropsLogo, type CloudinaryLoader, type CloudinaryLoaderCldOptions, type CloudinaryLoaderLoaderOptions, type GetCldImageUrlAnalytics, type GetCldImageUrlConfig, type GetCldImageUrlOptions, type GetCldOgImageUrlOptions, type GetCldVideoUrlAnalytics, type GetCldVideoUrlConfig, type GetCldVideoUrlOptions, cloudinaryLoader, getCldImageUrl, getCldOgImageUrl, getCldVideoUrl };
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var Me=Object.create;var K=Object.defineProperty;var Ve=Object.getOwnPropertyDescriptor;var Ge=Object.getOwnPropertyNames;var De=Object.getPrototypeOf,Se=Object.prototype.hasOwnProperty;var ke=(e,t)=>{for(var a in t)K(e,a,{get:t[a],enumerable:!0})},ye=(e,t,a,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Ge(t))!Se.call(e,o)&&o!==a&&K(e,o,{get:()=>t[o],enumerable:!(n=Ve(t,o))||n.enumerable});return e};var w=(e,t,a)=>(a=e!=null?Me(De(e)):{},ye(t||!e||!e.__esModule?K(a,"default",{value:e,enumerable:!0}):a,e)),je=e=>ye(K({},"__esModule",{value:!0}),e);var Ke={};ke(Ke,{CldImage:()=>de,CldOgImage:()=>se,CldUploadButton:()=>pe,CldUploadWidget:()=>B,CldVideoPlayer:()=>ce,cloudinaryLoader:()=>te,getCldImageUrl:()=>h,getCldOgImageUrl:()=>Ae,getCldVideoUrl:()=>oe});module.exports=je(Ke);var v=w(require("react")),Ue=w(require("next/image")),Oe=require("@cloudinary-util/util"),Ee=require("@cloudinary-util/url-loader");async function Q(e){let{src:t}=e;try{await new Promise((a,n)=>{fetch(t).then(o=>{if(!o.ok){n(o);return}a(o)})})}catch(a){return a.status===423?await Q(e):!1}return!0}function A(e){if(!e)throw new Error("A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.")}var Ie=require("@cloudinary-util/url-loader");var he=w(require("next/package.json"));var Ce={name:"next-cloudinary",version:"5.20.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 . && yarn build",postpublish:"rm ./README.md && rm ./LICENSE",test:"jest","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" yarn build && cd tests/nextjs-app && yarn build'},dependencies:{"@cloudinary-util/url-loader":"^4.1.1","@cloudinary-util/util":"^2.3.0"},devDependencies:{"@babel/core":"^7.23.2","@babel/preset-env":"^7.23.2","@types/jest":"^29.5.6","@types/react":"^18.2.33","@types/react-dom":"^18.2.14","babel-jest":"^29.7.0",dotenv:"^16.3.1",jest:"^29.7.0","jest-environment-jsdom":"^29.7.0",mkdirp:"^3.0.1","ts-jest":"^29.1.1",tsup:"^7.2.0",typescript:"^5.2.2"},peerDependencies:{next:"^12 || ^13 || ^14",react:"^17 || ^18"}};var J="V",Z=Ce.version,ee=he.default.version;function h(e,t,a){var o,r;let n=(r=(o=t==null?void 0:t.cloud)==null?void 0:o.cloudName)!=null?r:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return A(n),(0,Ie.constructCloudinaryUrl)({options:e,config:Object.assign({cloud:{cloudName:n}},t),analytics:Object.assign({sdkCode:J,sdkSemver:Z,techVersion:ee,feature:""},a)})}function te({loaderOptions:e,imageProps:t,cldOptions:a,cldConfig:n={}}){let o={...t,...a};o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height;let r;return typeof(e==null?void 0:e.width)=="number"&&typeof o.width=="number"&&e.width!==o.width?r=e.width:typeof(e==null?void 0:e.width)=="number"&&typeof(o==null?void 0:o.width)!="number"&&(r=e.width,o.width=r),o.width&&r&&r<o.width&&(o.widthResize=e.width),h(o,n)}var Fe=(0,v.forwardRef)(function(t,a){let n=!1,o=["deliveryType","preserveTransformations","strictTransformations","assetType"];Ee.transformationPlugins.forEach(({props:i})=>{Object.keys(i).forEach(P=>{if(o.includes(P))throw new Error(`Option ${P} already exists!`);o.push(P)})});let r={alt:t.alt,src:t.src};Object.keys(t).filter(i=>!o.includes(i)).forEach(i=>r[i]=t[i]);let p=Object.keys(r).map(i=>`${i}:${r[i]}`).join(";"),[I,U]=(0,v.useState)(p),c={};if(o.forEach(i=>{t[i]&&(c[i]=t[i]||void 0)}),t.preserveTransformations)try{let i=(0,Oe.getTransformations)(t.src).map(O=>O.join(","));c.rawTransformations=[...i.flat(),...t.rawTransformations||[]]}catch(i){console.warn(`Failed to preserve transformations: ${i.message}`)}let d=process.env.__NEXT_IMAGE_OPTS||{};(t.unoptimized===!0||(d==null?void 0:d.unoptimized)===!0)&&(r.src=h({...c,width:r.width,height:r.height,src:r.src,format:"default",quality:"default"},t.config));async function E(i){let O=!0;if(n)return;if(n=!0,typeof t.onError=="function"){let N=t.onError(i);typeof N=="boolean"&&N===!1&&(O=!1)}else typeof t.onError=="boolean"&&t.onError===!1&&(O=!1);if(O===!1)return;let P=i.target;await Q({src:P.src})&&U(`${p};${Date.now()}`)}let _=(0,v.useCallback)(E,[Q,p]),L=Ue.default;return"default"in L&&(L=L.default),v.default.createElement(L,{key:I,...r,loader:i=>te({loaderOptions:i,imageProps:r,cldOptions:c,cldConfig:t.config}),onError:_,ref:a})}),de=Fe;var x=w(require("react")),Pe=w(require("next/head"));var He="summary_large_image",Xe=({excludeTags:e=[],twitterTitle:t,keys:a={},...n})=>{let{alt:o}=n,r={...n,crop:n.crop||"fill",gravity:n.gravity||"center",height:n.height||1254,src:n.src,width:n.width||2400,widthResize:n.width||1200},p=typeof r.width=="string"?parseInt(r.width):r.width,I=typeof r.height=="string"?parseInt(r.height):r.height;typeof I=="number"&&typeof p=="number"&&(I=1200/p*I),p=1200;let U=h({...r,format:n.format||"jpg"}),c=h({...r,format:n.format||"webp"}),d={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...a};return x.default.createElement(Pe.default,null,x.default.createElement("meta",{key:d["og:image"],property:"og:image",content:U}),x.default.createElement("meta",{key:d["og:image:secure_url"],property:"og:image:secure_url",content:U}),x.default.createElement("meta",{key:d["og:image:width"],property:"og:image:width",content:`${p}`}),x.default.createElement("meta",{key:d["og:image:height"],property:"og:image:height",content:`${I}`}),o&&x.default.createElement("meta",{key:d["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&x.default.createElement("meta",{key:d["twitter:title"],property:"twitter:title",content:t||" "}),x.default.createElement("meta",{key:d["twitter:card"],property:"twitter:card",content:He}),x.default.createElement("meta",{key:d["twitter:image"],property:"twitter:image",content:c}))},se=Xe;var Y=w(require("react"));var m=w(require("react")),_e=w(require("next/script"));function we(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Be=["success","display-changed"],Ye={abort:"onAbort","batch-cancelled":"onBatchCancelled","display-changed":"onDisplayChanged",publicid:"onPublicId","queues-end":"onQueuesEnd","queues-start":"onQueuesStart",retry:"onRetry","show-completed":"onShowCompleted","source-changed":"onSourceChanged",success:"onSuccess",tags:"onTags","upload-added":"onUploadAdded"},$e=({children:e,onClose:t,onError:a,onOpen:n,onUpload:o,options:r,signatureEndpoint:p,uploadPreset:I,...U})=>{let c=(0,m.useRef)(),d=(0,m.useRef)(),E=!!p,[_,L]=(0,m.useState)(void 0),[i,O]=(0,m.useState)(void 0),[P,G]=(0,m.useState)(!0),N={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:I||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...r};A(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME),E&&(N.uploadSignature=b,N.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,m.useEffect)(()=>{if(typeof i=="undefined")return;let l=i.event==="success",g=i.event==="display-changed"&&i.info==="hidden";l&&typeof o=="function"&&o(i,d.current),g&&typeof t=="function"&&t(d.current)},[i]),(0,m.useEffect)(()=>{_&&typeof a=="function"&&a(_,d.current)},[_]);function j(){G(!1),c.current||(c.current=window.cloudinary),we(()=>{d.current||(d.current=V())})}(0,m.useEffect)(()=>()=>{var l;(l=d.current)==null||l.destroy(),d.current=void 0},[]);function b(l,g){if(typeof p=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(p,{method:"POST",body:JSON.stringify({paramsToSign:g})}).then(f=>f.json()).then(({signature:f})=>{l(f)})}function u(l,g=[]){if(d.current||(d.current=V()),typeof(d==null?void 0:d.current[l])=="function")return d.current[l](...g)}function D(l){u("close",[l])}function W(l){return u("destroy",[l])}function R(){u("hide")}function F(){return u("isDestroyed")}function S(){return u("isMinimized")}function $(){return u("isShowing")}function M(){u("minimize")}function z(l,g){u("open",[l,g]),typeof n=="function"&&n(d.current)}function ne(){u("show")}function H(){u("update")}let q={close:D,destroy:W,hide:R,isDestroyed:F,isMinimized:S,isShowing:$,minimize:M,open:z,show:ne,update:H};function V(){var l;return(l=c.current)==null?void 0:l.createUploadWidget(N,(g,f)=>{if(g&&g!==null&&L(g),typeof(f==null?void 0:f.event)=="string"){Be.includes(f==null?void 0:f.event)&&O(f);let T=Ye[f.event];if(typeof T=="string"&&typeof U[T]=="function"&&typeof U[T]){let ie=U[T];ie(f,{widget:d.current,...q})}}})}return m.default.createElement(m.default.Fragment,null,typeof e=="function"&&e({cloudinary:c.current,widget:d.current,results:i,error:_,isLoading:P,...q}),m.default.createElement(_e.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:j,onError:l=>console.error(`Failed to load Cloudinary Upload Widget: ${l.message}`)}))},B=$e;var ze=({className:e,children:t,onClick:a,onError:n,onOpen:o,onUpload:r,onAbort:p,onBatchCancelled:I,onClose:U,onDisplayChanged:c,onPublicId:d,onQueuesEnd:E,onQueuesStart:_,onRetry:L,onShowCompleted:i,onSourceChanged:O,onSuccess:P,onTags:G,onUploadAdded:N,options:j,signatureEndpoint:b,uploadPreset:u,...D})=>Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(B,{onError:n,onOpen:o,onUpload:r,onAbort:p,onBatchCancelled:I,onClose:U,onDisplayChanged:c,onPublicId:d,onQueuesEnd:E,onQueuesStart:_,onRetry:L,onShowCompleted:i,onSourceChanged:O,onSuccess:P,onTags:G,onUploadAdded:N,options:j,signatureEndpoint:b,uploadPreset:u},({open:W,isLoading:R})=>{function F(S){S.preventDefault(),W(),typeof a=="function"&&a(S)}return Y.default.createElement("button",{...D,className:e||"",onClick:F,disabled:R},t||"Upload")})),pe=ze;var y=w(require("react")),be=w(require("next/script")),xe=w(require("next/head")),Te=require("@cloudinary-util/util");var Le=require("@cloudinary-util/url-loader");function oe(e,t,a){var o,r;let n=(r=(o=t==null?void 0:t.cloud)==null?void 0:o.cloudName)!=null?r:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return A(n),(0,Le.constructCloudinaryUrl)({options:{assetType:"video",...e},config:Object.assign({cloud:{cloudName:n}},t),analytics:Object.assign({sdkCode:J,sdkSemver:Z,techVersion:ee,feature:""},a)})}var re=[],Ne="1.10.4",qe=e=>{let{autoPlay:t,autoplay:a,className:n,colors:o,controls:r=!0,fontFace:p,height:I,id:U,language:c,languages:d,logo:E=!0,loop:_=!1,muted:L=!1,onDataLoad:i,onError:O,onMetadataLoad:P,onPause:G,onPlay:N,onEnded:j,poster:b,src:u,sourceTypes:D,transformation:W,quality:R="auto",width:F,...S}=e,$=Array.isArray(W)?W:[W],M=u||"";if(M.startsWith("http"))try{let s=(0,Te.parseUrl)(u);typeof(s==null?void 0:s.publicId)=="string"&&(M=s==null?void 0:s.publicId)}catch(s){}$.unshift({quality:R});let z=(0,y.useRef)(),ne=(0,y.useRef)(),H=e.videoRef||ne,q=(0,y.useRef)(),V=e.playerRef||q,l=U||`player-${M.replace("/","-")}`,g="cld-video-player cld-fluid";n&&(g=`${g} ${n}`),re.filter(s=>s===l).length>1?console.warn(`Multiple instances of the same video detected on the
|
|
2
|
-
page which may cause some features to not work.
|
|
3
|
-
Try adding a unique id to each player.`):
|
|
1
|
+
"use strict";var ve=Object.create;var z=Object.defineProperty;var We=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var Ve=Object.getPrototypeOf,Se=Object.prototype.hasOwnProperty;var ke=(t,e)=>{for(var i in e)z(t,i,{get:e[i],enumerable:!0})},ge=(t,e,i,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of De(e))!Se.call(t,o)&&o!==i&&z(t,o,{get:()=>e[o],enumerable:!(a=We(e,o))||a.enumerable});return t};var P=(t,e,i)=>(i=t!=null?ve(Ve(t)):{},ge(e||!t||!t.__esModule?z(i,"default",{value:t,enumerable:!0}):i,t)),Ge=t=>ge(z({},"__esModule",{value:!0}),t);var qe={};ke(qe,{CldImage:()=>ie,CldOgImage:()=>le,CldUploadButton:()=>se,CldUploadWidget:()=>F,CldVideoPlayer:()=>pe,cloudinaryLoader:()=>Z,getCldImageUrl:()=>U,getCldOgImageUrl:()=>ee,getCldVideoUrl:()=>te});module.exports=Ge(qe);var b=P(require("react")),Ue=P(require("next/image")),Oe=require("@cloudinary-util/util"),Ee=require("@cloudinary-util/url-loader");async function q(t){let{src:e}=t;try{await new Promise((i,a)=>{fetch(e).then(o=>{if(!o.ok){a(o);return}i(o)})})}catch(i){return i.status===423?(await new Promise(a=>setTimeout(()=>a(void 0),200)),await q(t)):!1}return!0}function T(t){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.")}var he=require("@cloudinary-util/url-loader");var ye=P(require("next/package.json"));var fe={name:"next-cloudinary",version:"6.0.0-beta.10",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:"jest","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" pnpm build && cd tests/nextjs-app && npm install && npm run build'},dependencies:{"@cloudinary-util/types":"1.0.0","@cloudinary-util/url-loader":"5.0.0-beta.3","@cloudinary-util/util":"^2.3.0"},devDependencies:{"@babel/core":"^7.23.2","@babel/preset-env":"^7.23.2","@types/jest":"^29.5.6","@types/node":"^20.11.5","@types/react":"^18.2.33","@types/react-dom":"^18.2.14","babel-jest":"^29.7.0",dotenv:"^16.3.1",jest:"^29.7.0","jest-environment-jsdom":"^29.7.0",mkdirp:"^3.0.1","ts-jest":"^29.1.1",tsup:"^7.2.0",typescript:"^5.2.2"},peerDependencies:{next:"^12 || ^13 || ^14",react:"^17 || ^18"}};var Ce="A",K="V",Q=Ie(ye.default.version),J=Ie(fe.version);function Ie(t){let e=t;return e.includes("-")&&(e=e.split("-")[0]),e}function U(t,e,i){var o,r;let a=(r=(o=e==null?void 0:e.cloud)==null?void 0:o.cloudName)!=null?r:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return T(a),(0,he.constructCloudinaryUrl)({options:t,config:Object.assign({cloud:{cloudName:a}},e),analytics:Object.assign({product:Ce,sdkCode:K,sdkSemver:J,techVersion:Q,feature:""},i)})}function Z({loaderOptions:t,imageProps:e,cldOptions:i,cldConfig:a={}}){let o={...e,...i};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof(t==null?void 0:t.width)=="number"&&typeof o.width=="number"&&t.width!==o.width){let r=t.width/o.width;o.width=t.width,typeof o.height=="number"&&(o.height=Math.floor(o.height*r))}else typeof(t==null?void 0:t.width)=="number"&&typeof(o==null?void 0:o.width)!="number"&&(o.width=t==null?void 0:t.width);return U(o,a)}var Re=(0,b.forwardRef)(function(e,i){let a=!1,o=["deliveryType","preserveTransformations","strictTransformations","assetType"];Ee.transformationPlugins.forEach(({props:d})=>{Object.keys(d).forEach(E=>{if(o.includes(E))throw new Error(`Option ${E} already exists!`);o.push(E)})});let r={alt:e.alt,src:e.src};Object.keys(e).filter(d=>!o.includes(d)).forEach(d=>r[d]=e[d]);let p=Object.keys(r).map(d=>`${d}:${r[d]}`).join(";"),[O,I]=(0,b.useState)(p),n={};if(o.forEach(d=>{e[d]&&(n[d]=e[d]||void 0)}),e.preserveTransformations)try{let d=(0,Oe.getTransformations)(e.src).map(h=>h.join(","));n.rawTransformations=[...d.flat(),...e.rawTransformations||[]]}catch(d){console.warn(`Failed to preserve transformations: ${d.message}`)}let C=process.env.__NEXT_IMAGE_OPTS||{};(e.unoptimized===!0||(C==null?void 0:C.unoptimized)===!0)&&(r.src=U({...n,width:r.width,height:r.height,src:r.src,format:"default",quality:"default"},e.config));async function x(d){let h=!0;if(a)return;if(a=!0,typeof e.onError=="function"){let L=e.onError(d);typeof L=="boolean"&&L===!1&&(h=!1)}else typeof e.onError=="boolean"&&e.onError===!1&&(h=!1);if(h===!1)return;let E=d.target;await q({src:E.src})&&I(`${p};${Date.now()}`)}let A=(0,b.useCallback)(x,[q,p]),u=Ue.default;return"default"in u&&(u=u.default),b.default.createElement(u,{key:O,...r,loader:d=>Z({loaderOptions:d,imageProps:r,cldOptions:n,cldConfig:e.config}),onError:A,ref:i})}),ie=Re;var _=P(require("react")),Pe=P(require("next/head"));function ee(t){return U({...t,format:t.format||"jpg",width:t.width||1200,height:t.height||627,crop:t.crop||{type:"fill",gravity:"center",source:!0}})}var Ye="summary_large_image",Xe=({excludeTags:t=[],twitterTitle:e,keys:i={},...a})=>{let{alt:o}=a,{width:r=1200,height:p=627}=a;r=typeof r=="string"?parseInt(r):r,p=typeof p=="string"?parseInt(p):p;let O=ee({...a,width:r,height:p}),I=U({...a,width:r,height:p,format:a.format||"webp"}),n={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...i};return _.default.createElement(Pe.default,null,_.default.createElement("meta",{key:n["og:image"],property:"og:image",content:O}),_.default.createElement("meta",{key:n["og:image:secure_url"],property:"og:image:secure_url",content:O}),_.default.createElement("meta",{key:n["og:image:width"],property:"og:image:width",content:`${r}`}),_.default.createElement("meta",{key:n["og:image:height"],property:"og:image:height",content:`${p}`}),o&&_.default.createElement("meta",{key:n["og:image:alt"],property:"og:image:alt",content:o}),!t.includes("twitter:title")&&_.default.createElement("meta",{key:n["twitter:title"],property:"twitter:title",content:e||" "}),_.default.createElement("meta",{key:n["twitter:card"],property:"twitter:card",content:Ye}),_.default.createElement("meta",{key:n["twitter:image"],property:"twitter:image",content:I}))},le=Xe;var $=P(require("react"));var f=P(require("react")),_e=P(require("next/script"));function we(t){return window&&"requestIdleCallback"in window?requestIdleCallback(t):setTimeout(()=>t(),1)}var Be=["success"],Fe={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:t,onError:e,onOpen:i,onUpload:a,options:o,signatureEndpoint:r,uploadPreset:p,...O})=>{let I=(0,f.useRef)(),n=(0,f.useRef)(),C=!!r,[x,A]=(0,f.useState)(void 0),[u,d]=(0,f.useState)(void 0),[h,E]=(0,f.useState)(!0),N={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:p||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...o};T(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME),C&&(N.uploadSignature=w,N.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,f.useEffect)(()=>{if(typeof u=="undefined")return;u.event==="success"&&typeof a=="function"&&(process.env.NODE_ENVIRONMENT==="development"&&console.warn("The onUpload callback is deprecated. Please use onSuccess instead."),a(u,n.current))},[u]);function L(){E(!1),I.current||(I.current=window.cloudinary),we(()=>{n.current||(n.current=D())})}(0,f.useEffect)(()=>()=>{var l;(l=n.current)==null||l.destroy(),n.current=void 0},[]);function w(l,m){if(typeof r=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(r,{method:"POST",body:JSON.stringify({paramsToSign:m}),headers:{"Content-Type":"application/json"}}).then(g=>g.json()).then(({signature:g})=>{l(g)})}function c(l,m=[]){if(n.current||(n.current=D()),typeof(n==null?void 0:n.current[l])=="function")return n.current[l](...m)}function k(l){c("close",[l])}function M(l){return c("destroy",[l])}function j(){c("hide")}function R(){return c("isDestroyed")}function Y(){return c("isMinimized")}function v(){return c("isShowing")}function W(){c("minimize")}function H(l,m){c("open",[l,m]),typeof i=="function"&&i(n.current)}function re(){c("show")}function X(){c("update")}let B={close:k,destroy:M,hide:j,isDestroyed:R,isMinimized:Y,isShowing:v,minimize:W,open:H,show:re,update:X};function D(){var l;return(l=I.current)==null?void 0:l.createUploadWidget(N,(m,g)=>{if(m&&m!==null&&(A(m),typeof e=="function"&&e(m,{widget:n.current,...B})),typeof(g==null?void 0:g.event)=="string"){Be.includes(g==null?void 0:g.event)&&d(g);let V=Fe[g.event];if(typeof V=="string"&&typeof O[V]=="function"){let ne=O[V];ne(g,{widget:n.current,...B})}}})}return f.default.createElement(f.default.Fragment,null,typeof t=="function"&&t({cloudinary:I.current,widget:n.current,results:u,error:x,isLoading:h,...B}),f.default.createElement(_e.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:L,onError:l=>console.error(`Failed to load Cloudinary Upload Widget: ${l.message}`)}))},F=$e;var He=({className:t,children:e,onClick:i,onError:a,onOpen:o,onUpload:r,onAbort:p,onBatchCancelled:O,onClose:I,onDisplayChanged:n,onPublicId:C,onQueuesEnd:x,onQueuesStart:A,onRetry:u,onShowCompleted:d,onSourceChanged:h,onSuccess:E,onTags:N,onUploadAdded:L,options:w,signatureEndpoint:c,uploadPreset:k,...M})=>$.default.createElement($.default.Fragment,null,$.default.createElement(F,{onError:a,onOpen:o,onUpload:r,onAbort:p,onBatchCancelled:O,onClose:I,onDisplayChanged:n,onPublicId:C,onQueuesEnd:x,onQueuesStart:A,onRetry:u,onShowCompleted:d,onSourceChanged:h,onSuccess:E,onTags:N,onUploadAdded:L,options:w,signatureEndpoint:c,uploadPreset:k},({open:j,isLoading:R})=>{function Y(v){v.preventDefault(),j(),typeof i=="function"&&i(v)}return $.default.createElement("button",{...M,className:t||"",onClick:Y,disabled:R},e||"Upload")})),se=He;var y=P(require("react")),Te=P(require("next/script")),be=P(require("next/head")),xe=require("@cloudinary-util/util");var Ne=require("@cloudinary-util/url-loader");function te(t,e,i){var o,r;let a=(r=(o=e==null?void 0:e.cloud)==null?void 0:o.cloudName)!=null?r:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return T(a),(0,Ne.constructCloudinaryUrl)({options:{assetType:"video",...t},config:Object.assign({cloud:{cloudName:a}},e),analytics:Object.assign({sdkCode:K,sdkSemver:J,techVersion:Q,feature:""},i)})}var oe=[],Le="1.10.4",ze=t=>{let{autoplay:e,className:i,colors:a,controls:o=!0,fontFace:r,height:p,id:O,language:I,languages:n,logo:C=!0,loop:x=!1,muted:A=!1,onDataLoad:u,onError:d,onMetadataLoad:h,onPause:E,onPlay:N,onEnded:L,poster:w,src:c,sourceTypes:k,transformation:M,quality:j="auto",width:R,...Y}=t,v=Array.isArray(M)?M:[M],W=c||"";if(W.startsWith("http"))try{let s=(0,xe.parseUrl)(c);typeof(s==null?void 0:s.publicId)=="string"&&(W=s==null?void 0:s.publicId)}catch(s){}v.unshift({quality:j});let H=(0,y.useRef)(),re=(0,y.useRef)(),X=t.videoRef||re,B=(0,y.useRef)(),D=t.playerRef||B,l=O||`player-${W.replace("/","-")}`,m="cld-video-player cld-fluid";i&&(m=`${m} ${i}`),oe.filter(s=>s===l).length>1?console.warn(`Multiple instances of the same video detected on the
|
|
2
|
+
page which may cause some features to not work.
|
|
3
|
+
Try adding a unique id to each player.`):oe.push(l);let V={error:d,loadeddata:u,loadedmetadata:h,pause:E,play:N,ended:L};function ne(s){let S=V[s.type];typeof S=="function"&&S(Me())}T(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME);function Ae(){if("cloudinary"in window){H.current=window.cloudinary;let s={};typeof C=="boolean"?s.showLogo=C:typeof C=="object"&&(s={...s,showLogo:!0,logoImageUrl:C.imageUrl,logoOnclickUrl:C.onClickUrl});let S=!1,ce;(typeof e=="boolean"||e==="true"||e==="false")&&(S=e),typeof e=="string"&&e!=="true"&&e!=="false"&&(ce=e);let G={autoplayMode:ce,autoplay:S,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:o,fontFace:r||"",language:I,languages:n,loop:x,muted:A,publicId:W,transformation:v,...s,...Y};Array.isArray(k)&&(G.sourceTypes=k),typeof a=="object"&&(G.colors=a),typeof w=="string"?G.posterOptions={publicId:w}:typeof w=="object"&&(typeof w.src!="string"?G.posterOptions={publicId:te({...w,src:W,format:"auto:image"})}:G.posterOptions={publicId:U(w)}),D.current=H.current.videoPlayer(X.current,G),Object.keys(V).forEach(ue=>{var me;typeof V[ue]=="function"&&((me=D.current)==null||me.on(ue,ne))})}}(0,y.useEffect)(()=>()=>{var s;(s=D.current)==null||s.videojs.cloudinary.dispose(),oe=oe.filter(S=>S!==l)},[]);function Me(){return{player:D.current,video:X.current}}return y.default.createElement(y.default.Fragment,null,y.default.createElement(be.default,null,y.default.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${Le}/dist/cld-video-player.min.css`,rel:"stylesheet"})),y.default.createElement("div",{style:{width:"100%",aspectRatio:`${t.width} / ${t.height}`}},y.default.createElement("video",{ref:X,id:l,className:m,width:R,height:p}),y.default.createElement(Te.default,{id:`cloudinary-videoplayer-${l}-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${Le}/dist/cld-video-player.min.js`,onLoad:Ae,onError:s=>console.error(`Failed to load Cloudinary Video Player: ${s.message}`)})))},pe=ze;0&&(module.exports={CldImage,CldOgImage,CldUploadButton,CldUploadWidget,CldVideoPlayer,cloudinaryLoader,getCldImageUrl,getCldOgImageUrl,getCldVideoUrl});
|
|
4
4
|
//# sourceMappingURL=index.js.map
|