@streamscloud/embeddable 9.0.0 → 10.1.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/actions/horizontal-wheel-scroll.d.ts +1 -0
- package/dist/core/actions/horizontal-wheel-scroll.js +9 -8
- 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/layout/cmp.slot-content.svelte +18 -13
- package/dist/streams/layout/element-views/cmp.button-stream-element.svelte +26 -0
- package/dist/streams/layout/element-views/cmp.button-stream-element.svelte.d.ts +10 -0
- package/dist/streams/layout/element-views/cmp.products-slider-stream-element.svelte +43 -0
- package/dist/streams/layout/element-views/cmp.products-slider-stream-element.svelte.d.ts +13 -0
- package/dist/streams/layout/element-views/cmp.stream-element.svelte +8 -6
- package/dist/streams/layout/element-views/index.d.ts +2 -0
- package/dist/streams/layout/element-views/index.js +2 -0
- package/dist/streams/layout/element-views/price-element-view.svelte +3 -0
- package/dist/streams/layout/elements.d.ts +20 -2
- package/dist/streams/layout/enums.d.ts +4 -1
- package/dist/streams/layout/enums.js +3 -0
- package/dist/streams/layout/index.d.ts +1 -0
- package/dist/streams/layout/index.js +15 -0
- package/dist/streams/layout/serializer.svelte.js +30 -5
- package/dist/streams/layout/slot-data-input.d.ts +5 -1
- package/dist/streams/layout/slot-data-ref.d.ts +2 -2
- package/dist/streams/layout/slot-data.d.ts +6 -1
- package/dist/streams/layout/styles-transformer.d.ts +3 -1
- package/dist/streams/layout/styles-transformer.js +47 -0
- package/dist/streams/layout/styles.d.ts +25 -0
- package/dist/streams/layout/type-guards.d.ts +11 -4
- package/dist/streams/layout/type-guards.js +17 -3
- 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 +125 -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/layout/element-views/stream-element-localization.d.ts +0 -7
- package/dist/streams/layout/element-views/stream-element-localization.js +0 -11
- 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
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { Utils } from '../../../core/utils';
|
|
2
|
+
const BUFFER_SIZE = 5;
|
|
3
|
+
export class DefaultFeedPlayerBuffer {
|
|
4
|
+
kind = 'feed';
|
|
5
|
+
loaded = $derived.by(() => this._loaded);
|
|
6
|
+
currentIndex = $derived.by(() => this._currentIndex);
|
|
7
|
+
current = $derived(this.currentIndex >= 0 ? this.loaded[this.currentIndex] : null);
|
|
8
|
+
canLoadNext = $derived(this.currentIndex < this.loaded.length - 1);
|
|
9
|
+
canLoadPrevious = $derived(this.currentIndex > 0);
|
|
10
|
+
navigationDisabled = $derived(!this.canLoadNext && !this.canLoadPrevious);
|
|
11
|
+
animationDuration = 500;
|
|
12
|
+
_currentIndex = $state(-1);
|
|
13
|
+
_loaded = $state.raw([]);
|
|
14
|
+
_loadMoreFn;
|
|
15
|
+
_isLoading = $state(false);
|
|
16
|
+
constructor(provider, on) {
|
|
17
|
+
this._loadMoreFn = provider.loadMore;
|
|
18
|
+
// Throttle navigation methods
|
|
19
|
+
this.loadNext = Utils.throttle(this.loadNext, this.animationDuration);
|
|
20
|
+
this.loadPrevious = Utils.throttle(this.loadPrevious, this.animationDuration);
|
|
21
|
+
this.initializeBuffer({ initialData: provider.initialData, onPreloaded: on?.preloaded });
|
|
22
|
+
}
|
|
23
|
+
loadNext = async () => {
|
|
24
|
+
if (!this.canLoadNext) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
++this._currentIndex;
|
|
28
|
+
this.warmUpBuffer();
|
|
29
|
+
};
|
|
30
|
+
loadPrevious = async () => {
|
|
31
|
+
if (!this.canLoadPrevious) {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
--this._currentIndex;
|
|
35
|
+
};
|
|
36
|
+
reset = () => {
|
|
37
|
+
this._loaded = [];
|
|
38
|
+
this._currentIndex = -1;
|
|
39
|
+
this._isLoading = false;
|
|
40
|
+
this.warmUpBuffer();
|
|
41
|
+
};
|
|
42
|
+
initializeBuffer = async (options) => {
|
|
43
|
+
const { initialData, onPreloaded } = options;
|
|
44
|
+
const handleInitialized = () => {
|
|
45
|
+
const startIndex = initialData.startIndex >= 0 ? initialData.startIndex : 0;
|
|
46
|
+
this._currentIndex = Math.min(startIndex, this._loaded.length - 1);
|
|
47
|
+
const hasCustomMediaIndex = initialData.startMediaIndex && initialData.startMediaIndex > 0;
|
|
48
|
+
const activeItem = this._loaded[this._currentIndex];
|
|
49
|
+
if (activeItem && hasCustomMediaIndex) {
|
|
50
|
+
activeItem.mediaIndex = initialData.startMediaIndex;
|
|
51
|
+
}
|
|
52
|
+
onPreloaded?.(this);
|
|
53
|
+
};
|
|
54
|
+
this._loaded = initialData.prefetchedItems;
|
|
55
|
+
const considerInitialized = this._loaded.length > 0;
|
|
56
|
+
if (considerInitialized) {
|
|
57
|
+
handleInitialized();
|
|
58
|
+
}
|
|
59
|
+
await this.warmUpBuffer();
|
|
60
|
+
if (!considerInitialized) {
|
|
61
|
+
handleInitialized();
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
warmUpBuffer = async () => {
|
|
65
|
+
// Early return if buffer is sufficient or already loading
|
|
66
|
+
if (this._loaded.length >= this.currentIndex + BUFFER_SIZE || this._isLoading) {
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
this._isLoading = true;
|
|
70
|
+
try {
|
|
71
|
+
const result = await this._loadMoreFn();
|
|
72
|
+
this._loaded = [...this._loaded, ...result];
|
|
73
|
+
}
|
|
74
|
+
finally {
|
|
75
|
+
this._isLoading = false;
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export type { IPlayerBuffer, IPlayerDataProvider, IFeedPlayerDataProvider, IChunksPlayerDataProvider } from './types';
|
|
2
|
+
export { DefaultFeedPlayerBuffer } from './default-feed-player-buffer.svelte';
|
|
3
|
+
export { DefaultChunksPlayerBuffer } from './default-chunks-player-buffer.svelte';
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
export type IPlayerDataProvider<T extends WithId> = IFeedPlayerDataProvider<T> | IChunksPlayerDataProvider<T>;
|
|
2
|
+
export interface IFeedPlayerDataProvider<T extends WithId> {
|
|
3
|
+
kind: 'feed';
|
|
4
|
+
initialData: {
|
|
5
|
+
prefetchedItems: T[];
|
|
6
|
+
startIndex: number;
|
|
7
|
+
startMediaIndex?: number;
|
|
8
|
+
};
|
|
9
|
+
loadMore(): Promise<T[]>;
|
|
10
|
+
}
|
|
11
|
+
export interface IChunksPlayerDataProvider<TItem extends WithId, TChunk extends WithId = WithId> {
|
|
12
|
+
kind: 'chunks';
|
|
13
|
+
initialData: {
|
|
14
|
+
prefetchedChunks: TChunk[];
|
|
15
|
+
startItemIndex?: number;
|
|
16
|
+
};
|
|
17
|
+
loadMoreChunks: () => Promise<TChunk[]>;
|
|
18
|
+
loadChunkItems: (chunkId: string, continuationToken: string | null | undefined) => Promise<{
|
|
19
|
+
items: TItem[];
|
|
20
|
+
continuationToken: string | null;
|
|
21
|
+
}>;
|
|
22
|
+
}
|
|
23
|
+
export type IPlayerBuffer<T extends WithId> = IFeedPlayerBuffer<T> | IChunksPlayerBuffer<T>;
|
|
24
|
+
export interface IPlayerBufferBase<T extends WithId> {
|
|
25
|
+
readonly kind: 'feed' | 'chunks';
|
|
26
|
+
readonly current: TExtended<T> | null;
|
|
27
|
+
readonly loaded: TExtended<T>[];
|
|
28
|
+
readonly currentIndex: number;
|
|
29
|
+
readonly canLoadNext: boolean;
|
|
30
|
+
readonly canLoadPrevious: boolean;
|
|
31
|
+
readonly navigationDisabled: boolean;
|
|
32
|
+
readonly animationDuration: number;
|
|
33
|
+
loadNext: () => void;
|
|
34
|
+
loadPrevious: () => void;
|
|
35
|
+
reset: () => void;
|
|
36
|
+
}
|
|
37
|
+
type TExtended<T> = T & {
|
|
38
|
+
mediaIndex?: number;
|
|
39
|
+
};
|
|
40
|
+
export interface IFeedPlayerBuffer<T extends WithId> extends IPlayerBufferBase<T> {
|
|
41
|
+
readonly kind: 'feed';
|
|
42
|
+
}
|
|
43
|
+
export interface IChunksPlayerBuffer<T extends WithId> extends IPlayerBufferBase<T> {
|
|
44
|
+
readonly kind: 'chunks';
|
|
45
|
+
}
|
|
46
|
+
export type WithId = {
|
|
47
|
+
id: string;
|
|
48
|
+
};
|
|
49
|
+
export {};
|
|
@@ -6,8 +6,8 @@ let sliderHeight = $state(0);
|
|
|
6
6
|
let swipeTransition = $state(0);
|
|
7
7
|
let cssAnimationDuration = $state(buffer.animationDuration * 0.55);
|
|
8
8
|
let resizeObserver;
|
|
9
|
-
let
|
|
10
|
-
const actualTransition = $derived(-sliderHeight *
|
|
9
|
+
let sliderIndex = $state.raw(buffer.currentIndex);
|
|
10
|
+
const actualTransition = $derived(-sliderHeight * sliderIndex);
|
|
11
11
|
const onKeyPress = (e) => {
|
|
12
12
|
if (e.key === 'ArrowUp' || e.key === 'PageUp') {
|
|
13
13
|
buffer.loadPrevious();
|
|
@@ -17,29 +17,16 @@ const onKeyPress = (e) => {
|
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
$effect(() => {
|
|
20
|
-
if (buffer.currentIndex >= 0 &&
|
|
20
|
+
if (buffer.currentIndex >= 0 && sliderIndex >= 0 && Math.abs(sliderIndex - buffer.currentIndex) === 1) {
|
|
21
21
|
slidesRef.classList.toggle('animate', true);
|
|
22
22
|
}
|
|
23
|
-
else if (buffer.currentIndex >= 0 && (Math.abs(
|
|
23
|
+
else if (buffer.currentIndex >= 0 && (Math.abs(sliderIndex - buffer.currentIndex) !== 0 || !active)) {
|
|
24
24
|
untrack(() => notifyOnItemChanged());
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
|
-
// Notify the parent component that the active item is about to change.
|
|
28
27
|
let active = null;
|
|
29
28
|
$effect(() => {
|
|
30
|
-
|
|
31
|
-
untrack(() => {
|
|
32
|
-
var _a, _b, _c;
|
|
33
|
-
if (active && ((_a = buffer.current) === null || _a === void 0 ? void 0 : _a.id) !== active.id) {
|
|
34
|
-
(_b = on === null || on === void 0 ? void 0 : on.itemPreDeactivated) === null || _b === void 0 ? void 0 : _b.call(on, { itemId: active.id, loadingNext: buffer.currentIndex > activeIndex });
|
|
35
|
-
}
|
|
36
|
-
const nextItem = buffer.loaded[buffer.currentIndex];
|
|
37
|
-
if (nextItem) {
|
|
38
|
-
(_c = on === null || on === void 0 ? void 0 : on.itemPreActivated) === null || _c === void 0 ? void 0 : _c.call(on, nextItem);
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
activeIndex = buffer.currentIndex;
|
|
29
|
+
sliderIndex = buffer.currentIndex;
|
|
43
30
|
});
|
|
44
31
|
const notifyOnItemChanged = () => {
|
|
45
32
|
var _a, _b, _c;
|
|
@@ -172,9 +159,9 @@ const wheelCallbacks = {
|
|
|
172
159
|
<div class="player-slider__slides" bind:this={slidesRef} use:createWheelAdapter={{ cbs: wheelCallbacks }} style={styles}>
|
|
173
160
|
{#each buffer.loaded as item, index (item)}
|
|
174
161
|
<div class="player-slider__slide">
|
|
175
|
-
{#if index >=
|
|
162
|
+
{#if index >= sliderIndex - 1 && index <= sliderIndex + 1}
|
|
176
163
|
<!-- Only render the active slide and its immediate neighbors for performance -->
|
|
177
|
-
{@render children({ item, active: index ===
|
|
164
|
+
{@render children({ item, active: index === sliderIndex })}
|
|
178
165
|
{/if}
|
|
179
166
|
</div>
|
|
180
167
|
{/each}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { PlayerSliderBuffer, PlayerSliderCallbacks } from './types';
|
|
2
2
|
import { type Snippet } from 'svelte';
|
|
3
3
|
declare class __sveltets_Render<T extends {
|
|
4
4
|
id: string;
|
|
5
5
|
}> {
|
|
6
6
|
props(): {
|
|
7
|
-
buffer:
|
|
8
|
-
on?: PlayerSliderCallbacks
|
|
7
|
+
buffer: PlayerSliderBuffer<T>;
|
|
8
|
+
on?: PlayerSliderCallbacks;
|
|
9
9
|
children: Snippet<[{
|
|
10
|
-
item:
|
|
10
|
+
item: T;
|
|
11
11
|
active?: boolean;
|
|
12
12
|
}]>;
|
|
13
13
|
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type PlayerSliderCallbacks = {
|
|
2
|
+
itemActivated?: (e: string) => void;
|
|
3
|
+
itemDeactivated?: (e: string) => void;
|
|
4
|
+
};
|
|
5
|
+
export interface PlayerSliderBuffer<T extends {
|
|
6
|
+
id: string;
|
|
7
|
+
}> {
|
|
8
|
+
readonly current: T | null;
|
|
9
|
+
readonly loaded: T[];
|
|
10
|
+
readonly currentIndex: number;
|
|
11
|
+
readonly canLoadNext: boolean;
|
|
12
|
+
readonly canLoadPrevious: boolean;
|
|
13
|
+
readonly animationDuration: number;
|
|
14
|
+
loadNext: () => void;
|
|
15
|
+
loadPrevious: () => void;
|
|
16
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@streamscloud/embeddable",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "10.1.0",
|
|
4
4
|
"author": "StreamsCloud",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
"types": "./dist/posts/post-viewer/index.d.ts",
|
|
50
50
|
"svelte": "./dist/posts/post-viewer/index.js"
|
|
51
51
|
},
|
|
52
|
-
"./
|
|
53
|
-
"types": "./dist/streams/
|
|
54
|
-
"svelte": "./dist/streams/
|
|
52
|
+
"./streams-player": {
|
|
53
|
+
"types": "./dist/streams/streams-player/index.d.ts",
|
|
54
|
+
"svelte": "./dist/streams/streams-player/index.js"
|
|
55
55
|
},
|
|
56
56
|
"./short-videos-player": {
|
|
57
57
|
"types": "./dist/short-videos/short-videos-player/index.d.ts",
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import type * as SchemaTypes from '../../../gql/types';
|
|
2
|
-
import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
|
|
3
|
-
export type PostsPlayerPayloadFragment = {
|
|
4
|
-
id: string;
|
|
5
|
-
enableSocialInteractions: boolean;
|
|
6
|
-
ownerProfile: {
|
|
7
|
-
id: string;
|
|
8
|
-
type: SchemaTypes.ProfileType;
|
|
9
|
-
};
|
|
10
|
-
allProducts: Array<{
|
|
11
|
-
id: string;
|
|
12
|
-
title: string;
|
|
13
|
-
shortDescription: string | null;
|
|
14
|
-
link: string | null;
|
|
15
|
-
media: Array<{
|
|
16
|
-
url: string;
|
|
17
|
-
thumbnailUrl: string | null;
|
|
18
|
-
type: SchemaTypes.MediaType;
|
|
19
|
-
}>;
|
|
20
|
-
brand: {
|
|
21
|
-
name: string;
|
|
22
|
-
} | null;
|
|
23
|
-
priceAndAvailability: {
|
|
24
|
-
currency: SchemaTypes.Currency;
|
|
25
|
-
price: number;
|
|
26
|
-
productSalePrices: Array<{
|
|
27
|
-
salePrice: number;
|
|
28
|
-
salePriceEffectiveDateFrom: any | null;
|
|
29
|
-
salePriceEffectiveDateTo: any | null;
|
|
30
|
-
}> | null;
|
|
31
|
-
};
|
|
32
|
-
}>;
|
|
33
|
-
ad: {
|
|
34
|
-
id: string;
|
|
35
|
-
title: string;
|
|
36
|
-
description: string | null;
|
|
37
|
-
price: number | null;
|
|
38
|
-
priceInfo: string | null;
|
|
39
|
-
currency: SchemaTypes.Currency | null;
|
|
40
|
-
type: SchemaTypes.AdType;
|
|
41
|
-
ctaButton: {
|
|
42
|
-
background: string;
|
|
43
|
-
textColor: string;
|
|
44
|
-
text: string;
|
|
45
|
-
url: string;
|
|
46
|
-
border: string;
|
|
47
|
-
} | null;
|
|
48
|
-
media: Array<{
|
|
49
|
-
url: string;
|
|
50
|
-
thumbnailUrl: string | null;
|
|
51
|
-
type: SchemaTypes.MediaType;
|
|
52
|
-
}>;
|
|
53
|
-
} | null;
|
|
54
|
-
postData: {
|
|
55
|
-
media: Array<{
|
|
56
|
-
url: string;
|
|
57
|
-
thumbnailUrl: string | null;
|
|
58
|
-
type: SchemaTypes.MediaType;
|
|
59
|
-
}>;
|
|
60
|
-
articleData: {
|
|
61
|
-
title: string;
|
|
62
|
-
kicker: string | null;
|
|
63
|
-
articleId: string;
|
|
64
|
-
} | null;
|
|
65
|
-
mediaData: {
|
|
66
|
-
text: string | null;
|
|
67
|
-
} | null;
|
|
68
|
-
momentData: {
|
|
69
|
-
text: string | null;
|
|
70
|
-
} | null;
|
|
71
|
-
shortVideoData: {
|
|
72
|
-
text: string | null;
|
|
73
|
-
} | null;
|
|
74
|
-
videoData: {
|
|
75
|
-
title: string | null;
|
|
76
|
-
text: string | null;
|
|
77
|
-
} | null;
|
|
78
|
-
};
|
|
79
|
-
};
|
|
80
|
-
export declare const PostsPlayerPayloadFragmentDoc: DocumentNode<PostsPlayerPayloadFragment, unknown>;
|
|
@@ -1,229 +0,0 @@
|
|
|
1
|
-
export const PostsPlayerPayloadFragmentDoc = {
|
|
2
|
-
kind: 'Document',
|
|
3
|
-
definitions: [
|
|
4
|
-
{
|
|
5
|
-
kind: 'FragmentDefinition',
|
|
6
|
-
name: { kind: 'Name', value: 'PostsPlayerPayloadFragment' },
|
|
7
|
-
typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Post' } },
|
|
8
|
-
selectionSet: {
|
|
9
|
-
kind: 'SelectionSet',
|
|
10
|
-
selections: [
|
|
11
|
-
{ kind: 'FragmentSpread', name: { kind: 'Name', value: 'PostViewerPayloadFragment' } },
|
|
12
|
-
{
|
|
13
|
-
kind: 'Field',
|
|
14
|
-
name: { kind: 'Name', value: 'ownerProfile' },
|
|
15
|
-
selectionSet: {
|
|
16
|
-
kind: 'SelectionSet',
|
|
17
|
-
selections: [
|
|
18
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'id' } },
|
|
19
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'type' } }
|
|
20
|
-
]
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
]
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
kind: 'FragmentDefinition',
|
|
28
|
-
name: { kind: 'Name', value: 'PostViewerPayloadFragment' },
|
|
29
|
-
typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Post' } },
|
|
30
|
-
selectionSet: {
|
|
31
|
-
kind: 'SelectionSet',
|
|
32
|
-
selections: [
|
|
33
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'id' } },
|
|
34
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'enableSocialInteractions' } },
|
|
35
|
-
{
|
|
36
|
-
kind: 'Field',
|
|
37
|
-
name: { kind: 'Name', value: 'allProducts' },
|
|
38
|
-
selectionSet: {
|
|
39
|
-
kind: 'SelectionSet',
|
|
40
|
-
selections: [
|
|
41
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'id' } },
|
|
42
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'title' } },
|
|
43
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'shortDescription' } },
|
|
44
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'link' } },
|
|
45
|
-
{
|
|
46
|
-
kind: 'Field',
|
|
47
|
-
name: { kind: 'Name', value: 'media' },
|
|
48
|
-
selectionSet: {
|
|
49
|
-
kind: 'SelectionSet',
|
|
50
|
-
selections: [
|
|
51
|
-
{
|
|
52
|
-
kind: 'Field',
|
|
53
|
-
name: { kind: 'Name', value: 'url' },
|
|
54
|
-
arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
kind: 'Field',
|
|
58
|
-
name: { kind: 'Name', value: 'thumbnailUrl' },
|
|
59
|
-
arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
|
|
60
|
-
},
|
|
61
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'type' } }
|
|
62
|
-
]
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
kind: 'Field',
|
|
67
|
-
name: { kind: 'Name', value: 'brand' },
|
|
68
|
-
selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'name' } }] }
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
kind: 'Field',
|
|
72
|
-
name: { kind: 'Name', value: 'priceAndAvailability' },
|
|
73
|
-
selectionSet: {
|
|
74
|
-
kind: 'SelectionSet',
|
|
75
|
-
selections: [
|
|
76
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'currency' } },
|
|
77
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'price' } },
|
|
78
|
-
{
|
|
79
|
-
kind: 'Field',
|
|
80
|
-
name: { kind: 'Name', value: 'productSalePrices' },
|
|
81
|
-
selectionSet: {
|
|
82
|
-
kind: 'SelectionSet',
|
|
83
|
-
selections: [
|
|
84
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'salePrice' } },
|
|
85
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'salePriceEffectiveDateFrom' } },
|
|
86
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'salePriceEffectiveDateTo' } }
|
|
87
|
-
]
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
]
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
]
|
|
94
|
-
}
|
|
95
|
-
},
|
|
96
|
-
{
|
|
97
|
-
kind: 'Field',
|
|
98
|
-
name: { kind: 'Name', value: 'ad' },
|
|
99
|
-
selectionSet: {
|
|
100
|
-
kind: 'SelectionSet',
|
|
101
|
-
selections: [
|
|
102
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'id' } },
|
|
103
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'title' } },
|
|
104
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'description' } },
|
|
105
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'price' } },
|
|
106
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'priceInfo' } },
|
|
107
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'currency' } },
|
|
108
|
-
{
|
|
109
|
-
kind: 'Field',
|
|
110
|
-
name: { kind: 'Name', value: 'ctaButton' },
|
|
111
|
-
selectionSet: {
|
|
112
|
-
kind: 'SelectionSet',
|
|
113
|
-
selections: [
|
|
114
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'background' } },
|
|
115
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'textColor' } },
|
|
116
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'text' } },
|
|
117
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'url' } },
|
|
118
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'border' } }
|
|
119
|
-
]
|
|
120
|
-
}
|
|
121
|
-
},
|
|
122
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'type' } },
|
|
123
|
-
{
|
|
124
|
-
kind: 'Field',
|
|
125
|
-
name: { kind: 'Name', value: 'media' },
|
|
126
|
-
selectionSet: {
|
|
127
|
-
kind: 'SelectionSet',
|
|
128
|
-
selections: [
|
|
129
|
-
{
|
|
130
|
-
kind: 'Field',
|
|
131
|
-
name: { kind: 'Name', value: 'url' },
|
|
132
|
-
arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
|
|
133
|
-
},
|
|
134
|
-
{
|
|
135
|
-
kind: 'Field',
|
|
136
|
-
name: { kind: 'Name', value: 'thumbnailUrl' },
|
|
137
|
-
arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
|
|
138
|
-
},
|
|
139
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'type' } }
|
|
140
|
-
]
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
]
|
|
144
|
-
}
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
kind: 'Field',
|
|
148
|
-
name: { kind: 'Name', value: 'postData' },
|
|
149
|
-
selectionSet: {
|
|
150
|
-
kind: 'SelectionSet',
|
|
151
|
-
selections: [
|
|
152
|
-
{
|
|
153
|
-
kind: 'Field',
|
|
154
|
-
name: { kind: 'Name', value: 'media' },
|
|
155
|
-
selectionSet: {
|
|
156
|
-
kind: 'SelectionSet',
|
|
157
|
-
selections: [
|
|
158
|
-
{
|
|
159
|
-
kind: 'Field',
|
|
160
|
-
name: { kind: 'Name', value: 'url' },
|
|
161
|
-
arguments: [
|
|
162
|
-
{
|
|
163
|
-
kind: 'Argument',
|
|
164
|
-
name: { kind: 'Name', value: 'scale' },
|
|
165
|
-
value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } }
|
|
166
|
-
}
|
|
167
|
-
]
|
|
168
|
-
},
|
|
169
|
-
{
|
|
170
|
-
kind: 'Field',
|
|
171
|
-
name: { kind: 'Name', value: 'thumbnailUrl' },
|
|
172
|
-
arguments: [
|
|
173
|
-
{
|
|
174
|
-
kind: 'Argument',
|
|
175
|
-
name: { kind: 'Name', value: 'scale' },
|
|
176
|
-
value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } }
|
|
177
|
-
}
|
|
178
|
-
]
|
|
179
|
-
},
|
|
180
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'type' } }
|
|
181
|
-
]
|
|
182
|
-
}
|
|
183
|
-
},
|
|
184
|
-
{
|
|
185
|
-
kind: 'Field',
|
|
186
|
-
name: { kind: 'Name', value: 'articleData' },
|
|
187
|
-
selectionSet: {
|
|
188
|
-
kind: 'SelectionSet',
|
|
189
|
-
selections: [
|
|
190
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'title' } },
|
|
191
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'kicker' } },
|
|
192
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'articleId' } }
|
|
193
|
-
]
|
|
194
|
-
}
|
|
195
|
-
},
|
|
196
|
-
{
|
|
197
|
-
kind: 'Field',
|
|
198
|
-
name: { kind: 'Name', value: 'mediaData' },
|
|
199
|
-
selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'text' } }] }
|
|
200
|
-
},
|
|
201
|
-
{
|
|
202
|
-
kind: 'Field',
|
|
203
|
-
name: { kind: 'Name', value: 'momentData' },
|
|
204
|
-
selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'text' } }] }
|
|
205
|
-
},
|
|
206
|
-
{
|
|
207
|
-
kind: 'Field',
|
|
208
|
-
name: { kind: 'Name', value: 'shortVideoData' },
|
|
209
|
-
selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'text' } }] }
|
|
210
|
-
},
|
|
211
|
-
{
|
|
212
|
-
kind: 'Field',
|
|
213
|
-
name: { kind: 'Name', value: 'videoData' },
|
|
214
|
-
selectionSet: {
|
|
215
|
-
kind: 'SelectionSet',
|
|
216
|
-
selections: [
|
|
217
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'title' } },
|
|
218
|
-
{ kind: 'Field', name: { kind: 'Name', value: 'text' } }
|
|
219
|
-
]
|
|
220
|
-
}
|
|
221
|
-
}
|
|
222
|
-
]
|
|
223
|
-
}
|
|
224
|
-
}
|
|
225
|
-
]
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
]
|
|
229
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import {} from '../../../core/locale';
|
|
2
|
-
export class StreamElementLocalization {
|
|
3
|
-
priceElementLocalization;
|
|
4
|
-
stockElementLocalization;
|
|
5
|
-
shortVideoElementLocalization;
|
|
6
|
-
constructor(locale) {
|
|
7
|
-
this.priceElementLocalization = locale;
|
|
8
|
-
this.stockElementLocalization = locale;
|
|
9
|
-
this.shortVideoElementLocalization = locale;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { IStreamPlayerDataProvider } from './types';
|
|
2
|
-
import type { Client } from '@urql/core';
|
|
3
|
-
export declare class InternalStreamPlayerDataProvider implements IStreamPlayerDataProvider {
|
|
4
|
-
private graphql;
|
|
5
|
-
constructor(input: {
|
|
6
|
-
initiator?: string;
|
|
7
|
-
graphqlOrigin?: string;
|
|
8
|
-
graphql?: Client;
|
|
9
|
-
});
|
|
10
|
-
getStream: IStreamPlayerDataProvider['getStream'];
|
|
11
|
-
getStreamPages: IStreamPlayerDataProvider['getStreamPages'];
|
|
12
|
-
}
|