create-cloudinary-react 1.0.0-beta.12 ā 1.0.0-beta.13
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/README.md +1 -1
- package/cli.js +1 -1
- package/package.json +1 -2
- package/templates/README.md.template +2 -2
- package/templates/src/App.css.template +8 -2
- package/templates/src/App.tsx.template +4 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [1.0.0-beta.13](https://github.com/cloudinary-devs/create-cloudinary-react/compare/v1.0.0-beta.12...v1.0.0-beta.13) (2026-02-03)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* simplify AI prompts section with clear copy-paste instructions ([2b60415](https://github.com/cloudinary-devs/create-cloudinary-react/commit/2b60415c1d3e23aabbe95b2c5366078857a5b37c))
|
|
7
|
+
|
|
1
8
|
# [1.0.0-beta.12](https://github.com/cloudinary-devs/create-cloudinary-react/compare/v1.0.0-beta.11...v1.0.0-beta.12) (2026-02-02)
|
|
2
9
|
|
|
3
10
|
|
package/README.md
CHANGED
|
@@ -22,7 +22,7 @@ npx create-cloudinary-react
|
|
|
22
22
|
The CLI will prompt you for:
|
|
23
23
|
- Project name
|
|
24
24
|
- **Cloudinary cloud name** (found in your [dashboard](https://console.cloudinary.com/app/home/dashboard))
|
|
25
|
-
- Upload preset (optional - required for uploads, but transformations work without it)
|
|
25
|
+
- Unsigned Upload preset (optional - required for uploads, but transformations work without it)
|
|
26
26
|
- AI coding assistant(s) you're using (Cursor, GitHub Copilot, Claude, etc.)
|
|
27
27
|
- Whether to install dependencies
|
|
28
28
|
- Whether to start dev server
|
package/cli.js
CHANGED
|
@@ -69,7 +69,7 @@ async function main() {
|
|
|
69
69
|
|
|
70
70
|
} else {
|
|
71
71
|
|
|
72
|
-
console.log(chalk.cyan.bold('\nš Cloudinary React + Vite
|
|
72
|
+
console.log(chalk.cyan.bold('\nš Cloudinary React + Vite\n'));
|
|
73
73
|
console.log(chalk.gray('š” Need a Cloudinary account? Sign up for free: https://cloudinary.com/users/register/free\n'));
|
|
74
74
|
|
|
75
75
|
answers = await inquirer.prompt([
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "create-cloudinary-react",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.13",
|
|
4
4
|
"description": "Scaffold a Cloudinary React + Vite + TypeScript project with interactive setup",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"bin": {
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
"react",
|
|
12
12
|
"vite",
|
|
13
13
|
"typescript",
|
|
14
|
-
"boilerplate",
|
|
15
14
|
"scaffold"
|
|
16
15
|
],
|
|
17
16
|
"author": "",
|
|
@@ -26,7 +26,7 @@ Your `.env` file has been pre-configured with:
|
|
|
26
26
|
|
|
27
27
|
**Note**: Transformations work without an upload preset (using sample images). Uploads require an unsigned upload preset.
|
|
28
28
|
|
|
29
|
-
To create an upload preset:
|
|
29
|
+
To create an unsigned upload preset:
|
|
30
30
|
1. Go to https://console.cloudinary.com/app/settings/upload/presets
|
|
31
31
|
2. Click "Add upload preset"
|
|
32
32
|
3. Set it to "Unsigned" mode
|
|
@@ -37,7 +37,7 @@ To create an upload preset:
|
|
|
37
37
|
|
|
38
38
|
This project includes AI coding rules for your selected AI assistant(s). The rules help AI assistants understand Cloudinary React SDK patterns, common errors, and best practices.
|
|
39
39
|
|
|
40
|
-
**Try the AI Prompts**: Check out the "š¤ Try Asking Your AI Assistant" section in the app for ready-to-use Cloudinary prompts to get started
|
|
40
|
+
**Try the AI Prompts**: Check out the "š¤ Try Asking Your AI Assistant" section in the app for ready-to-use Cloudinary prompts! Copy and paste them into your AI assistant to get started.
|
|
41
41
|
|
|
42
42
|
## Learn More
|
|
43
43
|
|
|
@@ -61,8 +61,13 @@ h2 {
|
|
|
61
61
|
|
|
62
62
|
.prompts-intro {
|
|
63
63
|
margin: 0.5rem 0 1rem 0;
|
|
64
|
-
color: rgba(255, 255, 255, 0.
|
|
64
|
+
color: rgba(255, 255, 255, 0.9);
|
|
65
65
|
text-align: center;
|
|
66
|
+
font-size: 1rem;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.prompts-intro strong {
|
|
70
|
+
color: rgba(99, 102, 241, 1);
|
|
66
71
|
}
|
|
67
72
|
|
|
68
73
|
.prompts-list {
|
|
@@ -84,7 +89,8 @@ h2 {
|
|
|
84
89
|
color: rgba(255, 255, 255, 0.9);
|
|
85
90
|
font-size: 0.9rem;
|
|
86
91
|
transition: all 0.2s;
|
|
87
|
-
|
|
92
|
+
user-select: text;
|
|
93
|
+
cursor: text;
|
|
88
94
|
}
|
|
89
95
|
|
|
90
96
|
.prompts-list li:hover {
|
|
@@ -33,7 +33,7 @@ function App() {
|
|
|
33
33
|
return (
|
|
34
34
|
<div className="app">
|
|
35
35
|
<main className="main-content">
|
|
36
|
-
<h1>Cloudinary React + Vite
|
|
36
|
+
<h1>Cloudinary React + Vite</h1>
|
|
37
37
|
<p>This is a ready-to-use development environment with Cloudinary integration.</p>
|
|
38
38
|
|
|
39
39
|
<div className="upload-section">
|
|
@@ -60,7 +60,9 @@ function App() {
|
|
|
60
60
|
|
|
61
61
|
<div className="ai-prompts-section">
|
|
62
62
|
<h2>š¤ Try Asking Your AI Assistant</h2>
|
|
63
|
-
<p className="prompts-intro">
|
|
63
|
+
<p className="prompts-intro">
|
|
64
|
+
<strong>Copy and paste</strong> one of these prompts into your AI assistant:
|
|
65
|
+
</p>
|
|
64
66
|
<ul className="prompts-list">
|
|
65
67
|
<li>Create an image gallery with lazy loading and responsive</li>
|
|
66
68
|
<li>Create a video player that plays a Cloudinary video</li>
|