@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260521115630 → 0.8.1-dev.20260521120239

package/dist/{HlsPlayer-4VB65GYW.mjs → HlsPlayer-GZR4QXJY.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   HlsPlayer_default
-} from "./chunk-JGRYFWF6.mjs";
+} from "./chunk-72PHGKW4.mjs";
 export {
   HlsPlayer_default as default
 };

package/dist/{chunk-JGRYFWF6.mjs → chunk-72PHGKW4.mjs}

@@ -53,6 +53,7 @@ var HlsPlayer = React.memo(
     const wasManuallyPausedRef = useRef(false);
     const inactivityTimerRef = useRef(null);
     const clickTimerRef = useRef(null);
+    const hlsInitializedRef = useRef(false);
     const INACTIVITY_DELAY = 2500;
     const CLICK_DEBOUNCE = 220;
     const resolvedSources = sources && sources.length > 0 ? sources : assetUrl ? [{ src: assetUrl, posterUrl }] : [];
@@ -110,7 +111,7 @@ var HlsPlayer = React.memo(
         if (clickTimerRef.current) clearTimeout(clickTimerRef.current);
       };
     }, []);
-    useEffect(() => {
+    const initHls = useCallback((autoPlayAfterLoad) => {
       const v = videoRef.current;
       if (!v || resolvedSources.length === 0) return;
       if (hlsRef.current) {
@@ -119,25 +120,39 @@ var HlsPlayer = React.memo(
       }
       const chosenSrc = pickSource(resolvedSources);
       if (!chosenSrc) return;
+      hlsInitializedRef.current = true;
       if (Hls.isSupported()) {
         const hls = new Hls();
         hls.loadSource(chosenSrc);
         hls.attachMedia(v);
         hls.on(Hls.Events.MANIFEST_PARSED, () => {
-          if (isPlaying && !wasManuallyPausedRef.current) {
-            v.play().catch(console.error);
+          if (autoPlayAfterLoad && !wasManuallyPausedRef.current) {
+            v.play().catch(console.error).then(() => setIsPlaying(true));
           }
         });
         hlsRef.current = hls;
-        return () => {
-          hls.destroy();
-          hlsRef.current = null;
-        };
       } else if (v.canPlayType("application/vnd.apple.mpegurl")) {
         v.src = chosenSrc;
         v.load();
+        if (autoPlayAfterLoad) {
+          v.play().catch(console.error).then(() => setIsPlaying(true));
+        }
       }
     }, [JSON.stringify(resolvedSources)]);
+    useEffect(() => {
+      if (isPlayOnHover) return;
+      initHls(
+        /* autoPlayAfterLoad */
+        playOptions === "autoplay"
+      );
+      return () => {
+        if (hlsRef.current) {
+          hlsRef.current.destroy();
+          hlsRef.current = null;
+        }
+        hlsInitializedRef.current = false;
+      };
+    }, [JSON.stringify(resolvedSources), isPlayOnHover]);
     const handlePlayPause = useCallback(() => {
       const v = videoRef.current;
       if (!v) return;
@@ -182,10 +197,17 @@ var HlsPlayer = React.memo(
       if (isMobile) return;
       setIsHovered(true);
       resetInactivityTimer();
-      if (isPlayOnHover && videoRef.current && !wasManuallyPausedRef.current) {
-        videoRef.current.play().then(() => setIsPlaying(true));
+      if (isPlayOnHover && !wasManuallyPausedRef.current) {
+        if (!hlsInitializedRef.current) {
+          initHls(
+            /* autoPlayAfterLoad */
+            true
+          );
+        } else if (videoRef.current) {
+          videoRef.current.play().then(() => setIsPlaying(true)).catch(console.error);
+        }
       }
-    }, [isPlayOnHover, isMobile, resetInactivityTimer]);
+    }, [isPlayOnHover, isMobile, resetInactivityTimer, initHls]);
     const handleMouseLeave = useCallback(() => {
       if (isMobile) return;
       setIsHovered(false);
@@ -247,9 +269,10 @@ var HlsPlayer = React.memo(
               autoPlay: playOptions === "autoplay",
               loop,
               playsInline: true,
+              preload: isPlayOnHover ? "none" : "auto",
               onClick: handleVideoClick,
               onDoubleClick: handleVideoDoubleClick,
-              children: resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ jsx(
+              children: !isPlayOnHover && resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ jsx(
                 "source",
                 {
                   src,

package/dist/index.js

@@ -478,6 +478,7 @@ var init_HlsPlayer = __esm({
         const wasManuallyPausedRef = (0, import_react32.useRef)(false);
         const inactivityTimerRef = (0, import_react32.useRef)(null);
         const clickTimerRef = (0, import_react32.useRef)(null);
+        const hlsInitializedRef = (0, import_react32.useRef)(false);
         const INACTIVITY_DELAY = 2500;
         const CLICK_DEBOUNCE = 220;
         const resolvedSources = sources && sources.length > 0 ? sources : assetUrl ? [{ src: assetUrl, posterUrl }] : [];
@@ -535,7 +536,7 @@ var init_HlsPlayer = __esm({
             if (clickTimerRef.current) clearTimeout(clickTimerRef.current);
           };
         }, []);
-        (0, import_react32.useEffect)(() => {
+        const initHls = (0, import_react32.useCallback)((autoPlayAfterLoad) => {
           const v = videoRef.current;
           if (!v || resolvedSources.length === 0) return;
           if (hlsRef.current) {
@@ -544,25 +545,39 @@ var init_HlsPlayer = __esm({
           }
           const chosenSrc = pickSource(resolvedSources);
           if (!chosenSrc) return;
+          hlsInitializedRef.current = true;
           if (import_hls.default.isSupported()) {
             const hls = new import_hls.default();
             hls.loadSource(chosenSrc);
             hls.attachMedia(v);
             hls.on(import_hls.default.Events.MANIFEST_PARSED, () => {
-              if (isPlaying && !wasManuallyPausedRef.current) {
-                v.play().catch(console.error);
+              if (autoPlayAfterLoad && !wasManuallyPausedRef.current) {
+                v.play().catch(console.error).then(() => setIsPlaying(true));
               }
             });
             hlsRef.current = hls;
-            return () => {
-              hls.destroy();
-              hlsRef.current = null;
-            };
           } else if (v.canPlayType("application/vnd.apple.mpegurl")) {
             v.src = chosenSrc;
             v.load();
+            if (autoPlayAfterLoad) {
+              v.play().catch(console.error).then(() => setIsPlaying(true));
+            }
           }
         }, [JSON.stringify(resolvedSources)]);
+        (0, import_react32.useEffect)(() => {
+          if (isPlayOnHover) return;
+          initHls(
+            /* autoPlayAfterLoad */
+            playOptions === "autoplay"
+          );
+          return () => {
+            if (hlsRef.current) {
+              hlsRef.current.destroy();
+              hlsRef.current = null;
+            }
+            hlsInitializedRef.current = false;
+          };
+        }, [JSON.stringify(resolvedSources), isPlayOnHover]);
         const handlePlayPause = (0, import_react32.useCallback)(() => {
           const v = videoRef.current;
           if (!v) return;
@@ -607,10 +622,17 @@ var init_HlsPlayer = __esm({
           if (isMobile) return;
           setIsHovered(true);
           resetInactivityTimer();
-          if (isPlayOnHover && videoRef.current && !wasManuallyPausedRef.current) {
-            videoRef.current.play().then(() => setIsPlaying(true));
+          if (isPlayOnHover && !wasManuallyPausedRef.current) {
+            if (!hlsInitializedRef.current) {
+              initHls(
+                /* autoPlayAfterLoad */
+                true
+              );
+            } else if (videoRef.current) {
+              videoRef.current.play().then(() => setIsPlaying(true)).catch(console.error);
+            }
           }
-        }, [isPlayOnHover, isMobile, resetInactivityTimer]);
+        }, [isPlayOnHover, isMobile, resetInactivityTimer, initHls]);
         const handleMouseLeave = (0, import_react32.useCallback)(() => {
           if (isMobile) return;
           setIsHovered(false);
@@ -672,9 +694,10 @@ var init_HlsPlayer = __esm({
                   autoPlay: playOptions === "autoplay",
                   loop,
                   playsInline: true,
+                  preload: isPlayOnHover ? "none" : "auto",
                   onClick: handleVideoClick,
                   onDoubleClick: handleVideoDoubleClick,
-                  children: resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  children: !isPlayOnHover && resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                     "source",
                     {
                       src,

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   HlsPlayer_default
-} from "./chunk-JGRYFWF6.mjs";
+} from "./chunk-72PHGKW4.mjs";
 import {
   Button_default,
   ClientButton_default,
@@ -1989,7 +1989,7 @@ var DeviceAssetSelector_default = DeviceAssetSelector;
 
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 import { Fragment as Fragment2, jsx as jsx37 } from "react/jsx-runtime";
-var HlsPlayer = dynamic3(() => import("./HlsPlayer-4VB65GYW.mjs"), {
+var HlsPlayer = dynamic3(() => import("./HlsPlayer-GZR4QXJY.mjs"), {
   ssr: false
 });
 var getNestedValue = (obj, path) => {
@@ -3671,7 +3671,7 @@ var Pagination_default = Pagination;
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 import dynamic7 from "next/dynamic";
 import { Fragment as Fragment8, jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
-var HlsPlayer2 = dynamic7(() => import("./HlsPlayer-4VB65GYW.mjs"), { ssr: false });
+var HlsPlayer2 = dynamic7(() => import("./HlsPlayer-GZR4QXJY.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "sm":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260521115630",
+  "version": "0.8.1-dev.20260521120239",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",