create-cloudinary-react 1.0.0-beta.8 → 1.0.0-beta.9
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/package.json +1 -1
- package/templates/.cursorrules.template +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [1.0.0-beta.9](https://github.com/cloudinary-devs/create-cloudinary-react/compare/v1.0.0-beta.8...v1.0.0-beta.9) (2026-01-29)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **rules:** video player CSS import — use path without dist/ ([f749f08](https://github.com/cloudinary-devs/create-cloudinary-react/commit/f749f08ef79e365aba1a992a362ca6a0fb42bbe1))
|
|
7
|
+
|
|
1
8
|
# [1.0.0-beta.8](https://github.com/cloudinary-devs/create-cloudinary-react/compare/v1.0.0-beta.7...v1.0.0-beta.8) (2026-01-28)
|
|
2
9
|
|
|
3
10
|
|
package/package.json
CHANGED
|
@@ -400,7 +400,7 @@ res.json({ signature, timestamp: paramsToSign.timestamp, api_key: process.env.CL
|
|
|
400
400
|
### Cloudinary Video Player (The Player)
|
|
401
401
|
- ✅ **Purpose**: The actual video player — full-featured UI, controls, playlists, recommendations, ads, chapters. Use when the user asks for a "video player"; use AdvancedVideo when they just need to display a video.
|
|
402
402
|
- ✅ **Package**: `cloudinary-video-player` (separate package)
|
|
403
|
-
- ✅ **Import** (named, not default): `import { videoPlayer } from 'cloudinary-video-player'` and `import 'cloudinary-video-player/cld-video-player.min.css'`.
|
|
403
|
+
- ✅ **Import** (named, not default): `import { videoPlayer } from 'cloudinary-video-player'` and `import 'cloudinary-video-player/cld-video-player.min.css'`. **Do not use `dist/` in the CSS path** — use `cloudinary-video-player/cld-video-player.min.css` only.
|
|
404
404
|
- ❌ **WRONG**: `import cloudinary from 'cloudinary-video-player'` then `cloudinary.videoPlayer(...)` — use named `videoPlayer` instead.
|
|
405
405
|
- ✅ **player.source()** takes an **object**, not a string: `player.source({ publicId: 'samples/elephants' })`. ❌ WRONG: `player.source('samples/elephants')`.
|
|
406
406
|
- ✅ **Use refs**, not IDs: `const videoRef = useRef<HTMLVideoElement>(null)`; pass `videoRef.current` to `videoPlayer()`. Avoid `document.getElementById` with React (can cause DOM conflicts).
|
|
@@ -710,7 +710,7 @@ res.json({ signature, timestamp: paramsToSign.timestamp, api_key: process.env.CL
|
|
|
710
710
|
- ❌ Problem: Configuration or initialization issue with standalone player
|
|
711
711
|
- ✅ Solution:
|
|
712
712
|
1. Check `cloud_name` is provided in player config
|
|
713
|
-
2. Ensure CSS file is imported: `import 'cloudinary-video-player/
|
|
713
|
+
2. Ensure CSS file is imported: `import 'cloudinary-video-player/cld-video-player.min.css'` (no `dist/` in path)
|
|
714
714
|
3. Verify player is initialized in `useEffect` with proper cleanup
|
|
715
715
|
4. Check video element has required classes: `cld-video-player cld-fluid`
|
|
716
716
|
5. Always call `player.dispose()` in useEffect cleanup function
|