next-cloudinary 2.0.0 → 2.1.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/README.md +2 -1
- package/dist/next-cloudinary.js +42 -33
- package/dist/next-cloudinary.js.map +1 -1
- package/dist/next-cloudinary.modern.mjs +43 -34
- package/dist/next-cloudinary.modern.mjs.map +1 -1
- package/dist/next-cloudinary.module.js +43 -34
- package/dist/next-cloudinary.module.js.map +1 -1
- package/dist/next-cloudinary.umd.js +42 -33
- package/dist/next-cloudinary.umd.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -20,6 +20,8 @@ High-performance image delivery and uploading at scale in Next.js powered by Clo
|
|
|
20
20
|
|
|
21
21
|
<a href="#-features">Features</a> • <a href="#-getting-started">Getting Started</a> • <a href="#%EF%B8%8F-community--support">Community & Support</a> • <a href="#-contributing">Contributing</a>
|
|
22
22
|
|
|
23
|
+
**This plugin is a community library and not officially supported by Cloudinary.**
|
|
24
|
+
|
|
23
25
|
## ✨ Features
|
|
24
26
|
|
|
25
27
|
* Automatically optimize images and deliver in modern formats
|
|
@@ -31,7 +33,6 @@ High-performance image delivery and uploading at scale in Next.js powered by Clo
|
|
|
31
33
|
* Drop-in Upload Widget
|
|
32
34
|
* ...all at scale with Cloudinary
|
|
33
35
|
|
|
34
|
-
**This plugin is a community library and not officially supported by Cloudinary.**
|
|
35
36
|
|
|
36
37
|
## 🚀 Getting Started
|
|
37
38
|
|
package/dist/next-cloudinary.js
CHANGED
|
@@ -42,7 +42,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
|
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
var name = "next-cloudinary";
|
|
45
|
-
var version = "2.
|
|
45
|
+
var version = "2.1.0";
|
|
46
46
|
var main = "dist/next-cloudinary.umd.js";
|
|
47
47
|
var module$1 = "dist/next-cloudinary.module.js";
|
|
48
48
|
var source = "src/index.ts";
|
|
@@ -55,7 +55,7 @@ var scripts = {
|
|
|
55
55
|
};
|
|
56
56
|
var dependencies = {
|
|
57
57
|
"@cloudinary-util/url-loader": "^1.2.4",
|
|
58
|
-
"@cloudinary-util/util": "^1.
|
|
58
|
+
"@cloudinary-util/util": "^1.2.0",
|
|
59
59
|
"@cloudinary/url-gen": "^1.8.6"
|
|
60
60
|
};
|
|
61
61
|
var devDependencies = {
|
|
@@ -234,7 +234,7 @@ var CldImage = function CldImage(props) {
|
|
|
234
234
|
return Promise.reject(e);
|
|
235
235
|
}
|
|
236
236
|
};
|
|
237
|
-
var CLD_OPTIONS = ['deliveryType'];
|
|
237
|
+
var CLD_OPTIONS = ['deliveryType', 'preserveTransformations'];
|
|
238
238
|
urlLoader.transformationPlugins.forEach(function (_ref) {
|
|
239
239
|
var _ref$props = _ref.props,
|
|
240
240
|
props = _ref$props === void 0 ? [] : _ref$props;
|
|
@@ -245,7 +245,6 @@ var CldImage = function CldImage(props) {
|
|
|
245
245
|
CLD_OPTIONS.push(prop);
|
|
246
246
|
});
|
|
247
247
|
});
|
|
248
|
-
// Construct the base Image component props by filtering out Cloudinary-specific props
|
|
249
248
|
var imageProps = {
|
|
250
249
|
alt: props.alt,
|
|
251
250
|
src: props.src
|
|
@@ -261,11 +260,10 @@ var CldImage = function CldImage(props) {
|
|
|
261
260
|
var _useState = react.useState(defaultImgKey),
|
|
262
261
|
imgKey = _useState[0],
|
|
263
262
|
setImgKey = _useState[1];
|
|
264
|
-
// Construct Cloudinary-specific props by looking for values for any of the supported prop keys
|
|
265
263
|
var cldOptions = {};
|
|
266
264
|
CLD_OPTIONS.forEach(function (key) {
|
|
267
265
|
if (props[key]) {
|
|
268
|
-
cldOptions[key] = props[key];
|
|
266
|
+
cldOptions[key] = props[key] || undefined;
|
|
269
267
|
}
|
|
270
268
|
});
|
|
271
269
|
// If we see a placeholder option, configure a Cloudinary-based URL.
|
|
@@ -294,10 +292,16 @@ var CldImage = function CldImage(props) {
|
|
|
294
292
|
imageProps.placeholder = 'blur';
|
|
295
293
|
}
|
|
296
294
|
}
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
295
|
+
// Try to preserve the original transformations from the Cloudinary URL passed in
|
|
296
|
+
// to the component. This only works if the URL has a version number on it and otherwise
|
|
297
|
+
// will fail to load
|
|
298
|
+
if (props.preserveTransformations) {
|
|
299
|
+
try {
|
|
300
|
+
var transformations = util.getTransformations(props.src);
|
|
301
|
+
cldOptions.rawTransformations = [].concat(transformations.flat(), props.rawTransformations || []);
|
|
302
|
+
} catch (e) {
|
|
303
|
+
console.warn("Failed to preserve transformations: " + e.message);
|
|
304
|
+
}
|
|
301
305
|
}
|
|
302
306
|
return /*#__PURE__*/jsxRuntime.jsx(Image__default["default"], _extends({}, imageProps, {
|
|
303
307
|
loader: function loader(loaderOptions) {
|
|
@@ -377,22 +381,38 @@ var CldOgImage = function CldOgImage(_ref) {
|
|
|
377
381
|
);
|
|
378
382
|
};
|
|
379
383
|
|
|
384
|
+
var cloudinary;
|
|
385
|
+
var widget;
|
|
380
386
|
var CldUploadWidget = function CldUploadWidget(_ref) {
|
|
381
387
|
var children = _ref.children,
|
|
382
388
|
onUpload = _ref.onUpload,
|
|
383
389
|
options = _ref.options,
|
|
384
390
|
signatureEndpoint = _ref.signatureEndpoint,
|
|
385
391
|
uploadPreset = _ref.uploadPreset;
|
|
386
|
-
var cloudinary = react.useRef();
|
|
387
|
-
var widget = react.useRef();
|
|
388
392
|
var signed = !!signatureEndpoint;
|
|
393
|
+
/**
|
|
394
|
+
* handleOnLoad
|
|
395
|
+
* @description Stores the Cloudinary window instance to a ref when the widget script loads
|
|
396
|
+
*/
|
|
397
|
+
function handleOnLoad() {
|
|
398
|
+
if (!cloudinary) {
|
|
399
|
+
cloudinary = window.cloudinary;
|
|
400
|
+
}
|
|
401
|
+
// To help improve load time of the widget on first instance, use requestIdleCallback
|
|
402
|
+
// to trigger widget creation. Optional.
|
|
403
|
+
requestIdleCallback(function () {
|
|
404
|
+
if (!widget) {
|
|
405
|
+
widget = createWidget();
|
|
406
|
+
}
|
|
407
|
+
});
|
|
408
|
+
}
|
|
389
409
|
/**
|
|
390
410
|
* generateSignature
|
|
391
411
|
* @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation
|
|
392
412
|
*/
|
|
393
413
|
function generateSignature(callback, paramsToSign) {
|
|
394
414
|
fetch(signatureEndpoint, {
|
|
395
|
-
method:
|
|
415
|
+
method: 'POST',
|
|
396
416
|
body: JSON.stringify({
|
|
397
417
|
paramsToSign: paramsToSign
|
|
398
418
|
})
|
|
@@ -408,7 +428,7 @@ var CldUploadWidget = function CldUploadWidget(_ref) {
|
|
|
408
428
|
* @description Creates a new instance of the Cloudinary widget and stores in a ref
|
|
409
429
|
*/
|
|
410
430
|
function createWidget() {
|
|
411
|
-
var _cloudinary
|
|
431
|
+
var _cloudinary;
|
|
412
432
|
// When creating a signed upload, you need to provide both your Cloudinary API Key
|
|
413
433
|
// as well as a signature generator function that will sign any paramters
|
|
414
434
|
// either on page load or during the upload process. Read more about signed uploads at:
|
|
@@ -425,13 +445,13 @@ var CldUploadWidget = function CldUploadWidget(_ref) {
|
|
|
425
445
|
return new Error("Signed Upload needs apiKey!");
|
|
426
446
|
}
|
|
427
447
|
}
|
|
428
|
-
return (_cloudinary
|
|
448
|
+
return (_cloudinary = cloudinary) == null ? void 0 : _cloudinary.createUploadWidget(uploadOptions, function (error, result) {
|
|
429
449
|
// The callback is a bit more chatty than failed or success so
|
|
430
450
|
// only trigger when one of those are the case. You can additionally
|
|
431
451
|
// create a separate handler such as onEvent and trigger it on
|
|
432
452
|
// ever occurrence
|
|
433
453
|
if (error || result.event === "success") {
|
|
434
|
-
onUpload(error, result, widget
|
|
454
|
+
onUpload(error, result, widget);
|
|
435
455
|
}
|
|
436
456
|
});
|
|
437
457
|
}
|
|
@@ -440,29 +460,18 @@ var CldUploadWidget = function CldUploadWidget(_ref) {
|
|
|
440
460
|
* @description When triggered, uses the current widget instance to open the upload modal
|
|
441
461
|
*/
|
|
442
462
|
function open() {
|
|
443
|
-
if (!
|
|
444
|
-
widget
|
|
463
|
+
if (!widget) {
|
|
464
|
+
widget = createWidget();
|
|
445
465
|
}
|
|
446
|
-
|
|
447
|
-
(widget == null ? void 0 : widget.current) && widget.current.open();
|
|
448
|
-
}
|
|
449
|
-
/**
|
|
450
|
-
* handleOnLoad
|
|
451
|
-
* @description Stores the Cloudinary window instance to a ref when the widget script loads
|
|
452
|
-
*/
|
|
453
|
-
function handleOnLoad() {
|
|
454
|
-
// @ts-ignore
|
|
455
|
-
cloudinary.current = window.cloudinary;
|
|
466
|
+
widget && widget.open();
|
|
456
467
|
}
|
|
457
468
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
458
469
|
children: [children({
|
|
459
|
-
cloudinary: cloudinary
|
|
460
|
-
widget: widget
|
|
470
|
+
cloudinary: cloudinary,
|
|
471
|
+
widget: widget,
|
|
461
472
|
open: open
|
|
462
473
|
}), /*#__PURE__*/jsxRuntime.jsx(Script__default["default"], {
|
|
463
|
-
id: "cloudinary-" + Math.floor(Math.random() * 100)
|
|
464
|
-
// @ts-ignore
|
|
465
|
-
,
|
|
474
|
+
id: "cloudinary-" + Math.floor(Math.random() * 100),
|
|
466
475
|
src: "https://widget.cloudinary.com/v2.0/global/all.js",
|
|
467
476
|
onLoad: handleOnLoad,
|
|
468
477
|
onError: function onError(e) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"next-cloudinary.js","sources":["../src/constants/analytics.js","../src/lib/cloudinary.ts","../src/loaders/cloudinary-loader.js","../src/components/CldImage/CldImage.tsx","../src/components/CldOgImage/CldOgImage.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/components/CldUploadButton/CldUploadButton.tsx"],"sourcesContent":["import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_CLOUDINARY_VERSION = pkg.version;\nexport const NEXT_VERSION = nextPkg.version;","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * createPlaceholderUrl\n */\n\nexport function createPlaceholderUrl({ src, placeholder = true }: { src?: any, placeholder?: boolean | string, config?: any }) {\n const rawTransformations: string[] = [];\n\n if ( placeholder === 'grayscale' ) {\n rawTransformations.push('e_grayscale');\n }\n\n if ( typeof placeholder === 'string' && placeholder.includes('color:') ) {\n const color = placeholder.split(':').splice(1).join(':')\n rawTransformations.push('e_grayscale');\n rawTransformations.push(`e_colorize:60,co_${color}`);\n }\n\n return constructCloudinaryUrl({\n options: {\n src,\n width: 100,\n quality: 1,\n rawTransformations,\n },\n config: {\n cloud: {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n }\n },\n analytics: {\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }\n });\n}\n\n/**\n * pollForProcessingImage\n */\n\nexport async function pollForProcessingImage(options): Promise<boolean> {\n const { src } = options;\n try {\n await new Promise((resolve, reject) => {\n fetch(src).then(res => {\n if ( !res.ok ) {\n reject(res);\n return;\n }\n resolve(res);\n });\n });\n } catch(e: any) {\n if ( e.status === 423 ) {\n return await pollForProcessingImage(options);\n }\n return false;\n }\n return true;\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }) {\n const options = {\n ...imageProps,\n ...cldOptions\n }\n\n options.width = parseInt(options.width);\n options.height = parseInt(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 ( loaderOptions?.width && loaderOptions.width !== options.width ) {\n const multiplier = loaderOptions.width / options.width;\n options.widthResize = loaderOptions.width;\n options.heightResize = Math.round(options.height * multiplier);\n }\n\n return constructCloudinaryUrl({\n options,\n config: {\n cloud: {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n },\n ...cldConfig\n },\n analytics: {\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }\n });\n}","'use client';\n\nimport { useState } from 'react';\nimport Image from 'next/image';\nimport { getTransformations, getPublicId } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\n\nimport { createPlaceholderUrl, pollForProcessingImage } from '../../lib/cloudinary';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\ndeclare type PlaceholderValue = 'blur' | 'empty'; // this is from next/image, but isn't exported\n\nconst CldImage = props => {\n const CLD_OPTIONS = [\n 'deliveryType'\n ];\n\n transformationPlugins.forEach(({ props = [] }) => {\n props.forEach(prop => {\n if ( CLD_OPTIONS.includes(prop) ) {\n throw new Error(`Option ${prop} already exists!`);\n }\n CLD_OPTIONS.push(prop);\n });\n })\n\n // Construct the base Image component props by filtering out Cloudinary-specific props\n\n const imageProps: {\n rawTransformations?: string[];\n blurDataURL?: string;\n placeholder?: PlaceholderValue;\n alt: string;\n src: string;\n } = {\n alt: props.alt,\n src: props.src\n };\n\n Object.keys(props)\n .filter(key => !CLD_OPTIONS.includes(key))\n .forEach(key => imageProps[key] = props[key]);\n\n const defaultImgKey = Object.keys(imageProps).map(key => `${key}:${imageProps[key]}`).join(';');\n const [imgKey, setImgKey] = useState(defaultImgKey);\n\n // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n const cldOptions = {};\n\n CLD_OPTIONS.forEach(key => {\n if ( props[key] ) {\n cldOptions[key] = props[key];\n }\n });\n\n // If we see a placeholder option, configure a Cloudinary-based URL.\n // The resulting image will always be blurred per Next.js, so we're\n // limited on options for placeholders.\n //\n // We need to do this logic here as we potentially need to mutate\n // an Image component prop as opposed to simply the URL\n //\n // https://nextjs.org/docs/api-reference/next/image#blurdataurl\n\n if ( imageProps.placeholder ) {\n let publicId;\n\n if ( props.src.startsWith('https://') ) {\n try {\n publicId = getPublicId(props.src);\n } catch(e) {}\n }\n\n if ( !publicId ) {\n publicId = props.src;\n }\n\n imageProps.blurDataURL = createPlaceholderUrl({\n src: publicId,\n placeholder: props.placeholder\n });\n\n if ( imageProps.placeholder !== 'blur' ) {\n imageProps.placeholder = 'blur';\n }\n }\n\n if (props.src && props.preserveTransformations) {\n const transformations = getTransformations(props.src,props.preserveTransformations);\n const rawTransformations = imageProps.rawTransformations ? [...imageProps.rawTransformations] : []\n imageProps.rawTransformations = [...rawTransformations,...transformations,];\n }\n\n /**\n * handleOnError\n */\n\n async function handleOnError(options) {\n const result = await pollForProcessingImage({ src: options.target.src })\n if ( result ) {\n setImgKey(`${defaultImgKey};${Date.now()}`);\n }\n }\n\n return (\n <Image\n key={imgKey}\n {...imageProps}\n loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions })}\n onError={handleOnError}\n />\n );\n}\n\nexport default CldImage;\n","import Head from 'next/head';\nimport { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../../constants/analytics';\n\nconst IMAGE_WIDTH = 2400;\nconst IMAGE_HEIGHT = 1200;\n\nconst TWITTER_CARD = 'summary_large_image';\n\nconst CldOgImage = ({ excludeTags = [] as string[], twitterTitle, ...props }) => {\n const options = {\n ...props,\n alt: props.alt,\n crop: props.crop || 'fill',\n gravity: props.gravity || 'center',\n height: props.height || IMAGE_HEIGHT,\n src: props.src,\n width: props.width || IMAGE_WIDTH,\n }\n\n const ogImageUrl = constructCloudinaryUrl({\n options,\n config: {\n cloud: {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n }\n },\n analytics: {\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }\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 // @ts-ignore\n <Head>\n <meta property=\"og:image\" content={ogImageUrl} />\n <meta property=\"og:image:secure_url\" content={ogImageUrl} />\n <meta property=\"og:image:width\" content={options.width} />\n <meta property=\"og:image:height\" content={options.height} />\n\n {options.alt && (\n <meta property=\"og:image:alt\" content={options.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 property=\"twitter:title\" content={twitterTitle || ' '} />\n )}\n\n <meta property=\"twitter:card\" content={TWITTER_CARD} />\n <meta property=\"twitter:image\" content={ogImageUrl} />\n </Head>\n );\n}\n\nexport default CldOgImage;","import { useRef } from 'react';\nimport Script from 'next/script';\n\nconst CldUploadWidget = ({\n children,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n}) => {\n const cloudinary = useRef<any>();\n const widget = useRef();\n\n const signed = !!signatureEndpoint;\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, paramsToSign) {\n fetch(signatureEndpoint, {\n method: \"POST\",\n body: JSON.stringify({\n paramsToSign,\n }),\n })\n .then((r) => r.json())\n .then(({ signature }) => {\n callback(signature);\n });\n }\n\n /**\n * createWidget\n * @description Creates a new instance of the Cloudinary widget and stores in a ref\n */\n\n function createWidget() {\n // When creating a signed upload, you need to provide both your Cloudinary API Key\n // as well as a signature generator function that will sign any paramters\n // either on page load or during the upload process. Read more about signed uploads at:\n // https://cloudinary.com/documentation/upload_widget#signed_uploads\n\n const uploadOptions = {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n apiKey: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,\n ...options,\n };\n\n if ( signed ) {\n uploadOptions.uploadSignature = generateSignature;\n\n // No need for apiSecret here because of api/sign-cloudinary-params\n\n if (!uploadOptions.apiKey) {\n return new Error(\"Signed Upload needs apiKey!\");\n }\n }\n\n return cloudinary.current?.createUploadWidget(\n uploadOptions,\n function (error, result) {\n // The callback is a bit more chatty than failed or success so\n // only trigger when one of those are the case. You can additionally\n // create a separate handler such as onEvent and trigger it on\n // ever occurrence\n if (error || result.event === \"success\") {\n onUpload(error, result, widget?.current);\n }\n }\n );\n }\n\n /**\n * open\n * @description When triggered, uses the current widget instance to open the upload modal\n */\n\n function open() {\n if (!widget?.current) {\n widget.current = createWidget();\n }\n\n // @ts-ignore\n widget?.current && widget.current.open();\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 // @ts-ignore\n cloudinary.current = window.cloudinary;\n }\n\n return (\n <>\n {children({\n cloudinary: cloudinary.current,\n widget: widget.current,\n open,\n })}\n <Script\n id={`cloudinary-${Math.floor(Math.random() * 100)}`}\n // @ts-ignore\n src=\"https://widget.cloudinary.com/v2.0/global/all.js\"\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary: ${e.message}`)}\n />\n </>\n );\n};\n\nexport default CldUploadWidget;\n","import CldUploadWidget from '../CldUploadWidget';\n\nconst CldUploadButton = ({\n children,\n onClick,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}) => {\n return (\n <>\n {/* @ts-ignore */}\n <CldUploadWidget\n onUpload={onUpload}\n options={options}\n signatureEndpoint={signatureEndpoint}\n uploadPreset={uploadPreset}\n >\n {({ open }) => {\n function handleOnClick(e) {\n e.preventDefault();\n\n open();\n\n if ( typeof onClick === 'function' ) {\n onClick(e);\n }\n }\n return (\n <button {...props} onClick={handleOnClick} >\n {children || 'Upload'}\n </button>\n );\n }}\n </CldUploadWidget>\n </>\n );\n};\n\nexport default CldUploadButton;\n"],"names":["NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","pkg","version","NEXT_VERSION","nextPkg","pollForProcessingImage","options","src","Promise","resolve","reject","fetch","then","res","ok","e","status","createPlaceholderUrl","placeholder","rawTransformations","push","includes","color","split","splice","join","constructCloudinaryUrl","width","quality","config","cloud","cloudName","process","env","NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME","analytics","sdkCode","sdkSemver","techVersion","feature","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","parseInt","height","multiplier","widthResize","heightResize","Math","round","CldImage","props","handleOnError","target","result","setImgKey","defaultImgKey","Date","now","CLD_OPTIONS","transformationPlugins","forEach","prop","Error","alt","Object","keys","filter","key","map","useState","imgKey","publicId","startsWith","getPublicId","blurDataURL","preserveTransformations","transformations","getTransformations","_jsx","Image","IMAGE_WIDTH","IMAGE_HEIGHT","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","_excluded","crop","gravity","ogImageUrl","_jsxs","Head","CldUploadWidget","children","onUpload","signatureEndpoint","uploadPreset","cloudinary","useRef","widget","signed","generateSignature","callback","paramsToSign","method","body","JSON","stringify","r","json","signature","createWidget","uploadOptions","NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET","apiKey","NEXT_PUBLIC_CLOUDINARY_API_KEY","uploadSignature","current","createUploadWidget","error","event","open","handleOnLoad","window","_Fragment","Script","floor","random","console","message","CldUploadButton","onClick","handleOnClick","preventDefault"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"next-cloudinary.js","sources":["../src/constants/analytics.js","../src/lib/cloudinary.ts","../src/loaders/cloudinary-loader.js","../src/components/CldImage/CldImage.tsx","../src/components/CldOgImage/CldOgImage.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/components/CldUploadButton/CldUploadButton.tsx"],"sourcesContent":["import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_CLOUDINARY_VERSION = pkg.version;\nexport const NEXT_VERSION = nextPkg.version;","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * createPlaceholderUrl\n */\n\nexport function createPlaceholderUrl({ src, placeholder = true }: { src?: any, placeholder?: boolean | string, config?: any }) {\n const rawTransformations: string[] = [];\n\n if ( placeholder === 'grayscale' ) {\n rawTransformations.push('e_grayscale');\n }\n\n if ( typeof placeholder === 'string' && placeholder.includes('color:') ) {\n const color = placeholder.split(':').splice(1).join(':')\n rawTransformations.push('e_grayscale');\n rawTransformations.push(`e_colorize:60,co_${color}`);\n }\n\n return constructCloudinaryUrl({\n options: {\n src,\n width: 100,\n quality: 1,\n rawTransformations,\n },\n config: {\n cloud: {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n }\n },\n analytics: {\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }\n });\n}\n\n/**\n * pollForProcessingImage\n */\n\nexport async function pollForProcessingImage(options): Promise<boolean> {\n const { src } = options;\n try {\n await new Promise((resolve, reject) => {\n fetch(src).then(res => {\n if ( !res.ok ) {\n reject(res);\n return;\n }\n resolve(res);\n });\n });\n } catch(e: any) {\n if ( e.status === 423 ) {\n return await pollForProcessingImage(options);\n }\n return false;\n }\n return true;\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }) {\n const options = {\n ...imageProps,\n ...cldOptions\n }\n\n options.width = parseInt(options.width);\n options.height = parseInt(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 ( loaderOptions?.width && loaderOptions.width !== options.width ) {\n const multiplier = loaderOptions.width / options.width;\n options.widthResize = loaderOptions.width;\n options.heightResize = Math.round(options.height * multiplier);\n }\n\n return constructCloudinaryUrl({\n options,\n config: {\n cloud: {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n },\n ...cldConfig\n },\n analytics: {\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }\n });\n}","'use client';\n\nimport { useState } from 'react';\nimport Image from 'next/image';\nimport { getTransformations, getPublicId } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\n\nimport { createPlaceholderUrl, pollForProcessingImage } from '../../lib/cloudinary';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nconst CldImage = props => {\n const CLD_OPTIONS = [\n 'deliveryType',\n 'preserveTransformations'\n ];\n\n transformationPlugins.forEach(({ props = [] }) => {\n props.forEach(prop => {\n if ( CLD_OPTIONS.includes(prop) ) {\n throw new Error(`Option ${prop} already exists!`);\n }\n CLD_OPTIONS.push(prop);\n });\n })\n\n // Construct the base Image component props by filtering out Cloudinary-specific props\n\n interface ImageProps {\n alt: string;\n blurDataURL?: string;\n placeholder?: 'blur' | 'empty'; // this is from next/image, but isn't exported\n src: string;\n }\n\n const imageProps: ImageProps = {\n alt: props.alt,\n src: props.src\n };\n\n Object.keys(props)\n .filter(key => !CLD_OPTIONS.includes(key))\n .forEach(key => imageProps[key] = props[key]);\n\n const defaultImgKey = Object.keys(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 interface CldOptions {\n rawTransformations?: string[];\n }\n\n const cldOptions: CldOptions = {};\n\n CLD_OPTIONS.forEach(key => {\n if ( props[key] ) {\n cldOptions[key] = props[key] || undefined;\n }\n });\n\n // If we see a placeholder option, configure a Cloudinary-based URL.\n // The resulting image will always be blurred per Next.js, so we're\n // limited on options for placeholders.\n //\n // We need to do this logic here as we potentially need to mutate\n // an Image component prop as opposed to simply the URL\n //\n // https://nextjs.org/docs/api-reference/next/image#blurdataurl\n\n if ( imageProps.placeholder ) {\n let publicId;\n\n if ( props.src.startsWith('https://') ) {\n try {\n publicId = getPublicId(props.src);\n } catch(e) {}\n }\n\n if ( !publicId ) {\n publicId = props.src;\n }\n\n imageProps.blurDataURL = createPlaceholderUrl({\n src: publicId,\n placeholder: props.placeholder\n });\n\n if ( imageProps.placeholder !== 'blur' ) {\n imageProps.placeholder = 'blur';\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);\n cldOptions.rawTransformations = [...transformations.flat(), ...(props.rawTransformations || [])];\n } catch(e) {\n console.warn(`Failed to preserve transformations: ${(e as Error).message}`)\n }\n }\n\n /**\n * handleOnError\n */\n\n async function handleOnError(options) {\n const result = await pollForProcessingImage({ src: options.target.src })\n if ( result ) {\n setImgKey(`${defaultImgKey};${Date.now()}`);\n }\n }\n\n return (\n <Image\n key={imgKey}\n {...imageProps}\n loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions })}\n onError={handleOnError}\n />\n );\n}\n\nexport default CldImage;\n","import Head from 'next/head';\nimport { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../../constants/analytics';\n\nconst IMAGE_WIDTH = 2400;\nconst IMAGE_HEIGHT = 1200;\n\nconst TWITTER_CARD = 'summary_large_image';\n\nconst CldOgImage = ({ excludeTags = [] as string[], twitterTitle, ...props }) => {\n const options = {\n ...props,\n alt: props.alt,\n crop: props.crop || 'fill',\n gravity: props.gravity || 'center',\n height: props.height || IMAGE_HEIGHT,\n src: props.src,\n width: props.width || IMAGE_WIDTH,\n }\n\n const ogImageUrl = constructCloudinaryUrl({\n options,\n config: {\n cloud: {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n }\n },\n analytics: {\n sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n sdkSemver: NEXT_CLOUDINARY_VERSION,\n techVersion: NEXT_VERSION,\n feature: ''\n }\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 // @ts-ignore\n <Head>\n <meta property=\"og:image\" content={ogImageUrl} />\n <meta property=\"og:image:secure_url\" content={ogImageUrl} />\n <meta property=\"og:image:width\" content={options.width} />\n <meta property=\"og:image:height\" content={options.height} />\n\n {options.alt && (\n <meta property=\"og:image:alt\" content={options.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 property=\"twitter:title\" content={twitterTitle || ' '} />\n )}\n\n <meta property=\"twitter:card\" content={TWITTER_CARD} />\n <meta property=\"twitter:image\" content={ogImageUrl} />\n </Head>\n );\n}\n\nexport default CldOgImage;","import Script from 'next/script';\n\nlet cloudinary;\nlet widget;\n\nconst CldUploadWidget = ({\n children,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n}) => {\n const signed = !!signatureEndpoint;\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 ) {\n cloudinary = (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 requestIdleCallback(() => {\n if ( !widget ) {\n widget = createWidget();\n }\n });\n }\n\n /**\n * generateSignature\n * @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation\n */\n\n function generateSignature(callback, paramsToSign) {\n fetch(signatureEndpoint, {\n method: 'POST',\n body: JSON.stringify({\n paramsToSign,\n }),\n })\n .then((r) => r.json())\n .then(({ signature }) => {\n callback(signature);\n });\n }\n\n /**\n * createWidget\n * @description Creates a new instance of the Cloudinary widget and stores in a ref\n */\n\n function createWidget() {\n // When creating a signed upload, you need to provide both your Cloudinary API Key\n // as well as a signature generator function that will sign any paramters\n // either on page load or during the upload process. Read more about signed uploads at:\n // https://cloudinary.com/documentation/upload_widget#signed_uploads\n\n const uploadOptions = {\n cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n apiKey: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,\n ...options,\n };\n\n if ( signed ) {\n uploadOptions.uploadSignature = generateSignature;\n\n // No need for apiSecret here because of api/sign-cloudinary-params\n\n if (!uploadOptions.apiKey) {\n return new Error(\"Signed Upload needs apiKey!\");\n }\n }\n\n return cloudinary?.createUploadWidget(\n uploadOptions,\n function (error, result) {\n // The callback is a bit more chatty than failed or success so\n // only trigger when one of those are the case. You can additionally\n // create a separate handler such as onEvent and trigger it on\n // ever occurrence\n if (error || result.event === \"success\") {\n onUpload(error, result, widget);\n }\n }\n );\n }\n\n /**\n * open\n * @description When triggered, uses the current widget instance to open the upload modal\n */\n\n function open() {\n if (!widget) {\n widget = createWidget();\n }\n widget && widget.open();\n }\n\n return (\n <>\n {children({\n cloudinary,\n widget,\n open,\n })}\n <Script\n id={`cloudinary-${Math.floor(Math.random() * 100)}`}\n src=\"https://widget.cloudinary.com/v2.0/global/all.js\"\n onLoad={handleOnLoad}\n onError={(e) => console.error(`Failed to load Cloudinary: ${e.message}`)}\n />\n </>\n );\n};\n\nexport default CldUploadWidget;\n","import CldUploadWidget from '../CldUploadWidget';\n\nconst CldUploadButton = ({\n children,\n onClick,\n onUpload,\n options,\n signatureEndpoint,\n uploadPreset,\n ...props\n}) => {\n return (\n <>\n {/* @ts-ignore */}\n <CldUploadWidget\n onUpload={onUpload}\n options={options}\n signatureEndpoint={signatureEndpoint}\n uploadPreset={uploadPreset}\n >\n {({ open }) => {\n function handleOnClick(e) {\n e.preventDefault();\n\n open();\n\n if ( typeof onClick === 'function' ) {\n onClick(e);\n }\n }\n return (\n <button {...props} onClick={handleOnClick} >\n {children || 'Upload'}\n </button>\n );\n }}\n </CldUploadWidget>\n </>\n );\n};\n\nexport default CldUploadButton;\n"],"names":["NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","pkg","version","NEXT_VERSION","nextPkg","pollForProcessingImage","options","src","Promise","resolve","reject","fetch","then","res","ok","e","status","createPlaceholderUrl","placeholder","rawTransformations","push","includes","color","split","splice","join","constructCloudinaryUrl","width","quality","config","cloud","cloudName","process","env","NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME","analytics","sdkCode","sdkSemver","techVersion","feature","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","parseInt","height","multiplier","widthResize","heightResize","Math","round","CldImage","props","handleOnError","target","result","setImgKey","defaultImgKey","Date","now","CLD_OPTIONS","transformationPlugins","forEach","prop","Error","alt","Object","keys","filter","key","map","useState","imgKey","undefined","publicId","startsWith","getPublicId","blurDataURL","preserveTransformations","transformations","getTransformations","flat","console","warn","message","_jsx","Image","IMAGE_WIDTH","IMAGE_HEIGHT","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","_excluded","crop","gravity","ogImageUrl","_jsxs","Head","cloudinary","widget","CldUploadWidget","children","onUpload","signatureEndpoint","uploadPreset","signed","handleOnLoad","window","requestIdleCallback","createWidget","generateSignature","callback","paramsToSign","method","body","JSON","stringify","r","json","signature","uploadOptions","NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET","apiKey","NEXT_PUBLIC_CLOUDINARY_API_KEY","uploadSignature","createUploadWidget","error","event","open","_Fragment","Script","floor","random","CldUploadButton","onClick","handleOnClick","preventDefault"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useState
|
|
1
|
+
import { useState } from 'react';
|
|
2
2
|
import Image from 'next/image';
|
|
3
3
|
import { getPublicId, getTransformations } from '@cloudinary-util/util';
|
|
4
4
|
import { constructCloudinaryUrl, transformationPlugins } from '@cloudinary-util/url-loader';
|
|
@@ -35,7 +35,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
|
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
var name = "next-cloudinary";
|
|
38
|
-
var version = "2.
|
|
38
|
+
var version = "2.1.0";
|
|
39
39
|
var main = "dist/next-cloudinary.umd.js";
|
|
40
40
|
var module = "dist/next-cloudinary.module.js";
|
|
41
41
|
var source = "src/index.ts";
|
|
@@ -48,7 +48,7 @@ var scripts = {
|
|
|
48
48
|
};
|
|
49
49
|
var dependencies = {
|
|
50
50
|
"@cloudinary-util/url-loader": "^1.2.4",
|
|
51
|
-
"@cloudinary-util/util": "^1.
|
|
51
|
+
"@cloudinary-util/util": "^1.2.0",
|
|
52
52
|
"@cloudinary/url-gen": "^1.8.6"
|
|
53
53
|
};
|
|
54
54
|
var devDependencies = {
|
|
@@ -183,7 +183,7 @@ function cloudinaryLoader({
|
|
|
183
183
|
}
|
|
184
184
|
|
|
185
185
|
const CldImage = props => {
|
|
186
|
-
const CLD_OPTIONS = ['deliveryType'];
|
|
186
|
+
const CLD_OPTIONS = ['deliveryType', 'preserveTransformations'];
|
|
187
187
|
transformationPlugins.forEach(({
|
|
188
188
|
props: _props = []
|
|
189
189
|
}) => {
|
|
@@ -194,7 +194,6 @@ const CldImage = props => {
|
|
|
194
194
|
CLD_OPTIONS.push(prop);
|
|
195
195
|
});
|
|
196
196
|
});
|
|
197
|
-
// Construct the base Image component props by filtering out Cloudinary-specific props
|
|
198
197
|
const imageProps = {
|
|
199
198
|
alt: props.alt,
|
|
200
199
|
src: props.src
|
|
@@ -202,11 +201,10 @@ const CldImage = props => {
|
|
|
202
201
|
Object.keys(props).filter(key => !CLD_OPTIONS.includes(key)).forEach(key => imageProps[key] = props[key]);
|
|
203
202
|
const defaultImgKey = Object.keys(imageProps).map(key => `${key}:${imageProps[key]}`).join(';');
|
|
204
203
|
const [imgKey, setImgKey] = useState(defaultImgKey);
|
|
205
|
-
// Construct Cloudinary-specific props by looking for values for any of the supported prop keys
|
|
206
204
|
const cldOptions = {};
|
|
207
205
|
CLD_OPTIONS.forEach(key => {
|
|
208
206
|
if (props[key]) {
|
|
209
|
-
cldOptions[key] = props[key];
|
|
207
|
+
cldOptions[key] = props[key] || undefined;
|
|
210
208
|
}
|
|
211
209
|
});
|
|
212
210
|
// If we see a placeholder option, configure a Cloudinary-based URL.
|
|
@@ -235,10 +233,16 @@ const CldImage = props => {
|
|
|
235
233
|
imageProps.placeholder = 'blur';
|
|
236
234
|
}
|
|
237
235
|
}
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
236
|
+
// Try to preserve the original transformations from the Cloudinary URL passed in
|
|
237
|
+
// to the component. This only works if the URL has a version number on it and otherwise
|
|
238
|
+
// will fail to load
|
|
239
|
+
if (props.preserveTransformations) {
|
|
240
|
+
try {
|
|
241
|
+
const transformations = getTransformations(props.src);
|
|
242
|
+
cldOptions.rawTransformations = [...transformations.flat(), ...(props.rawTransformations || [])];
|
|
243
|
+
} catch (e) {
|
|
244
|
+
console.warn(`Failed to preserve transformations: ${e.message}`);
|
|
245
|
+
}
|
|
242
246
|
}
|
|
243
247
|
/**
|
|
244
248
|
* handleOnError
|
|
@@ -328,6 +332,8 @@ const CldOgImage = _ref => {
|
|
|
328
332
|
);
|
|
329
333
|
};
|
|
330
334
|
|
|
335
|
+
let cloudinary;
|
|
336
|
+
let widget;
|
|
331
337
|
const CldUploadWidget = ({
|
|
332
338
|
children,
|
|
333
339
|
onUpload,
|
|
@@ -335,16 +341,30 @@ const CldUploadWidget = ({
|
|
|
335
341
|
signatureEndpoint,
|
|
336
342
|
uploadPreset
|
|
337
343
|
}) => {
|
|
338
|
-
const cloudinary = useRef();
|
|
339
|
-
const widget = useRef();
|
|
340
344
|
const signed = !!signatureEndpoint;
|
|
345
|
+
/**
|
|
346
|
+
* handleOnLoad
|
|
347
|
+
* @description Stores the Cloudinary window instance to a ref when the widget script loads
|
|
348
|
+
*/
|
|
349
|
+
function handleOnLoad() {
|
|
350
|
+
if (!cloudinary) {
|
|
351
|
+
cloudinary = window.cloudinary;
|
|
352
|
+
}
|
|
353
|
+
// To help improve load time of the widget on first instance, use requestIdleCallback
|
|
354
|
+
// to trigger widget creation. Optional.
|
|
355
|
+
requestIdleCallback(() => {
|
|
356
|
+
if (!widget) {
|
|
357
|
+
widget = createWidget();
|
|
358
|
+
}
|
|
359
|
+
});
|
|
360
|
+
}
|
|
341
361
|
/**
|
|
342
362
|
* generateSignature
|
|
343
363
|
* @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation
|
|
344
364
|
*/
|
|
345
365
|
function generateSignature(callback, paramsToSign) {
|
|
346
366
|
fetch(signatureEndpoint, {
|
|
347
|
-
method:
|
|
367
|
+
method: 'POST',
|
|
348
368
|
body: JSON.stringify({
|
|
349
369
|
paramsToSign
|
|
350
370
|
})
|
|
@@ -359,7 +379,7 @@ const CldUploadWidget = ({
|
|
|
359
379
|
* @description Creates a new instance of the Cloudinary widget and stores in a ref
|
|
360
380
|
*/
|
|
361
381
|
function createWidget() {
|
|
362
|
-
var _cloudinary
|
|
382
|
+
var _cloudinary;
|
|
363
383
|
// When creating a signed upload, you need to provide both your Cloudinary API Key
|
|
364
384
|
// as well as a signature generator function that will sign any paramters
|
|
365
385
|
// either on page load or during the upload process. Read more about signed uploads at:
|
|
@@ -376,13 +396,13 @@ const CldUploadWidget = ({
|
|
|
376
396
|
return new Error("Signed Upload needs apiKey!");
|
|
377
397
|
}
|
|
378
398
|
}
|
|
379
|
-
return (_cloudinary
|
|
399
|
+
return (_cloudinary = cloudinary) == null ? void 0 : _cloudinary.createUploadWidget(uploadOptions, function (error, result) {
|
|
380
400
|
// The callback is a bit more chatty than failed or success so
|
|
381
401
|
// only trigger when one of those are the case. You can additionally
|
|
382
402
|
// create a separate handler such as onEvent and trigger it on
|
|
383
403
|
// ever occurrence
|
|
384
404
|
if (error || result.event === "success") {
|
|
385
|
-
onUpload(error, result, widget
|
|
405
|
+
onUpload(error, result, widget);
|
|
386
406
|
}
|
|
387
407
|
});
|
|
388
408
|
}
|
|
@@ -391,29 +411,18 @@ const CldUploadWidget = ({
|
|
|
391
411
|
* @description When triggered, uses the current widget instance to open the upload modal
|
|
392
412
|
*/
|
|
393
413
|
function open() {
|
|
394
|
-
if (!
|
|
395
|
-
widget
|
|
414
|
+
if (!widget) {
|
|
415
|
+
widget = createWidget();
|
|
396
416
|
}
|
|
397
|
-
|
|
398
|
-
(widget == null ? void 0 : widget.current) && widget.current.open();
|
|
399
|
-
}
|
|
400
|
-
/**
|
|
401
|
-
* handleOnLoad
|
|
402
|
-
* @description Stores the Cloudinary window instance to a ref when the widget script loads
|
|
403
|
-
*/
|
|
404
|
-
function handleOnLoad() {
|
|
405
|
-
// @ts-ignore
|
|
406
|
-
cloudinary.current = window.cloudinary;
|
|
417
|
+
widget && widget.open();
|
|
407
418
|
}
|
|
408
419
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
409
420
|
children: [children({
|
|
410
|
-
cloudinary
|
|
411
|
-
widget
|
|
421
|
+
cloudinary,
|
|
422
|
+
widget,
|
|
412
423
|
open
|
|
413
424
|
}), /*#__PURE__*/jsx(Script, {
|
|
414
|
-
id: `cloudinary-${Math.floor(Math.random() * 100)}
|
|
415
|
-
// @ts-ignore
|
|
416
|
-
,
|
|
425
|
+
id: `cloudinary-${Math.floor(Math.random() * 100)}`,
|
|
417
426
|
src: "https://widget.cloudinary.com/v2.0/global/all.js",
|
|
418
427
|
onLoad: handleOnLoad,
|
|
419
428
|
onError: e => console.error(`Failed to load Cloudinary: ${e.message}`)
|