@streamscloud/embeddable 15.1.0-1770823267010 → 16.0.0

package/dist/ui/player/providers/default-chunks-player-buffer.svelte.js

@@ -1,71 +0,0 @@
-import { Utils } from '../../../core/utils';
-import { PlayerChunksManager } from './chunks-player-buffer';
-export class DefaultChunksPlayerBuffer {
-    kind = 'chunks';
-    loaded = $derived.by(() => this._playerChunksManager.flattenedChunkItems);
-    currentIndex = $derived.by(() => this._playerChunksManager.flattenedActiveChunkItemIndex);
-    current = $derived(this.currentIndex >= 0 ? this.loaded[this.currentIndex] : null);
-    canLoadNext = $derived.by(() => {
-        if (this.loaded.length && this.currentIndex < this.loaded.length - 1) {
-            return true;
-        }
-        // Check if manager is still loading
-        if (this._playerChunksManager.isLoading) {
-            return false; // Don't trigger onEndReached while loading
-        }
-        return !!this._onEndReachedFn;
-    });
-    canLoadPrevious = $derived(this.currentIndex > 0);
-    navigationDisabled = $derived(!this.canLoadNext && !this.canLoadPrevious);
-    animationDuration = 500;
-    _playerChunksManager;
-    _onEndReachedFn;
-    constructor(provider) {
-        this._onEndReachedFn = provider.onEndReached;
-        // Throttle navigation methods
-        this.loadNext = Utils.throttle(this.loadNext, this.animationDuration);
-        this.loadPrevious = Utils.throttle(this.loadPrevious, this.animationDuration);
-        this._playerChunksManager = new PlayerChunksManager(provider);
-        this._playerChunksManager.initialize();
-    }
-    get activeChunk() {
-        return this._playerChunksManager.activeChunk;
-    }
-    setActiveChunkItemIndex = (index) => {
-        if (!this.activeChunk) {
-            return;
-        }
-        this.activeChunk.setActiveItemIndex(index);
-    };
-    tryActivateItemById = (id) => {
-        return this._playerChunksManager.tryActivateItemById(id);
-    };
-    removeChunkById = (id) => {
-        return this._playerChunksManager.removeChunkById(id);
-    };
-    removeItemById = (id) => {
-        return this._playerChunksManager.removeItemById(id);
-    };
-    loadNext = async () => {
-        if (!this.canLoadNext) {
-            return;
-        }
-        if (this.currentIndex < this.loaded.length - 1) {
-            this._playerChunksManager.activateItemAtFlattenedIndex(this.currentIndex + 1);
-            return;
-        }
-        this._onEndReachedFn?.();
-    };
-    loadPrevious = async () => {
-        if (!this.canLoadPrevious) {
-            return;
-        }
-        this._playerChunksManager.activateItemAtFlattenedIndex(this.currentIndex - 1);
-    };
-    reset = () => {
-        this._playerChunksManager.reset();
-    };
-    ensureWarmedUp = async () => {
-        await this._playerChunksManager.warmUp();
-    };
-}

package/dist/ui/player/providers/default-feed-player-buffer.svelte.d.ts

@@ -1,29 +0,0 @@
-import type { IFeedPlayerBuffer, IFeedPlayerDataProvider, WithId } from './types';
-export declare class DefaultFeedPlayerBuffer<T extends WithId> implements IFeedPlayerBuffer<T> {
-    readonly kind = "feed";
-    readonly loaded: (T & {
-        mediaIndex?: number;
-    })[];
-    readonly currentIndex: number;
-    readonly current: (T & {
-        mediaIndex?: number;
-    }) | null;
-    readonly canLoadNext: boolean;
-    readonly canLoadPrevious: boolean;
-    readonly navigationDisabled: boolean;
-    readonly animationDuration = 500;
-    private _currentIndex;
-    private _loaded;
-    private _loadMoreFn;
-    private _fetchDeferred;
-    private _onEndReachedFn;
-    constructor(provider: IFeedPlayerDataProvider<T>);
-    tryActivateItemById: (id: string) => boolean;
-    removeItemById: (id: string) => boolean;
-    loadNext: () => Promise<void>;
-    loadPrevious: () => Promise<void>;
-    reset: () => void;
-    ensureWarmedUp: () => Promise<void>;
-    private initializeBuffer;
-    private warmUpBuffer;
-}

package/dist/ui/player/providers/default-feed-player-buffer.svelte.js

@@ -1,121 +0,0 @@
-import { Deferred } from '../../../core/deferred';
-import { Utils } from '../../../core/utils';
-const BUFFER_SIZE = 5;
-export class DefaultFeedPlayerBuffer {
-    kind = 'feed';
-    loaded = $derived.by(() => this._loaded);
-    currentIndex = $derived.by(() => this._currentIndex);
-    current = $derived(this.currentIndex >= 0 ? this.loaded[this.currentIndex] : null);
-    canLoadNext = $derived.by(() => {
-        if (this.loaded.length && this.currentIndex < this.loaded.length - 1) {
-            return true;
-        }
-        return !this._fetchDeferred && !!this._onEndReachedFn;
-    });
-    canLoadPrevious = $derived(this.currentIndex > 0);
-    navigationDisabled = $derived(!this.canLoadNext && !this.canLoadPrevious);
-    animationDuration = 500;
-    _currentIndex = $state(-1);
-    _loaded = $state.raw([]);
-    _loadMoreFn;
-    _fetchDeferred = $state.raw(null);
-    _onEndReachedFn;
-    constructor(provider) {
-        this._onEndReachedFn = provider.onEndReached;
-        this._loadMoreFn = provider.loadMore;
-        // Throttle navigation methods
-        this.loadNext = Utils.throttle(this.loadNext, this.animationDuration);
-        this.loadPrevious = Utils.throttle(this.loadPrevious, this.animationDuration);
-        this.initializeBuffer({ initialData: provider.initialData });
-    }
-    tryActivateItemById = (id) => {
-        const itemIndex = this._loaded.findIndex((item) => item.id === id);
-        if (itemIndex === -1) {
-            return false;
-        }
-        this._currentIndex = itemIndex;
-        return true;
-    };
-    removeItemById = (id) => {
-        const itemIndex = this._loaded.findIndex((item) => item.id === id);
-        if (itemIndex === -1) {
-            return false;
-        }
-        this._loaded = this._loaded.filter((item) => item.id !== id);
-        if (itemIndex < this._currentIndex) {
-            this._currentIndex--;
-        }
-        else if (itemIndex === this._currentIndex) {
-            if (this._currentIndex >= this._loaded.length) {
-                this._currentIndex = this._loaded.length - 1;
-            }
-            // Otherwise keep the same index (activates next item)
-        }
-        return true;
-    };
-    loadNext = async () => {
-        if (!this.canLoadNext) {
-            return;
-        }
-        if (this.currentIndex < this.loaded.length - 1) {
-            ++this._currentIndex;
-            await this.warmUpBuffer();
-            return;
-        }
-        this._onEndReachedFn?.();
-    };
-    loadPrevious = async () => {
-        if (!this.canLoadPrevious) {
-            return;
-        }
-        --this._currentIndex;
-    };
-    reset = () => {
-        this._loaded = [];
-        this._currentIndex = -1;
-        this._fetchDeferred = null;
-        this.warmUpBuffer();
-    };
-    ensureWarmedUp = async () => {
-        await this.warmUpBuffer();
-    };
-    initializeBuffer = async (options) => {
-        const { initialData } = options;
-        const handleInitialized = () => {
-            const startIndex = initialData.startIndex >= 0 ? initialData.startIndex : 0;
-            this._currentIndex = Math.min(startIndex, this._loaded.length - 1);
-            const hasCustomMediaIndex = initialData.startMediaIndex && initialData.startMediaIndex > 0;
-            const activeItem = this._loaded[this._currentIndex];
-            if (activeItem && hasCustomMediaIndex) {
-                activeItem.mediaIndex = initialData.startMediaIndex;
-            }
-        };
-        this._loaded = initialData.prefetchedItems;
-        const considerInitialized = this._loaded.length > 0;
-        if (considerInitialized) {
-            handleInitialized();
-        }
-        await this.warmUpBuffer();
-        if (!considerInitialized) {
-            handleInitialized();
-        }
-    };
-    warmUpBuffer = async () => {
-        // Early return if buffer is sufficient or already loading
-        if (this._fetchDeferred) {
-            return this._fetchDeferred.promise;
-        }
-        if (this._loaded.length >= this.currentIndex + BUFFER_SIZE) {
-            return;
-        }
-        this._fetchDeferred = new Deferred();
-        try {
-            const result = await this._loadMoreFn();
-            this._loaded = [...this._loaded, ...result];
-        }
-        finally {
-            this._fetchDeferred.resolve();
-            this._fetchDeferred = null;
-        }
-    };
-}

package/dist/ui/player/providers/index.d.ts

@@ -1,3 +0,0 @@
-export type { IPlayerBuffer, IPlayerDataProvider, IFeedPlayerDataProvider, IChunksPlayerDataProvider } from './types';
-export { DefaultFeedPlayerBuffer } from './default-feed-player-buffer.svelte';
-export { DefaultChunksPlayerBuffer } from './default-chunks-player-buffer.svelte';

package/dist/ui/player/providers/index.js

@@ -1,2 +0,0 @@
-export { DefaultFeedPlayerBuffer } from './default-feed-player-buffer.svelte';
-export { DefaultChunksPlayerBuffer } from './default-chunks-player-buffer.svelte';

package/dist/ui/player/providers/service.d.ts

@@ -1,2 +0,0 @@
-import type { IPlayerBuffer, IPlayerDataProvider, WithId } from './types';
-export declare const initBufferFromProvider: <T extends WithId>(provider: IPlayerDataProvider<T>) => IPlayerBuffer<T>;

package/dist/ui/player/providers/service.js

@@ -1,13 +0,0 @@
-import { Utils } from '../../../core/utils';
-import { DefaultChunksPlayerBuffer } from './default-chunks-player-buffer.svelte';
-import { DefaultFeedPlayerBuffer } from './default-feed-player-buffer.svelte';
-export const initBufferFromProvider = (provider) => {
-    switch (provider.kind) {
-        case 'feed':
-            return new DefaultFeedPlayerBuffer(provider);
-        case 'chunks':
-            return new DefaultChunksPlayerBuffer(provider);
-        default:
-            Utils.assertUnreachable(provider);
-    }
-};

package/dist/ui/player/providers/types.d.ts

@@ -1,54 +0,0 @@
-export type IPlayerDataProvider<T extends WithId> = IFeedPlayerDataProvider<T> | IChunksPlayerDataProvider<T>;
-export interface IFeedPlayerDataProvider<T extends WithId> {
-    kind: 'feed';
-    initialData: {
-        prefetchedItems: T[];
-        startIndex: number;
-        startMediaIndex?: number;
-    };
-    loadMore: () => Promise<T[]>;
-    onEndReached?: () => void;
-}
-export interface IChunksPlayerDataProvider<TItem extends WithId, TChunk extends WithId = WithId> {
-    kind: 'chunks';
-    initialData: {
-        prefetchedChunks: TChunk[];
-        startItemIndex?: number;
-    };
-    loadMoreChunks: () => Promise<TChunk[]>;
-    loadChunkItems: (chunkId: string, continuationToken: string | null | undefined) => Promise<{
-        items: TItem[];
-        continuationToken: string | null;
-    }>;
-    onEndReached?: () => void;
-}
-export type IPlayerBuffer<T extends WithId> = IFeedPlayerBuffer<T> | IChunksPlayerBuffer<T>;
-export interface IPlayerBufferBase<T extends WithId> {
-    readonly kind: 'feed' | 'chunks';
-    readonly current: TExtended<T> | null;
-    readonly loaded: TExtended<T>[];
-    readonly currentIndex: number;
-    readonly canLoadNext: boolean;
-    readonly canLoadPrevious: boolean;
-    readonly navigationDisabled: boolean;
-    readonly animationDuration: number;
-    loadNext: () => void;
-    loadPrevious: () => void;
-    reset: () => void;
-    ensureWarmedUp: () => Promise<void>;
-    tryActivateItemById: (id: string) => boolean;
-    removeItemById: (id: string) => void;
-}
-type TExtended<T> = T & {
-    mediaIndex?: number;
-};
-export interface IFeedPlayerBuffer<T extends WithId> extends IPlayerBufferBase<T> {
-    readonly kind: 'feed';
-}
-export interface IChunksPlayerBuffer<T extends WithId> extends IPlayerBufferBase<T> {
-    readonly kind: 'chunks';
-}
-export type WithId = {
-    id: string;
-};
-export {};

package/dist/ui/player/providers/types.js

@@ -1 +0,0 @@
-export {};

package/dist/ui/player/slider/cmp.player-slider.svelte

@@ -1,207 +0,0 @@
-<script lang="ts" generics="T extends { id: string }">import { TouchSynchronizer } from '../utils';
-import { createWheelAdapter } from './wheel-gestures-adapter';
-import { onDestroy, onMount, untrack } from 'svelte';
-let { buffer, on, children } = $props();
-let slidesRef;
-let sliderHeight = $state(0);
-let swipeTransition = $state(0);
-let cssAnimationDuration = $derived(buffer.animationDuration * 0.55);
-let resizeObserver;
-let sliderIndex = $state.raw(untrack(() => buffer.currentIndex));
-const actualTransition = $derived(-sliderHeight * sliderIndex);
-const onKeyPress = (e) => {
-    if (e.key === 'ArrowUp' || e.key === 'PageUp') {
-        buffer.loadPrevious();
-    }
-    if (e.key === 'ArrowDown' || e.key === 'PageDown') {
-        buffer.loadNext();
-    }
-};
-$effect(() => {
-    if (buffer.currentIndex >= 0 && sliderIndex >= 0 && Math.abs(sliderIndex - buffer.currentIndex) === 1) {
-        slidesRef.classList.toggle('animate', true);
-    }
-    else if (buffer.currentIndex >= 0 && (Math.abs(sliderIndex - buffer.currentIndex) !== 0 || !active)) {
-        untrack(() => notifyOnItemChanged());
-    }
-});
-let active = null;
-$effect(() => {
-    sliderIndex = buffer.currentIndex;
-});
-const notifyOnItemChanged = () => {
-    if (active && buffer.current?.id !== active.id) {
-        on?.itemDeactivated?.(active.id);
-    }
-    active = buffer.current;
-    if (active) {
-        on?.itemActivated?.(active.id);
-    }
-};
-onMount(() => {
-    let touchStartX = 0;
-    let touchStartY = 0;
-    let touchMoveY = 0;
-    let touchStartTime = 0;
-    let swipeState = 'not-initialized';
-    window.addEventListener(`keydown`, onKeyPress);
-    slidesRef.addEventListener('touchstart', (e) => {
-        TouchSynchronizer.touchStarted(slidesRef);
-        // The movement gets all janky if there's a transition on the elements.
-        slidesRef.classList.toggle('animate', false);
-        touchStartX = e.changedTouches[0].screenX;
-        touchStartY = e.changedTouches[0].screenY;
-        touchStartTime = Date.now();
-        swipeState = 'not-initialized';
-    }, { passive: true });
-    slidesRef.addEventListener('touchmove', (e) => {
-        if (swipeState === 'vertical') {
-            // Already determined this is a vertical swipe
-            e.preventDefault();
-            e.stopPropagation();
-            TouchSynchronizer.touchMovePropagationBlocked(slidesRef);
-        }
-        else if (swipeState === 'horizontal') {
-            // Already determined this is a horizontal swipe
-            return;
-        }
-        const touchCurrentX = e.changedTouches[0].screenX;
-        const touchCurrentY = e.changedTouches[0].screenY;
-        const diffX = Math.abs(touchCurrentX - touchStartX);
-        const diffY = Math.abs(touchCurrentY - touchStartY);
-        // Determine direction on first significant movement
-        if (diffX > 10 || diffY > 10) {
-            if (diffY > diffX) {
-                // Vertical swipe - handle it
-                swipeState = 'vertical';
-                e.preventDefault();
-                e.stopPropagation();
-                TouchSynchronizer.touchMovePropagationBlocked(slidesRef);
-                const newPosition = touchCurrentY;
-                const diff = newPosition - touchStartY;
-                if ((diff > 0 && buffer.canLoadPrevious) || (diff < 0 && buffer.canLoadNext)) {
-                    touchMoveY = diff;
-                    swipeTransition = diff + actualTransition;
-                }
-            }
-            else {
-                // Horizontal swipe - allow child to handle
-                swipeState = 'horizontal';
-                return;
-            }
-        }
-    }, { passive: false });
-    slidesRef.addEventListener('touchend', (e) => {
-        const reset = () => {
-            swipeTransition = 0;
-            touchMoveY = 0;
-        };
-        // Check if this is a vertical swipe
-        if (swipeState !== 'vertical') {
-            // Horizontal swipe - don't handle and don't block
-            reset();
-            return;
-        }
-        // This is a vertical swipe - block propagation
-        e.stopPropagation();
-        TouchSynchronizer.touchEndPropatationBlocked(slidesRef);
-        TouchSynchronizer.touchEnded(slidesRef);
-        slidesRef.classList.toggle('animate', true);
-        const isFastSwipe = Date.now() - touchStartTime < 300;
-        if (!touchMoveY || (!isFastSwipe && Math.abs(touchMoveY) < sliderHeight / 6)) {
-            return reset();
-        }
-        if (touchMoveY > 0) {
-            buffer.loadPrevious();
-        }
-        else {
-            buffer.loadNext();
-        }
-        reset();
-    });
-    slidesRef.addEventListener('transitionend', (e) => {
-        if (e.target !== slidesRef) {
-            return;
-        }
-        slidesRef.classList.toggle('animate', false);
-        notifyOnItemChanged();
-    });
-    sliderHeight = slidesRef.clientHeight;
-    resizeObserver = new ResizeObserver(() => {
-        sliderHeight = slidesRef.clientHeight;
-    });
-    resizeObserver.observe(slidesRef);
-});
-onDestroy(() => {
-    if (resizeObserver) {
-        resizeObserver.disconnect();
-    }
-    window.removeEventListener('keydown', onKeyPress);
-});
-const styles = $derived.by(() => {
-    const values = [
-        `transform: translateY(${swipeTransition || actualTransition}px)`,
-        `--_player-slider--animation: ${cssAnimationDuration}ms ease-out transform`
-    ];
-    return values.join(';');
-});
-const wheelCallbacks = {
-    canLoadNext: () => buffer.canLoadNext,
-    canLoadPrevious: () => buffer.canLoadPrevious,
-    onTrigger: (direction) => {
-        // direction: 1 -> next, -1 -> previous
-        if (direction > 0) {
-            buffer.loadNext();
-        }
-        else if (direction < 0) {
-            buffer.loadPrevious();
-        }
-    },
-    getAnimationDurationMs: () => buffer.animationDuration
-};
-</script>
-
-<div class="player-slider">
-  <div class="player-slider__slides" bind:this={slidesRef} use:createWheelAdapter={{ cbs: wheelCallbacks }} style={styles}>
-    {#each buffer.loaded as item, index (item)}
-      <div class="player-slider__slide">
-        {#if index >= sliderIndex - 1 && index <= sliderIndex + 1}
-          <!-- Only render the active slide and its immediate neighbors for performance -->
-          {@render children({ item, active: index === sliderIndex })}
-        {/if}
-      </div>
-    {/each}
-  </div>
-</div>
-
-<style>.player-slider {
-  position: relative;
-  overflow: clip;
-  height: 100%;
-  width: 100%;
-  min-width: 100%;
-  max-width: 100%;
-}
-.player-slider__slides {
-  height: 100%;
-  min-height: 100%;
-  max-height: 100%;
-  width: 100%;
-  min-width: 100%;
-  max-width: 100%;
-}
-.player-slider__slides:global(.animate) {
-  transition: var(--_player-slider--animation);
-}
-.player-slider__slide {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  height: 100%;
-  min-height: 100%;
-  max-height: 100%;
-  width: 100%;
-  min-width: 100%;
-  max-width: 100%;
-}</style>

package/dist/ui/player/slider/cmp.player-slider.svelte.d.ts

@@ -1,24 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare class __sveltets_Render<T extends {
-    id: string;
-}> {
-    props(): Record<string, never>;
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): {};
-}
-export type CmpProps<T extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<T>['props']>;
-export type CmpEvents<T extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<T>['events']>;
-export type CmpSlots<T extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class Cmp<T extends {
-    id: string;
-}> extends SvelteComponentTyped<CmpProps<T>, CmpEvents<T>, CmpSlots<T>> {
-}
-export {};

package/dist/ui/player/slider/index.d.ts

@@ -1,2 +0,0 @@
-export { default as PlayerSlider } from './cmp.player-slider.svelte';
-export { preventSliderScroll } from './prevent-slider-scroll';

package/dist/ui/player/slider/index.js

@@ -1,2 +0,0 @@
-export { default as PlayerSlider } from './cmp.player-slider.svelte';
-export { preventSliderScroll } from './prevent-slider-scroll';

package/dist/ui/player/slider/prevent-slider-scroll.d.ts

@@ -1,5 +0,0 @@
-/** @type {import('svelte/action').Action}  */
-export declare const preventSliderScroll: (node: HTMLElement, value?: boolean) => {
-    destroy(): void;
-};
-export declare const isScrollingPrevented: (node: HTMLElement) => boolean;

package/dist/ui/player/slider/prevent-slider-scroll.js

@@ -1,11 +0,0 @@
-/** @type {import('svelte/action').Action}  */
-export const preventSliderScroll = (node, value = true) => {
-    node.dataset[preventScrollingAttrubute] = value.toString();
-    return {
-        destroy() {
-            // the node has been removed from the DOM
-        }
-    };
-};
-export const isScrollingPrevented = (node) => node.dataset[preventScrollingAttrubute] === 'true';
-const preventScrollingAttrubute = 'preventPlayerScrolling';

package/dist/ui/player/slider/types.d.ts

@@ -1,16 +0,0 @@
-export type PlayerSliderCallbacks = {
-    itemActivated?: (e: string) => void;
-    itemDeactivated?: (e: string) => void;
-};
-export interface PlayerSliderBuffer<T extends {
-    id: string;
-}> {
-    readonly current: T | null;
-    readonly loaded: T[];
-    readonly currentIndex: number;
-    readonly canLoadNext: boolean;
-    readonly canLoadPrevious: boolean;
-    readonly animationDuration: number;
-    loadNext: () => void;
-    loadPrevious: () => void;
-}

package/dist/ui/player/slider/types.js

@@ -1 +0,0 @@
-export {};

package/dist/ui/player/slider/wheel-gestures-adapter.d.ts

@@ -1,17 +0,0 @@
-export type WheelAdapterCallbacks = {
-    canLoadNext: () => boolean;
-    canLoadPrevious: () => boolean;
-    onTrigger: (direction: number) => void;
-    getAnimationDurationMs: () => number;
-};
-/**
- * Minimal, robust wheel adapter:
- * - EMA over axisVelocity[1] to smooth noisy streams (esp. on Windows)
- * - Cooldown blocks triggers while animation runs
- * - Mouse fallback: if velocity is near zero but delta is large, treat as a discrete "kick"
- */
-export declare const createWheelAdapter: (target: HTMLElement, params: {
-    cbs: WheelAdapterCallbacks;
-}) => {
-    destroy(): void;
-};