@streamscloud/embeddable 2.0.4 → 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/index.d.ts

@@ -32,5 +32,6 @@ export declare const openStreamPlayer: (init: {
             title: string;
             image: string | null;
         }) => void;
+        playerClosed?: () => void;
     };
 }) => void;

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

@@ -27,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: {
@@ -35,7 +35,7 @@ export const openStreamPlayer = (init) => {
             graphql: createLocalGQLClient(graphqlUrl),
             localization,
             on: {
-                streamActivated: data => {
+                streamActivated: (data) => {
                     if (init.on?.streamActivated) {
                         init.on.streamActivated({ title: data.title, image: data.image });
                     }

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.4",
+  "version": "2.1.0",
   "author": "StreamsCloud",
   "repository": "https://github.com/StreamsCloud/streamscloud-frontend-packages.git",
   "type": "module",