@se-studio/core-ui 1.0.163 → 1.0.165
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 +18 -0
- package/dist/components/ImageKitClientVideo.d.ts.map +1 -1
- package/dist/components/ImageKitClientVideo.js +26 -10
- package/dist/components/ImageKitClientVideo.js.map +1 -1
- package/dist/components/LocalVideo.js +4 -3
- package/dist/components/LocalVideo.js.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @se-studio/core-ui
|
|
2
2
|
|
|
3
|
+
## 1.0.165
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Version bump: patch for changed packages
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
- @se-studio/contentful-rest-api@1.0.165
|
|
10
|
+
- @se-studio/core-data-types@1.0.158
|
|
11
|
+
|
|
12
|
+
## 1.0.164
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Version bump: patch for changed packages
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
- @se-studio/contentful-rest-api@1.0.164
|
|
19
|
+
- @se-studio/core-data-types@1.0.157
|
|
20
|
+
|
|
3
21
|
## 1.0.163
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageKitClientVideo.d.ts","sourceRoot":"","sources":["../../src/components/ImageKitClientVideo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,4BAA4B,CAAC;AAIjG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"ImageKitClientVideo.d.ts","sourceRoot":"","sources":["../../src/components/ImageKitClientVideo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,4BAA4B,CAAC;AAIjG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAoG3C,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,EACT,QAAQ,EACR,oBAAoB,EACpB,sBAAsB,EACtB,KAAK,EACL,MAAM,EACN,WAAW,EACX,OAAO,EACP,aAAa,EACb,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC,GAC/D,WAAW,2CAiGZ;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { processSizes } from '@se-studio/core-data-types';
|
|
4
4
|
import Image from 'next/image';
|
|
5
|
-
import { useState } from 'react';
|
|
5
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
6
6
|
import { cn } from '../utils/cn';
|
|
7
7
|
import { CONTAINED_VIDEO_CLASSES, calculateCropDetails } from './Visual';
|
|
8
8
|
/** Named transformation widths registered in ImageKit (ascending order). */
|
|
@@ -35,18 +35,22 @@ function expandBreakpointsForVideo(breakpoints) {
|
|
|
35
35
|
}
|
|
36
36
|
return expanded.sort((a, b) => a.minWidth - b.minWidth);
|
|
37
37
|
}
|
|
38
|
-
const VideoSources = ({
|
|
38
|
+
const VideoSources = ({ rawSrc, mp4Src, videoPrefix, width, visualSizes }) => {
|
|
39
39
|
if (!visualSizes) {
|
|
40
|
-
return _jsx("source", { src: `${videoPrefix}${
|
|
40
|
+
return (_jsxs(_Fragment, { children: [_jsx("source", { src: `${videoPrefix}${rawSrc}`, type: "video/webm" }), _jsx("source", { src: `${videoPrefix}${mp4Src}`, type: "video/mp4" })] }));
|
|
41
41
|
}
|
|
42
42
|
const processed = processSizes(visualSizes)?.breakpoints;
|
|
43
43
|
const expanded = expandBreakpointsForVideo(processed);
|
|
44
44
|
const sizes = expanded
|
|
45
45
|
.filter((x) => !width || x.pixels < width)
|
|
46
46
|
.sort((a, b) => b.minWidth - a.minWidth);
|
|
47
|
+
const defaultW = visualSizes.defaultPixels
|
|
48
|
+
? snapToNamedWidth(visualSizes.defaultPixels)
|
|
49
|
+
: NAMED_TRANSFORMATION_WIDTHS[0];
|
|
47
50
|
return (_jsxs(_Fragment, { children: [sizes?.map(({ minWidth, pixels }) => {
|
|
48
|
-
|
|
49
|
-
|
|
51
|
+
const w = snapToNamedWidth(pixels);
|
|
52
|
+
return (_jsxs(React.Fragment, { children: [_jsx("source", { src: `${videoPrefix}${rawSrc}?w${w}`, media: `(min-width: ${minWidth}px)`, type: "video/webm" }), _jsx("source", { src: `${videoPrefix}${mp4Src}?w${w}`, media: `(min-width: ${minWidth}px)`, type: "video/mp4" })] }, minWidth));
|
|
53
|
+
}), _jsx("source", { src: `${videoPrefix}${rawSrc}?w${defaultW}`, type: "video/webm" }), _jsx("source", { src: `${videoPrefix}${mp4Src}?w${defaultW}`, type: "video/mp4" })] }));
|
|
50
54
|
};
|
|
51
55
|
function calculateSizes(visualSizes) {
|
|
52
56
|
if (!visualSizes)
|
|
@@ -73,21 +77,33 @@ function ImageKitVideo({ url, videoPrefix, autoPlay, loop, muted, controls, styl
|
|
|
73
77
|
const realMuted = muted || realAutoPlay;
|
|
74
78
|
const realControls = !realAutoPlay || controls;
|
|
75
79
|
const pathname = fullUrl.pathname;
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
const
|
|
80
|
+
// Always force /ik-video.mp4 so ImageKit delivers H.264 MP4 regardless of source container.
|
|
81
|
+
// Contentful files may be WebM despite a .mp4 extension; raw path is offered as webm source.
|
|
82
|
+
const rawSrc = pathname;
|
|
83
|
+
const mp4Src = `${pathname}/ik-video.mp4`;
|
|
84
|
+
const realPoster = noPoster
|
|
85
|
+
? undefined
|
|
86
|
+
: (poster ?? `${videoPrefix}${pathname}/ik-thumbnail.jpg`);
|
|
79
87
|
const [posterVisible, setPosterVisible] = useState(!realAutoPlay);
|
|
88
|
+
// React's `muted` JSX prop doesn't reliably set the DOM property on client-rendered
|
|
89
|
+
// elements — Safari checks video.muted (the property) to allow autoplay, not the attribute.
|
|
90
|
+
const videoRef = useRef(null);
|
|
91
|
+
useEffect(() => {
|
|
92
|
+
if (videoRef.current) {
|
|
93
|
+
videoRef.current.muted = realMuted;
|
|
94
|
+
}
|
|
95
|
+
}, [realMuted]);
|
|
80
96
|
const videoStyle = {
|
|
81
97
|
display: 'block',
|
|
82
98
|
...style,
|
|
83
99
|
...cropProperties,
|
|
84
100
|
};
|
|
85
101
|
const posterOverlay = posterVisible && realPoster ? (_jsx(Image, { src: realPoster, alt: "", fill: true, className: "object-cover pointer-events-none", sizes: calculateSizes(visualSizes), "aria-hidden": true })) : null;
|
|
86
|
-
const videoElement = (_jsxs("video", { "aria-hidden": realMuted && loop, className: cn(CONTAINED_VIDEO_CLASSES, className), playsInline: true, autoPlay: realAutoPlay, loop: loop, muted: realMuted, controls: realControls, style: videoStyle, width: width, height: height, preload: fetchPriority === 'high' || loading === 'eager'
|
|
102
|
+
const videoElement = (_jsxs("video", { ref: videoRef, "aria-hidden": realMuted && loop, className: cn(CONTAINED_VIDEO_CLASSES, className), playsInline: true, autoPlay: realAutoPlay, loop: loop, muted: realMuted, controls: realControls, style: videoStyle, width: width, height: height, preload: fetchPriority === 'high' || loading === 'eager'
|
|
87
103
|
? 'auto'
|
|
88
104
|
: loading === 'lazy'
|
|
89
105
|
? 'metadata'
|
|
90
|
-
: undefined, fetchPriority: fetchPriority, onPlay: () => setPosterVisible(false), ...props, children: [_jsx(VideoSources, { width: width, videoPrefix: videoPrefix,
|
|
106
|
+
: undefined, fetchPriority: fetchPriority, onPlay: () => setPosterVisible(false), ...props, children: [_jsx(VideoSources, { width: width, videoPrefix: videoPrefix, rawSrc: rawSrc, mp4Src: mp4Src, visualSizes: visualSizes }), realMuted && _jsx("track", { kind: "captions", default: true })] }));
|
|
91
107
|
if (contained) {
|
|
92
108
|
return (_jsxs(_Fragment, { children: [videoElement, posterOverlay] }));
|
|
93
109
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageKitClientVideo.js","sourceRoot":"","sources":["../../src/components/ImageKitClientVideo.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAyC,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACjG,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ImageKitClientVideo.js","sourceRoot":"","sources":["../../src/components/ImageKitClientVideo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,11 +29,12 @@ const LocalVideo = ({ video, autoPlay, loop, controls, poster, contained, analyt
|
|
|
29
29
|
const fullUrl = new URL(playbackUrl);
|
|
30
30
|
const pathname = fullUrl.pathname;
|
|
31
31
|
const basePath = pathname.replace(/\/$/, '');
|
|
32
|
-
const mp4Extension = pathname.endsWith('.mp4') ? '' : '/ik-video.mp4';
|
|
33
32
|
const representations = process.env.IMAGEKIT_VIDEO_HLS_REPRESENTATIONS ?? '240_360_480_720_1080';
|
|
34
33
|
const hlsSrc = `${video.videoPrefix}${basePath}/ik-master.m3u8?tr=sr-${representations}`;
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
// Always force /ik-video.mp4 transformation so ImageKit delivers H.264 MP4 regardless
|
|
35
|
+
// of source container (Contentful files may be WebM despite a .mp4 extension).
|
|
36
|
+
const fallbackMp4Url = `${video.videoPrefix}${pathname}/ik-video.mp4`;
|
|
37
|
+
const posterUrl = resolvedPoster ?? `${video.videoPrefix}${pathname}/ik-thumbnail.jpg`;
|
|
37
38
|
const cropStyle = calculateCropDetails({
|
|
38
39
|
dontCrop: video.dontCrop,
|
|
39
40
|
verticalCropPosition: video.verticalCropPosition,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LocalVideo.js","sourceRoot":"","sources":["../../src/components/LocalVideo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAIL,WAAW,GACZ,MAAM,4BAA4B,CAAC;AACpC,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAClD,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,SAAS,iBAAiB,CAAC,KAA+B;IACxD,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAK,CAAC,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC,OAAO,EAAE,QAAQ,CAAC;IACzD,CAAC;IACD,OAAO,KAAK,CAAC,OAAO,EAAE,QAAQ,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,GAMZ,CAAC,EACH,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7C,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACpD,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC;IACxC,8FAA8F;IAC9F,MAAM,MAAM,GACV,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,KAAK,MAAM,IAAI,OAAO,CAAC,GAAG,CAAC,kBAAkB,KAAK,GAAG,CAAC;QACrF,CAAC,CAAC,gBAAgB,IAAI,YAAY,CAAC,CAAC;IACtC,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,YAAY,IAAI,QAAQ,CAAC;IACzD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC;IAE9C,kFAAkF;IAClF,oFAAoF;IACpF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC;IACvC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;IAEzC,IAAI,MAAM,EAAE,CAAC;QACX,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC;QACrC,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;QAClC,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC7C,MAAM,
|
|
1
|
+
{"version":3,"file":"LocalVideo.js","sourceRoot":"","sources":["../../src/components/LocalVideo.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@se-studio/core-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.165",
|
|
4
4
|
"description": "Shared React UI component library with Tailwind CSS v4 for SE Studio applications",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -75,8 +75,8 @@
|
|
|
75
75
|
"mustache": "4.2.0",
|
|
76
76
|
"server-only": "0.0.1",
|
|
77
77
|
"tailwind-merge": "^3.6.0",
|
|
78
|
-
"@se-studio/contentful-rest-api": "1.0.
|
|
79
|
-
"@se-studio/core-data-types": "1.0.
|
|
78
|
+
"@se-studio/contentful-rest-api": "1.0.165",
|
|
79
|
+
"@se-studio/core-data-types": "1.0.158"
|
|
80
80
|
},
|
|
81
81
|
"devDependencies": {
|
|
82
82
|
"@biomejs/biome": "^2.4.15",
|