next-cloudinary 7.0.0-beta.3 → 7.0.0-beta.4
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 +5 -6
- package/dist/{CldImage-cd749965.esm.js → CldImage-6cada7b1.esm.js} +6 -3
- package/dist/{CldImage-9c70e40f.cjs.js → CldImage-ee84a50c.cjs.js} +6 -3
- package/dist/CldUploadButton-196b419b.esm.js +1 -1
- package/dist/CldUploadButton-db9b095b.cjs.js +1 -1
- package/dist/{CldUploadWidget-e9eba441.esm.js → CldUploadWidget-ad9e977a.esm.js} +2 -2
- package/dist/{CldUploadWidget-c1cbe4d0.cjs.js → CldUploadWidget-e4bba6fd.cjs.js} +2 -2
- package/dist/{CldVideoPlayer-9a677874.cjs.js → CldVideoPlayer-0612b757.cjs.js} +1 -1
- package/dist/{CldVideoPlayer-cf975dcd.esm.js → CldVideoPlayer-e4b7babc.esm.js} +1 -1
- package/dist/{cloudinary-f2ae7797.esm.js → cloudinary-4e704764.esm.js} +2 -2
- package/dist/{cloudinary-ce90980e.cjs.js → cloudinary-e2b6966d.cjs.js} +2 -2
- package/dist/{cloudinary-loader-ca99e94f.esm.js → cloudinary-loader-6ba37e36.esm.js} +1 -1
- package/dist/{cloudinary-loader-45a5eb27.cjs.js → cloudinary-loader-8cbd9bdd.cjs.js} +1 -1
- package/dist/declarations/src/components/CldImage/CldImage.d.ts.map +1 -1
- package/dist/next-cloudinary.cjs.js +5 -5
- package/dist/next-cloudinary.esm.js +6 -6
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -4,19 +4,17 @@
|
|
|
4
4
|
<img alt="Cloudinary" src="https://user-images.githubusercontent.com/62209650/196528761-a815025a-271a-4d8e-ac7e-cea833728bf9.png" align="center" height=30>
|
|
5
5
|
</picture>
|
|
6
6
|
  
|
|
7
|
-
<picture style="padding: 30px">
|
|
8
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/62209650/196529551-917766a7-6d73-4a0b-9f80-db31ac62358f.png" align="center" height=30>
|
|
9
|
-
<source media="(prefers-color-scheme: light)" srcset="https://user-images.githubusercontent.com/62209650/196529695-8c260b0b-b5e6-44ae-bf71-db3c28534b20.png" align="center" height=30>
|
|
10
|
-
<img alt="Nextjs" src="https://user-images.githubusercontent.com/62209650/196529695-8c260b0b-b5e6-44ae-bf71-db3c28534b20.png" align="center" height=30>
|
|
11
|
-
</picture>
|
|
12
7
|
|
|
13
8
|
######
|
|
14
9
|
|
|
15
10
|
<a href="https://github.com/cloudinary-community/next-cloudinary/actions/workflows/test_and_release.yml"><img alt="GitHub Workflow Status" src="https://img.shields.io/github/actions/workflow/status/cloudinary-community/next-cloudinary/test_and_release.yml?branch=main&label=Test%20%26%20Release&style=flat-square"></a> <a href="https://www.npmjs.com/package/next-cloudinary"><img alt="npm" src="https://img.shields.io/npm/v/next-cloudinary?style=flat-square"></a> <a href="https://bundlephobia.com/package/next-cloudinary"><img alt="npm bundle size" src="https://img.shields.io/bundlephobia/min/next-cloudinary?style=flat-square&label=Minified%20Size"></a> <a href="https://github.com/cloudinary-community/next-cloudinary/blob/main/LICENSE"><img alt="GitHub" src="https://img.shields.io/github/license/cloudinary-community/next-cloudinary?label=License&style=flat-square"></a>
|
|
16
11
|
|
|
17
|
-
|
|
18
12
|
# Next Cloudinary
|
|
19
13
|
|
|
14
|
+
<!-- doc-gen PKGJSON optionOne="hey" -->
|
|
15
|
+
undefined
|
|
16
|
+
<!-- end-doc-gen -->
|
|
17
|
+
|
|
20
18
|
High-performance image delivery and uploading at scale in Next.js powered by Cloudinary.
|
|
21
19
|
|
|
22
20
|
<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>
|
|
@@ -205,6 +203,7 @@ pnpm test
|
|
|
205
203
|
<td align="center" valign="top" width="14.28%"><a href="https://github.com/mr-loop-1"><img src="https://avatars.githubusercontent.com/u/62374784?v=4?s=100" width="100px;" alt="Abdul Samad"/><br /><sub><b>Abdul Samad</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=mr-loop-1" title="Documentation">📖</a></td>
|
|
206
204
|
<td align="center" valign="top" width="14.28%"><a href="https://github.com/DevRish"><img src="https://avatars.githubusercontent.com/u/78094670?v=4?s=100" width="100px;" alt="Rishav Chattopadhyay"/><br /><sub><b>Rishav Chattopadhyay</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=DevRish" title="Documentation">📖</a></td>
|
|
207
205
|
<td align="center" valign="top" width="14.28%"><a href="https://github.com/Prathamesh010"><img src="https://avatars.githubusercontent.com/u/41731424?v=4?s=100" width="100px;" alt="Prathamesh Gawas"/><br /><sub><b>Prathamesh Gawas</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=Prathamesh010" title="Documentation">📖</a></td>
|
|
206
|
+
<td align="center" valign="top" width="14.28%"><a href="https://victory-nwani.dev"><img src="https://avatars.githubusercontent.com/u/29664439?v=4?s=100" width="100px;" alt="Nwani Victory"/><br /><sub><b>Nwani Victory</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=vickywane" title="Documentation">📖</a></td>
|
|
208
207
|
</tr>
|
|
209
208
|
</tbody>
|
|
210
209
|
</table>
|
|
@@ -3,9 +3,9 @@ import { forwardRef, useState, useCallback } from 'react';
|
|
|
3
3
|
import Image from 'next/image';
|
|
4
4
|
import { pollForProcessingImage } from '@cloudinary-util/util';
|
|
5
5
|
import { transformationPlugins } from '@cloudinary-util/url-loader';
|
|
6
|
-
import { g as getCldImageUrl, c as cloudinaryLoader } from './cloudinary-loader-
|
|
6
|
+
import { g as getCldImageUrl, c as cloudinaryLoader } from './cloudinary-loader-6ba37e36.esm.js';
|
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
|
8
|
-
import './cloudinary-
|
|
8
|
+
import './cloudinary-4e704764.esm.js';
|
|
9
9
|
import 'next/package.json';
|
|
10
10
|
|
|
11
11
|
const CldImage = /*#__PURE__*/forwardRef(function CldImage(props, ref) {
|
|
@@ -108,7 +108,10 @@ const CldImage = /*#__PURE__*/forwardRef(function CldImage(props, ref) {
|
|
|
108
108
|
const result = await pollForProcessingImage({
|
|
109
109
|
src: image.src
|
|
110
110
|
});
|
|
111
|
-
if (result) {
|
|
111
|
+
if (typeof result.error === 'string' && process.env.NODE_ENV === 'development') {
|
|
112
|
+
console.error(`[CldImage] Failed to load image ${props.src}: ${result.error}`);
|
|
113
|
+
}
|
|
114
|
+
if (result.success) {
|
|
112
115
|
setImgKey(`${defaultImgKey};${Date.now()}`);
|
|
113
116
|
}
|
|
114
117
|
}
|
|
@@ -7,9 +7,9 @@ var react = require('react');
|
|
|
7
7
|
var Image = require('next/image');
|
|
8
8
|
var util = require('@cloudinary-util/util');
|
|
9
9
|
var urlLoader = require('@cloudinary-util/url-loader');
|
|
10
|
-
var cloudinaryLoader = require('./cloudinary-loader-
|
|
10
|
+
var cloudinaryLoader = require('./cloudinary-loader-8cbd9bdd.cjs.js');
|
|
11
11
|
var jsxRuntime = require('react/jsx-runtime');
|
|
12
|
-
require('./cloudinary-
|
|
12
|
+
require('./cloudinary-e2b6966d.cjs.js');
|
|
13
13
|
require('next/package.json');
|
|
14
14
|
|
|
15
15
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -116,7 +116,10 @@ const CldImage = /*#__PURE__*/react.forwardRef(function CldImage(props, ref) {
|
|
|
116
116
|
const result = await util.pollForProcessingImage({
|
|
117
117
|
src: image.src
|
|
118
118
|
});
|
|
119
|
-
if (result) {
|
|
119
|
+
if (typeof result.error === 'string' && process.env.NODE_ENV === 'development') {
|
|
120
|
+
console.error(`[CldImage] Failed to load image ${props.src}: ${result.error}`);
|
|
121
|
+
}
|
|
122
|
+
if (result.success) {
|
|
120
123
|
setImgKey(`${defaultImgKey};${Date.now()}`);
|
|
121
124
|
}
|
|
122
125
|
}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
6
|
require('react');
|
|
7
|
-
var CldUploadWidget = require('./CldUploadWidget-
|
|
7
|
+
var CldUploadWidget = require('./CldUploadWidget-e4bba6fd.cjs.js');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
|
|
10
10
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { useRef, useState, useEffect } from 'react';
|
|
3
3
|
import Script from 'next/script';
|
|
4
4
|
import { generateSignatureCallback, getUploadWidgetOptions, generateUploadWidgetResultCallback, UPLOAD_WIDGET_EVENTS } from '@cloudinary-util/url-loader';
|
|
5
|
-
import { g as getCloudinaryConfig } from './cloudinary-
|
|
5
|
+
import { g as getCloudinaryConfig } from './cloudinary-4e704764.esm.js';
|
|
6
6
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
7
|
import 'next/package.json';
|
|
8
8
|
|
|
@@ -85,7 +85,7 @@ const CldUploadWidget = ({
|
|
|
85
85
|
if (typeof results === 'undefined') return;
|
|
86
86
|
const isSuccess = results.event === 'success';
|
|
87
87
|
if (isSuccess && typeof onUpload === 'function') {
|
|
88
|
-
if (process.env.
|
|
88
|
+
if (process.env.NODE_ENV === 'development') {
|
|
89
89
|
console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');
|
|
90
90
|
}
|
|
91
91
|
onUpload(results, widget.current);
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
6
6
|
var react = require('react');
|
|
7
7
|
var Script = require('next/script');
|
|
8
8
|
var urlLoader = require('@cloudinary-util/url-loader');
|
|
9
|
-
var cloudinary = require('./cloudinary-
|
|
9
|
+
var cloudinary = require('./cloudinary-e2b6966d.cjs.js');
|
|
10
10
|
var jsxRuntime = require('react/jsx-runtime');
|
|
11
11
|
require('next/package.json');
|
|
12
12
|
|
|
@@ -93,7 +93,7 @@ const CldUploadWidget = ({
|
|
|
93
93
|
if (typeof results === 'undefined') return;
|
|
94
94
|
const isSuccess = results.event === 'success';
|
|
95
95
|
if (isSuccess && typeof onUpload === 'function') {
|
|
96
|
-
if (process.env.
|
|
96
|
+
if (process.env.NODE_ENV === 'development') {
|
|
97
97
|
console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');
|
|
98
98
|
}
|
|
99
99
|
onUpload(results, widget.current);
|
|
@@ -7,7 +7,7 @@ var react = require('react');
|
|
|
7
7
|
var Script = require('next/script');
|
|
8
8
|
var Head = require('next/head');
|
|
9
9
|
var urlLoader = require('@cloudinary-util/url-loader');
|
|
10
|
-
var cloudinary = require('./cloudinary-
|
|
10
|
+
var cloudinary = require('./cloudinary-e2b6966d.cjs.js');
|
|
11
11
|
var jsxRuntime = require('react/jsx-runtime');
|
|
12
12
|
require('next/package.json');
|
|
13
13
|
|
|
@@ -3,7 +3,7 @@ import { useId, useRef, useEffect } from 'react';
|
|
|
3
3
|
import Script from 'next/script';
|
|
4
4
|
import Head from 'next/head';
|
|
5
5
|
import { getVideoPlayerOptions } from '@cloudinary-util/url-loader';
|
|
6
|
-
import { g as getCloudinaryConfig } from './cloudinary-
|
|
6
|
+
import { g as getCloudinaryConfig } from './cloudinary-4e704764.esm.js';
|
|
7
7
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
8
8
|
import 'next/package.json';
|
|
9
9
|
|
|
@@ -2,7 +2,7 @@ import nextPkg from 'next/package.json';
|
|
|
2
2
|
|
|
3
3
|
var pkg = {
|
|
4
4
|
name: "next-cloudinary",
|
|
5
|
-
version: "7.0.0-beta.
|
|
5
|
+
version: "7.0.0-beta.4",
|
|
6
6
|
license: "MIT",
|
|
7
7
|
main: "dist/next-cloudinary.cjs.js",
|
|
8
8
|
module: "dist/next-cloudinary.esm.js",
|
|
@@ -40,7 +40,7 @@ var pkg = {
|
|
|
40
40
|
dependencies: {
|
|
41
41
|
"@cloudinary-util/types": "1.5.10",
|
|
42
42
|
"@cloudinary-util/url-loader": "5.10.4",
|
|
43
|
-
"@cloudinary-util/util": "
|
|
43
|
+
"@cloudinary-util/util": "4.0.0"
|
|
44
44
|
},
|
|
45
45
|
devDependencies: {
|
|
46
46
|
"@babel/core": "^7.25.2",
|
|
@@ -8,7 +8,7 @@ var nextPkg__default = /*#__PURE__*/_interopDefault(nextPkg);
|
|
|
8
8
|
|
|
9
9
|
var pkg = {
|
|
10
10
|
name: "next-cloudinary",
|
|
11
|
-
version: "7.0.0-beta.
|
|
11
|
+
version: "7.0.0-beta.4",
|
|
12
12
|
license: "MIT",
|
|
13
13
|
main: "dist/next-cloudinary.cjs.js",
|
|
14
14
|
module: "dist/next-cloudinary.esm.js",
|
|
@@ -46,7 +46,7 @@ var pkg = {
|
|
|
46
46
|
dependencies: {
|
|
47
47
|
"@cloudinary-util/types": "1.5.10",
|
|
48
48
|
"@cloudinary-util/url-loader": "5.10.4",
|
|
49
|
-
"@cloudinary-util/util": "
|
|
49
|
+
"@cloudinary-util/util": "4.0.0"
|
|
50
50
|
},
|
|
51
51
|
devDependencies: {
|
|
52
52
|
"@babel/core": "^7.25.2",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';
|
|
2
|
-
import { g as getCloudinaryConfig, a as getCloudinaryAnalytics } from './cloudinary-
|
|
2
|
+
import { g as getCloudinaryConfig, a as getCloudinaryAnalytics } from './cloudinary-4e704764.esm.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* getCldImageUrl
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CldImage.d.ts","sourceRoot":"../../../../../src/components/CldImage","sources":["CldImage.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAM/E,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,SAAS,CAAC,GAAG,YAAY,GAAG;IAC/E,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,QAAQ;aALH,aAAa;SACjB,MAAM;kBACG,OAAO;
|
|
1
|
+
{"version":3,"file":"CldImage.d.ts","sourceRoot":"../../../../../src/components/CldImage","sources":["CldImage.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAM/E,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,SAAS,CAAC,GAAG,YAAY,GAAG;IAC/E,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,QAAQ;aALH,aAAa;SACjB,MAAM;kBACG,OAAO;oDAmJrB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var CldImage = require('./CldImage-
|
|
5
|
+
var CldImage = require('./CldImage-ee84a50c.cjs.js');
|
|
6
6
|
var Head = require('next/head');
|
|
7
|
-
var cloudinaryLoader = require('./cloudinary-loader-
|
|
7
|
+
var cloudinaryLoader = require('./cloudinary-loader-8cbd9bdd.cjs.js');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
var CldUploadButton = require('./CldUploadButton-db9b095b.cjs.js');
|
|
10
|
-
var CldUploadWidget = require('./CldUploadWidget-
|
|
11
|
-
var CldVideoPlayer = require('./CldVideoPlayer-
|
|
10
|
+
var CldUploadWidget = require('./CldUploadWidget-e4bba6fd.cjs.js');
|
|
11
|
+
var CldVideoPlayer = require('./CldVideoPlayer-0612b757.cjs.js');
|
|
12
12
|
var urlLoader = require('@cloudinary-util/url-loader');
|
|
13
|
-
var cloudinary = require('./cloudinary-
|
|
13
|
+
var cloudinary = require('./cloudinary-e2b6966d.cjs.js');
|
|
14
14
|
require('next/package.json');
|
|
15
15
|
|
|
16
16
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
export { default as CldImage } from './CldImage-
|
|
1
|
+
export { default as CldImage } from './CldImage-6cada7b1.esm.js';
|
|
2
2
|
import Head from 'next/head';
|
|
3
|
-
import { g as getCldImageUrl } from './cloudinary-loader-
|
|
4
|
-
export { c as cloudinaryLoader, g as getCldImageUrl } from './cloudinary-loader-
|
|
3
|
+
import { g as getCldImageUrl } from './cloudinary-loader-6ba37e36.esm.js';
|
|
4
|
+
export { c as cloudinaryLoader, g as getCldImageUrl } from './cloudinary-loader-6ba37e36.esm.js';
|
|
5
5
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
6
|
export { default as CldUploadButton } from './CldUploadButton-196b419b.esm.js';
|
|
7
|
-
export { default as CldUploadWidget } from './CldUploadWidget-
|
|
8
|
-
export { default as CldVideoPlayer } from './CldVideoPlayer-
|
|
7
|
+
export { default as CldUploadWidget } from './CldUploadWidget-ad9e977a.esm.js';
|
|
8
|
+
export { default as CldVideoPlayer } from './CldVideoPlayer-e4b7babc.esm.js';
|
|
9
9
|
import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';
|
|
10
|
-
import { g as getCloudinaryConfig, a as getCloudinaryAnalytics } from './cloudinary-
|
|
10
|
+
import { g as getCloudinaryConfig, a as getCloudinaryAnalytics } from './cloudinary-4e704764.esm.js';
|
|
11
11
|
import 'next/package.json';
|
|
12
12
|
|
|
13
13
|
const OG_IMAGE_WIDTH = 1200;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "next-cloudinary",
|
|
3
|
-
"version": "7.0.0-beta.
|
|
3
|
+
"version": "7.0.0-beta.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/next-cloudinary.cjs.js",
|
|
6
6
|
"module": "dist/next-cloudinary.esm.js",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@cloudinary-util/types": "1.5.10",
|
|
31
31
|
"@cloudinary-util/url-loader": "5.10.4",
|
|
32
|
-
"@cloudinary-util/util": "
|
|
32
|
+
"@cloudinary-util/util": "4.0.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@babel/core": "^7.25.2",
|