@streamscloud/embeddable 2.0.3 → 2.1.0

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

@@ -25,4 +25,7 @@ export type { IShortVideosPlayerLocalization };
 export declare const openShortVideosPlayer: (init: {
     shortVideosProvider: PlayerItemsProvider<ShortVideoViewerModel>;
     localization?: IShortVideosPlayerLocalization;
+    on?: {
+        playerClosed?: () => void;
+    };
 }) => void;

package/dist/short-videos/short-videos-player/index.js

@@ -23,7 +23,7 @@ import { mount } from 'svelte';
  */
 export const openShortVideosPlayer = (init) => {
     const { shortVideosProvider, localization } = init;
-    const shadowHost = new ShadowHost();
+    const shadowHost = new ShadowHost({ onClosed: () => init.on?.playerClosed?.() });
     mount(ShortVideosPlayer, {
         target: shadowHost.shadowRoot,
         props: {

package/dist/streams/stream-player/cmp.stream-player.svelte

@@ -30,7 +30,7 @@ let loading = $state(true);
 let activePageId = $derived.by(() => { var _a, _b; return (_b = (_a = buffer === null || buffer === void 0 ? void 0 : buffer.current) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : ''; });
 const uiManager = new StreamPlayerUiManager();
 onMount(() => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b;
+    var _a, _b, _c, _d;
     uiManager.overviewCollapsed = window && window.innerWidth < window.innerHeight;
     try {
         const streamPayload = yield graphql.query(GetStreamDocument, { id: streamId }).toPromise();
@@ -39,6 +39,10 @@ onMount(() => __awaiter(void 0, void 0, void 0, function* () {
             (_b = on === null || on === void 0 ? void 0 : on.closePlayer) === null || _b === void 0 ? void 0 : _b.call(on);
             return;
         }
+        (_c = on === null || on === void 0 ? void 0 : on.streamActivated) === null || _c === void 0 ? void 0 : _c.call(on, {
+            title: streamPayload.data.stream.title,
+            image: ((_d = streamPayload.data.stream.cover) === null || _d === void 0 ? void 0 : _d.url) || null
+        });
         // start tracking the stream
         model = mapStreamPlayerModel(streamPayload.data.stream);
         buffer = new StreamPlayerBuffer({ graphql, streamId });

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

@@ -8,6 +8,7 @@ type Props = {
         closePlayer?: () => void;
         streamActivated?: (data: {
             title: string;
+            image: string | null;
         }) => void;
     };
 };

package/dist/streams/stream-player/index.d.ts

@@ -7,6 +7,7 @@ export type { IStreamPlayerLocalization };
  * @param {string} init.streamId - The ID of the stream to open.
  * @param {string} init.graphqlUrl - The URL of the GraphQL endpoint.
  * @param {IStreamPlayerLocalization} [init.localization] - Optional localization settings for the player UI.
+ * @param init.on - Available callbacks.
  *
  * @example
  * ```ts
@@ -26,4 +27,11 @@ export declare const openStreamPlayer: (init: {
     streamId: string;
     graphqlUrl: string;
     localization?: IStreamPlayerLocalization;
+    on?: {
+        streamActivated?: (data: {
+            title: string;
+            image: string | null;
+        }) => void;
+        playerClosed?: () => void;
+    };
 }) => void;

package/dist/streams/stream-player/index.js

@@ -9,6 +9,7 @@ import { mount } from 'svelte';
  * @param {string} init.streamId - The ID of the stream to open.
  * @param {string} init.graphqlUrl - The URL of the GraphQL endpoint.
  * @param {IStreamPlayerLocalization} [init.localization] - Optional localization settings for the player UI.
+ * @param init.on - Available callbacks.
  *
  * @example
  * ```ts
@@ -26,7 +27,7 @@ import { mount } from 'svelte';
  */
 export const openStreamPlayer = (init) => {
     const { streamId, graphqlUrl, localization } = init;
-    const shadowHost = new ShadowHost();
+    const shadowHost = new ShadowHost({ onClosed: () => init.on?.playerClosed?.() });
     mount(StreamPlayer, {
         target: shadowHost.shadowRoot,
         props: {
@@ -34,6 +35,11 @@ export const openStreamPlayer = (init) => {
             graphql: createLocalGQLClient(graphqlUrl),
             localization,
             on: {
+                streamActivated: (data) => {
+                    if (init.on?.streamActivated) {
+                        init.on.streamActivated({ title: data.title, image: data.image });
+                    }
+                },
                 closePlayer: () => {
                     shadowHost.remove();
                 }

package/dist/streams/stream-player/operations.generated.d.ts

@@ -11,6 +11,9 @@ export type GetStreamQuery = {
         createdAt: any;
         publishedAt: any | null;
         pagesCount: number;
+        cover: {
+            url: string;
+        } | null;
         ownerProfile: {
             image: string | null;
             name: string;
@@ -45,6 +48,9 @@ export type StreamPlayerPayloadFragment = {
     createdAt: any;
     publishedAt: any | null;
     pagesCount: number;
+    cover: {
+        url: string;
+    } | null;
     ownerProfile: {
         image: string | null;
         name: string;

package/dist/streams/stream-player/operations.generated.js

@@ -13,6 +13,11 @@ export const StreamPlayerPayloadFragmentDoc = {
                     { kind: 'Field', name: { kind: 'Name', value: 'subTitle' } },
                     { kind: 'Field', name: { kind: 'Name', value: 'createdAt' } },
                     { kind: 'Field', name: { kind: 'Name', value: 'publishedAt' } },
+                    {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: 'cover' },
+                        selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'url' } }] }
+                    },
                     {
                         kind: 'Field',
                         name: { kind: 'Name', value: 'ownerProfile' },
@@ -88,6 +93,11 @@ export const GetStreamDocument = {
                     { kind: 'Field', name: { kind: 'Name', value: 'subTitle' } },
                     { kind: 'Field', name: { kind: 'Name', value: 'createdAt' } },
                     { kind: 'Field', name: { kind: 'Name', value: 'publishedAt' } },
+                    {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: 'cover' },
+                        selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'url' } }] }
+                    },
                     {
                         kind: 'Field',
                         name: { kind: 'Name', value: 'ownerProfile' },

package/dist/streams/stream-player/operations.graphql

@@ -20,6 +20,9 @@ fragment StreamPlayerPayloadFragment on Stream {
   subTitle
   createdAt
   publishedAt
+  cover {
+    url
+  }
   ownerProfile {
     image
     name

package/dist/ui/shadow-dom/shadow-host.d.ts

@@ -1,7 +1,10 @@
 export declare class ShadowHost {
     shadowRoot: ShadowRoot;
     private host;
-    constructor();
+    private callbacks;
+    constructor(init: {
+        onClosed: () => void;
+    });
     attachToBody(): void;
     remove(): void;
     private handleEsc;

package/dist/ui/shadow-dom/shadow-host.js

@@ -3,7 +3,11 @@ import reset from './_reset.scss?raw';
 export class ShadowHost {
     shadowRoot;
     host;
-    constructor() {
+    callbacks;
+    constructor(init) {
+        this.callbacks = {
+            onClosed: init.onClosed
+        };
         const host = document.createElement('div');
         host.style.all = 'unset';
         host.style.position = 'fixed';
@@ -30,6 +34,7 @@ export class ShadowHost {
         this.host.remove();
         document.getElementsByTagName('html')[0].style.overflow = '';
         document.removeEventListener('keydown', this.handleEsc);
+        this.callbacks.onClosed();
     }
     handleEsc = (event) => {
         if (event.key === 'Escape' || event.key === 'Esc') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "2.0.3",
+  "version": "2.1.0",
   "author": "StreamsCloud",
   "repository": "https://github.com/StreamsCloud/streamscloud-frontend-packages.git",
   "type": "module",