create-cloudinary-react 1.0.0-beta.17 → 1.0.0-beta.19

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [1.0.0-beta.19](https://github.com/cloudinary-devs/create-cloudinary-react/compare/v1.0.0-beta.18...v1.0.0-beta.19) (2026-02-18)
+
+
+### Bug Fixes
+
+* update readme ([b7a77ca](https://github.com/cloudinary-devs/create-cloudinary-react/commit/b7a77caaf4bf052c68bd912a0ae9c51d424d07cd))
+
+# [1.0.0-beta.18](https://github.com/cloudinary-devs/create-cloudinary-react/compare/v1.0.0-beta.17...v1.0.0-beta.18) (2026-02-18)
+
+
+### Bug Fixes
+
+* update registration link ([2a69d7a](https://github.com/cloudinary-devs/create-cloudinary-react/commit/2a69d7ada9de1cb2751bbd4c1d344422b4c2dd5e))
+* update video player example ([9db39ee](https://github.com/cloudinary-devs/create-cloudinary-react/commit/9db39ee8fc149c748ea422544a79b45a60365f47))
+
 # [1.0.0-beta.17](https://github.com/cloudinary-devs/create-cloudinary-react/compare/v1.0.0-beta.16...v1.0.0-beta.17) (2026-02-12)
 
 

package/README.md

@@ -10,7 +10,7 @@ Scaffold a Cloudinary React + Vite + TypeScript project with interactive setup.
 
 - Node.js 18+ installed
 - A Cloudinary account (free tier available)
-  - [Sign up for free](https://cloudinary.com/users/register/free)
+  - [Sign up for free](https://cld.media/reactregister)
   - Your cloud name is in your [dashboard](https://console.cloudinary.com/app/home/dashboard)
 
 ## Usage
@@ -44,10 +44,10 @@ During setup, you'll be asked which AI coding assistant(s) you're using. The CLI
 
 - ✅ **Cursor** → `.cursorrules` + `.cursor/mcp.json` (if selected)
 - ✅ **GitHub Copilot** → `.github/copilot-instructions.md`
-- ✅ **Claude Code (VS Code extension)** → `.claude`, `claude.md` + `.cursor/mcp.json` (if selected)
+- ✅ **Claude Code** → `CLAUDE.md` + `.mcp.json` (if selected)
 - ✅ **Generic AI tools** → `AI_INSTRUCTIONS.md`, `PROMPT.md`
 
-**MCP Configuration**: The `.cursor/mcp.json` file is automatically generated if you select Cursor or Claude, as it works with both tools.
+**MCP Configuration**: Cursor and Claude Code use different config paths. If you select **Cursor**, the CLI writes `.cursor/mcp.json`. If you select **Claude**, it writes `.mcp.json` in the project root. Each tool only reads its own path, so both files are generated when you select both.
 
 These rules help AI assistants understand Cloudinary React SDK patterns, common errors, and best practices. The generated app also includes an "AI Prompts" section with ready-to-use suggestions for your AI assistant.
 

package/cli.js

@@ -70,7 +70,7 @@ async function main() {
   } else {
   
     console.log(chalk.cyan.bold('\n🚀 Cloudinary React + Vite\n'));
-    console.log(chalk.gray('💡 Need a Cloudinary account? Sign up for free: https://cloudinary.com/users/register/free\n'));
+    console.log(chalk.gray('💡 Need a Cloudinary account? Sign up for free: https://cld.media/reactregister\n'));
   
     const questions = [
       {
@@ -101,7 +101,7 @@ async function main() {
           if (!input.trim()) {
             return chalk.yellow(
               'Cloud name is required.\n' +
-              ' → Sign up: https://cloudinary.com/users/register/free\n' +
+              ' → Sign up: https://cld.media/reactregister\n' +
               ' → Find your cloud name: https://console.cloudinary.com/app/home/dashboard'
             );
           }
@@ -141,7 +141,7 @@ async function main() {
         choices: [
           { name: 'Cursor', value: 'cursor' },
           { name: 'GitHub Copilot', value: 'copilot' },
-          { name: 'Claude Code (VS Code extension)', value: 'claude' },
+          { name: 'Claude Code', value: 'claude' },
           { name: 'Other / Generic AI tools', value: 'generic' },
         ],
         default: ['cursor'],
@@ -262,18 +262,21 @@ async function main() {
       writeFileSync(join(projectPath, 'PROMPT.md'), aiRulesContent);
     }
 
-    // Generate MCP configuration if using Cursor or Claude (MCP works with both)
-    if (aiTools.includes('cursor') || aiTools.includes('claude')) {
-      const mcpTemplatePath = join(TEMPLATES_DIR, '.cursor/mcp.json.template');
-      if (existsSync(mcpTemplatePath)) {
+    // Generate MCP configuration: Cursor uses .cursor/mcp.json, Claude Code uses .mcp.json in project root
+    const mcpTemplatePath = join(TEMPLATES_DIR, '.cursor/mcp.json.template');
+    if (existsSync(mcpTemplatePath)) {
+      const mcpContent = replaceTemplate(
+        readFileSync(mcpTemplatePath, 'utf-8'),
+        templateVars
+      );
+      if (aiTools.includes('cursor')) {
         const cursorDir = join(projectPath, '.cursor');
         mkdirSync(cursorDir, { recursive: true });
-        const mcpContent = replaceTemplate(
-          readFileSync(mcpTemplatePath, 'utf-8'),
-          templateVars
-        );
         writeFileSync(join(cursorDir, 'mcp.json'), mcpContent);
       }
+      if (aiTools.includes('claude')) {
+        writeFileSync(join(projectPath, '.mcp.json'), mcpContent);
+      }
     }
   }
 
@@ -291,9 +294,8 @@ async function main() {
     if (aiTools.includes('copilot')) console.log(chalk.gray('   • GitHub Copilot: .github/copilot-instructions.md'));
     if (aiTools.includes('claude')) console.log(chalk.gray('   • Claude: CLAUDE.md'));
     if (aiTools.includes('generic')) console.log(chalk.gray('   • Generic: AI_INSTRUCTIONS.md, PROMPT.md'));
-    if (aiTools.includes('cursor') || aiTools.includes('claude')) {
-      console.log(chalk.gray('   • MCP (Cursor/Claude): .cursor/mcp.json'));
-    }
+    if (aiTools.includes('cursor')) console.log(chalk.gray('   • MCP (Cursor): .cursor/mcp.json'));
+    if (aiTools.includes('claude')) console.log(chalk.gray('   • MCP (Claude Code): .mcp.json'));
     console.log('');
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-cloudinary-react",
-  "version": "1.0.0-beta.17",
+  "version": "1.0.0-beta.19",
   "description": "Scaffold a Cloudinary React + Vite + TypeScript project with interactive setup",
   "type": "module",
   "bin": {

package/templates/.cursorrules.template

@@ -420,7 +420,8 @@ Use when the user asks for a **video player** (styled UI, controls, playlists).
 **Rule: imperative element only.** Do **not** pass a React-managed `<video ref={...} />` to the player — the library mutates the DOM and React will throw removeChild errors. Create the video element with `document.createElement('video')`, append it to a container ref, and pass that element to `videoPlayer(el, ...)`.
 
 - **Package**: `cloudinary-video-player`. Install with `npm install cloudinary-video-player` (no version).
-- **Import**: `import { videoPlayer } from 'cloudinary-video-player'` (named) and `import 'cloudinary-video-player/cld-video-player.min.css'` (no `dist/` in path).
+- **Import**: `import { videoPlayer } from 'cloudinary-video-player'` (named) and `import 'cloudinary-video-player/cld-video-player.min.css'` (no `dist/` in path). The package only exposes paths under `lib/` via `exports`; use `cld-video-player.min.css` (no `dist/`), which resolves to `lib/cld-video-player.min.css`.
+- ❌ **WRONG**: `import 'cloudinary-video-player/dist/cld-video-player.min.css'` — package `exports` do not expose `dist/`; the valid path is `cloudinary-video-player/cld-video-player.min.css`.
 - **player.source()** takes an **object**: `player.source({ publicId: 'samples/elephants' })`. Not a string.
 - **Cleanup**: Call `player.dispose()`, then **only if** `el.parentNode` exists call `el.parentNode.removeChild(el)` (avoids NotFoundError).
 - **If init fails** (CSP, extensions, timing): render **AdvancedVideo** with the same publicId. Do not relax CSP in index.html or ask the user to disable extensions.

package/templates/README.md.template

@@ -11,7 +11,7 @@ npm run dev
 ## Cloudinary Setup
 
 This project uses Cloudinary for image management. If you don't have a Cloudinary account yet:
-- [Sign up for free](https://cloudinary.com/users/register/free)
+- [Sign up for free](https://cld.media/reactregister)
 - Find your cloud name in your [dashboard](https://console.cloudinary.com/app/home/dashboard)
 
 ## Environment Variables