@streamscloud/embeddable 8.3.0 → 10.0.0

package/dist/short-videos/short-videos-player/operations.graphql

@@ -1,17 +0,0 @@
-# noinspection GraphQLSchemaValidation
-query GetShortVideos($input: EmbedPostsInput!, $image_scale: ImageScale = ORIGINAL_ENCODED) {
-  shortVideos: embedPosts(input: $input) {
-    items {
-      ...ShortVideosPlayerPayloadFragment
-    }
-    continuationToken
-  }
-}
-
-fragment ShortVideosPlayerPayloadFragment on Post {
-  ...PostViewerPayloadFragment
-  ownerProfile {
-    id
-    type
-  }
-}

package/dist/short-videos/short-videos-player/short-videos-player-view.svelte

@@ -1,82 +0,0 @@
-<script lang="ts">var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { ContentPlayer, ContentPlayerConfig } from '../../content-player';
-import { ContentPlayerSettings } from '../../content-player/content-player-settings';
-import { preloadImage } from '../../core/image-preloader';
-import { getPostCoverImage } from '../../posts/model';
-import { PlayerBuffer } from '../../ui/player-slider';
-import { InternalShortVideoPlayerProvider } from './internal-short-video-player-provider';
-import { untrack } from 'svelte';
-let { dataProvider, socialInteractionsHandler, playerSettings, analyticsHandler, on, mediaCenterData } = $props();
-$effect(() => {
-    void dataProvider;
-    untrack(() => {
-        contentPlayerConfig.playerBuffer = null;
-        initBuffer(dataProvider);
-    });
-});
-$effect(() => contentPlayerConfig.updateMediaCenterData(mediaCenterData));
-const initBuffer = (dataProvider) => __awaiter(void 0, void 0, void 0, function* () {
-    if (dataProvider instanceof InternalShortVideoPlayerProvider) {
-        yield dataProvider.prefetch();
-    }
-    new PlayerBuffer(dataProvider, {
-        preloaded: (instance) => __awaiter(void 0, void 0, void 0, function* () {
-            if (instance.loaded.length) {
-                const coverUrl = getPostCoverImage(instance.loaded[0]);
-                yield preloadImage(coverUrl);
-                contentPlayerConfig.setBackgroundImageUrl(coverUrl);
-            }
-            contentPlayerConfig.playerBuffer = instance;
-        })
-    });
-});
-const contentPlayerConfig = new ContentPlayerConfig({
-    playerBuffer: null,
-    mappers: {
-        postModelFromCurrentItem: (item) => item
-    },
-    socialInteractionsHandler,
-    mediaCenterData,
-    settings: new ContentPlayerSettings(playerSettings),
-    callbacks: {
-        close: on === null || on === void 0 ? void 0 : on.playerClosed,
-        productClick: (id, videoId) => {
-            analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackShortVideoProductClick(id, videoId);
-        },
-        productImpression: (id, videoId) => {
-            analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackShortVideoProductImpression(id, videoId);
-        },
-        adClick: (id) => {
-            analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackAdClick(id);
-        },
-        adImpression: (id) => {
-            analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackAdImpression(id);
-        }
-    },
-    playerSliderCallbacks: {
-        itemActivated: (id) => {
-            var _a, _b;
-            const shortVideo = (_a = contentPlayerConfig.playerBuffer) === null || _a === void 0 ? void 0 : _a.loaded.find((x) => x.id === id);
-            if (!shortVideo) {
-                return;
-            }
-            contentPlayerConfig.setBackgroundImageUrl(getPostCoverImage(shortVideo));
-            if (shortVideo.analyticsOrganizationId) {
-                analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.setOrganizationId(shortVideo.analyticsOrganizationId);
-            }
-            analyticsHandler === null || analyticsHandler === void 0 ? void 0 : analyticsHandler.trackShortVideoView(id);
-            (_b = on === null || on === void 0 ? void 0 : on.videoActivated) === null || _b === void 0 ? void 0 : _b.call(on, id);
-        }
-    }
-});
-</script>
-
-<ContentPlayer config={contentPlayerConfig} />

package/dist/short-videos/short-videos-player/short-videos-player-view.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { MediaCenterData } from '../../media-center/model/types';
-import type { ShortVideoPlayerProps } from './types';
-type $$ComponentProps = ShortVideoPlayerProps & {
-    mediaCenterData?: MediaCenterData;
-};
-declare const ShortVideosPlayerView: import("svelte").Component<$$ComponentProps, {}, "">;
-type ShortVideosPlayerView = ReturnType<typeof ShortVideosPlayerView>;
-export default ShortVideosPlayerView;

package/dist/short-videos/short-videos-player/types.d.ts

@@ -1,26 +0,0 @@
-import type { IContentPlayerSettingsInitializer } from '../../content-player/content-player-settings';
-import type { IPostModel } from '../../posts';
-import type { IPostSocialInteractionsHandler } from '../../posts/social-interactions';
-import type { IPlayerItemsProvider } from '../../ui/player-slider';
-export interface IShortVideoAnalyticsHandler {
-    setOrganizationId: (organizationId: string) => void;
-    trackShortVideoView: (videoId: string) => void;
-    trackShortVideoProductImpression: (productId: string, videoId: string) => void;
-    trackShortVideoProductClick: (productId: string, videoId: string) => void;
-    trackAdClick: (adId: string) => void;
-    trackAdImpression: (adId: string) => void;
-}
-export type ShortVideoPlayerModel = IPostModel & {
-    analyticsOrganizationId: string | null;
-};
-export type ShortVideoPlayerProps = {
-    dataProvider: IPlayerItemsProvider<ShortVideoPlayerModel>;
-    socialInteractionsHandler?: IPostSocialInteractionsHandler;
-    analyticsHandler?: IShortVideoAnalyticsHandler;
-    playerSettings?: ShortVideoPlayerSettings;
-    on?: {
-        playerClosed?: () => void;
-        videoActivated?: (id: string) => void;
-    };
-};
-export type ShortVideoPlayerSettings = Pick<IContentPlayerSettingsInitializer, 'disableBackground' | 'hideCloseButton' | 'locale' | 'showStreamsCloudWatermark'>;

package/dist/streams/stream-player/internal-stream-player-data-provider.d.ts

@@ -1,12 +0,0 @@
-import type { IStreamPlayerDataProvider } from './types';
-import type { Client } from '@urql/core';
-export declare class InternalStreamPlayerDataProvider implements IStreamPlayerDataProvider {
-    private graphql;
-    constructor(input: {
-        initiator?: string;
-        graphqlOrigin?: string;
-        graphql?: Client;
-    });
-    getStream: IStreamPlayerDataProvider['getStream'];
-    getStreamPages: IStreamPlayerDataProvider['getStreamPages'];
-}

package/dist/streams/stream-player/internal-stream-player-data-provider.js

@@ -1,48 +0,0 @@
-import { ImageScale } from '../..';
-import { createLocalGQLClient } from '../../core/graphql';
-import { mapToStreamPageViewerModel } from '../stream-page-viewer';
-import { mapToStreamPlayerModel } from './mapper';
-import { GetStreamDocument, GetStreamPagesDocument } from './operations.generated';
-export class InternalStreamPlayerDataProvider {
-    graphql;
-    constructor(input) {
-        const { graphqlOrigin, initiator, graphql } = input;
-        this.graphql = graphql ?? createLocalGQLClient(graphqlOrigin, initiator ? { 'x-initiator': initiator } : undefined);
-    }
-    getStream = async (id) => {
-        const streamPayload = await this.graphql.query(GetStreamDocument, { id }).toPromise();
-        if (!streamPayload.data?.stream) {
-            return null;
-        }
-        return mapToStreamPlayerModel(streamPayload.data.stream);
-    };
-    getStreamPages = async (streamId, continuationToken) => {
-        const emptyResult = { items: [], continuationToken: null };
-        if (continuationToken === null) {
-            return emptyResult;
-        }
-        try {
-            const payload = await this.graphql
-                .query(GetStreamPagesDocument, {
-                input: {
-                    limit: 10,
-                    continuationToken,
-                    filter: { streamId }
-                },
-                image_scale: ImageScale.OriginalEncoded
-            })
-                .toPromise();
-            const data = payload.data?.streamPages;
-            if (!data) {
-                return emptyResult;
-            }
-            return {
-                items: data.items.map(mapToStreamPageViewerModel),
-                continuationToken: data.continuationToken
-            };
-        }
-        catch {
-            return emptyResult;
-        }
-    };
-}

package/dist/streams/stream-player/stream-player-buffer.svelte.d.ts

@@ -1,28 +0,0 @@
-import { type StreamPageViewerModel } from '../stream-page-viewer';
-import type { IPlayerBuffer } from '../../ui/player-slider';
-import type { IStreamPlayerDataProvider } from './types';
-export declare class StreamPlayerBuffer implements IPlayerBuffer<StreamPageViewerModel> {
-    readonly loaded: StreamPageViewerModel[];
-    readonly currentIndex: number;
-    readonly current: StreamPageViewerModel | null;
-    readonly canLoadNext: boolean;
-    readonly canLoadPrevious: boolean;
-    readonly navigationDisabled: boolean;
-    readonly animationDuration = 300;
-    private _currentIndex;
-    private _loaded;
-    private _pagesLoader;
-    constructor(init: {
-        streamId: string;
-        dataProvider: IStreamPlayerDataProvider;
-        on?: {
-            preloaded?: (self: StreamPlayerBuffer) => void;
-        };
-    });
-    loadMore: () => Promise<StreamPageViewerModel[]>;
-    loadNext: () => Promise<void>;
-    loadPrevious: () => Promise<void>;
-    setIndex: (index: number) => void;
-    reset: (onPreloaded?: (self: StreamPlayerBuffer) => void) => Promise<void>;
-    private warmUpBuffer;
-}

package/dist/streams/stream-player/stream-player-buffer.svelte.js

@@ -1,79 +0,0 @@
-import { ContinuationToken } from '../../core/continuation-token';
-import { CursorDataLoader } from '../../core/data-loaders';
-import { Utils } from '../../core/utils';
-import {} from '../stream-page-viewer';
-export class StreamPlayerBuffer {
-    loaded = $derived.by(() => this._loaded);
-    currentIndex = $derived.by(() => this._currentIndex);
-    current = $derived(this.currentIndex >= 0 ? this.loaded[this.currentIndex] : null);
-    canLoadNext = $derived(this.currentIndex < this.loaded.length - 1);
-    canLoadPrevious = $derived(this.currentIndex > 0);
-    navigationDisabled = $derived(!this.canLoadNext && !this.canLoadPrevious);
-    animationDuration = 300;
-    _currentIndex = $state(-1);
-    _loaded = $state.raw([]);
-    _pagesLoader;
-    constructor(init) {
-        const { streamId, dataProvider, on } = init;
-        this._pagesLoader = new CursorDataLoader({
-            loadPage: async (continuationToken) => {
-                const result = await dataProvider.getStreamPages(streamId, continuationToken.toNextChunkString());
-                const items = result.items;
-                this._loaded = [...this._loaded, ...items];
-                return {
-                    items: items,
-                    continuationToken: ContinuationToken.fromPayload(result.continuationToken)
-                };
-            }
-        });
-        this.warmUpBuffer(on?.preloaded);
-        this.loadNext = Utils.throttle(this.loadNext, this.animationDuration);
-        this.loadPrevious = Utils.throttle(this.loadPrevious, this.animationDuration);
-    }
-    loadMore = () => this._pagesLoader.loadMore();
-    loadNext = async () => {
-        if (!this.canLoadNext) {
-            return;
-        }
-        ++this._currentIndex;
-        this.warmUpBuffer();
-    };
-    loadPrevious = async () => {
-        if (!this.canLoadPrevious) {
-            return;
-        }
-        --this._currentIndex;
-    };
-    setIndex = (index) => {
-        this._currentIndex = index;
-        this.warmUpBuffer();
-    };
-    reset = async (onPreloaded) => {
-        this._loaded = [];
-        this._currentIndex = -1;
-        await this._pagesLoader.reset();
-        this.warmUpBuffer(onPreloaded);
-    };
-    warmUpBuffer = async (onPreloaded) => {
-        const bufferSize = 2;
-        if (this.loaded.length >= this.currentIndex + bufferSize) {
-            if (onPreloaded) {
-                onPreloaded(this);
-            }
-            return;
-        }
-        try {
-            await this.loadMore();
-            if (this._currentIndex < 0) {
-                if (this.loaded.length > 0) {
-                    this._currentIndex = 0;
-                }
-            }
-        }
-        finally {
-            if (onPreloaded) {
-                onPreloaded(this);
-            }
-        }
-    };
-}

package/dist/streams/stream-player/stream-player-view.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { MediaCenterData } from '../../media-center/model/types';
-import type { StreamPlayerProps } from './types';
-type $$ComponentProps = StreamPlayerProps & {
-    mediaCenterData?: MediaCenterData;
-};
-declare const StreamPlayerView: import("svelte").Component<$$ComponentProps, {}, "">;
-type StreamPlayerView = ReturnType<typeof StreamPlayerView>;
-export default StreamPlayerView;

package/dist/ui/player-button/types.js

@@ -1 +0,0 @@
-import { IconColor } from '../icon';

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

@@ -1,31 +0,0 @@
-import type { IPlayerBuffer, TExtended } from './types';
-export declare class PlayerBuffer<T extends {
-    id: string;
-}> implements IPlayerBuffer<T> {
-    readonly loaded: TExtended<T>[];
-    readonly currentIndex: number;
-    readonly current: TExtended<T> | null;
-    readonly canLoadNext: boolean;
-    readonly canLoadPrevious: boolean;
-    readonly navigationDisabled: boolean;
-    readonly animationDuration = 500;
-    private _currentIndex;
-    private _loaded;
-    private loadMoreFn;
-    private isLoading;
-    constructor(provider: IPlayerItemsProvider<T>, on?: {
-        preloaded?: (self: PlayerBuffer<T>) => void;
-    });
-    loadNext: () => Promise<void>;
-    loadPrevious: () => Promise<void>;
-    reset: (onPreloaded?: (self: PlayerBuffer<T>) => void) => void;
-    private warmUpBuffer;
-}
-export interface IPlayerItemsProvider<T> {
-    initialData: {
-        prefetchedItems: T[];
-        startIndex: number;
-        startMediaIndex?: number;
-    };
-    loadMore(): Promise<T[]>;
-}

package/dist/ui/player-slider/player-buffer.svelte.js

@@ -1,76 +0,0 @@
-import { Utils } from '../../core/utils';
-export class PlayerBuffer {
-    loaded = $derived.by(() => this._loaded);
-    currentIndex = $derived.by(() => this._currentIndex);
-    current = $derived(this.currentIndex >= 0 ? this.loaded[this.currentIndex] : null);
-    canLoadNext = $derived(this.currentIndex < this.loaded.length - 1);
-    canLoadPrevious = $derived(this.currentIndex > 0);
-    navigationDisabled = $derived(!this.canLoadNext && !this.canLoadPrevious);
-    animationDuration = 500;
-    _currentIndex = $state(-1);
-    _loaded = $state.raw([]);
-    loadMoreFn;
-    isLoading = false;
-    constructor(provider, on) {
-        this.loadMoreFn = provider.loadMore;
-        this._loaded =
-            provider.initialData.startIndex >= 0 && provider.initialData.startMediaIndex && provider.initialData.startMediaIndex > 0
-                ? provider.initialData.prefetchedItems.map((i, index) => ({
-                    ...i,
-                    mediaIndex: index === provider.initialData.startIndex ? provider.initialData.startMediaIndex : 0
-                }))
-                : provider.initialData.prefetchedItems;
-        this._currentIndex = provider.initialData.prefetchedItems.length
-            ? provider.initialData.startIndex >= this._loaded.length
-                ? provider.initialData.prefetchedItems.length - 1
-                : provider.initialData.startIndex
-            : -1;
-        this.warmUpBuffer(on?.preloaded);
-        this.loadNext = Utils.throttle(this.loadNext, this.animationDuration);
-        this.loadPrevious = Utils.throttle(this.loadPrevious, this.animationDuration);
-    }
-    loadNext = async () => {
-        if (!this.canLoadNext) {
-            return;
-        }
-        ++this._currentIndex;
-        this.warmUpBuffer();
-    };
-    loadPrevious = async () => {
-        if (!this.canLoadPrevious) {
-            return;
-        }
-        --this._currentIndex;
-    };
-    reset = (onPreloaded) => {
-        this._loaded = [];
-        this._currentIndex = -1;
-        this.isLoading = false;
-        this.warmUpBuffer(onPreloaded);
-    };
-    warmUpBuffer = async (onPreloaded) => {
-        const bufferSize = 5;
-        if (this._loaded.length >= this.currentIndex + bufferSize || this.isLoading) {
-            if (onPreloaded) {
-                onPreloaded(this);
-            }
-            return;
-        }
-        this.isLoading = true;
-        try {
-            const result = await this.loadMoreFn();
-            this._loaded = [...this._loaded, ...result];
-            if (this.currentIndex < 0) {
-                if (this._loaded.length > 0) {
-                    this._currentIndex = 0;
-                }
-            }
-        }
-        finally {
-            if (onPreloaded) {
-                onPreloaded(this);
-            }
-            this.isLoading = false;
-        }
-    };
-}

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

@@ -1,26 +0,0 @@
-export interface IPlayerBuffer<T extends {
-    id: string;
-}> {
-    readonly current: TExtended<T> | null;
-    readonly currentIndex: number;
-    readonly loaded: TExtended<T>[];
-    readonly canLoadNext: boolean;
-    readonly canLoadPrevious: boolean;
-    readonly navigationDisabled: boolean;
-    readonly animationDuration: number;
-    loadNext: () => void;
-    loadPrevious: () => void;
-    reset: () => void;
-}
-export type TExtended<T> = T & {
-    mediaIndex?: number;
-};
-export type PlayerSliderCallbacks<T> = {
-    itemPreActivated?: (e: T) => void;
-    itemPreDeactivated?: (e: {
-        itemId: string;
-        loadingNext: boolean;
-    }) => void;
-    itemActivated?: (e: string) => void;
-    itemDeactivated?: (e: string) => void;
-};