@streamscloud/embeddable 12.2.0 → 13.0.1

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

@@ -6,7 +6,7 @@ export class DefaultFeedPlayerBuffer {
     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);
+    canLoadNext = $derived.by(() => this.currentIndex < this.loaded.length - 1 || !!this._onEndReachedFn);
     canLoadPrevious = $derived(this.currentIndex > 0);
     navigationDisabled = $derived(!this.canLoadNext && !this.canLoadPrevious);
     animationDuration = 500;
@@ -14,7 +14,9 @@ export class DefaultFeedPlayerBuffer {
     _loaded = $state.raw([]);
     _loadMoreFn;
     _fetchDeferred = $state.raw(null);
+    _onEndReachedFn;
     constructor(provider) {
+        this._onEndReachedFn = provider.onEndReached;
         this._loadMoreFn = provider.loadMore;
         // Throttle navigation methods
         this.loadNext = Utils.throttle(this.loadNext, this.animationDuration);
@@ -25,6 +27,10 @@ export class DefaultFeedPlayerBuffer {
         if (!this.canLoadNext) {
             return;
         }
+        if (this.currentIndex >= this.loaded.length - 1) {
+            this._onEndReachedFn?.();
+            return;
+        }
         ++this._currentIndex;
         this.warmUpBuffer();
     };

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

@@ -6,7 +6,8 @@ export interface IFeedPlayerDataProvider<T extends WithId> {
         startIndex: number;
         startMediaIndex?: number;
     };
-    loadMore(): Promise<T[]>;
+    loadMore: () => Promise<T[]>;
+    onEndReached?: () => void;
 }
 export interface IChunksPlayerDataProvider<TItem extends WithId, TChunk extends WithId = WithId> {
     kind: 'chunks';
@@ -19,6 +20,7 @@ export interface IChunksPlayerDataProvider<TItem extends WithId, TChunk extends
         items: TItem[];
         continuationToken: string | null;
     }>;
+    onEndReached?: () => void;
 }
 export type IPlayerBuffer<T extends WithId> = IFeedPlayerBuffer<T> | IChunksPlayerBuffer<T>;
 export interface IPlayerBufferBase<T extends WithId> {

package/dist/ui/shadow-dom/cmp.shadow-root.svelte

@@ -53,10 +53,11 @@ const styles = $derived.by(() => {
 :host,
 :global([data-theme="default"]) {
   /* Backgrounds */
-  --sc-mc-color--bg-screen: #f9fafb;
+  --sc-mc-color--bg-button: #ffffff;
   --sc-mc-color--bg-card: #ffffff;
-  --sc-mc-color--bg-panel: #ffffff;
   --sc-mc-color--bg-image: #d1d5db;
+  --sc-mc-color--bg-panel: #ffffff;
+  --sc-mc-color--bg-screen: #f9fafb;
   /* Borders */
   --sc-mc-color--border-brand: #144ab0;
   --sc-mc-color--border-card: #f2f2f2;
@@ -84,10 +85,11 @@ const styles = $derived.by(() => {
 
 :global([data-theme="dark"]) {
   /* Backgrounds */
-  --sc-mc-color--bg-screen: #1e1e1e;
+  --sc-mc-color--bg-button: #111827;
   --sc-mc-color--bg-card: #000000;
-  --sc-mc-color--bg-panel: #000000;
   --sc-mc-color--bg-image: #374151;
+  --sc-mc-color--bg-panel: #000000;
+  --sc-mc-color--bg-screen: #1e1e1e;
   /* Borders */
   --sc-mc-color--border-brand: #5a8dec;
   --sc-mc-color--border-card: #000000;

package/dist/ui/shadow-dom/colors.scss

@@ -3,10 +3,11 @@
 :host,
 :global([data-theme='default']) {
   /* Backgrounds */
-  --sc-mc-color--bg-screen: #{colors.$color-neutral-50};
+  --sc-mc-color--bg-button: #{colors.$color-white};
   --sc-mc-color--bg-card: #{colors.$color-white};
-  --sc-mc-color--bg-panel: #{colors.$color-white};
   --sc-mc-color--bg-image: #{colors.$color-neutral-300};
+  --sc-mc-color--bg-panel: #{colors.$color-white};
+  --sc-mc-color--bg-screen: #{colors.$color-neutral-50};
 
   /* Borders */
   --sc-mc-color--border-brand: #{colors.$color-primary-500};
@@ -38,10 +39,11 @@
 
 :global([data-theme='dark']) {
   /* Backgrounds */
-  --sc-mc-color--bg-screen: #{colors.$color-dark-800};
+  --sc-mc-color--bg-button: #{colors.$color-neutral-900};
   --sc-mc-color--bg-card: #{colors.$color-black};
-  --sc-mc-color--bg-panel: #{colors.$color-black};
   --sc-mc-color--bg-image: #{colors.$color-neutral-700};
+  --sc-mc-color--bg-panel: #{colors.$color-black};
+  --sc-mc-color--bg-screen: #{colors.$color-dark-800};
 
   /* Borders */
   --sc-mc-color--border-brand: #{colors.$color-primary-400};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "12.2.0",
+  "version": "13.0.1",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",
@@ -33,6 +33,10 @@
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js"
     },
+    "./external-api": {
+      "types": "./dist/external-api/index.d.ts",
+      "svelte": "./dist/external-api/index.js"
+    },
     "./media-center": {
       "types": "./dist/media-center/index.d.ts",
       "svelte": "./dist/media-center/index.js"

package/dist/content-player/content-player-settings.d.ts

@@ -1,12 +0,0 @@
-import type { Locale } from '../core/locale';
-import type { PlayerColors } from '../ui/player/colors';
-export declare class ContentPlayerSettings {
-    locale: Locale;
-    showStreamsCloudWatermark: boolean;
-    playerColors: NonNullable<PlayerColors>;
-    constructor(init?: {
-        locale?: Locale;
-        showStreamsCloudWatermark?: boolean;
-        playerColors?: PlayerColors;
-    });
-}

package/dist/content-player/content-player-settings.js

@@ -1,23 +0,0 @@
-export class ContentPlayerSettings {
-    locale = 'en';
-    showStreamsCloudWatermark = false;
-    playerColors = {
-        brand: null,
-        button: null,
-        buttonInactive: null,
-        cardButton: null,
-        cardBackground: null,
-        menuBackground: null,
-        playerBackground: null,
-        price: null,
-        salePrice: null,
-        sidebarBackground: null
-    };
-    constructor(init) {
-        if (init) {
-            this.locale = init.locale ?? this.locale;
-            this.showStreamsCloudWatermark = init.showStreamsCloudWatermark ?? this.showStreamsCloudWatermark;
-            this.playerColors = init?.playerColors ?? this.playerColors;
-        }
-    }
-}

package/dist/media-center/config/internal-media-center-config.d.ts

@@ -1,14 +0,0 @@
-import type { IMediaCenterConfig } from './types';
-export declare class InternalMediaCenterConfig implements IMediaCenterConfig {
-    postsPlayer: IMediaCenterConfig['postsPlayer'];
-    streamPlayer: IMediaCenterConfig['streamPlayer'];
-    handlers: IMediaCenterConfig['handlers'];
-    getConfig: IMediaCenterConfig['getConfig'];
-    private graphql;
-    constructor(input: {
-        mediaPageId: string;
-        initiator?: string;
-        graphqlOrigin?: string;
-        testingStuff?: boolean;
-    });
-}

package/dist/media-center/media-center/discover/discover-header-localization.d.ts

@@ -1,6 +0,0 @@
-import { type Locale } from '../../../core/locale';
-export declare class DiscoverHeaderLocalization {
-    membersLabel: (count: number) => string;
-    locale: Locale;
-    constructor(locale: Locale);
-}

package/dist/media-center/media-center/discover/discover-header-localization.js

@@ -1,15 +0,0 @@
-import {} from '../../../core/locale';
-export class DiscoverHeaderLocalization {
-    membersLabel;
-    locale;
-    constructor(locale) {
-        this.membersLabel = loc.membersLabel[locale];
-        this.locale = locale;
-    }
-}
-const loc = {
-    membersLabel: {
-        en: (count) => (count === 1 ? `Member` : `Members`),
-        no: (count) => (count === 1 ? `Medlem` : `Medlemmer`)
-    }
-};

package/dist/posts/handlers/index.d.ts

@@ -1 +0,0 @@
-export { InternalPostAnalyticsHandler } from './internal-post-analytics-handler';

package/dist/posts/handlers/index.js

@@ -1 +0,0 @@
-export { InternalPostAnalyticsHandler } from './internal-post-analytics-handler';

package/dist/short-videos/data-providers/index.d.ts

@@ -1 +0,0 @@
-export { InternalShortVideoPlayerItemsProvider } from './internal-short-video-player-items-provider';

package/dist/short-videos/data-providers/index.js

@@ -1 +0,0 @@
-export { InternalShortVideoPlayerItemsProvider } from './internal-short-video-player-items-provider';