next-cloudinary 7.0.0-beta.15 → 7.0.0-beta.17

package/dist/{CldImage-3b9e9abc.cjs.js → CldImage-60a7d0db.cjs.js}

@@ -7,9 +7,9 @@ var React = require('react');
 var Image = require('next/image');
 var util = require('@cloudinary-util/util');
 var urlLoader = require('@cloudinary-util/url-loader');
-var cloudinaryLoader = require('./cloudinary-loader-570d5c51.cjs.js');
+var cloudinaryLoader = require('./cloudinary-loader-687ca5ce.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
-require('./cloudinary-fa1452e5.cjs.js');
+require('./cloudinary-9ac4fc0b.cjs.js');
 require('next/package.json');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{CldImage-92d58661.esm.js → CldImage-8a87ef4c.esm.js}

@@ -3,9 +3,9 @@ import { forwardRef, useState, useCallback } from 'react';
 import Image from 'next/image';
 import { pollForProcessingImage } from '@cloudinary-util/util';
 import { cloudinaryPluginKeys } from '@cloudinary-util/url-loader';
-import { g as getCldImageUrl, c as cloudinaryLoader } from './cloudinary-loader-35ab85b4.esm.js';
+import { g as getCldImageUrl, c as cloudinaryLoader } from './cloudinary-loader-44025348.esm.js';
 import { jsx } from 'react/jsx-runtime';
-import './cloudinary-6504bfbb.esm.js';
+import './cloudinary-f67b50bc.esm.js';
 import 'next/package.json';
 
 const CldImage = /*#__PURE__*/forwardRef(function CldImage(props, ref) {

package/dist/CldUploadButton-7867eb66.cjs.js

@@ -4,7 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var CldUploadWidget = require('./CldUploadWidget-85bcec94.cjs.js');
+var CldUploadWidget = require('./CldUploadWidget-88b4b470.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/CldUploadButton-8cb106b1.esm.js

@@ -1,6 +1,6 @@
 'use client';
 import 'react';
-import CldUploadWidget from './CldUploadWidget-8f734071.esm.js';
+import CldUploadWidget from './CldUploadWidget-8c702880.esm.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 const CldUploadButton = ({

package/dist/{CldUploadWidget-85bcec94.cjs.js → CldUploadWidget-88b4b470.cjs.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var Script = require('next/script');
 var urlLoader = require('@cloudinary-util/url-loader');
-var cloudinary = require('./cloudinary-fa1452e5.cjs.js');
+var cloudinary = require('./cloudinary-9ac4fc0b.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('next/package.json');
 

package/dist/{CldUploadWidget-8f734071.esm.js → CldUploadWidget-8c702880.esm.js}

@@ -2,7 +2,7 @@
 import React, { useRef, useState, useEffect } from 'react';
 import Script from 'next/script';
 import { generateSignatureCallback, getUploadWidgetOptions, generateUploadWidgetResultCallback, UPLOAD_WIDGET_EVENTS } from '@cloudinary-util/url-loader';
-import { g as getCloudinaryConfig } from './cloudinary-6504bfbb.esm.js';
+import { g as getCloudinaryConfig } from './cloudinary-f67b50bc.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'next/package.json';
 

package/dist/{CldVideoPlayer-dcc1bf3e.cjs.js → CldVideoPlayer-076b4ecf.cjs.js}

@@ -7,7 +7,7 @@ var React = require('react');
 var Script = require('next/script');
 var Head = require('next/head');
 var urlLoader = require('@cloudinary-util/url-loader');
-var cloudinary = require('./cloudinary-fa1452e5.cjs.js');
+var cloudinary = require('./cloudinary-9ac4fc0b.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('next/package.json');
 
@@ -53,6 +53,8 @@ const CldVideoPlayer = props => {
   const videoRef = props.videoRef || defaultVideoRef;
   const defaultPlayerRef = React.useRef(null);
   const playerRef = props.playerRef || defaultPlayerRef;
+  // The <video> element the player was created on (video.js keeps using it inside the player)
+  const playerVideoElementRef = React.useRef(null);
   const playerId = id || `player-${uniqueId.replace(/:/g, '')}`;
   let playerClassName = 'cld-video-player cld-fluid';
   if (className) {
@@ -85,8 +87,14 @@ const CldVideoPlayer = props => {
    */
 
   const disposePlayer = () => {
-    if (playerRef.current?.videojs?.cloudinary) {
-      playerRef.current.videojs.cloudinary.dispose();
+    // React Strict Mode runs effect cleanups without removing the DOM, then reuses the same
+    // <video> element. Keep the player in that case; dispose() would remove the element.
+    if (playerVideoElementRef.current?.isConnected) return;
+
+    // dispose() on the player instance also removes it from the video.js registry,
+    // so a remount with the same id creates a new player instead of reusing a stale one
+    if (typeof playerRef.current?.dispose === 'function') {
+      playerRef.current.dispose();
     }
     // remove from global instances array
     playerInstances = playerInstances.filter(instanceId => instanceId !== playerId);
@@ -100,13 +108,11 @@ const CldVideoPlayer = props => {
    */
 
   const initializePlayer = () => {
-    if (typeof window !== 'undefined' && 'cloudinary' in window && videoRef.current && !playerInitialized) {
+    // Check the ref, not the playerInitialized state: onLoad and onReady can both call this
+    // during the same render, and the state value seen there may be stale
+    if (typeof window !== 'undefined' && 'cloudinary' in window && videoRef.current && !playerRef.current) {
       cloudinaryRef.current = window.cloudinary;
-
-      // dispose any existing player instance first to prevent conflicts
-      if (playerRef.current) {
-        disposePlayer();
-      }
+      playerVideoElementRef.current = videoRef.current;
       playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, playerOptions);
       setPlayerInitialized(true);
       Object.keys(events).forEach(key => {
@@ -177,7 +183,10 @@ const CldVideoPlayer = props => {
       }), /*#__PURE__*/jsxRuntime.jsx(Script__default["default"], {
         id: `cloudinary-videoplayer-${playerId}`,
         src: `https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`,
-        onLoad: handleOnLoad,
+        onLoad: handleOnLoad
+        // onReady also runs on later mounts with the same script id, where onLoad doesn't fire again
+        ,
+        onReady: handleOnLoad,
         onError: e => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)
       })]
     })]

package/dist/{CldVideoPlayer-3af97076.esm.js → CldVideoPlayer-77904544.esm.js}

@@ -3,7 +3,7 @@ import { useId, useState, useRef, useEffect } from 'react';
 import Script from 'next/script';
 import Head from 'next/head';
 import { getVideoPlayerOptions } from '@cloudinary-util/url-loader';
-import { g as getCloudinaryConfig } from './cloudinary-6504bfbb.esm.js';
+import { g as getCloudinaryConfig } from './cloudinary-f67b50bc.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'next/package.json';
 
@@ -44,6 +44,8 @@ const CldVideoPlayer = props => {
   const videoRef = props.videoRef || defaultVideoRef;
   const defaultPlayerRef = useRef(null);
   const playerRef = props.playerRef || defaultPlayerRef;
+  // The <video> element the player was created on (video.js keeps using it inside the player)
+  const playerVideoElementRef = useRef(null);
   const playerId = id || `player-${uniqueId.replace(/:/g, '')}`;
   let playerClassName = 'cld-video-player cld-fluid';
   if (className) {
@@ -76,8 +78,14 @@ const CldVideoPlayer = props => {
    */
 
   const disposePlayer = () => {
-    if (playerRef.current?.videojs?.cloudinary) {
-      playerRef.current.videojs.cloudinary.dispose();
+    // React Strict Mode runs effect cleanups without removing the DOM, then reuses the same
+    // <video> element. Keep the player in that case; dispose() would remove the element.
+    if (playerVideoElementRef.current?.isConnected) return;
+
+    // dispose() on the player instance also removes it from the video.js registry,
+    // so a remount with the same id creates a new player instead of reusing a stale one
+    if (typeof playerRef.current?.dispose === 'function') {
+      playerRef.current.dispose();
     }
     // remove from global instances array
     playerInstances = playerInstances.filter(instanceId => instanceId !== playerId);
@@ -91,13 +99,11 @@ const CldVideoPlayer = props => {
    */
 
   const initializePlayer = () => {
-    if (typeof window !== 'undefined' && 'cloudinary' in window && videoRef.current && !playerInitialized) {
+    // Check the ref, not the playerInitialized state: onLoad and onReady can both call this
+    // during the same render, and the state value seen there may be stale
+    if (typeof window !== 'undefined' && 'cloudinary' in window && videoRef.current && !playerRef.current) {
       cloudinaryRef.current = window.cloudinary;
-
-      // dispose any existing player instance first to prevent conflicts
-      if (playerRef.current) {
-        disposePlayer();
-      }
+      playerVideoElementRef.current = videoRef.current;
       playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, playerOptions);
       setPlayerInitialized(true);
       Object.keys(events).forEach(key => {
@@ -168,7 +174,10 @@ const CldVideoPlayer = props => {
       }), /*#__PURE__*/jsx(Script, {
         id: `cloudinary-videoplayer-${playerId}`,
         src: `https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`,
-        onLoad: handleOnLoad,
+        onLoad: handleOnLoad
+        // onReady also runs on later mounts with the same script id, where onLoad doesn't fire again
+        ,
+        onReady: handleOnLoad,
         onError: e => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)
       })]
     })]

package/dist/{cloudinary-fa1452e5.cjs.js → cloudinary-9ac4fc0b.cjs.js}

@@ -8,7 +8,7 @@ var nextPkg__default = /*#__PURE__*/_interopDefault(nextPkg);
 
 var pkg = {
 	name: "next-cloudinary",
-	version: "7.0.0-beta.15",
+	version: "7.0.0-beta.17",
 	license: "MIT",
 	repository: {
 		type: "git",
@@ -66,8 +66,11 @@ var pkg = {
 		vitest: "^2.0.5"
 	},
 	peerDependencies: {
-		next: "^12 || ^13 || ^14 || >=15.0.0-rc || ^15 || ^16",
-		react: "^17 || ^18 || >=19.0.0-beta || ^19"
+		next: "^16",
+		react: "^18.2.0 || ^19"
+	},
+	engines: {
+		node: ">=22"
 	},
 	preconstruct: {
 		exports: {

package/dist/{cloudinary-6504bfbb.esm.js → cloudinary-f67b50bc.esm.js}

@@ -2,7 +2,7 @@ import nextPkg from 'next/package.json';
 
 var pkg = {
 	name: "next-cloudinary",
-	version: "7.0.0-beta.15",
+	version: "7.0.0-beta.17",
 	license: "MIT",
 	repository: {
 		type: "git",
@@ -60,8 +60,11 @@ var pkg = {
 		vitest: "^2.0.5"
 	},
 	peerDependencies: {
-		next: "^12 || ^13 || ^14 || >=15.0.0-rc || ^15 || ^16",
-		react: "^17 || ^18 || >=19.0.0-beta || ^19"
+		next: "^16",
+		react: "^18.2.0 || ^19"
+	},
+	engines: {
+		node: ">=22"
 	},
 	preconstruct: {
 		exports: {

package/dist/{cloudinary-loader-35ab85b4.esm.js → cloudinary-loader-44025348.esm.js}

@@ -1,5 +1,5 @@
 import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';
-import { g as getCloudinaryConfig, a as getCloudinaryAnalytics } from './cloudinary-6504bfbb.esm.js';
+import { g as getCloudinaryConfig, a as getCloudinaryAnalytics } from './cloudinary-f67b50bc.esm.js';
 
 /**
  * getCldImageUrl

package/dist/{cloudinary-loader-570d5c51.cjs.js → cloudinary-loader-687ca5ce.cjs.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var urlLoader = require('@cloudinary-util/url-loader');
-var cloudinary = require('./cloudinary-fa1452e5.cjs.js');
+var cloudinary = require('./cloudinary-9ac4fc0b.cjs.js');
 
 /**
  * getCldImageUrl

package/dist/declarations/src/components/CldVideoPlayer/CldVideoPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CldVideoPlayer.d.ts","sourceRoot":"../../../../../src/components/CldVideoPlayer","sources":["CldVideoPlayer.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,kCAA+B;AAQ7D,QAAA,MAAM,cAAc,UAAW,mBAAmB,gCA4KjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CldVideoPlayer.d.ts","sourceRoot":"../../../../../src/components/CldVideoPlayer","sources":["CldVideoPlayer.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,kCAA+B;AAQ7D,QAAA,MAAM,cAAc,UAAW,mBAAmB,gCAoLjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/next-cloudinary.cjs.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CldImage = require('./CldImage-3b9e9abc.cjs.js');
+var CldImage = require('./CldImage-60a7d0db.cjs.js');
 var Head = require('next/head');
-var cloudinaryLoader = require('./cloudinary-loader-570d5c51.cjs.js');
+var cloudinaryLoader = require('./cloudinary-loader-687ca5ce.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 var CldUploadButton = require('./CldUploadButton-7867eb66.cjs.js');
-var CldUploadWidget = require('./CldUploadWidget-85bcec94.cjs.js');
-var CldVideoPlayer = require('./CldVideoPlayer-dcc1bf3e.cjs.js');
+var CldUploadWidget = require('./CldUploadWidget-88b4b470.cjs.js');
+var CldVideoPlayer = require('./CldVideoPlayer-076b4ecf.cjs.js');
 var urlLoader = require('@cloudinary-util/url-loader');
-var cloudinary = require('./cloudinary-fa1452e5.cjs.js');
+var cloudinary = require('./cloudinary-9ac4fc0b.cjs.js');
 require('next/package.json');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/next-cloudinary.esm.js

@@ -1,13 +1,13 @@
-export { default as CldImage } from './CldImage-92d58661.esm.js';
+export { default as CldImage } from './CldImage-8a87ef4c.esm.js';
 import Head from 'next/head';
-import { g as getCldImageUrl } from './cloudinary-loader-35ab85b4.esm.js';
-export { c as cloudinaryLoader, g as getCldImageUrl } from './cloudinary-loader-35ab85b4.esm.js';
+import { g as getCldImageUrl } from './cloudinary-loader-44025348.esm.js';
+export { c as cloudinaryLoader, g as getCldImageUrl } from './cloudinary-loader-44025348.esm.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 export { default as CldUploadButton } from './CldUploadButton-8cb106b1.esm.js';
-export { default as CldUploadWidget } from './CldUploadWidget-8f734071.esm.js';
-export { default as CldVideoPlayer } from './CldVideoPlayer-3af97076.esm.js';
+export { default as CldUploadWidget } from './CldUploadWidget-8c702880.esm.js';
+export { default as CldVideoPlayer } from './CldVideoPlayer-77904544.esm.js';
 import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';
-import { g as getCloudinaryConfig, a as getCloudinaryAnalytics } from './cloudinary-6504bfbb.esm.js';
+import { g as getCloudinaryConfig, a as getCloudinaryAnalytics } from './cloudinary-f67b50bc.esm.js';
 import 'next/package.json';
 
 const OG_IMAGE_WIDTH = 1200;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-cloudinary",
-  "version": "7.0.0-beta.15",
+  "version": "7.0.0-beta.17",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -58,8 +58,11 @@
     "vitest": "^2.0.5"
   },
   "peerDependencies": {
-    "next": "^12 || ^13 || ^14 || >=15.0.0-rc || ^15 || ^16",
-    "react": "^17 || ^18 || >=19.0.0-beta || ^19"
+    "next": "^16",
+    "react": "^18.2.0 || ^19"
+  },
+  "engines": {
+    "node": ">=22"
   },
   "preconstruct": {
     "exports": {