@collective-intelligence/ui-react 0.1.8 → 0.1.9

package/dist/components/ui-extensions/molecules/VideoPlayer/index.d.ts

@@ -0,0 +1,31 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { VideoHTMLAttributes } from 'react';
+
+/** Returns the headers that authenticate one request to the API media route. */
+export type RequestHeaders = () => Record<string, string> | Promise<Record<string, string>>;
+export interface VideoPlayerProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, "className" | "src"> {
+	/** The Stable Media URL of a stored video. */
+	src: string;
+	/**
+	 * Returns the headers that authenticate API media requests, for example a
+	 * bearer token. They are sent only to URLs on the origin of `src` under its
+	 * `/media/` path. Omit it to rely on the browser session cookie.
+	 */
+	requestHeaders?: RequestHeaders;
+	className?: string;
+	classes?: {
+		root?: string;
+	};
+}
+/**
+ * Plays a Stable Media URL: adaptive HLS when the video's Renditions are
+ * ready, otherwise the stored file. The consumer supplies the credentials.
+ */
+declare const VideoPlayer: ({ src, requestHeaders, className, classes, ...videoProps }: VideoPlayerProps) => import("react").JSX.Element;
+
+export {
+	VideoPlayer as default,
+};
+
+export {};

package/dist/components/ui-extensions/molecules/VideoPlayer/index.js

@@ -0,0 +1,3 @@
+"use client";
+import{Nr,Jr}from"../../../../index-er3rvnn2.js";import{e}from"../../../../index-fwsd4nes.js";Jr(import.meta.url,["sdxweff1","dtzc3f2q","er3rvnn2","fwsd4nes"],[["./index.js",2,3],["../../../../hls.light-dtzc3f2q.js"],["../../../../index-er3rvnn2.js"],["../../../../index-fwsd4nes.js"]],0);
+import{useEffect as h,useRef as H}from"react";var E=["application/vnd.apple.mpegurl","application/x-mpegurl"];var w={fetch:async(t,n)=>await globalThis.fetch(t,n),loadHls:async()=>{let{default:t}=await (Nr("dtzc3f2q"),import("../../../../hls.light-dtzc3f2q.js"));return t}},b=(t)=>{let n=new URL(t,document.baseURI),r=n.pathname.indexOf("/media/");if(r===-1)return;return{origin:n.origin,pathPrefix:n.pathname.slice(0,r+7),url:n}},f=(t,n)=>{let r=new URL(n,t.url);return r.origin===t.origin&&r.pathname.startsWith(t.pathPrefix)},u=(t)=>{let n=new URL(t.url);return n.searchParams.set("stream","hls"),n.href},m=(t)=>{let n=t.headers.get("content-type")?.toLowerCase()??"";return t.ok&&E.some((r)=>n.startsWith(r))},y=async(t)=>{try{await t.body?.cancel()}catch{}},L=async(t)=>{try{await t.play()}catch{}},g=(t,n,r,s)=>{let{signal:i,video:o}=n,a=!1,l,c=(d)=>{l=new t(d),l.on(t.Events.ERROR,(D,p)=>{if(a||p.details!==t.ErrorDetails.FRAG_LOAD_ERROR||p.response?.code!==403)return;a=!0;let S=!o.paused,v=o.currentTime;if(l.destroy(),c({startPosition:v,xhrSetup:s}),S)L(o)}),l.loadSource(r),l.attachMedia(o)};c({xhrSetup:s}),i.addEventListener("abort",()=>l.destroy(),{once:!0})},M=(t,n)=>async(r,s)=>{if(!f(t,s))return;let i=await n();if(r.readyState===r.UNSENT)r.open("GET",s,!0);for(let[o,a]of Object.entries(i))r.setRequestHeader(o,a)},P=(t)=>(n,r)=>{n.withCredentials=f(t,r)},T=async(t,n,r,s)=>{let i=async(l)=>{let c=await s.fetch(l,{credentials:"omit",headers:await n(),signal:t.signal});return y(c),t.signal.throwIfAborted(),c},o=u(r),a=await i(o);if(m(a)){let l=await s.loadHls();if(t.signal.throwIfAborted(),l.isSupported()){g(l,t,o,M(r,n));return}a=await i(t.src)}t.video.src=a.ok?a.url:t.src},x=async(t,n,r)=>{let s=u(n),i=await r.fetch(s,{credentials:"include",redirect:"manual",signal:t.signal});if(y(i),t.signal.throwIfAborted(),m(i)){let o=await r.loadHls();if(t.signal.throwIfAborted(),o.isSupported()){g(o,t,s,P(n));return}if(t.video.canPlayType("application/vnd.apple.mpegurl")!==""){t.video.src=s;return}}t.video.src=t.src},R=async(t,n=w)=>{let{requestHeaders:r,signal:s,src:i,video:o}=t;try{let a=b(i);if(a===void 0){o.src=i;return}await(r===void 0?x(t,a,n):T(t,r,a,n))}catch{if(!s.aborted)o.src=i}};import{jsx as A}from"react/jsx-runtime";var O=({src:t,requestHeaders:n,className:r,classes:s,...i})=>{let o=H(null),a=H(n),l=n!==void 0;return h(()=>{a.current=n},[n]),h(()=>{let c=o.current;if(c===null)return;let d=new AbortController;return R({requestHeaders:l?async()=>await a.current?.()??{}:void 0,signal:d.signal,src:t,video:c}),()=>d.abort()},[t,l]),A("video",{ref:o,className:e("block w-full",s?.root,r),...i})},C=O;export{C as default};