@streamscloud/embeddable 9.0.0 → 10.0.0
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/dist/content-player/cmp.content-player.svelte +1 -1
- package/dist/content-player/content-player-config.svelte.d.ts +4 -4
- package/dist/content-player/controls-and-attachments.svelte +1 -1
- package/dist/content-player/header.svelte +1 -1
- package/dist/core/document.event-handlers.d.ts +1 -0
- package/dist/core/document.event-handlers.js +3 -0
- package/dist/media-center/config/internal-media-center-analytics-handler.d.ts +1 -1
- package/dist/media-center/config/internal-media-center-config.js +34 -44
- package/dist/media-center/config/operations.generated.d.ts +0 -104
- package/dist/media-center/config/operations.generated.js +0 -320
- package/dist/media-center/config/operations.graphql +0 -24
- package/dist/media-center/config/types.d.ts +7 -9
- package/dist/media-center/media-center/cmp.media-center.svelte +27 -7
- package/dist/media-center/media-center/cmp.media-center.svelte.d.ts +2 -2
- package/dist/media-center/media-center/discover-panel-handler.svelte.d.ts +2 -2
- package/dist/media-center/media-center/discover-panel.svelte +1 -1
- package/dist/media-center/media-center/discover-panel.svelte.d.ts +2 -1
- package/dist/media-center/media-center/post-player-provider-generator.d.ts +2 -2
- package/dist/media-center/media-center/post-player-provider-generator.js +2 -1
- package/dist/media-center/media-center/streams-in-category-panel-handler.svelte.d.ts +5 -2
- package/dist/media-center/media-center/streams-in-category-panel-handler.svelte.js +5 -0
- package/dist/media-center/media-center/streams-in-category-panel.svelte +2 -2
- package/dist/media-center/media-center/streams-in-category-panel.svelte.d.ts +3 -2
- package/dist/media-center/media-center/streams-player-provider-generator.d.ts +8 -0
- package/dist/media-center/media-center/streams-player-provider-generator.js +36 -0
- package/dist/media-center/media-center/types.d.ts +0 -6
- package/dist/posts/controls/cmp.controls.svelte +1 -1
- package/dist/posts/data-loaders/index.d.ts +1 -0
- package/dist/posts/data-loaders/index.js +1 -0
- package/dist/posts/{posts-player → data-loaders}/mapper.d.ts +1 -1
- package/dist/{short-videos/data-providers → posts/data-loaders}/operations.generated.d.ts +82 -4
- package/dist/{short-videos/data-providers → posts/data-loaders}/operations.generated.js +232 -3
- package/dist/posts/data-loaders/operations.graphql +17 -0
- package/dist/posts/data-loaders/posts-loader.d.ts +19 -0
- package/dist/posts/data-loaders/posts-loader.js +28 -0
- package/dist/posts/posts-player/index.d.ts +27 -6
- package/dist/posts/posts-player/index.js +2 -3
- package/dist/posts/posts-player/posts-player-view.svelte +29 -13
- package/dist/posts/posts-player/types.d.ts +2 -2
- package/dist/short-videos/data-providers/internal-short-video-player-items-provider.d.ts +5 -6
- package/dist/short-videos/data-providers/internal-short-video-player-items-provider.js +12 -32
- package/dist/short-videos/short-videos-player/index.d.ts +2 -3
- package/dist/short-videos/short-videos-player/index.js +1 -1
- package/dist/streams/data-loaders/index.d.ts +2 -0
- package/dist/streams/data-loaders/index.js +2 -0
- package/dist/streams/{stream-player → data-loaders}/mapper.d.ts +1 -1
- package/dist/streams/{stream-player → data-loaders}/operations.generated.d.ts +27 -24
- package/dist/streams/{stream-player → data-loaders}/operations.generated.js +18 -17
- package/dist/streams/{stream-player → data-loaders}/operations.graphql +6 -3
- package/dist/streams/data-loaders/stream-pages-loader.d.ts +10 -0
- package/dist/streams/data-loaders/stream-pages-loader.js +33 -0
- package/dist/streams/data-loaders/streams-loader.d.ts +19 -0
- package/dist/streams/data-loaders/streams-loader.js +28 -0
- package/dist/streams/{stream-player → streams-player}/index.d.ts +21 -22
- package/dist/streams/{stream-player → streams-player}/index.js +9 -7
- package/dist/streams/streams-player/internal-streams-player-data-provider.d.ts +16 -0
- package/dist/streams/streams-player/internal-streams-player-data-provider.js +55 -0
- package/dist/streams/{stream-player → streams-player}/stream-overview.svelte +18 -15
- package/dist/streams/{stream-player → streams-player}/stream-overview.svelte.d.ts +2 -2
- package/dist/streams/streams-player/streams-player-buffer.svelte.d.ts +8 -0
- package/dist/streams/streams-player/streams-player-buffer.svelte.js +15 -0
- package/dist/streams/{stream-player/stream-player-view.svelte → streams-player/streams-player-view.svelte} +69 -55
- package/dist/streams/streams-player/streams-player-view.svelte.d.ts +8 -0
- package/dist/streams/{stream-player → streams-player}/types.d.ts +9 -7
- package/dist/ui/{player-button → player/button}/cmp.player-button.svelte +1 -1
- package/dist/ui/{player-button → player/button}/cmp.player-button.svelte.d.ts +1 -1
- package/dist/ui/{player-button → player/button}/cmp.player-buttons-group.svelte +1 -1
- package/dist/ui/{player-button → player/button}/types.d.ts +1 -1
- package/dist/ui/player/button/types.js +1 -0
- package/dist/ui/player/providers/chunks-player-buffer/index.d.ts +2 -0
- package/dist/ui/player/providers/chunks-player-buffer/index.js +2 -0
- package/dist/ui/player/providers/chunks-player-buffer/player-chunk-item.svelte.d.ts +11 -0
- package/dist/ui/player/providers/chunks-player-buffer/player-chunk-item.svelte.js +11 -0
- package/dist/ui/player/providers/chunks-player-buffer/player-chunk.svelte.d.ts +31 -0
- package/dist/ui/player/providers/chunks-player-buffer/player-chunk.svelte.js +67 -0
- package/dist/ui/player/providers/chunks-player-buffer/player-chunks-manager.svelte.d.ts +23 -0
- package/dist/ui/player/providers/chunks-player-buffer/player-chunks-manager.svelte.js +119 -0
- package/dist/ui/player/providers/default-chunks-player-buffer.svelte.d.ts +20 -0
- package/dist/ui/player/providers/default-chunks-player-buffer.svelte.js +47 -0
- package/dist/ui/player/providers/default-feed-player-buffer.svelte.d.ts +27 -0
- package/dist/ui/player/providers/default-feed-player-buffer.svelte.js +78 -0
- package/dist/ui/player/providers/index.d.ts +3 -0
- package/dist/ui/player/providers/index.js +2 -0
- package/dist/ui/player/providers/types.d.ts +49 -0
- package/dist/ui/{player-slider → player/slider}/cmp.player-slider.svelte +7 -20
- package/dist/ui/{player-slider → player/slider}/cmp.player-slider.svelte.d.ts +4 -4
- package/dist/ui/{player-slider → player/slider}/index.d.ts +0 -2
- package/dist/ui/{player-slider → player/slider}/index.js +0 -1
- package/dist/ui/player/slider/types.d.ts +16 -0
- package/dist/ui/player/slider/types.js +1 -0
- package/package.json +4 -4
- package/dist/posts/posts-player/operations.generated.d.ts +0 -80
- package/dist/posts/posts-player/operations.generated.js +0 -229
- package/dist/posts/posts-player/operations.graphql +0 -7
- package/dist/short-videos/data-providers/operations.graphql +0 -9
- package/dist/streams/stream-player/internal-stream-player-data-provider.d.ts +0 -12
- package/dist/streams/stream-player/internal-stream-player-data-provider.js +0 -48
- package/dist/streams/stream-player/stream-player-buffer.svelte.d.ts +0 -28
- package/dist/streams/stream-player/stream-player-buffer.svelte.js +0 -79
- package/dist/streams/stream-player/stream-player-view.svelte.d.ts +0 -8
- package/dist/ui/player-button/types.js +0 -1
- package/dist/ui/player-slider/player-buffer.svelte.d.ts +0 -32
- package/dist/ui/player-slider/player-buffer.svelte.js +0 -76
- package/dist/ui/player-slider/types.d.ts +0 -26
- /package/dist/posts/{posts-player → data-loaders}/mapper.js +0 -0
- /package/dist/streams/{stream-player → data-loaders}/mapper.js +0 -0
- /package/dist/streams/{stream-player → streams-player}/internal-stream-analytics-handler.d.ts +0 -0
- /package/dist/streams/{stream-player → streams-player}/internal-stream-analytics-handler.js +0 -0
- /package/dist/streams/{stream-player → streams-player}/stream-player-localization.d.ts +0 -0
- /package/dist/streams/{stream-player → streams-player}/stream-player-localization.js +0 -0
- /package/dist/streams/{stream-player → streams-player}/types.js +0 -0
- /package/dist/ui/{player-button → player/button}/cmp.player-buttons-group.svelte.d.ts +0 -0
- /package/dist/ui/{player-button → player/button}/index.d.ts +0 -0
- /package/dist/ui/{player-button → player/button}/index.js +0 -0
- /package/dist/ui/{player-slider → player/providers}/types.js +0 -0
- /package/dist/ui/{player-slider → player/slider}/prevent-slider-scroll.d.ts +0 -0
- /package/dist/ui/{player-slider → player/slider}/prevent-slider-scroll.js +0 -0
- /package/dist/ui/{player-slider → player/slider}/wheel-gestures-adapter.d.ts +0 -0
- /package/dist/ui/{player-slider → player/slider}/wheel-gestures-adapter.js +0 -0
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { type StreamPageViewerModel } from '../stream-page-viewer';
|
|
2
|
-
import type { IPlayerBuffer } from '../../ui/player-slider';
|
|
3
|
-
import type { IStreamPlayerDataProvider } from './types';
|
|
4
|
-
export declare class StreamPlayerBuffer implements IPlayerBuffer<StreamPageViewerModel> {
|
|
5
|
-
readonly loaded: StreamPageViewerModel[];
|
|
6
|
-
readonly currentIndex: number;
|
|
7
|
-
readonly current: StreamPageViewerModel | null;
|
|
8
|
-
readonly canLoadNext: boolean;
|
|
9
|
-
readonly canLoadPrevious: boolean;
|
|
10
|
-
readonly navigationDisabled: boolean;
|
|
11
|
-
readonly animationDuration = 300;
|
|
12
|
-
private _currentIndex;
|
|
13
|
-
private _loaded;
|
|
14
|
-
private _pagesLoader;
|
|
15
|
-
constructor(init: {
|
|
16
|
-
streamId: string;
|
|
17
|
-
dataProvider: IStreamPlayerDataProvider;
|
|
18
|
-
on?: {
|
|
19
|
-
preloaded?: (self: StreamPlayerBuffer) => void;
|
|
20
|
-
};
|
|
21
|
-
});
|
|
22
|
-
loadMore: () => Promise<StreamPageViewerModel[]>;
|
|
23
|
-
loadNext: () => Promise<void>;
|
|
24
|
-
loadPrevious: () => Promise<void>;
|
|
25
|
-
setIndex: (index: number) => void;
|
|
26
|
-
reset: (onPreloaded?: (self: StreamPlayerBuffer) => void) => Promise<void>;
|
|
27
|
-
private warmUpBuffer;
|
|
28
|
-
}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { ContinuationToken } from '../../core/continuation-token';
|
|
2
|
-
import { CursorDataLoader } from '../../core/data-loaders';
|
|
3
|
-
import { Utils } from '../../core/utils';
|
|
4
|
-
import {} from '../stream-page-viewer';
|
|
5
|
-
export class StreamPlayerBuffer {
|
|
6
|
-
loaded = $derived.by(() => this._loaded);
|
|
7
|
-
currentIndex = $derived.by(() => this._currentIndex);
|
|
8
|
-
current = $derived(this.currentIndex >= 0 ? this.loaded[this.currentIndex] : null);
|
|
9
|
-
canLoadNext = $derived(this.currentIndex < this.loaded.length - 1);
|
|
10
|
-
canLoadPrevious = $derived(this.currentIndex > 0);
|
|
11
|
-
navigationDisabled = $derived(!this.canLoadNext && !this.canLoadPrevious);
|
|
12
|
-
animationDuration = 300;
|
|
13
|
-
_currentIndex = $state(-1);
|
|
14
|
-
_loaded = $state.raw([]);
|
|
15
|
-
_pagesLoader;
|
|
16
|
-
constructor(init) {
|
|
17
|
-
const { streamId, dataProvider, on } = init;
|
|
18
|
-
this._pagesLoader = new CursorDataLoader({
|
|
19
|
-
loadPage: async (continuationToken) => {
|
|
20
|
-
const result = await dataProvider.getStreamPages(streamId, continuationToken.toNextChunkString());
|
|
21
|
-
const items = result.items;
|
|
22
|
-
this._loaded = [...this._loaded, ...items];
|
|
23
|
-
return {
|
|
24
|
-
items: items,
|
|
25
|
-
continuationToken: ContinuationToken.fromPayload(result.continuationToken)
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
this.warmUpBuffer(on?.preloaded);
|
|
30
|
-
this.loadNext = Utils.throttle(this.loadNext, this.animationDuration);
|
|
31
|
-
this.loadPrevious = Utils.throttle(this.loadPrevious, this.animationDuration);
|
|
32
|
-
}
|
|
33
|
-
loadMore = () => this._pagesLoader.loadMore();
|
|
34
|
-
loadNext = async () => {
|
|
35
|
-
if (!this.canLoadNext) {
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
++this._currentIndex;
|
|
39
|
-
this.warmUpBuffer();
|
|
40
|
-
};
|
|
41
|
-
loadPrevious = async () => {
|
|
42
|
-
if (!this.canLoadPrevious) {
|
|
43
|
-
return;
|
|
44
|
-
}
|
|
45
|
-
--this._currentIndex;
|
|
46
|
-
};
|
|
47
|
-
setIndex = (index) => {
|
|
48
|
-
this._currentIndex = index;
|
|
49
|
-
this.warmUpBuffer();
|
|
50
|
-
};
|
|
51
|
-
reset = async (onPreloaded) => {
|
|
52
|
-
this._loaded = [];
|
|
53
|
-
this._currentIndex = -1;
|
|
54
|
-
await this._pagesLoader.reset();
|
|
55
|
-
this.warmUpBuffer(onPreloaded);
|
|
56
|
-
};
|
|
57
|
-
warmUpBuffer = async (onPreloaded) => {
|
|
58
|
-
const bufferSize = 2;
|
|
59
|
-
if (this.loaded.length >= this.currentIndex + bufferSize) {
|
|
60
|
-
if (onPreloaded) {
|
|
61
|
-
onPreloaded(this);
|
|
62
|
-
}
|
|
63
|
-
return;
|
|
64
|
-
}
|
|
65
|
-
try {
|
|
66
|
-
await this.loadMore();
|
|
67
|
-
if (this._currentIndex < 0) {
|
|
68
|
-
if (this.loaded.length > 0) {
|
|
69
|
-
this._currentIndex = 0;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
finally {
|
|
74
|
-
if (onPreloaded) {
|
|
75
|
-
onPreloaded(this);
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { MediaCenterData } from '../../media-center/model/types';
|
|
2
|
-
import type { StreamPlayerProps } from './types';
|
|
3
|
-
type $$ComponentProps = StreamPlayerProps & {
|
|
4
|
-
mediaCenterData?: MediaCenterData;
|
|
5
|
-
};
|
|
6
|
-
declare const StreamPlayerView: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
7
|
-
type StreamPlayerView = ReturnType<typeof StreamPlayerView>;
|
|
8
|
-
export default StreamPlayerView;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import { IconColor } from '../icon';
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import type { IPlayerBuffer, TExtended } from './types';
|
|
2
|
-
export declare class PlayerBuffer<T extends {
|
|
3
|
-
id: string;
|
|
4
|
-
}> implements IPlayerBuffer<T> {
|
|
5
|
-
readonly loaded: TExtended<T>[];
|
|
6
|
-
readonly currentIndex: number;
|
|
7
|
-
readonly current: TExtended<T> | null;
|
|
8
|
-
readonly canLoadNext: boolean;
|
|
9
|
-
readonly canLoadPrevious: boolean;
|
|
10
|
-
readonly navigationDisabled: boolean;
|
|
11
|
-
readonly animationDuration = 500;
|
|
12
|
-
private _currentIndex;
|
|
13
|
-
private _loaded;
|
|
14
|
-
private loadMoreFn;
|
|
15
|
-
private isLoading;
|
|
16
|
-
constructor(provider: IPlayerItemsProvider<T>, on?: {
|
|
17
|
-
preloaded?: (self: PlayerBuffer<T>) => void;
|
|
18
|
-
});
|
|
19
|
-
loadNext: () => Promise<void>;
|
|
20
|
-
loadPrevious: () => Promise<void>;
|
|
21
|
-
reset: (onPreloaded?: (self: PlayerBuffer<T>) => void) => void;
|
|
22
|
-
private warmUpBuffer;
|
|
23
|
-
}
|
|
24
|
-
export interface IPlayerItemsProvider<T> {
|
|
25
|
-
initialData: {
|
|
26
|
-
prefetchedItems: T[];
|
|
27
|
-
startIndex: number;
|
|
28
|
-
startMediaIndex?: number;
|
|
29
|
-
};
|
|
30
|
-
prefetch?: () => Promise<void>;
|
|
31
|
-
loadMore(): Promise<T[]>;
|
|
32
|
-
}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { Utils } from '../../core/utils';
|
|
2
|
-
export class PlayerBuffer {
|
|
3
|
-
loaded = $derived.by(() => this._loaded);
|
|
4
|
-
currentIndex = $derived.by(() => this._currentIndex);
|
|
5
|
-
current = $derived(this.currentIndex >= 0 ? this.loaded[this.currentIndex] : null);
|
|
6
|
-
canLoadNext = $derived(this.currentIndex < this.loaded.length - 1);
|
|
7
|
-
canLoadPrevious = $derived(this.currentIndex > 0);
|
|
8
|
-
navigationDisabled = $derived(!this.canLoadNext && !this.canLoadPrevious);
|
|
9
|
-
animationDuration = 500;
|
|
10
|
-
_currentIndex = $state(-1);
|
|
11
|
-
_loaded = $state.raw([]);
|
|
12
|
-
loadMoreFn;
|
|
13
|
-
isLoading = false;
|
|
14
|
-
constructor(provider, on) {
|
|
15
|
-
this.loadMoreFn = provider.loadMore;
|
|
16
|
-
this._loaded =
|
|
17
|
-
provider.initialData.startIndex >= 0 && provider.initialData.startMediaIndex && provider.initialData.startMediaIndex > 0
|
|
18
|
-
? provider.initialData.prefetchedItems.map((i, index) => ({
|
|
19
|
-
...i,
|
|
20
|
-
mediaIndex: index === provider.initialData.startIndex ? provider.initialData.startMediaIndex : 0
|
|
21
|
-
}))
|
|
22
|
-
: provider.initialData.prefetchedItems;
|
|
23
|
-
this._currentIndex = provider.initialData.prefetchedItems.length
|
|
24
|
-
? provider.initialData.startIndex >= this._loaded.length
|
|
25
|
-
? provider.initialData.prefetchedItems.length - 1
|
|
26
|
-
: provider.initialData.startIndex
|
|
27
|
-
: -1;
|
|
28
|
-
this.warmUpBuffer(on?.preloaded);
|
|
29
|
-
this.loadNext = Utils.throttle(this.loadNext, this.animationDuration);
|
|
30
|
-
this.loadPrevious = Utils.throttle(this.loadPrevious, this.animationDuration);
|
|
31
|
-
}
|
|
32
|
-
loadNext = async () => {
|
|
33
|
-
if (!this.canLoadNext) {
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
36
|
-
++this._currentIndex;
|
|
37
|
-
this.warmUpBuffer();
|
|
38
|
-
};
|
|
39
|
-
loadPrevious = async () => {
|
|
40
|
-
if (!this.canLoadPrevious) {
|
|
41
|
-
return;
|
|
42
|
-
}
|
|
43
|
-
--this._currentIndex;
|
|
44
|
-
};
|
|
45
|
-
reset = (onPreloaded) => {
|
|
46
|
-
this._loaded = [];
|
|
47
|
-
this._currentIndex = -1;
|
|
48
|
-
this.isLoading = false;
|
|
49
|
-
this.warmUpBuffer(onPreloaded);
|
|
50
|
-
};
|
|
51
|
-
warmUpBuffer = async (onPreloaded) => {
|
|
52
|
-
const bufferSize = 5;
|
|
53
|
-
if (this._loaded.length >= this.currentIndex + bufferSize || this.isLoading) {
|
|
54
|
-
if (onPreloaded) {
|
|
55
|
-
onPreloaded(this);
|
|
56
|
-
}
|
|
57
|
-
return;
|
|
58
|
-
}
|
|
59
|
-
this.isLoading = true;
|
|
60
|
-
try {
|
|
61
|
-
const result = await this.loadMoreFn();
|
|
62
|
-
this._loaded = [...this._loaded, ...result];
|
|
63
|
-
if (this.currentIndex < 0) {
|
|
64
|
-
if (this._loaded.length > 0) {
|
|
65
|
-
this._currentIndex = 0;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
finally {
|
|
70
|
-
if (onPreloaded) {
|
|
71
|
-
onPreloaded(this);
|
|
72
|
-
}
|
|
73
|
-
this.isLoading = false;
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
export interface IPlayerBuffer<T extends {
|
|
2
|
-
id: string;
|
|
3
|
-
}> {
|
|
4
|
-
readonly current: TExtended<T> | null;
|
|
5
|
-
readonly currentIndex: number;
|
|
6
|
-
readonly loaded: TExtended<T>[];
|
|
7
|
-
readonly canLoadNext: boolean;
|
|
8
|
-
readonly canLoadPrevious: boolean;
|
|
9
|
-
readonly navigationDisabled: boolean;
|
|
10
|
-
readonly animationDuration: number;
|
|
11
|
-
loadNext: () => void;
|
|
12
|
-
loadPrevious: () => void;
|
|
13
|
-
reset: () => void;
|
|
14
|
-
}
|
|
15
|
-
export type TExtended<T> = T & {
|
|
16
|
-
mediaIndex?: number;
|
|
17
|
-
};
|
|
18
|
-
export type PlayerSliderCallbacks<T> = {
|
|
19
|
-
itemPreActivated?: (e: T) => void;
|
|
20
|
-
itemPreDeactivated?: (e: {
|
|
21
|
-
itemId: string;
|
|
22
|
-
loadingNext: boolean;
|
|
23
|
-
}) => void;
|
|
24
|
-
itemActivated?: (e: string) => void;
|
|
25
|
-
itemDeactivated?: (e: string) => void;
|
|
26
|
-
};
|
|
File without changes
|
|
File without changes
|
/package/dist/streams/{stream-player → streams-player}/internal-stream-analytics-handler.d.ts
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|