@se-studio/core-ui 0.0.0-next16-20260822103555
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/ANALYTICS.md +160 -0
- package/CHANGELOG.md +2565 -0
- package/CMS_INFRASTRUCTURE.md +370 -0
- package/CONSENT.md +121 -0
- package/README.md +638 -0
- package/dist/CmsRendererConfig.d.ts +259 -0
- package/dist/CmsRendererConfig.d.ts.map +1 -0
- package/dist/CmsRendererConfig.js +2 -0
- package/dist/CmsRendererConfig.js.map +1 -0
- package/dist/__mocks__/server-only.d.ts +2 -0
- package/dist/__mocks__/server-only.d.ts.map +1 -0
- package/dist/__mocks__/server-only.js +2 -0
- package/dist/__mocks__/server-only.js.map +1 -0
- package/dist/analytics/AnalyticsPageTracker.d.ts +11 -0
- package/dist/analytics/AnalyticsPageTracker.d.ts.map +1 -0
- package/dist/analytics/AnalyticsPageTracker.js +26 -0
- package/dist/analytics/AnalyticsPageTracker.js.map +1 -0
- package/dist/analytics/AnalyticsProvider.d.ts +18 -0
- package/dist/analytics/AnalyticsProvider.d.ts.map +1 -0
- package/dist/analytics/AnalyticsProvider.js +48 -0
- package/dist/analytics/AnalyticsProvider.js.map +1 -0
- package/dist/analytics/adapters/CompositeAnalyticsAdapter.d.ts +13 -0
- package/dist/analytics/adapters/CompositeAnalyticsAdapter.d.ts.map +1 -0
- package/dist/analytics/adapters/CompositeAnalyticsAdapter.js +35 -0
- package/dist/analytics/adapters/CompositeAnalyticsAdapter.js.map +1 -0
- package/dist/analytics/adapters/ConsentAwareAdapter.d.ts +20 -0
- package/dist/analytics/adapters/ConsentAwareAdapter.d.ts.map +1 -0
- package/dist/analytics/adapters/ConsentAwareAdapter.js +35 -0
- package/dist/analytics/adapters/ConsentAwareAdapter.js.map +1 -0
- package/dist/analytics/adapters/ConsoleAnalyticsAdapter.d.ts +12 -0
- package/dist/analytics/adapters/ConsoleAnalyticsAdapter.d.ts.map +1 -0
- package/dist/analytics/adapters/ConsoleAnalyticsAdapter.js +22 -0
- package/dist/analytics/adapters/ConsoleAnalyticsAdapter.js.map +1 -0
- package/dist/analytics/adapters/GoogleTagManagerAdapter.d.ts +53 -0
- package/dist/analytics/adapters/GoogleTagManagerAdapter.d.ts.map +1 -0
- package/dist/analytics/adapters/GoogleTagManagerAdapter.js +134 -0
- package/dist/analytics/adapters/GoogleTagManagerAdapter.js.map +1 -0
- package/dist/analytics/adapters/index.d.ts +5 -0
- package/dist/analytics/adapters/index.d.ts.map +1 -0
- package/dist/analytics/adapters/index.js +5 -0
- package/dist/analytics/adapters/index.js.map +1 -0
- package/dist/analytics/types.d.ts +42 -0
- package/dist/analytics/types.d.ts.map +1 -0
- package/dist/analytics/types.js +2 -0
- package/dist/analytics/types.js.map +1 -0
- package/dist/analytics/useAnalytics.d.ts +44 -0
- package/dist/analytics/useAnalytics.d.ts.map +1 -0
- package/dist/analytics/useAnalytics.js +69 -0
- package/dist/analytics/useAnalytics.js.map +1 -0
- package/dist/analytics/video/classifySeek.d.ts +15 -0
- package/dist/analytics/video/classifySeek.d.ts.map +1 -0
- package/dist/analytics/video/classifySeek.js +32 -0
- package/dist/analytics/video/classifySeek.js.map +1 -0
- package/dist/analytics/video/createVideoEngagementSession.d.ts +51 -0
- package/dist/analytics/video/createVideoEngagementSession.d.ts.map +1 -0
- package/dist/analytics/video/createVideoEngagementSession.js +225 -0
- package/dist/analytics/video/createVideoEngagementSession.js.map +1 -0
- package/dist/analytics/video/index.d.ts +6 -0
- package/dist/analytics/video/index.d.ts.map +1 -0
- package/dist/analytics/video/index.js +6 -0
- package/dist/analytics/video/index.js.map +1 -0
- package/dist/analytics/video/loadYouTubeIframeApi.d.ts +50 -0
- package/dist/analytics/video/loadYouTubeIframeApi.d.ts.map +1 -0
- package/dist/analytics/video/loadYouTubeIframeApi.js +52 -0
- package/dist/analytics/video/loadYouTubeIframeApi.js.map +1 -0
- package/dist/analytics/video/useHtml5VideoEngagement.d.ts +8 -0
- package/dist/analytics/video/useHtml5VideoEngagement.d.ts.map +1 -0
- package/dist/analytics/video/useHtml5VideoEngagement.js +67 -0
- package/dist/analytics/video/useHtml5VideoEngagement.js.map +1 -0
- package/dist/analytics/video/useVideoEngagement.d.ts +19 -0
- package/dist/analytics/video/useVideoEngagement.d.ts.map +1 -0
- package/dist/analytics/video/useVideoEngagement.js +80 -0
- package/dist/analytics/video/useVideoEngagement.js.map +1 -0
- package/dist/analytics/video/videoEngagementTypes.d.ts +52 -0
- package/dist/analytics/video/videoEngagementTypes.d.ts.map +1 -0
- package/dist/analytics/video/videoEngagementTypes.js +45 -0
- package/dist/analytics/video/videoEngagementTypes.js.map +1 -0
- package/dist/app-helpers.d.ts +196 -0
- package/dist/app-helpers.d.ts.map +1 -0
- package/dist/app-helpers.js +322 -0
- package/dist/app-helpers.js.map +1 -0
- package/dist/cmsRegistration.d.ts +302 -0
- package/dist/cmsRegistration.d.ts.map +1 -0
- package/dist/cmsRegistration.js +242 -0
- package/dist/cmsRegistration.js.map +1 -0
- package/dist/components/Animation.d.ts +3 -0
- package/dist/components/Animation.d.ts.map +1 -0
- package/dist/components/Animation.js +2 -0
- package/dist/components/Animation.js.map +1 -0
- package/dist/components/AnimationComponent.d.ts +9 -0
- package/dist/components/AnimationComponent.d.ts.map +1 -0
- package/dist/components/AnimationComponent.js +18 -0
- package/dist/components/AnimationComponent.js.map +1 -0
- package/dist/components/ClientMonitor.d.ts +7 -0
- package/dist/components/ClientMonitor.d.ts.map +1 -0
- package/dist/components/ClientMonitor.js +368 -0
- package/dist/components/ClientMonitor.js.map +1 -0
- package/dist/components/CmsCollection.d.ts +68 -0
- package/dist/components/CmsCollection.d.ts.map +1 -0
- package/dist/components/CmsCollection.js +68 -0
- package/dist/components/CmsCollection.js.map +1 -0
- package/dist/components/CmsComponent.d.ts +68 -0
- package/dist/components/CmsComponent.d.ts.map +1 -0
- package/dist/components/CmsComponent.js +68 -0
- package/dist/components/CmsComponent.js.map +1 -0
- package/dist/components/CmsContent.d.ts +105 -0
- package/dist/components/CmsContent.d.ts.map +1 -0
- package/dist/components/CmsContent.js +200 -0
- package/dist/components/CmsContent.js.map +1 -0
- package/dist/components/CmsConversionErrors.d.ts +8 -0
- package/dist/components/CmsConversionErrors.d.ts.map +1 -0
- package/dist/components/CmsConversionErrors.js +51 -0
- package/dist/components/CmsConversionErrors.js.map +1 -0
- package/dist/components/CmsDataError.d.ts +14 -0
- package/dist/components/CmsDataError.d.ts.map +1 -0
- package/dist/components/CmsDataError.js +7 -0
- package/dist/components/CmsDataError.js.map +1 -0
- package/dist/components/CmsDevLayout.d.ts +23 -0
- package/dist/components/CmsDevLayout.d.ts.map +1 -0
- package/dist/components/CmsDevLayout.js +26 -0
- package/dist/components/CmsDevLayout.js.map +1 -0
- package/dist/components/CmsEmbeddedContent.d.ts +10 -0
- package/dist/components/CmsEmbeddedContent.d.ts.map +1 -0
- package/dist/components/CmsEmbeddedContent.js +51 -0
- package/dist/components/CmsEmbeddedContent.js.map +1 -0
- package/dist/components/CmsExternalComponent.d.ts +63 -0
- package/dist/components/CmsExternalComponent.d.ts.map +1 -0
- package/dist/components/CmsExternalComponent.js +68 -0
- package/dist/components/CmsExternalComponent.js.map +1 -0
- package/dist/components/CmsRoutesLayout.d.ts +16 -0
- package/dist/components/CmsRoutesLayout.d.ts.map +1 -0
- package/dist/components/CmsRoutesLayout.js +17 -0
- package/dist/components/CmsRoutesLayout.js.map +1 -0
- package/dist/components/DefaultExternalVideoPlayButton.d.ts +3 -0
- package/dist/components/DefaultExternalVideoPlayButton.d.ts.map +1 -0
- package/dist/components/DefaultExternalVideoPlayButton.js +6 -0
- package/dist/components/DefaultExternalVideoPlayButton.js.map +1 -0
- package/dist/components/DotLottieAnimationComponent.d.ts +16 -0
- package/dist/components/DotLottieAnimationComponent.d.ts.map +1 -0
- package/dist/components/DotLottieAnimationComponent.js +88 -0
- package/dist/components/DotLottieAnimationComponent.js.map +1 -0
- package/dist/components/ErrorBoundary.d.ts +19 -0
- package/dist/components/ErrorBoundary.d.ts.map +1 -0
- package/dist/components/ErrorBoundary.js +32 -0
- package/dist/components/ErrorBoundary.js.map +1 -0
- package/dist/components/ExternalVideoComponent.d.ts +9 -0
- package/dist/components/ExternalVideoComponent.d.ts.map +1 -0
- package/dist/components/ExternalVideoComponent.js +39 -0
- package/dist/components/ExternalVideoComponent.js.map +1 -0
- package/dist/components/ExternalVimeoEmbed.d.ts +12 -0
- package/dist/components/ExternalVimeoEmbed.d.ts.map +1 -0
- package/dist/components/ExternalVimeoEmbed.js +211 -0
- package/dist/components/ExternalVimeoEmbed.js.map +1 -0
- package/dist/components/ExternalYouTubeEmbed.d.ts +9 -0
- package/dist/components/ExternalYouTubeEmbed.d.ts.map +1 -0
- package/dist/components/ExternalYouTubeEmbed.js +220 -0
- package/dist/components/ExternalYouTubeEmbed.js.map +1 -0
- package/dist/components/HeroLoopVideo.d.ts +13 -0
- package/dist/components/HeroLoopVideo.d.ts.map +1 -0
- package/dist/components/HeroLoopVideo.js +146 -0
- package/dist/components/HeroLoopVideo.js.map +1 -0
- package/dist/components/HtmlComponent.d.ts +21 -0
- package/dist/components/HtmlComponent.d.ts.map +1 -0
- package/dist/components/HtmlComponent.js +34 -0
- package/dist/components/HtmlComponent.js.map +1 -0
- package/dist/components/HtmlComponentScript.d.ts +12 -0
- package/dist/components/HtmlComponentScript.d.ts.map +1 -0
- package/dist/components/HtmlComponentScript.js +12 -0
- package/dist/components/HtmlComponentScript.js.map +1 -0
- package/dist/components/ImageComponent.d.ts +7 -0
- package/dist/components/ImageComponent.d.ts.map +1 -0
- package/dist/components/ImageComponent.js +20 -0
- package/dist/components/ImageComponent.js.map +1 -0
- package/dist/components/ImageKitClientVideo.d.ts +16 -0
- package/dist/components/ImageKitClientVideo.d.ts.map +1 -0
- package/dist/components/ImageKitClientVideo.js +211 -0
- package/dist/components/ImageKitClientVideo.js.map +1 -0
- package/dist/components/ImageKitHlsVideoClient.d.ts +21 -0
- package/dist/components/ImageKitHlsVideoClient.d.ts.map +1 -0
- package/dist/components/ImageKitHlsVideoClient.js +167 -0
- package/dist/components/ImageKitHlsVideoClient.js.map +1 -0
- package/dist/components/LazyAnimation.d.ts +16 -0
- package/dist/components/LazyAnimation.d.ts.map +1 -0
- package/dist/components/LazyAnimation.js +90 -0
- package/dist/components/LazyAnimation.js.map +1 -0
- package/dist/components/LazyVideo.d.ts +19 -0
- package/dist/components/LazyVideo.d.ts.map +1 -0
- package/dist/components/LazyVideo.js +134 -0
- package/dist/components/LazyVideo.js.map +1 -0
- package/dist/components/LocalVideo.d.ts +10 -0
- package/dist/components/LocalVideo.d.ts.map +1 -0
- package/dist/components/LocalVideo.js +66 -0
- package/dist/components/LocalVideo.js.map +1 -0
- package/dist/components/LocalVideoPlayChrome.d.ts +20 -0
- package/dist/components/LocalVideoPlayChrome.d.ts.map +1 -0
- package/dist/components/LocalVideoPlayChrome.js +22 -0
- package/dist/components/LocalVideoPlayChrome.js.map +1 -0
- package/dist/components/LocalVideoPlayOverlay.d.ts +19 -0
- package/dist/components/LocalVideoPlayOverlay.d.ts.map +1 -0
- package/dist/components/LocalVideoPlayOverlay.js +49 -0
- package/dist/components/LocalVideoPlayOverlay.js.map +1 -0
- package/dist/components/PictureComponent.d.ts +7 -0
- package/dist/components/PictureComponent.d.ts.map +1 -0
- package/dist/components/PictureComponent.js +29 -0
- package/dist/components/PictureComponent.js.map +1 -0
- package/dist/components/Preview.d.ts +2 -0
- package/dist/components/Preview.d.ts.map +1 -0
- package/dist/components/Preview.js +52 -0
- package/dist/components/Preview.js.map +1 -0
- package/dist/components/StructuredData.d.ts +20 -0
- package/dist/components/StructuredData.d.ts.map +1 -0
- package/dist/components/StructuredData.js +116 -0
- package/dist/components/StructuredData.js.map +1 -0
- package/dist/components/SvgComponent.d.ts +7 -0
- package/dist/components/SvgComponent.d.ts.map +1 -0
- package/dist/components/SvgComponent.js +10 -0
- package/dist/components/SvgComponent.js.map +1 -0
- package/dist/components/SvgIconComponent.d.ts +20 -0
- package/dist/components/SvgIconComponent.d.ts.map +1 -0
- package/dist/components/SvgIconComponent.js +23 -0
- package/dist/components/SvgIconComponent.js.map +1 -0
- package/dist/components/SvgImageComponent.d.ts +7 -0
- package/dist/components/SvgImageComponent.d.ts.map +1 -0
- package/dist/components/SvgImageComponent.js +10 -0
- package/dist/components/SvgImageComponent.js.map +1 -0
- package/dist/components/SvgSpriteSheet.d.ts +24 -0
- package/dist/components/SvgSpriteSheet.d.ts.map +1 -0
- package/dist/components/SvgSpriteSheet.js +37 -0
- package/dist/components/SvgSpriteSheet.js.map +1 -0
- package/dist/components/Video.d.ts +11 -0
- package/dist/components/Video.d.ts.map +1 -0
- package/dist/components/Video.js +2 -0
- package/dist/components/Video.js.map +1 -0
- package/dist/components/VideoComponent.d.ts +10 -0
- package/dist/components/VideoComponent.d.ts.map +1 -0
- package/dist/components/VideoComponent.js +22 -0
- package/dist/components/VideoComponent.js.map +1 -0
- package/dist/components/Visual.d.ts +43 -0
- package/dist/components/Visual.d.ts.map +1 -0
- package/dist/components/Visual.js +60 -0
- package/dist/components/Visual.js.map +1 -0
- package/dist/components/VisualComponent.d.ts +83 -0
- package/dist/components/VisualComponent.d.ts.map +1 -0
- package/dist/components/VisualComponent.js +136 -0
- package/dist/components/VisualComponent.js.map +1 -0
- package/dist/components/banner/BannerClient.d.ts +13 -0
- package/dist/components/banner/BannerClient.d.ts.map +1 -0
- package/dist/components/banner/BannerClient.js +38 -0
- package/dist/components/banner/BannerClient.js.map +1 -0
- package/dist/components/banner/BannerManager.d.ts +26 -0
- package/dist/components/banner/BannerManager.d.ts.map +1 -0
- package/dist/components/banner/BannerManager.js +35 -0
- package/dist/components/banner/BannerManager.js.map +1 -0
- package/dist/components/banner/BannerTargeting.d.ts +20 -0
- package/dist/components/banner/BannerTargeting.d.ts.map +1 -0
- package/dist/components/banner/BannerTargeting.js +204 -0
- package/dist/components/banner/BannerTargeting.js.map +1 -0
- package/dist/components/banner/bannerVisibility.d.ts +20 -0
- package/dist/components/banner/bannerVisibility.d.ts.map +1 -0
- package/dist/components/banner/bannerVisibility.js +73 -0
- package/dist/components/banner/bannerVisibility.js.map +1 -0
- package/dist/components/clientMonitorVideos.d.ts +6 -0
- package/dist/components/clientMonitorVideos.d.ts.map +1 -0
- package/dist/components/clientMonitorVideos.js +116 -0
- package/dist/components/clientMonitorVideos.js.map +1 -0
- package/dist/components/dotlottieWasm.d.ts +19 -0
- package/dist/components/dotlottieWasm.d.ts.map +1 -0
- package/dist/components/dotlottieWasm.js +62 -0
- package/dist/components/dotlottieWasm.js.map +1 -0
- package/dist/components/heroLoop.d.ts +22 -0
- package/dist/components/heroLoop.d.ts.map +1 -0
- package/dist/components/heroLoop.js +24 -0
- package/dist/components/heroLoop.js.map +1 -0
- package/dist/components/svg.d.ts +3 -0
- package/dist/components/svg.d.ts.map +1 -0
- package/dist/components/svg.js +64 -0
- package/dist/components/svg.js.map +1 -0
- package/dist/context/ExternalVideoPlayButtonContext.d.ts +7 -0
- package/dist/context/ExternalVideoPlayButtonContext.d.ts.map +1 -0
- package/dist/context/ExternalVideoPlayButtonContext.js +11 -0
- package/dist/context/ExternalVideoPlayButtonContext.js.map +1 -0
- package/dist/elements/RtfOrString.d.ts +26 -0
- package/dist/elements/RtfOrString.d.ts.map +1 -0
- package/dist/elements/RtfOrString.js +13 -0
- package/dist/elements/RtfOrString.js.map +1 -0
- package/dist/elements/TrackedLink.d.ts +25 -0
- package/dist/elements/TrackedLink.d.ts.map +1 -0
- package/dist/elements/TrackedLink.js +96 -0
- package/dist/elements/TrackedLink.js.map +1 -0
- package/dist/elements/UtmLink.d.ts +7 -0
- package/dist/elements/UtmLink.d.ts.map +1 -0
- package/dist/elements/UtmLink.js +24 -0
- package/dist/elements/UtmLink.js.map +1 -0
- package/dist/framework/BackgroundMedia.d.ts +12 -0
- package/dist/framework/BackgroundMedia.d.ts.map +1 -0
- package/dist/framework/BackgroundMedia.js +23 -0
- package/dist/framework/BackgroundMedia.js.map +1 -0
- package/dist/framework/ComponentErrorIndicator.d.ts +12 -0
- package/dist/framework/ComponentErrorIndicator.d.ts.map +1 -0
- package/dist/framework/ComponentErrorIndicator.js +29 -0
- package/dist/framework/ComponentErrorIndicator.js.map +1 -0
- package/dist/framework/ContainedVisual.d.ts +12 -0
- package/dist/framework/ContainedVisual.d.ts.map +1 -0
- package/dist/framework/ContainedVisual.js +14 -0
- package/dist/framework/ContainedVisual.js.map +1 -0
- package/dist/framework/ResponsiveVisual.d.ts +14 -0
- package/dist/framework/ResponsiveVisual.d.ts.map +1 -0
- package/dist/framework/ResponsiveVisual.js +14 -0
- package/dist/framework/ResponsiveVisual.js.map +1 -0
- package/dist/framework/componentErrors.d.ts +19 -0
- package/dist/framework/componentErrors.d.ts.map +1 -0
- package/dist/framework/componentErrors.js +31 -0
- package/dist/framework/componentErrors.js.map +1 -0
- package/dist/hooks/useClickTracking.d.ts +58 -0
- package/dist/hooks/useClickTracking.d.ts.map +1 -0
- package/dist/hooks/useClickTracking.js +48 -0
- package/dist/hooks/useClickTracking.js.map +1 -0
- package/dist/hooks/useDocumentVisible.d.ts +2 -0
- package/dist/hooks/useDocumentVisible.d.ts.map +1 -0
- package/dist/hooks/useDocumentVisible.js +17 -0
- package/dist/hooks/useDocumentVisible.js.map +1 -0
- package/dist/hooks/visibility.d.ts +14 -0
- package/dist/hooks/visibility.d.ts.map +1 -0
- package/dist/hooks/visibility.js +122 -0
- package/dist/hooks/visibility.js.map +1 -0
- package/dist/index.d.ts +134 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +120 -0
- package/dist/index.js.map +1 -0
- package/dist/media-library/MediaLibraryAnimationPlayer.d.ts +9 -0
- package/dist/media-library/MediaLibraryAnimationPlayer.d.ts.map +1 -0
- package/dist/media-library/MediaLibraryAnimationPlayer.js +99 -0
- package/dist/media-library/MediaLibraryAnimationPlayer.js.map +1 -0
- package/dist/media-library/MediaLibraryGrid.d.ts +5 -0
- package/dist/media-library/MediaLibraryGrid.d.ts.map +1 -0
- package/dist/media-library/MediaLibraryGrid.js +88 -0
- package/dist/media-library/MediaLibraryGrid.js.map +1 -0
- package/dist/media-library/MediaLibraryPage.d.ts +17 -0
- package/dist/media-library/MediaLibraryPage.d.ts.map +1 -0
- package/dist/media-library/MediaLibraryPage.js +30 -0
- package/dist/media-library/MediaLibraryPage.js.map +1 -0
- package/dist/media-library/index.d.ts +4 -0
- package/dist/media-library/index.d.ts.map +1 -0
- package/dist/media-library/index.js +4 -0
- package/dist/media-library/index.js.map +1 -0
- package/dist/media-library/types.d.ts +8 -0
- package/dist/media-library/types.d.ts.map +1 -0
- package/dist/media-library/types.js +12 -0
- package/dist/media-library/types.js.map +1 -0
- package/dist/route-handlers/createCmsTxtHandler.d.ts +19 -0
- package/dist/route-handlers/createCmsTxtHandler.d.ts.map +1 -0
- package/dist/route-handlers/createCmsTxtHandler.js +154 -0
- package/dist/route-handlers/createCmsTxtHandler.js.map +1 -0
- package/dist/route-handlers/createDiscoveryHandler.d.ts +67 -0
- package/dist/route-handlers/createDiscoveryHandler.d.ts.map +1 -0
- package/dist/route-handlers/createDiscoveryHandler.js +190 -0
- package/dist/route-handlers/createDiscoveryHandler.js.map +1 -0
- package/dist/route-handlers/createGuidelinesHandler.d.ts +16 -0
- package/dist/route-handlers/createGuidelinesHandler.d.ts.map +1 -0
- package/dist/route-handlers/createGuidelinesHandler.js +100 -0
- package/dist/route-handlers/createGuidelinesHandler.js.map +1 -0
- package/dist/route-handlers/createMediaLibraryHandler.d.ts +19 -0
- package/dist/route-handlers/createMediaLibraryHandler.d.ts.map +1 -0
- package/dist/route-handlers/createMediaLibraryHandler.js +76 -0
- package/dist/route-handlers/createMediaLibraryHandler.js.map +1 -0
- package/dist/route-handlers/index.d.ts +9 -0
- package/dist/route-handlers/index.d.ts.map +1 -0
- package/dist/route-handlers/index.js +5 -0
- package/dist/route-handlers/index.js.map +1 -0
- package/dist/rtf/rtf.d.ts +66 -0
- package/dist/rtf/rtf.d.ts.map +1 -0
- package/dist/rtf/rtf.js +183 -0
- package/dist/rtf/rtf.js.map +1 -0
- package/dist/server/index.d.ts +20 -0
- package/dist/server/index.d.ts.map +1 -0
- package/dist/server/index.js +11 -0
- package/dist/server/index.js.map +1 -0
- package/dist/server/merge-prepared-page-context.d.ts +8 -0
- package/dist/server/merge-prepared-page-context.d.ts.map +1 -0
- package/dist/server/merge-prepared-page-context.js +11 -0
- package/dist/server/merge-prepared-page-context.js.map +1 -0
- package/dist/server/page-test-merge.d.ts +7 -0
- package/dist/server/page-test-merge.d.ts.map +1 -0
- package/dist/server/page-test-merge.js +12 -0
- package/dist/server/page-test-merge.js.map +1 -0
- package/dist/server/route-handlers-types.d.ts +124 -0
- package/dist/server/route-handlers-types.d.ts.map +1 -0
- package/dist/server/route-handlers-types.js +2 -0
- package/dist/server/route-handlers-types.js.map +1 -0
- package/dist/server/route-handlers.d.ts +99 -0
- package/dist/server/route-handlers.d.ts.map +1 -0
- package/dist/server/route-handlers.js +1268 -0
- package/dist/server/route-handlers.js.map +1 -0
- package/dist/server/route-types.d.ts +78 -0
- package/dist/server/route-types.d.ts.map +1 -0
- package/dist/server/route-types.js +4 -0
- package/dist/server/route-types.js.map +1 -0
- package/dist/server/tag-index-guards.d.ts +33 -0
- package/dist/server/tag-index-guards.d.ts.map +1 -0
- package/dist/server/tag-index-guards.js +33 -0
- package/dist/server/tag-index-guards.js.map +1 -0
- package/dist/server/template-route-handlers.d.ts +7 -0
- package/dist/server/template-route-handlers.d.ts.map +1 -0
- package/dist/server/template-route-handlers.js +35 -0
- package/dist/server/template-route-handlers.js.map +1 -0
- package/dist/showcase/components/AllViewPanel.d.ts +7 -0
- package/dist/showcase/components/AllViewPanel.d.ts.map +1 -0
- package/dist/showcase/components/AllViewPanel.js +55 -0
- package/dist/showcase/components/AllViewPanel.js.map +1 -0
- package/dist/showcase/components/Controls.d.ts +15 -0
- package/dist/showcase/components/Controls.d.ts.map +1 -0
- package/dist/showcase/components/Controls.js +71 -0
- package/dist/showcase/components/Controls.js.map +1 -0
- package/dist/showcase/components/ControlsWrapper.d.ts +15 -0
- package/dist/showcase/components/ControlsWrapper.d.ts.map +1 -0
- package/dist/showcase/components/ControlsWrapper.js +9 -0
- package/dist/showcase/components/ControlsWrapper.js.map +1 -0
- package/dist/showcase/components/IframeHeightReporter.d.ts +13 -0
- package/dist/showcase/components/IframeHeightReporter.d.ts.map +1 -0
- package/dist/showcase/components/IframeHeightReporter.js +51 -0
- package/dist/showcase/components/IframeHeightReporter.js.map +1 -0
- package/dist/showcase/components/PreviewPanel.d.ts +18 -0
- package/dist/showcase/components/PreviewPanel.d.ts.map +1 -0
- package/dist/showcase/components/PreviewPanel.js +52 -0
- package/dist/showcase/components/PreviewPanel.js.map +1 -0
- package/dist/showcase/components/ScaledIframe.d.ts +22 -0
- package/dist/showcase/components/ScaledIframe.d.ts.map +1 -0
- package/dist/showcase/components/ScaledIframe.js +41 -0
- package/dist/showcase/components/ScaledIframe.js.map +1 -0
- package/dist/showcase/components/ShowcaseAllRenderPage.d.ts +21 -0
- package/dist/showcase/components/ShowcaseAllRenderPage.d.ts.map +1 -0
- package/dist/showcase/components/ShowcaseAllRenderPage.js +36 -0
- package/dist/showcase/components/ShowcaseAllRenderPage.js.map +1 -0
- package/dist/showcase/components/ShowcaseAnimationRoot.d.ts +8 -0
- package/dist/showcase/components/ShowcaseAnimationRoot.d.ts.map +1 -0
- package/dist/showcase/components/ShowcaseAnimationRoot.js +10 -0
- package/dist/showcase/components/ShowcaseAnimationRoot.js.map +1 -0
- package/dist/showcase/components/ShowcasePage.d.ts +25 -0
- package/dist/showcase/components/ShowcasePage.d.ts.map +1 -0
- package/dist/showcase/components/ShowcasePage.js +31 -0
- package/dist/showcase/components/ShowcasePage.js.map +1 -0
- package/dist/showcase/components/ShowcaseRenderPage.d.ts +21 -0
- package/dist/showcase/components/ShowcaseRenderPage.d.ts.map +1 -0
- package/dist/showcase/components/ShowcaseRenderPage.js +45 -0
- package/dist/showcase/components/ShowcaseRenderPage.js.map +1 -0
- package/dist/showcase/components/ShowcaseViewportGuard.d.ts +14 -0
- package/dist/showcase/components/ShowcaseViewportGuard.d.ts.map +1 -0
- package/dist/showcase/components/ShowcaseViewportGuard.js +77 -0
- package/dist/showcase/components/ShowcaseViewportGuard.js.map +1 -0
- package/dist/showcase/components/TopBar.d.ts +11 -0
- package/dist/showcase/components/TopBar.d.ts.map +1 -0
- package/dist/showcase/components/TopBar.js +105 -0
- package/dist/showcase/components/TopBar.js.map +1 -0
- package/dist/showcase/controlFieldSupport.d.ts +12 -0
- package/dist/showcase/controlFieldSupport.d.ts.map +1 -0
- package/dist/showcase/controlFieldSupport.js +35 -0
- package/dist/showcase/controlFieldSupport.js.map +1 -0
- package/dist/showcase/index.d.ts +20 -0
- package/dist/showcase/index.d.ts.map +1 -0
- package/dist/showcase/index.js +20 -0
- package/dist/showcase/index.js.map +1 -0
- package/dist/showcase/isCmsShowcase.d.ts +10 -0
- package/dist/showcase/isCmsShowcase.d.ts.map +1 -0
- package/dist/showcase/isCmsShowcase.js +12 -0
- package/dist/showcase/isCmsShowcase.js.map +1 -0
- package/dist/showcase/mergeShowcaseMocks.d.ts +34 -0
- package/dist/showcase/mergeShowcaseMocks.d.ts.map +1 -0
- package/dist/showcase/mergeShowcaseMocks.js +31 -0
- package/dist/showcase/mergeShowcaseMocks.js.map +1 -0
- package/dist/showcase/mockFactory.d.ts +47 -0
- package/dist/showcase/mockFactory.d.ts.map +1 -0
- package/dist/showcase/mockFactory.js +726 -0
- package/dist/showcase/mockFactory.js.map +1 -0
- package/dist/showcase/showcaseLayout.d.ts +17 -0
- package/dist/showcase/showcaseLayout.d.ts.map +1 -0
- package/dist/showcase/showcaseLayout.js +11 -0
- package/dist/showcase/showcaseLayout.js.map +1 -0
- package/dist/showcase/showcaseRelatedContent.d.ts +30 -0
- package/dist/showcase/showcaseRelatedContent.d.ts.map +1 -0
- package/dist/showcase/showcaseRelatedContent.js +106 -0
- package/dist/showcase/showcaseRelatedContent.js.map +1 -0
- package/dist/showcase/types.d.ts +21 -0
- package/dist/showcase/types.d.ts.map +1 -0
- package/dist/showcase/types.js +19 -0
- package/dist/showcase/types.js.map +1 -0
- package/dist/utils/UnsupportedWarning.d.ts +30 -0
- package/dist/utils/UnsupportedWarning.d.ts.map +1 -0
- package/dist/utils/UnsupportedWarning.js +44 -0
- package/dist/utils/UnsupportedWarning.js.map +1 -0
- package/dist/utils/UnusedChecker.d.ts +51 -0
- package/dist/utils/UnusedChecker.d.ts.map +1 -0
- package/dist/utils/UnusedChecker.js +96 -0
- package/dist/utils/UnusedChecker.js.map +1 -0
- package/dist/utils/agent-ready.d.ts +103 -0
- package/dist/utils/agent-ready.d.ts.map +1 -0
- package/dist/utils/agent-ready.js +246 -0
- package/dist/utils/agent-ready.js.map +1 -0
- package/dist/utils/assertValidSiteBaseUrl.d.ts +8 -0
- package/dist/utils/assertValidSiteBaseUrl.d.ts.map +1 -0
- package/dist/utils/assertValidSiteBaseUrl.js +31 -0
- package/dist/utils/assertValidSiteBaseUrl.js.map +1 -0
- package/dist/utils/breadcrumbUtils.d.ts +64 -0
- package/dist/utils/breadcrumbUtils.d.ts.map +1 -0
- package/dist/utils/breadcrumbUtils.js +73 -0
- package/dist/utils/breadcrumbUtils.js.map +1 -0
- package/dist/utils/buildPageMetadata.d.ts +139 -0
- package/dist/utils/buildPageMetadata.d.ts.map +1 -0
- package/dist/utils/buildPageMetadata.js +218 -0
- package/dist/utils/buildPageMetadata.js.map +1 -0
- package/dist/utils/cn.d.ts +29 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/cn.js +32 -0
- package/dist/utils/cn.js.map +1 -0
- package/dist/utils/componentUtils.d.ts +82 -0
- package/dist/utils/componentUtils.d.ts.map +1 -0
- package/dist/utils/componentUtils.js +327 -0
- package/dist/utils/componentUtils.js.map +1 -0
- package/dist/utils/convertText.d.ts +2 -0
- package/dist/utils/convertText.d.ts.map +1 -0
- package/dist/utils/convertText.js +35 -0
- package/dist/utils/convertText.js.map +1 -0
- package/dist/utils/createDefaultRenderText.d.ts +17 -0
- package/dist/utils/createDefaultRenderText.d.ts.map +1 -0
- package/dist/utils/createDefaultRenderText.js +25 -0
- package/dist/utils/createDefaultRenderText.js.map +1 -0
- package/dist/utils/errorHandling.d.ts +37 -0
- package/dist/utils/errorHandling.d.ts.map +1 -0
- package/dist/utils/errorHandling.js +61 -0
- package/dist/utils/errorHandling.js.map +1 -0
- package/dist/utils/errorMonitoring.d.ts +17 -0
- package/dist/utils/errorMonitoring.d.ts.map +1 -0
- package/dist/utils/errorMonitoring.js +26 -0
- package/dist/utils/errorMonitoring.js.map +1 -0
- package/dist/utils/imageKitVideoHls.d.ts +3 -0
- package/dist/utils/imageKitVideoHls.d.ts.map +1 -0
- package/dist/utils/imageKitVideoHls.js +5 -0
- package/dist/utils/imageKitVideoHls.js.map +1 -0
- package/dist/utils/interpolateMetaText.d.ts +9 -0
- package/dist/utils/interpolateMetaText.d.ts.map +1 -0
- package/dist/utils/interpolateMetaText.js +21 -0
- package/dist/utils/interpolateMetaText.js.map +1 -0
- package/dist/utils/linkAccessibility.d.ts +13 -0
- package/dist/utils/linkAccessibility.d.ts.map +1 -0
- package/dist/utils/linkAccessibility.js +14 -0
- package/dist/utils/linkAccessibility.js.map +1 -0
- package/dist/utils/linkResolution.d.ts +15 -0
- package/dist/utils/linkResolution.d.ts.map +1 -0
- package/dist/utils/linkResolution.js +19 -0
- package/dist/utils/linkResolution.js.map +1 -0
- package/dist/utils/listing-page-heading.d.ts +16 -0
- package/dist/utils/listing-page-heading.d.ts.map +1 -0
- package/dist/utils/listing-page-heading.js +24 -0
- package/dist/utils/listing-page-heading.js.map +1 -0
- package/dist/utils/listingStructuredData.d.ts +28 -0
- package/dist/utils/listingStructuredData.d.ts.map +1 -0
- package/dist/utils/listingStructuredData.js +65 -0
- package/dist/utils/listingStructuredData.js.map +1 -0
- package/dist/utils/marketingSiteSitemap.d.ts +103 -0
- package/dist/utils/marketingSiteSitemap.d.ts.map +1 -0
- package/dist/utils/marketingSiteSitemap.js +352 -0
- package/dist/utils/marketingSiteSitemap.js.map +1 -0
- package/dist/utils/previewPageUtils.d.ts +61 -0
- package/dist/utils/previewPageUtils.d.ts.map +1 -0
- package/dist/utils/previewPageUtils.js +72 -0
- package/dist/utils/previewPageUtils.js.map +1 -0
- package/dist/utils/previewUtils.d.ts +59 -0
- package/dist/utils/previewUtils.d.ts.map +1 -0
- package/dist/utils/previewUtils.js +60 -0
- package/dist/utils/previewUtils.js.map +1 -0
- package/dist/utils/processCollectionLinks.d.ts +11 -0
- package/dist/utils/processCollectionLinks.d.ts.map +1 -0
- package/dist/utils/processCollectionLinks.js +38 -0
- package/dist/utils/processCollectionLinks.js.map +1 -0
- package/dist/utils/processTextContent.d.ts +18 -0
- package/dist/utils/processTextContent.d.ts.map +1 -0
- package/dist/utils/processTextContent.js +24 -0
- package/dist/utils/processTextContent.js.map +1 -0
- package/dist/utils/reactNodeText.d.ts +7 -0
- package/dist/utils/reactNodeText.d.ts.map +1 -0
- package/dist/utils/reactNodeText.js +43 -0
- package/dist/utils/reactNodeText.js.map +1 -0
- package/dist/utils/richTextNodeText.d.ts +13 -0
- package/dist/utils/richTextNodeText.d.ts.map +1 -0
- package/dist/utils/richTextNodeText.js +29 -0
- package/dist/utils/richTextNodeText.js.map +1 -0
- package/dist/utils/robots.d.ts +115 -0
- package/dist/utils/robots.d.ts.map +1 -0
- package/dist/utils/robots.js +174 -0
- package/dist/utils/robots.js.map +1 -0
- package/dist/utils/scopeCss.d.ts +15 -0
- package/dist/utils/scopeCss.d.ts.map +1 -0
- package/dist/utils/scopeCss.js +186 -0
- package/dist/utils/scopeCss.js.map +1 -0
- package/dist/utils/sitemap.d.ts +173 -0
- package/dist/utils/sitemap.d.ts.map +1 -0
- package/dist/utils/sitemap.js +257 -0
- package/dist/utils/sitemap.js.map +1 -0
- package/dist/utils/structuredDataUtils.d.ts +158 -0
- package/dist/utils/structuredDataUtils.d.ts.map +1 -0
- package/dist/utils/structuredDataUtils.js +225 -0
- package/dist/utils/structuredDataUtils.js.map +1 -0
- package/dist/utils/urlUtils.d.ts +30 -0
- package/dist/utils/urlUtils.d.ts.map +1 -0
- package/dist/utils/urlUtils.js +100 -0
- package/dist/utils/urlUtils.js.map +1 -0
- package/dist/utils/visualPositions.d.ts +3 -0
- package/dist/utils/visualPositions.d.ts.map +1 -0
- package/dist/utils/visualPositions.js +13 -0
- package/dist/utils/visualPositions.js.map +1 -0
- package/dist/utils/visualSizes.d.ts +5 -0
- package/dist/utils/visualSizes.d.ts.map +1 -0
- package/dist/utils/visualSizes.js +27 -0
- package/dist/utils/visualSizes.js.map +1 -0
- package/dist/utils/wcagRelativeLuminanceFromHex.d.ts +8 -0
- package/dist/utils/wcagRelativeLuminanceFromHex.d.ts.map +1 -0
- package/dist/utils/wcagRelativeLuminanceFromHex.js +30 -0
- package/dist/utils/wcagRelativeLuminanceFromHex.js.map +1 -0
- package/dist/utils/wrapHtmlComponentJs.d.ts +10 -0
- package/dist/utils/wrapHtmlComponentJs.d.ts.map +1 -0
- package/dist/utils/wrapHtmlComponentJs.js +12 -0
- package/dist/utils/wrapHtmlComponentJs.js.map +1 -0
- package/docs/PACKAGE_EXPORT_BOUNDARIES.md +98 -0
- package/docs/llms.md +358 -0
- package/package.json +108 -0
- package/src/showcase/README.md +269 -0
|
@@ -0,0 +1,225 @@
|
|
|
1
|
+
import { classifySeek } from './classifySeek';
|
|
2
|
+
import { VIDEO_ENGAGEMENT_EVENTS, VIDEO_ENGAGEMENT_THRESHOLDS, } from './videoEngagementTypes';
|
|
3
|
+
function clampPercent(value) {
|
|
4
|
+
if (!Number.isFinite(value) || value < 0)
|
|
5
|
+
return 0;
|
|
6
|
+
if (value > 100)
|
|
7
|
+
return 100;
|
|
8
|
+
return value;
|
|
9
|
+
}
|
|
10
|
+
function percentOf(current, duration) {
|
|
11
|
+
if (!duration || duration <= 0 || !Number.isFinite(current))
|
|
12
|
+
return 0;
|
|
13
|
+
return clampPercent((current / duration) * 100);
|
|
14
|
+
}
|
|
15
|
+
function defaultPageUrl() {
|
|
16
|
+
if (typeof window === 'undefined')
|
|
17
|
+
return '';
|
|
18
|
+
return window.location.href;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Pure engagement session: provider adapters translate player events into these methods.
|
|
22
|
+
* Fires at most one start/complete/exit/impression; quartiles once each; unmute once.
|
|
23
|
+
*/
|
|
24
|
+
export function createVideoEngagementSession(options) {
|
|
25
|
+
const { identity, track } = options;
|
|
26
|
+
const getPageUrl = options.getPageUrl ?? defaultPageUrl;
|
|
27
|
+
const state = {
|
|
28
|
+
impressed: false,
|
|
29
|
+
started: false,
|
|
30
|
+
completed: false,
|
|
31
|
+
exited: false,
|
|
32
|
+
muted: false,
|
|
33
|
+
mutedAtStart: null,
|
|
34
|
+
usedFullscreen: false,
|
|
35
|
+
fullscreen: false,
|
|
36
|
+
maxPercent: 0,
|
|
37
|
+
watchSeconds: 0,
|
|
38
|
+
durationSeconds: 0,
|
|
39
|
+
seekCount: 0,
|
|
40
|
+
largeForwardSeekCount: 0,
|
|
41
|
+
quartilesFired: new Set(),
|
|
42
|
+
unmutedFired: false,
|
|
43
|
+
playing: false,
|
|
44
|
+
playStartedAtMs: null,
|
|
45
|
+
};
|
|
46
|
+
function baseProps() {
|
|
47
|
+
return {
|
|
48
|
+
...identity,
|
|
49
|
+
url: getPageUrl(),
|
|
50
|
+
autoplay: false,
|
|
51
|
+
max_percent: Math.round(state.maxPercent * 10) / 10,
|
|
52
|
+
watch_seconds: Math.round(state.watchSeconds * 10) / 10,
|
|
53
|
+
duration_seconds: state.durationSeconds > 0 ? Math.round(state.durationSeconds * 10) / 10 : undefined,
|
|
54
|
+
muted: state.muted,
|
|
55
|
+
muted_at_start: state.mutedAtStart ?? undefined,
|
|
56
|
+
used_fullscreen: state.usedFullscreen,
|
|
57
|
+
seek_count: state.seekCount,
|
|
58
|
+
completed: state.completed,
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
function emit(event, extra) {
|
|
62
|
+
track(event, { ...baseProps(), ...extra });
|
|
63
|
+
}
|
|
64
|
+
function accumulateWatchTime() {
|
|
65
|
+
if (state.playStartedAtMs == null)
|
|
66
|
+
return;
|
|
67
|
+
const now = Date.now();
|
|
68
|
+
const delta = (now - state.playStartedAtMs) / 1000;
|
|
69
|
+
if (delta > 0 && Number.isFinite(delta)) {
|
|
70
|
+
state.watchSeconds += delta;
|
|
71
|
+
}
|
|
72
|
+
state.playStartedAtMs = state.playing ? now : null;
|
|
73
|
+
}
|
|
74
|
+
function updateMaxPercent(currentTime, duration) {
|
|
75
|
+
if (duration > 0) {
|
|
76
|
+
state.durationSeconds = duration;
|
|
77
|
+
}
|
|
78
|
+
const pct = percentOf(currentTime, duration || state.durationSeconds);
|
|
79
|
+
if (pct > state.maxPercent) {
|
|
80
|
+
state.maxPercent = pct;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
function maybeFireQuartiles() {
|
|
84
|
+
if (!state.started || state.completed)
|
|
85
|
+
return;
|
|
86
|
+
for (const q of VIDEO_ENGAGEMENT_THRESHOLDS.quartiles) {
|
|
87
|
+
if (state.maxPercent >= q && !state.quartilesFired.has(q)) {
|
|
88
|
+
state.quartilesFired.add(q);
|
|
89
|
+
emit(VIDEO_ENGAGEMENT_EVENTS.progress, { percent: q });
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
function maybeComplete(reason) {
|
|
94
|
+
if (state.completed || !state.started)
|
|
95
|
+
return;
|
|
96
|
+
const hitThreshold = state.maxPercent >= VIDEO_ENGAGEMENT_THRESHOLDS.completePercent;
|
|
97
|
+
if (reason === 'ended' || hitThreshold) {
|
|
98
|
+
state.completed = true;
|
|
99
|
+
if (reason === 'ended' && state.maxPercent < 100) {
|
|
100
|
+
state.maxPercent = Math.max(state.maxPercent, 100);
|
|
101
|
+
}
|
|
102
|
+
accumulateWatchTime();
|
|
103
|
+
emit(VIDEO_ENGAGEMENT_EVENTS.complete, {
|
|
104
|
+
percent: 100,
|
|
105
|
+
completed: true,
|
|
106
|
+
skipped: false,
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
function isSkipped() {
|
|
111
|
+
if (state.completed)
|
|
112
|
+
return false;
|
|
113
|
+
const lowEngagement = state.maxPercent < VIDEO_ENGAGEMENT_THRESHOLDS.skipMaxPercent &&
|
|
114
|
+
state.watchSeconds < VIDEO_ENGAGEMENT_THRESHOLDS.skipMaxWatchSeconds;
|
|
115
|
+
const seekSkip = state.largeForwardSeekCount >= 1 &&
|
|
116
|
+
state.maxPercent < VIDEO_ENGAGEMENT_THRESHOLDS.skipAfterSeekMaxPercent;
|
|
117
|
+
return lowEngagement || seekSkip;
|
|
118
|
+
}
|
|
119
|
+
return {
|
|
120
|
+
markImpression() {
|
|
121
|
+
if (state.impressed)
|
|
122
|
+
return;
|
|
123
|
+
state.impressed = true;
|
|
124
|
+
emit(VIDEO_ENGAGEMENT_EVENTS.impression);
|
|
125
|
+
},
|
|
126
|
+
onPlay(muted) {
|
|
127
|
+
state.muted = muted;
|
|
128
|
+
if (state.mutedAtStart === null) {
|
|
129
|
+
state.mutedAtStart = muted;
|
|
130
|
+
}
|
|
131
|
+
if (!state.started) {
|
|
132
|
+
state.started = true;
|
|
133
|
+
emit(VIDEO_ENGAGEMENT_EVENTS.start, { muted });
|
|
134
|
+
}
|
|
135
|
+
state.playing = true;
|
|
136
|
+
state.playStartedAtMs = Date.now();
|
|
137
|
+
},
|
|
138
|
+
onPause() {
|
|
139
|
+
if (!state.playing)
|
|
140
|
+
return;
|
|
141
|
+
accumulateWatchTime();
|
|
142
|
+
state.playing = false;
|
|
143
|
+
state.playStartedAtMs = null;
|
|
144
|
+
},
|
|
145
|
+
onTime(currentTimeSeconds, durationSeconds) {
|
|
146
|
+
// Keep watch_seconds current during continuous play (not only on pause/exit).
|
|
147
|
+
if (state.playing) {
|
|
148
|
+
accumulateWatchTime();
|
|
149
|
+
}
|
|
150
|
+
updateMaxPercent(currentTimeSeconds, durationSeconds);
|
|
151
|
+
maybeFireQuartiles();
|
|
152
|
+
maybeComplete('threshold');
|
|
153
|
+
},
|
|
154
|
+
onSeek(fromSeconds, toSeconds, durationSeconds) {
|
|
155
|
+
if (durationSeconds > 0) {
|
|
156
|
+
state.durationSeconds = durationSeconds;
|
|
157
|
+
}
|
|
158
|
+
const duration = durationSeconds || state.durationSeconds;
|
|
159
|
+
const classification = classifySeek(fromSeconds, toSeconds, duration);
|
|
160
|
+
updateMaxPercent(toSeconds, duration);
|
|
161
|
+
if (!classification.material) {
|
|
162
|
+
return;
|
|
163
|
+
}
|
|
164
|
+
state.seekCount += 1;
|
|
165
|
+
if (classification.largeForward) {
|
|
166
|
+
state.largeForwardSeekCount += 1;
|
|
167
|
+
}
|
|
168
|
+
if (!state.started)
|
|
169
|
+
return;
|
|
170
|
+
emit(VIDEO_ENGAGEMENT_EVENTS.seek, {
|
|
171
|
+
from_percent: classification.fromPercent,
|
|
172
|
+
to_percent: classification.toPercent,
|
|
173
|
+
direction: classification.direction,
|
|
174
|
+
});
|
|
175
|
+
maybeFireQuartiles();
|
|
176
|
+
maybeComplete('threshold');
|
|
177
|
+
},
|
|
178
|
+
onMuteChange(muted) {
|
|
179
|
+
const wasMuted = state.muted;
|
|
180
|
+
state.muted = muted;
|
|
181
|
+
if (wasMuted && !muted && !state.unmutedFired && state.started) {
|
|
182
|
+
state.unmutedFired = true;
|
|
183
|
+
emit(VIDEO_ENGAGEMENT_EVENTS.unmute, { muted: false });
|
|
184
|
+
}
|
|
185
|
+
},
|
|
186
|
+
onFullscreen(fullscreen) {
|
|
187
|
+
state.fullscreen = fullscreen;
|
|
188
|
+
if (fullscreen) {
|
|
189
|
+
state.usedFullscreen = true;
|
|
190
|
+
}
|
|
191
|
+
if (!state.started && !state.impressed)
|
|
192
|
+
return;
|
|
193
|
+
emit(VIDEO_ENGAGEMENT_EVENTS.fullscreen, { fullscreen });
|
|
194
|
+
},
|
|
195
|
+
onEnded(durationSeconds) {
|
|
196
|
+
accumulateWatchTime();
|
|
197
|
+
state.playing = false;
|
|
198
|
+
state.playStartedAtMs = null;
|
|
199
|
+
if (durationSeconds > 0) {
|
|
200
|
+
state.durationSeconds = durationSeconds;
|
|
201
|
+
state.maxPercent = Math.max(state.maxPercent, 100);
|
|
202
|
+
}
|
|
203
|
+
maybeComplete('ended');
|
|
204
|
+
},
|
|
205
|
+
dispose() {
|
|
206
|
+
accumulateWatchTime();
|
|
207
|
+
state.playing = false;
|
|
208
|
+
state.playStartedAtMs = null;
|
|
209
|
+
if (state.exited)
|
|
210
|
+
return;
|
|
211
|
+
state.exited = true;
|
|
212
|
+
// Exit only if the user started playback (impressions without play stay silent).
|
|
213
|
+
if (!state.started)
|
|
214
|
+
return;
|
|
215
|
+
emit(VIDEO_ENGAGEMENT_EVENTS.exit, {
|
|
216
|
+
completed: state.completed,
|
|
217
|
+
skipped: isSkipped(),
|
|
218
|
+
});
|
|
219
|
+
},
|
|
220
|
+
getState() {
|
|
221
|
+
return state;
|
|
222
|
+
},
|
|
223
|
+
};
|
|
224
|
+
}
|
|
225
|
+
//# sourceMappingURL=createVideoEngagementSession.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createVideoEngagementSession.js","sourceRoot":"","sources":["../../../src/analytics/video/createVideoEngagementSession.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { classifySeek, type SeekClassification } from './classifySeek';
|
|
2
|
+
export { type CreateVideoEngagementSessionOptions, createVideoEngagementSession, type VideoEngagementSession, } from './createVideoEngagementSession';
|
|
3
|
+
export { useHtml5VideoEngagement } from './useHtml5VideoEngagement';
|
|
4
|
+
export { type UseVideoEngagementOptions, useVideoEngagement } from './useVideoEngagement';
|
|
5
|
+
export { VIDEO_ENGAGEMENT_EVENT_NAMES, VIDEO_ENGAGEMENT_EVENTS, VIDEO_ENGAGEMENT_THRESHOLDS, type VideoEngagementEventName, type VideoEngagementIdentity, type VideoEngagementTrackFn, type VideoProvider, } from './videoEngagementTypes';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/analytics/video/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EACL,KAAK,mCAAmC,EACxC,4BAA4B,EAC5B,KAAK,sBAAsB,GAC5B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,KAAK,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1F,OAAO,EACL,4BAA4B,EAC5B,uBAAuB,EACvB,2BAA2B,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,aAAa,GACnB,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { classifySeek } from './classifySeek';
|
|
2
|
+
export { createVideoEngagementSession, } from './createVideoEngagementSession';
|
|
3
|
+
export { useHtml5VideoEngagement } from './useHtml5VideoEngagement';
|
|
4
|
+
export { useVideoEngagement } from './useVideoEngagement';
|
|
5
|
+
export { VIDEO_ENGAGEMENT_EVENT_NAMES, VIDEO_ENGAGEMENT_EVENTS, VIDEO_ENGAGEMENT_THRESHOLDS, } from './videoEngagementTypes';
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/analytics/video/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA2B,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAEL,4BAA4B,GAE7B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAkC,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1F,OAAO,EACL,4BAA4B,EAC5B,uBAAuB,EACvB,2BAA2B,GAK5B,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Singleton loader for the YouTube IFrame Player API.
|
|
3
|
+
* @see https://developers.google.com/youtube/iframe_api_reference
|
|
4
|
+
*/
|
|
5
|
+
export interface YouTubePlayer {
|
|
6
|
+
destroy: () => void;
|
|
7
|
+
getCurrentTime: () => number;
|
|
8
|
+
getDuration: () => number;
|
|
9
|
+
isMuted: () => boolean;
|
|
10
|
+
getPlayerState: () => number;
|
|
11
|
+
getIframe: () => HTMLIFrameElement;
|
|
12
|
+
}
|
|
13
|
+
export interface YouTubePlayerEvent {
|
|
14
|
+
target: YouTubePlayer;
|
|
15
|
+
data: number;
|
|
16
|
+
}
|
|
17
|
+
export interface YouTubePlayerConstructor {
|
|
18
|
+
new (element: HTMLElement | string, options: {
|
|
19
|
+
events?: {
|
|
20
|
+
onReady?: (event: YouTubePlayerEvent) => void;
|
|
21
|
+
onStateChange?: (event: YouTubePlayerEvent) => void;
|
|
22
|
+
onError?: (event: YouTubePlayerEvent) => void;
|
|
23
|
+
};
|
|
24
|
+
}): YouTubePlayer;
|
|
25
|
+
PlayerState: {
|
|
26
|
+
UNSTARTED: number;
|
|
27
|
+
ENDED: number;
|
|
28
|
+
PLAYING: number;
|
|
29
|
+
PAUSED: number;
|
|
30
|
+
BUFFERING: number;
|
|
31
|
+
CUED: number;
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
declare global {
|
|
35
|
+
interface Window {
|
|
36
|
+
YT?: {
|
|
37
|
+
Player: YouTubePlayerConstructor;
|
|
38
|
+
PlayerState: YouTubePlayerConstructor['PlayerState'];
|
|
39
|
+
};
|
|
40
|
+
onYouTubeIframeAPIReady?: () => void;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
export declare function loadYouTubeIframeApi(): Promise<YouTubePlayerConstructor>;
|
|
44
|
+
/** YT.PlayerState.PLAYING */
|
|
45
|
+
export declare const YT_PLAYING = 1;
|
|
46
|
+
/** YT.PlayerState.PAUSED */
|
|
47
|
+
export declare const YT_PAUSED = 2;
|
|
48
|
+
/** YT.PlayerState.ENDED */
|
|
49
|
+
export declare const YT_ENDED = 0;
|
|
50
|
+
//# sourceMappingURL=loadYouTubeIframeApi.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loadYouTubeIframeApi.d.ts","sourceRoot":"","sources":["../../../src/analytics/video/loadYouTubeIframeApi.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,cAAc,EAAE,MAAM,MAAM,CAAC;IAC7B,SAAS,EAAE,MAAM,iBAAiB,CAAC;CACpC;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,wBAAwB;IACvC,KACE,OAAO,EAAE,WAAW,GAAG,MAAM,EAC7B,OAAO,EAAE;QACP,MAAM,CAAC,EAAE;YACP,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;YAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;YACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;SAC/C,CAAC;KACH,GACA,aAAa,CAAC;IACjB,WAAW,EAAE;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,EAAE,CAAC,EAAE;YACH,MAAM,EAAE,wBAAwB,CAAC;YACjC,WAAW,EAAE,wBAAwB,CAAC,aAAa,CAAC,CAAC;SACtD,CAAC;QACF,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;KACtC;CACF;AAID,wBAAgB,oBAAoB,IAAI,OAAO,CAAC,wBAAwB,CAAC,CA4CxE;AAED,6BAA6B;AAC7B,eAAO,MAAM,UAAU,IAAI,CAAC;AAC5B,4BAA4B;AAC5B,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,2BAA2B;AAC3B,eAAO,MAAM,QAAQ,IAAI,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Singleton loader for the YouTube IFrame Player API.
|
|
3
|
+
* @see https://developers.google.com/youtube/iframe_api_reference
|
|
4
|
+
*/
|
|
5
|
+
let loadPromise = null;
|
|
6
|
+
export function loadYouTubeIframeApi() {
|
|
7
|
+
if (typeof window === 'undefined') {
|
|
8
|
+
return Promise.reject(new Error('YouTube IFrame API requires a browser'));
|
|
9
|
+
}
|
|
10
|
+
if (window.YT?.Player) {
|
|
11
|
+
return Promise.resolve(window.YT.Player);
|
|
12
|
+
}
|
|
13
|
+
if (loadPromise) {
|
|
14
|
+
return loadPromise;
|
|
15
|
+
}
|
|
16
|
+
loadPromise = new Promise((resolve, reject) => {
|
|
17
|
+
const previous = window.onYouTubeIframeAPIReady;
|
|
18
|
+
window.onYouTubeIframeAPIReady = () => {
|
|
19
|
+
previous?.();
|
|
20
|
+
if (window.YT?.Player) {
|
|
21
|
+
resolve(window.YT.Player);
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
reject(new Error('YouTube IFrame API loaded without YT.Player'));
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
const existing = document.querySelector('script[src="https://www.youtube.com/iframe_api"]');
|
|
28
|
+
if (existing) {
|
|
29
|
+
// Script already requested; onYouTubeIframeAPIReady will fire (or already did)
|
|
30
|
+
if (window.YT?.Player) {
|
|
31
|
+
resolve(window.YT.Player);
|
|
32
|
+
}
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
const script = document.createElement('script');
|
|
36
|
+
script.src = 'https://www.youtube.com/iframe_api';
|
|
37
|
+
script.async = true;
|
|
38
|
+
script.onerror = () => {
|
|
39
|
+
loadPromise = null;
|
|
40
|
+
reject(new Error('Failed to load YouTube IFrame API'));
|
|
41
|
+
};
|
|
42
|
+
document.head.appendChild(script);
|
|
43
|
+
});
|
|
44
|
+
return loadPromise;
|
|
45
|
+
}
|
|
46
|
+
/** YT.PlayerState.PLAYING */
|
|
47
|
+
export const YT_PLAYING = 1;
|
|
48
|
+
/** YT.PlayerState.PAUSED */
|
|
49
|
+
export const YT_PAUSED = 2;
|
|
50
|
+
/** YT.PlayerState.ENDED */
|
|
51
|
+
export const YT_ENDED = 0;
|
|
52
|
+
//# sourceMappingURL=loadYouTubeIframeApi.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loadYouTubeIframeApi.js","sourceRoot":"","sources":["../../../src/analytics/video/loadYouTubeIframeApi.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA+CH,IAAI,WAAW,GAA6C,IAAI,CAAC;AAEjE,MAAM,UAAU,oBAAoB;IAClC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC,CAAC;IAC5E,CAAC;IAED,IAAI,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC;QACtB,OAAO,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAC3C,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,WAAW,GAAG,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QAC5C,MAAM,QAAQ,GAAG,MAAM,CAAC,uBAAuB,CAAC;QAChD,MAAM,CAAC,uBAAuB,GAAG,GAAG,EAAE;YACpC,QAAQ,EAAE,EAAE,CAAC;YACb,IAAI,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC;gBACtB,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC,CAAC;YACnE,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,kDAAkD,CAAC,CAAC;QAC5F,IAAI,QAAQ,EAAE,CAAC;YACb,+EAA+E;YAC/E,IAAI,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC;gBACtB,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC;YACD,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,GAAG,GAAG,oCAAoC,CAAC;QAClD,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE;YACpB,WAAW,GAAG,IAAI,CAAC;YACnB,MAAM,CAAC,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC,CAAC;QACzD,CAAC,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,6BAA6B;AAC7B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAC;AAC5B,4BAA4B;AAC5B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAC;AAC3B,2BAA2B;AAC3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { RefObject } from 'react';
|
|
2
|
+
import type { VideoEngagementSession } from './createVideoEngagementSession';
|
|
3
|
+
/**
|
|
4
|
+
* Wires native HTMLMediaElement events into a video engagement session.
|
|
5
|
+
* No-ops when sessionRef.current is null (autoplay / no analytics).
|
|
6
|
+
*/
|
|
7
|
+
export declare function useHtml5VideoEngagement(videoRef: RefObject<HTMLVideoElement | null>, sessionRef: RefObject<VideoEngagementSession | null>, enabled: boolean): void;
|
|
8
|
+
//# sourceMappingURL=useHtml5VideoEngagement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useHtml5VideoEngagement.d.ts","sourceRoot":"","sources":["../../../src/analytics/video/useHtml5VideoEngagement.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAC5C,UAAU,EAAE,SAAS,CAAC,sBAAsB,GAAG,IAAI,CAAC,EACpD,OAAO,EAAE,OAAO,GACf,IAAI,CA8DN"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useEffect, useRef } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Wires native HTMLMediaElement events into a video engagement session.
|
|
5
|
+
* No-ops when sessionRef.current is null (autoplay / no analytics).
|
|
6
|
+
*/
|
|
7
|
+
export function useHtml5VideoEngagement(videoRef, sessionRef, enabled) {
|
|
8
|
+
const lastTimeRef = useRef(0);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
if (!enabled)
|
|
11
|
+
return;
|
|
12
|
+
const video = videoRef.current;
|
|
13
|
+
if (!video)
|
|
14
|
+
return;
|
|
15
|
+
const session = () => sessionRef.current;
|
|
16
|
+
const onPlay = () => {
|
|
17
|
+
session()?.onPlay(video.muted || video.volume === 0);
|
|
18
|
+
lastTimeRef.current = video.currentTime;
|
|
19
|
+
};
|
|
20
|
+
const onPause = () => {
|
|
21
|
+
session()?.onPause();
|
|
22
|
+
};
|
|
23
|
+
const onTimeUpdate = () => {
|
|
24
|
+
session()?.onTime(video.currentTime, video.duration || 0);
|
|
25
|
+
lastTimeRef.current = video.currentTime;
|
|
26
|
+
};
|
|
27
|
+
const onSeeking = () => {
|
|
28
|
+
// capture pre-seek time is already in lastTimeRef from timeupdate
|
|
29
|
+
};
|
|
30
|
+
const onSeeked = () => {
|
|
31
|
+
const from = lastTimeRef.current;
|
|
32
|
+
const to = video.currentTime;
|
|
33
|
+
session()?.onSeek(from, to, video.duration || 0);
|
|
34
|
+
lastTimeRef.current = to;
|
|
35
|
+
};
|
|
36
|
+
const onVolumeChange = () => {
|
|
37
|
+
session()?.onMuteChange(video.muted || video.volume === 0);
|
|
38
|
+
};
|
|
39
|
+
const onEnded = () => {
|
|
40
|
+
session()?.onEnded(video.duration || 0);
|
|
41
|
+
};
|
|
42
|
+
const onFullscreenChange = () => {
|
|
43
|
+
const fsEl = document.fullscreenElement;
|
|
44
|
+
const isFs = fsEl === video || !!fsEl?.contains(video);
|
|
45
|
+
session()?.onFullscreen(isFs);
|
|
46
|
+
};
|
|
47
|
+
video.addEventListener('play', onPlay);
|
|
48
|
+
video.addEventListener('pause', onPause);
|
|
49
|
+
video.addEventListener('timeupdate', onTimeUpdate);
|
|
50
|
+
video.addEventListener('seeking', onSeeking);
|
|
51
|
+
video.addEventListener('seeked', onSeeked);
|
|
52
|
+
video.addEventListener('volumechange', onVolumeChange);
|
|
53
|
+
video.addEventListener('ended', onEnded);
|
|
54
|
+
document.addEventListener('fullscreenchange', onFullscreenChange);
|
|
55
|
+
return () => {
|
|
56
|
+
video.removeEventListener('play', onPlay);
|
|
57
|
+
video.removeEventListener('pause', onPause);
|
|
58
|
+
video.removeEventListener('timeupdate', onTimeUpdate);
|
|
59
|
+
video.removeEventListener('seeking', onSeeking);
|
|
60
|
+
video.removeEventListener('seeked', onSeeked);
|
|
61
|
+
video.removeEventListener('volumechange', onVolumeChange);
|
|
62
|
+
video.removeEventListener('ended', onEnded);
|
|
63
|
+
document.removeEventListener('fullscreenchange', onFullscreenChange);
|
|
64
|
+
};
|
|
65
|
+
}, [videoRef, sessionRef, enabled]);
|
|
66
|
+
}
|
|
67
|
+
//# sourceMappingURL=useHtml5VideoEngagement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useHtml5VideoEngagement.js","sourceRoot":"","sources":["../../../src/analytics/video/useHtml5VideoEngagement.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { IAnalyticsContext } from '@se-studio/core-data-types';
|
|
2
|
+
import { type MutableRefObject, type RefObject } from 'react';
|
|
3
|
+
import { type VideoEngagementSession } from './createVideoEngagementSession';
|
|
4
|
+
import { type VideoEngagementIdentity } from './videoEngagementTypes';
|
|
5
|
+
export interface UseVideoEngagementOptions {
|
|
6
|
+
identity: VideoEngagementIdentity;
|
|
7
|
+
analyticsContext: IAnalyticsContext | null | undefined;
|
|
8
|
+
/** When false, no session is created (autoplay / background). */
|
|
9
|
+
enabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Creates a video engagement session bound to `trackEvent` when analytics context is present.
|
|
13
|
+
* Observes `rootRef` for impression; disposes on unmount / pagehide.
|
|
14
|
+
*/
|
|
15
|
+
export declare function useVideoEngagement({ identity, analyticsContext, enabled, }: UseVideoEngagementOptions): {
|
|
16
|
+
sessionRef: MutableRefObject<VideoEngagementSession | null>;
|
|
17
|
+
rootRef: RefObject<HTMLElement | null>;
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=useVideoEngagement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useVideoEngagement.d.ts","sourceRoot":"","sources":["../../../src/analytics/video/useVideoEngagement.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAEjF,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAA+B,KAAK,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEnG,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,uBAAuB,CAAC;IAClC,gBAAgB,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,gBAAgB,EAChB,OAAc,GACf,EAAE,yBAAyB,GAAG;IAC7B,UAAU,EAAE,gBAAgB,CAAC,sBAAsB,GAAG,IAAI,CAAC,CAAC;IAC5D,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACxC,CA+EA"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useEffect, useRef } from 'react';
|
|
3
|
+
import { useAnalytics } from '../useAnalytics';
|
|
4
|
+
import { createVideoEngagementSession, } from './createVideoEngagementSession';
|
|
5
|
+
import { VIDEO_ENGAGEMENT_THRESHOLDS } from './videoEngagementTypes';
|
|
6
|
+
/**
|
|
7
|
+
* Creates a video engagement session bound to `trackEvent` when analytics context is present.
|
|
8
|
+
* Observes `rootRef` for impression; disposes on unmount / pagehide.
|
|
9
|
+
*/
|
|
10
|
+
export function useVideoEngagement({ identity, analyticsContext, enabled = true, }) {
|
|
11
|
+
const { trackEvent } = useAnalytics();
|
|
12
|
+
const sessionRef = useRef(null);
|
|
13
|
+
const rootRef = useRef(null);
|
|
14
|
+
const trackEventRef = useRef(trackEvent);
|
|
15
|
+
trackEventRef.current = trackEvent;
|
|
16
|
+
const canTrack = Boolean(enabled && analyticsContext);
|
|
17
|
+
const identityRef = useRef(identity);
|
|
18
|
+
identityRef.current = identity;
|
|
19
|
+
// Primitive deps only — avoid recreating the session when parent passes a new
|
|
20
|
+
// analyticsContext object with the same slug/title/type.
|
|
21
|
+
const slug = analyticsContext?.slug ?? '';
|
|
22
|
+
const pageTitle = analyticsContext?.title ?? '';
|
|
23
|
+
const pageType = analyticsContext?.type ?? '';
|
|
24
|
+
const videoProvider = identity.video_provider;
|
|
25
|
+
const videoId = identity.video_id;
|
|
26
|
+
const videoLocation = identity.location ?? '';
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
if (!canTrack) {
|
|
29
|
+
sessionRef.current = null;
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
const currentIdentity = identityRef.current;
|
|
33
|
+
const session = createVideoEngagementSession({
|
|
34
|
+
identity: {
|
|
35
|
+
...currentIdentity,
|
|
36
|
+
video_provider: videoProvider,
|
|
37
|
+
video_id: videoId,
|
|
38
|
+
location: videoLocation || currentIdentity.location,
|
|
39
|
+
slug: slug || currentIdentity.slug,
|
|
40
|
+
title: pageTitle || currentIdentity.title,
|
|
41
|
+
type: pageType || currentIdentity.type,
|
|
42
|
+
},
|
|
43
|
+
track: (event, properties) => {
|
|
44
|
+
trackEventRef.current(event, properties);
|
|
45
|
+
},
|
|
46
|
+
});
|
|
47
|
+
sessionRef.current = session;
|
|
48
|
+
const onPageHide = () => {
|
|
49
|
+
session.dispose();
|
|
50
|
+
};
|
|
51
|
+
window.addEventListener('pagehide', onPageHide);
|
|
52
|
+
return () => {
|
|
53
|
+
window.removeEventListener('pagehide', onPageHide);
|
|
54
|
+
session.dispose();
|
|
55
|
+
if (sessionRef.current === session) {
|
|
56
|
+
sessionRef.current = null;
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
}, [canTrack, videoProvider, videoId, videoLocation, slug, pageTitle, pageType]);
|
|
60
|
+
useEffect(() => {
|
|
61
|
+
if (!canTrack)
|
|
62
|
+
return;
|
|
63
|
+
const el = rootRef.current;
|
|
64
|
+
if (!el)
|
|
65
|
+
return;
|
|
66
|
+
const observer = new IntersectionObserver((entries) => {
|
|
67
|
+
const entry = entries[0];
|
|
68
|
+
if (entry?.isIntersecting) {
|
|
69
|
+
sessionRef.current?.markImpression();
|
|
70
|
+
}
|
|
71
|
+
}, { threshold: VIDEO_ENGAGEMENT_THRESHOLDS.impressionRatio });
|
|
72
|
+
observer.observe(el);
|
|
73
|
+
return () => observer.disconnect();
|
|
74
|
+
// videoProvider/videoId/location/slug: re-bind when tracked video identity changes
|
|
75
|
+
// (session is recreated in the effect above; observer must re-run for a new impression).
|
|
76
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: intentional identity key
|
|
77
|
+
}, [canTrack, videoProvider, videoId, videoLocation, slug]);
|
|
78
|
+
return { sessionRef, rootRef };
|
|
79
|
+
}
|
|
80
|
+
//# sourceMappingURL=useVideoEngagement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useVideoEngagement.js","sourceRoot":"","sources":["../../../src/analytics/video/useVideoEngagement.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* First-party video engagement events fired via `trackEvent`.
|
|
3
|
+
* Sites map these names to GTM tags or HubSpot behavioural events.
|
|
4
|
+
*/
|
|
5
|
+
export declare const VIDEO_ENGAGEMENT_EVENTS: {
|
|
6
|
+
readonly impression: "video_impression";
|
|
7
|
+
readonly start: "video_start";
|
|
8
|
+
readonly progress: "video_progress";
|
|
9
|
+
readonly complete: "video_complete";
|
|
10
|
+
readonly seek: "video_seek";
|
|
11
|
+
readonly unmute: "video_unmute";
|
|
12
|
+
readonly fullscreen: "video_fullscreen";
|
|
13
|
+
readonly exit: "video_exit";
|
|
14
|
+
};
|
|
15
|
+
export type VideoEngagementEventName = (typeof VIDEO_ENGAGEMENT_EVENTS)[keyof typeof VIDEO_ENGAGEMENT_EVENTS];
|
|
16
|
+
/** All engagement event name strings (for HubSpot eventNameMap keys, etc.). */
|
|
17
|
+
export declare const VIDEO_ENGAGEMENT_EVENT_NAMES: readonly VideoEngagementEventName[];
|
|
18
|
+
export type VideoProvider = 'vimeo' | 'youtube' | 'local';
|
|
19
|
+
/**
|
|
20
|
+
* Thresholds for progress, completion, skip, and seek classification.
|
|
21
|
+
* Tuned for marketing-site explainer videos (not long-form).
|
|
22
|
+
*/
|
|
23
|
+
export declare const VIDEO_ENGAGEMENT_THRESHOLDS: {
|
|
24
|
+
/** Treat as completed when high-water mark reaches this % (or player ended). */
|
|
25
|
+
readonly completePercent: 95;
|
|
26
|
+
/** Exit with low % + short watch time counts as skipped. */
|
|
27
|
+
readonly skipMaxPercent: 10;
|
|
28
|
+
readonly skipMaxWatchSeconds: 3;
|
|
29
|
+
/** Large forward seek: at least this % of duration OR this many seconds. */
|
|
30
|
+
readonly seekMinPercent: 15;
|
|
31
|
+
readonly seekMinSeconds: 10;
|
|
32
|
+
/** After a large forward seek, incomplete exit with max_percent below this is skipped. */
|
|
33
|
+
readonly skipAfterSeekMaxPercent: 50;
|
|
34
|
+
readonly quartiles: readonly [25, 50, 75];
|
|
35
|
+
/** IntersectionObserver threshold for video_impression. */
|
|
36
|
+
readonly impressionRatio: 0.5;
|
|
37
|
+
};
|
|
38
|
+
export interface VideoEngagementIdentity {
|
|
39
|
+
video_provider: VideoProvider;
|
|
40
|
+
video_id: string;
|
|
41
|
+
video_title: string;
|
|
42
|
+
video_url?: string;
|
|
43
|
+
location?: string;
|
|
44
|
+
/** Page slug from IAnalyticsContext */
|
|
45
|
+
slug?: string;
|
|
46
|
+
/** Page title from IAnalyticsContext */
|
|
47
|
+
title?: string;
|
|
48
|
+
/** Page type from IAnalyticsContext */
|
|
49
|
+
type?: string;
|
|
50
|
+
}
|
|
51
|
+
export type VideoEngagementTrackFn = (event: string, properties: Record<string, unknown>) => void;
|
|
52
|
+
//# sourceMappingURL=videoEngagementTypes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"videoEngagementTypes.d.ts","sourceRoot":"","sources":["../../../src/analytics/video/videoEngagementTypes.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;CAS1B,CAAC;AAEX,MAAM,MAAM,wBAAwB,GAClC,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAEzE,+EAA+E;AAC/E,eAAO,MAAM,4BAA4B,EAAE,SAAS,wBAAwB,EAS3E,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAM,2BAA2B;IACtC,gFAAgF;;IAEhF,4DAA4D;;;IAG5D,4EAA4E;;;IAG5E,0FAA0F;;;IAG1F,2DAA2D;;CAEnD,CAAC;AAEX,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,aAAa,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,sBAAsB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC"}
|