@doyourjob/gravity-ui-page-constructor 5.31.177 → 5.31.179

package/build/cjs/blocks/Audio/Audio.js

@@ -23,10 +23,8 @@ const Audio = ({ url }) => {
     const [duration, setDuration] = (0, react_1.useState)(0);
     const [volume, setVolume] = (0, react_1.useState)(1);
     const [isDragging, setIsDragging] = (0, react_1.useState)(false);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
     // FIX: сброс состояния при смене url
     (0, react_1.useEffect)(() => {
-        setIsLoading(true);
         setCurrentTime(0);
         setDuration(0);
         setIsPlaying(false);
@@ -143,15 +141,11 @@ const Audio = ({ url }) => {
             }
         };
         const onDurationChange = () => setDuration(audio.duration);
-        const onCanPlay = () => setIsLoading(false);
-        const onWaiting = () => setIsLoading(true);
         audio.addEventListener('play', onPlay);
         audio.addEventListener('pause', onPause);
         audio.addEventListener('ended', onEnded);
         audio.addEventListener('timeupdate', onTimeUpdate);
         audio.addEventListener('durationchange', onDurationChange);
-        audio.addEventListener('canplay', onCanPlay);
-        audio.addEventListener('waiting', onWaiting);
         // eslint-disable-next-line consistent-return
         return () => {
             audio.removeEventListener('play', onPlay);
@@ -159,8 +153,6 @@ const Audio = ({ url }) => {
             audio.removeEventListener('ended', onEnded);
             audio.removeEventListener('timeupdate', onTimeUpdate);
             audio.removeEventListener('durationchange', onDurationChange);
-            audio.removeEventListener('canplay', onCanPlay);
-            audio.removeEventListener('waiting', onWaiting);
         };
     }, []);
     // FIX: ref-копия isDragging для замыкания в timeupdate (без перепривязки слушателей)
@@ -179,13 +171,10 @@ const Audio = ({ url }) => {
         return 'M3 9h4l5-5v16l-5-5H3V9zm13.5 3a4.5 4.5 0 0 0-2.5-4v8a4.5 4.5 0 0 0 2.5-4zm-2.5-7a7 7 0 0 1 0 14V14a5 5 0 0 0 0-10V5z';
     }, [isMuted, volume]);
     return (react_1.default.createElement("div", { className: b() },
-        react_1.default.createElement("audio", { ref: audioRef, src: url, preload: "metadata" }),
-        react_1.default.createElement("button", { className: b('play-btn', { loading: isLoading }), onClick: togglePlay, "aria-label": isPlaying ? 'Pause' : 'Play', type: "button" },
-            isLoading && react_1.default.createElement("span", { className: b('spinner') }),
-            !isLoading &&
-                (isPlaying ? (react_1.default.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
-                    react_1.default.createElement("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" }))) : (react_1.default.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
-                    react_1.default.createElement("path", { d: "M8 5v14l11-7z" }))))),
+        react_1.default.createElement("audio", { ref: audioRef, src: url, preload: "auto" }),
+        react_1.default.createElement("button", { className: b('play-btn'), onClick: togglePlay, "aria-label": isPlaying ? 'Pause' : 'Play', type: "button" }, isPlaying ? (react_1.default.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
+            react_1.default.createElement("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" }))) : (react_1.default.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
+            react_1.default.createElement("path", { d: "M8 5v14l11-7z" })))),
         react_1.default.createElement("div", { className: b('timeline') },
             react_1.default.createElement("div", { ref: progressRef, className: b('progress-bar'), 
                 // FIX: убран onClick — onMouseDown уже обрабатывает клик без дублирования

package/build/esm/blocks/Audio/Audio.js

@@ -20,10 +20,8 @@ export const Audio = ({ url }) => {
     const [duration, setDuration] = useState(0);
     const [volume, setVolume] = useState(1);
     const [isDragging, setIsDragging] = useState(false);
-    const [isLoading, setIsLoading] = useState(true);
     // FIX: сброс состояния при смене url
     useEffect(() => {
-        setIsLoading(true);
         setCurrentTime(0);
         setDuration(0);
         setIsPlaying(false);
@@ -140,15 +138,11 @@ export const Audio = ({ url }) => {
             }
         };
         const onDurationChange = () => setDuration(audio.duration);
-        const onCanPlay = () => setIsLoading(false);
-        const onWaiting = () => setIsLoading(true);
         audio.addEventListener('play', onPlay);
         audio.addEventListener('pause', onPause);
         audio.addEventListener('ended', onEnded);
         audio.addEventListener('timeupdate', onTimeUpdate);
         audio.addEventListener('durationchange', onDurationChange);
-        audio.addEventListener('canplay', onCanPlay);
-        audio.addEventListener('waiting', onWaiting);
         // eslint-disable-next-line consistent-return
         return () => {
             audio.removeEventListener('play', onPlay);
@@ -156,8 +150,6 @@ export const Audio = ({ url }) => {
             audio.removeEventListener('ended', onEnded);
             audio.removeEventListener('timeupdate', onTimeUpdate);
             audio.removeEventListener('durationchange', onDurationChange);
-            audio.removeEventListener('canplay', onCanPlay);
-            audio.removeEventListener('waiting', onWaiting);
         };
     }, []);
     // FIX: ref-копия isDragging для замыкания в timeupdate (без перепривязки слушателей)
@@ -176,13 +168,10 @@ export const Audio = ({ url }) => {
         return 'M3 9h4l5-5v16l-5-5H3V9zm13.5 3a4.5 4.5 0 0 0-2.5-4v8a4.5 4.5 0 0 0 2.5-4zm-2.5-7a7 7 0 0 1 0 14V14a5 5 0 0 0 0-10V5z';
     }, [isMuted, volume]);
     return (React.createElement("div", { className: b() },
-        React.createElement("audio", { ref: audioRef, src: url, preload: "metadata" }),
-        React.createElement("button", { className: b('play-btn', { loading: isLoading }), onClick: togglePlay, "aria-label": isPlaying ? 'Pause' : 'Play', type: "button" },
-            isLoading && React.createElement("span", { className: b('spinner') }),
-            !isLoading &&
-                (isPlaying ? (React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
-                    React.createElement("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" }))) : (React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
-                    React.createElement("path", { d: "M8 5v14l11-7z" }))))),
+        React.createElement("audio", { ref: audioRef, src: url, preload: "auto" }),
+        React.createElement("button", { className: b('play-btn'), onClick: togglePlay, "aria-label": isPlaying ? 'Pause' : 'Play', type: "button" }, isPlaying ? (React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
+            React.createElement("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" }))) : (React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
+            React.createElement("path", { d: "M8 5v14l11-7z" })))),
         React.createElement("div", { className: b('timeline') },
             React.createElement("div", { ref: progressRef, className: b('progress-bar'), 
                 // FIX: убран onClick — onMouseDown уже обрабатывает клик без дублирования

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doyourjob/gravity-ui-page-constructor",
-  "version": "5.31.177",
+  "version": "5.31.179",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {