create-cloudinary-react 1.0.0-beta.10 → 1.0.0-beta.11
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/CHANGELOG.md +7 -0
- package/cli.js +11 -10
- package/package.json +1 -1
- package/templates/.cursorrules.template +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [1.0.0-beta.11](https://github.com/cloudinary-devs/create-cloudinary-react/compare/v1.0.0-beta.10...v1.0.0-beta.11) (2026-01-30)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* put Inquirer inputs on a new, separate line ([ba4a26d](https://github.com/cloudinary-devs/create-cloudinary-react/commit/ba4a26d0a84321ef8461babbd0c42bbe1fb77e81))
|
|
7
|
+
|
|
1
8
|
# [1.0.0-beta.10](https://github.com/cloudinary-devs/create-cloudinary-react/compare/v1.0.0-beta.9...v1.0.0-beta.10) (2026-01-30)
|
|
2
9
|
|
|
3
10
|
|
package/cli.js
CHANGED
|
@@ -31,7 +31,7 @@ async function main() {
|
|
|
31
31
|
{
|
|
32
32
|
type: 'input',
|
|
33
33
|
name: 'projectName',
|
|
34
|
-
message: '
|
|
34
|
+
message: 'What’s your project’s name?\n',
|
|
35
35
|
default: 'my-cloudinary-app',
|
|
36
36
|
validate: (input) => {
|
|
37
37
|
if (!input.trim()) {
|
|
@@ -50,14 +50,14 @@ async function main() {
|
|
|
50
50
|
type: 'input',
|
|
51
51
|
name: 'cloudName',
|
|
52
52
|
message:
|
|
53
|
-
'Cloudinary
|
|
54
|
-
chalk.gray('
|
|
53
|
+
'What’s your Cloudinary cloud name?\n' +
|
|
54
|
+
chalk.gray(' → Find your cloud name: https://console.cloudinary.com/app/home/dashboard') + '\n',
|
|
55
55
|
validate: (input) => {
|
|
56
56
|
if (!input.trim()) {
|
|
57
57
|
return chalk.yellow(
|
|
58
58
|
'Cloud name is required.\n' +
|
|
59
|
-
'
|
|
60
|
-
'
|
|
59
|
+
' → Sign up: https://cloudinary.com/users/register/free\n' +
|
|
60
|
+
' → Find your cloud name: https://console.cloudinary.com/app/home/dashboard'
|
|
61
61
|
);
|
|
62
62
|
}
|
|
63
63
|
if (!isValidCloudName(input)) {
|
|
@@ -70,14 +70,15 @@ async function main() {
|
|
|
70
70
|
type: 'confirm',
|
|
71
71
|
name: 'hasUploadPreset',
|
|
72
72
|
message:
|
|
73
|
-
'Do you have an unsigned upload preset
|
|
74
|
-
chalk.gray('
|
|
73
|
+
'Do you have an unsigned upload preset?\n' +
|
|
74
|
+
chalk.gray(' → You’ll need one if you want to upload new images to Cloudinary,\n but not if you only want to transform or deliver existing images.') + '\n' +
|
|
75
|
+
chalk.gray(' → Create one here: https://console.cloudinary.com/app/settings/upload/presets') + '\n',
|
|
75
76
|
default: false,
|
|
76
77
|
},
|
|
77
78
|
{
|
|
78
79
|
type: 'input',
|
|
79
80
|
name: 'uploadPreset',
|
|
80
|
-
message: '
|
|
81
|
+
message: 'What’s your unsigned upload preset’s name?\n',
|
|
81
82
|
when: (answers) => answers.hasUploadPreset,
|
|
82
83
|
validate: (input) => {
|
|
83
84
|
if (!input.trim()) {
|
|
@@ -101,13 +102,13 @@ async function main() {
|
|
|
101
102
|
{
|
|
102
103
|
type: 'confirm',
|
|
103
104
|
name: 'installDeps',
|
|
104
|
-
message: 'Install dependencies now
|
|
105
|
+
message: 'Install dependencies now?\n',
|
|
105
106
|
default: true,
|
|
106
107
|
},
|
|
107
108
|
{
|
|
108
109
|
type: 'confirm',
|
|
109
110
|
name: 'startDev',
|
|
110
|
-
message: 'Start development server
|
|
111
|
+
message: 'Start development server?\n',
|
|
111
112
|
default: false,
|
|
112
113
|
when: (answers) => answers.installDeps,
|
|
113
114
|
},
|
package/package.json
CHANGED
|
@@ -284,7 +284,7 @@ cld.image('id').overlay(
|
|
|
284
284
|
- Client: Widget gets `api_key` (from your backend), `uploadPreset`, and an `uploadSignature` **function** that calls your backend for each upload. API secret stays on server only.
|
|
285
285
|
- Trade-off: Requires a backend (Node/Express, Next.js API route, etc.) to sign requests. More secure; signature validates each upload.
|
|
286
286
|
|
|
287
|
-
**Rule of thumb**:
|
|
287
|
+
**Rule of thumb**: **Default to unsigned uploads** unless the user explicitly asks for "secure" or "signed" uploads. Do not default to signed — it requires a running backend and will fail out of the box. Use **signed** only when the user explicitly requests secure/signed uploads or needs to restrict who can upload.
|
|
288
288
|
|
|
289
289
|
## Secure (Signed) Uploads
|
|
290
290
|
|
|
@@ -818,6 +818,7 @@ When something isn't working, check:
|
|
|
818
818
|
- [ ] **"createUploadWidget is not a function"?** → Wait until `typeof window.cloudinary?.createUploadWidget === 'function'` before calling it (script loads async; poll or use script onload)
|
|
819
819
|
- [ ] **Video player?** → **Imperative element only**: createElement('video'), append to container ref, pass to videoPlayer(el, ...); player.source({ publicId }); cleanup: dispose then if (el.parentNode) el.parentNode.removeChild(el). CSS: cloudinary-video-player/cld-video-player.min.css. If init fails, fall back to AdvancedVideo (do not relax CSP).
|
|
820
820
|
- [ ] **Upload fails (unsigned)?** → Is `VITE_CLOUDINARY_UPLOAD_PRESET` set? Preset exists and is Unsigned in dashboard?
|
|
821
|
+
- [ ] **Upload default?** → Default to **unsigned** uploads (cloudName + uploadPreset); use signed only when the user explicitly asks for secure/signed uploads (signed requires a running backend)
|
|
821
822
|
- [ ] **Secure uploads?** → Use `uploadSignature` as function (not `signatureEndpoint`); fetch `api_key` from server first; include `uploadPreset` in widget config; server includes `upload_preset` in signed params; use Cloudinary Node SDK v2 on server; never expose or commit API secret
|
|
822
823
|
- [ ] **Where do API key/secret go?** → **Do not** put in root `.env`. Use **`server/.env`**; add to `.gitignore`; load only in server. **Never commit** API key or secret
|
|
823
824
|
- [ ] Upload preset is unsigned (for simple client uploads)
|