@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.
Files changed (146) hide show
  1. package/dist/content-player/cmp.content-player.svelte +1 -1
  2. package/dist/content-player/content-player-config.svelte.d.ts +4 -4
  3. package/dist/content-player/controls-and-attachments.svelte +1 -1
  4. package/dist/content-player/header.svelte +1 -1
  5. package/dist/core/actions/horizontal-wheel-scroll.d.ts +1 -0
  6. package/dist/core/actions/horizontal-wheel-scroll.js +9 -8
  7. package/dist/core/document.event-handlers.d.ts +1 -0
  8. package/dist/core/document.event-handlers.js +3 -0
  9. package/dist/media-center/config/internal-media-center-analytics-handler.d.ts +1 -1
  10. package/dist/media-center/config/internal-media-center-config.js +34 -44
  11. package/dist/media-center/config/operations.generated.d.ts +0 -104
  12. package/dist/media-center/config/operations.generated.js +0 -320
  13. package/dist/media-center/config/operations.graphql +0 -24
  14. package/dist/media-center/config/types.d.ts +7 -9
  15. package/dist/media-center/media-center/cmp.media-center.svelte +27 -7
  16. package/dist/media-center/media-center/cmp.media-center.svelte.d.ts +2 -2
  17. package/dist/media-center/media-center/discover-panel-handler.svelte.d.ts +2 -2
  18. package/dist/media-center/media-center/discover-panel.svelte +1 -1
  19. package/dist/media-center/media-center/discover-panel.svelte.d.ts +2 -1
  20. package/dist/media-center/media-center/post-player-provider-generator.d.ts +2 -2
  21. package/dist/media-center/media-center/post-player-provider-generator.js +2 -1
  22. package/dist/media-center/media-center/streams-in-category-panel-handler.svelte.d.ts +5 -2
  23. package/dist/media-center/media-center/streams-in-category-panel-handler.svelte.js +5 -0
  24. package/dist/media-center/media-center/streams-in-category-panel.svelte +2 -2
  25. package/dist/media-center/media-center/streams-in-category-panel.svelte.d.ts +3 -2
  26. package/dist/media-center/media-center/streams-player-provider-generator.d.ts +8 -0
  27. package/dist/media-center/media-center/streams-player-provider-generator.js +36 -0
  28. package/dist/media-center/media-center/types.d.ts +0 -6
  29. package/dist/posts/controls/cmp.controls.svelte +1 -1
  30. package/dist/posts/data-loaders/index.d.ts +1 -0
  31. package/dist/posts/data-loaders/index.js +1 -0
  32. package/dist/posts/{posts-player → data-loaders}/mapper.d.ts +1 -1
  33. package/dist/{short-videos/data-providers → posts/data-loaders}/operations.generated.d.ts +82 -4
  34. package/dist/{short-videos/data-providers → posts/data-loaders}/operations.generated.js +232 -3
  35. package/dist/posts/data-loaders/operations.graphql +17 -0
  36. package/dist/posts/data-loaders/posts-loader.d.ts +19 -0
  37. package/dist/posts/data-loaders/posts-loader.js +28 -0
  38. package/dist/posts/posts-player/index.d.ts +27 -6
  39. package/dist/posts/posts-player/index.js +2 -3
  40. package/dist/posts/posts-player/posts-player-view.svelte +29 -13
  41. package/dist/posts/posts-player/types.d.ts +2 -2
  42. package/dist/short-videos/data-providers/internal-short-video-player-items-provider.d.ts +5 -6
  43. package/dist/short-videos/data-providers/internal-short-video-player-items-provider.js +12 -32
  44. package/dist/short-videos/short-videos-player/index.d.ts +2 -3
  45. package/dist/short-videos/short-videos-player/index.js +1 -1
  46. package/dist/streams/data-loaders/index.d.ts +2 -0
  47. package/dist/streams/data-loaders/index.js +2 -0
  48. package/dist/streams/{stream-player → data-loaders}/mapper.d.ts +1 -1
  49. package/dist/streams/{stream-player → data-loaders}/operations.generated.d.ts +27 -24
  50. package/dist/streams/{stream-player → data-loaders}/operations.generated.js +18 -17
  51. package/dist/streams/{stream-player → data-loaders}/operations.graphql +6 -3
  52. package/dist/streams/data-loaders/stream-pages-loader.d.ts +10 -0
  53. package/dist/streams/data-loaders/stream-pages-loader.js +33 -0
  54. package/dist/streams/data-loaders/streams-loader.d.ts +19 -0
  55. package/dist/streams/data-loaders/streams-loader.js +28 -0
  56. package/dist/streams/layout/cmp.slot-content.svelte +18 -13
  57. package/dist/streams/layout/element-views/cmp.button-stream-element.svelte +26 -0
  58. package/dist/streams/layout/element-views/cmp.button-stream-element.svelte.d.ts +10 -0
  59. package/dist/streams/layout/element-views/cmp.products-slider-stream-element.svelte +43 -0
  60. package/dist/streams/layout/element-views/cmp.products-slider-stream-element.svelte.d.ts +13 -0
  61. package/dist/streams/layout/element-views/cmp.stream-element.svelte +8 -6
  62. package/dist/streams/layout/element-views/index.d.ts +2 -0
  63. package/dist/streams/layout/element-views/index.js +2 -0
  64. package/dist/streams/layout/element-views/price-element-view.svelte +3 -0
  65. package/dist/streams/layout/elements.d.ts +20 -2
  66. package/dist/streams/layout/enums.d.ts +4 -1
  67. package/dist/streams/layout/enums.js +3 -0
  68. package/dist/streams/layout/index.d.ts +1 -0
  69. package/dist/streams/layout/index.js +15 -0
  70. package/dist/streams/layout/serializer.svelte.js +30 -5
  71. package/dist/streams/layout/slot-data-input.d.ts +5 -1
  72. package/dist/streams/layout/slot-data-ref.d.ts +2 -2
  73. package/dist/streams/layout/slot-data.d.ts +6 -1
  74. package/dist/streams/layout/styles-transformer.d.ts +3 -1
  75. package/dist/streams/layout/styles-transformer.js +47 -0
  76. package/dist/streams/layout/styles.d.ts +25 -0
  77. package/dist/streams/layout/type-guards.d.ts +11 -4
  78. package/dist/streams/layout/type-guards.js +17 -3
  79. package/dist/streams/{stream-player → streams-player}/index.d.ts +21 -22
  80. package/dist/streams/{stream-player → streams-player}/index.js +9 -7
  81. package/dist/streams/streams-player/internal-streams-player-data-provider.d.ts +16 -0
  82. package/dist/streams/streams-player/internal-streams-player-data-provider.js +55 -0
  83. package/dist/streams/{stream-player → streams-player}/stream-overview.svelte +18 -15
  84. package/dist/streams/{stream-player → streams-player}/stream-overview.svelte.d.ts +2 -2
  85. package/dist/streams/streams-player/streams-player-buffer.svelte.d.ts +8 -0
  86. package/dist/streams/streams-player/streams-player-buffer.svelte.js +15 -0
  87. package/dist/streams/{stream-player/stream-player-view.svelte → streams-player/streams-player-view.svelte} +69 -55
  88. package/dist/streams/streams-player/streams-player-view.svelte.d.ts +8 -0
  89. package/dist/streams/{stream-player → streams-player}/types.d.ts +9 -7
  90. package/dist/ui/{player-button → player/button}/cmp.player-button.svelte +1 -1
  91. package/dist/ui/{player-button → player/button}/cmp.player-button.svelte.d.ts +1 -1
  92. package/dist/ui/{player-button → player/button}/cmp.player-buttons-group.svelte +1 -1
  93. package/dist/ui/{player-button → player/button}/types.d.ts +1 -1
  94. package/dist/ui/player/button/types.js +1 -0
  95. package/dist/ui/player/providers/chunks-player-buffer/index.d.ts +2 -0
  96. package/dist/ui/player/providers/chunks-player-buffer/index.js +2 -0
  97. package/dist/ui/player/providers/chunks-player-buffer/player-chunk-item.svelte.d.ts +11 -0
  98. package/dist/ui/player/providers/chunks-player-buffer/player-chunk-item.svelte.js +11 -0
  99. package/dist/ui/player/providers/chunks-player-buffer/player-chunk.svelte.d.ts +31 -0
  100. package/dist/ui/player/providers/chunks-player-buffer/player-chunk.svelte.js +67 -0
  101. package/dist/ui/player/providers/chunks-player-buffer/player-chunks-manager.svelte.d.ts +23 -0
  102. package/dist/ui/player/providers/chunks-player-buffer/player-chunks-manager.svelte.js +125 -0
  103. package/dist/ui/player/providers/default-chunks-player-buffer.svelte.d.ts +20 -0
  104. package/dist/ui/player/providers/default-chunks-player-buffer.svelte.js +47 -0
  105. package/dist/ui/player/providers/default-feed-player-buffer.svelte.d.ts +27 -0
  106. package/dist/ui/player/providers/default-feed-player-buffer.svelte.js +78 -0
  107. package/dist/ui/player/providers/index.d.ts +3 -0
  108. package/dist/ui/player/providers/index.js +2 -0
  109. package/dist/ui/player/providers/types.d.ts +49 -0
  110. package/dist/ui/{player-slider → player/slider}/cmp.player-slider.svelte +7 -20
  111. package/dist/ui/{player-slider → player/slider}/cmp.player-slider.svelte.d.ts +4 -4
  112. package/dist/ui/{player-slider → player/slider}/index.d.ts +0 -2
  113. package/dist/ui/{player-slider → player/slider}/index.js +0 -1
  114. package/dist/ui/player/slider/types.d.ts +16 -0
  115. package/dist/ui/player/slider/types.js +1 -0
  116. package/package.json +4 -4
  117. package/dist/posts/posts-player/operations.generated.d.ts +0 -80
  118. package/dist/posts/posts-player/operations.generated.js +0 -229
  119. package/dist/posts/posts-player/operations.graphql +0 -7
  120. package/dist/short-videos/data-providers/operations.graphql +0 -9
  121. package/dist/streams/layout/element-views/stream-element-localization.d.ts +0 -7
  122. package/dist/streams/layout/element-views/stream-element-localization.js +0 -11
  123. package/dist/streams/stream-player/internal-stream-player-data-provider.d.ts +0 -12
  124. package/dist/streams/stream-player/internal-stream-player-data-provider.js +0 -48
  125. package/dist/streams/stream-player/stream-player-buffer.svelte.d.ts +0 -28
  126. package/dist/streams/stream-player/stream-player-buffer.svelte.js +0 -79
  127. package/dist/streams/stream-player/stream-player-view.svelte.d.ts +0 -8
  128. package/dist/ui/player-button/types.js +0 -1
  129. package/dist/ui/player-slider/player-buffer.svelte.d.ts +0 -32
  130. package/dist/ui/player-slider/player-buffer.svelte.js +0 -76
  131. package/dist/ui/player-slider/types.d.ts +0 -26
  132. /package/dist/posts/{posts-player → data-loaders}/mapper.js +0 -0
  133. /package/dist/streams/{stream-player → data-loaders}/mapper.js +0 -0
  134. /package/dist/streams/{stream-player → streams-player}/internal-stream-analytics-handler.d.ts +0 -0
  135. /package/dist/streams/{stream-player → streams-player}/internal-stream-analytics-handler.js +0 -0
  136. /package/dist/streams/{stream-player → streams-player}/stream-player-localization.d.ts +0 -0
  137. /package/dist/streams/{stream-player → streams-player}/stream-player-localization.js +0 -0
  138. /package/dist/streams/{stream-player → streams-player}/types.js +0 -0
  139. /package/dist/ui/{player-button → player/button}/cmp.player-buttons-group.svelte.d.ts +0 -0
  140. /package/dist/ui/{player-button → player/button}/index.d.ts +0 -0
  141. /package/dist/ui/{player-button → player/button}/index.js +0 -0
  142. /package/dist/ui/{player-slider → player/providers}/types.js +0 -0
  143. /package/dist/ui/{player-slider → player/slider}/prevent-slider-scroll.d.ts +0 -0
  144. /package/dist/ui/{player-slider → player/slider}/prevent-slider-scroll.js +0 -0
  145. /package/dist/ui/{player-slider → player/slider}/wheel-gestures-adapter.d.ts +0 -0
  146. /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,2 @@
1
+ export { DefaultFeedPlayerBuffer } from './default-feed-player-buffer.svelte';
2
+ 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 activeIndex = $state.raw(buffer.currentIndex);
10
- const actualTransition = $derived(-sliderHeight * activeIndex);
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 && activeIndex >= 0 && Math.abs(activeIndex - buffer.currentIndex) === 1) {
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(activeIndex - buffer.currentIndex) !== 0 || !active)) {
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
- if (buffer.currentIndex >= 0 && activeIndex >= 0 && activeIndex !== buffer.currentIndex && on) {
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 >= activeIndex - 1 && index <= activeIndex + 1}
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 === activeIndex })}
164
+ {@render children({ item, active: index === sliderIndex })}
178
165
  {/if}
179
166
  </div>
180
167
  {/each}
@@ -1,13 +1,13 @@
1
- import type { IPlayerBuffer, PlayerSliderCallbacks, TExtended } from './types';
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: IPlayerBuffer<T>;
8
- on?: PlayerSliderCallbacks<T> | undefined;
7
+ buffer: PlayerSliderBuffer<T>;
8
+ on?: PlayerSliderCallbacks;
9
9
  children: Snippet<[{
10
- item: TExtended<T>;
10
+ item: T;
11
11
  active?: boolean;
12
12
  }]>;
13
13
  };
@@ -1,4 +1,2 @@
1
- export type { IPlayerBuffer } from './types';
2
- export { PlayerBuffer, type IPlayerItemsProvider } from './player-buffer.svelte';
3
1
  export { default as PlayerSlider } from './cmp.player-slider.svelte';
4
2
  export { preventSliderScroll } from './prevent-slider-scroll';
@@ -1,3 +1,2 @@
1
- export { PlayerBuffer } from './player-buffer.svelte';
2
1
  export { default as PlayerSlider } from './cmp.player-slider.svelte';
3
2
  export { preventSliderScroll } from './prevent-slider-scroll';
@@ -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": "9.0.0",
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
- "./stream-player": {
53
- "types": "./dist/streams/stream-player/index.d.ts",
54
- "svelte": "./dist/streams/stream-player/index.js"
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,7 +0,0 @@
1
- fragment PostsPlayerPayloadFragment on Post {
2
- ...PostViewerPayloadFragment
3
- ownerProfile {
4
- id
5
- type
6
- }
7
- }
@@ -1,9 +0,0 @@
1
- # noinspection GraphQLSchemaValidation
2
- query GetShortVideos($input: EmbedPostsInput!, $image_scale: ImageScale = ORIGINAL_ENCODED) {
3
- shortVideos: embedPosts(input: $input) {
4
- items {
5
- ...PostsPlayerPayloadFragment
6
- }
7
- continuationToken
8
- }
9
- }
@@ -1,7 +0,0 @@
1
- import { type Locale } from '../../../core/locale';
2
- export declare class StreamElementLocalization {
3
- priceElementLocalization: Locale;
4
- stockElementLocalization: Locale;
5
- shortVideoElementLocalization: Locale;
6
- constructor(locale: Locale);
7
- }
@@ -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
- }