@streamscloud/embeddable 2.6.2 → 2.7.0

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

@@ -27,7 +27,7 @@ import { StreamPlayerLocalization } from './stream-player-localization';
 import { StreamPlayerUiManager } from './ui-manager.svelte';
 import { AppEventsTracker } from '@streamscloud/streams-analytics-collector';
 import { onMount } from 'svelte';
-let { streamId, graphqlOrigin, localization: localizationInit, on } = $props();
+let { streamId, graphqlOrigin, localization: localizationInit, showStreamsCloudWatermark, on } = $props();
 const localization = $derived(new StreamPlayerLocalization(localizationInit));
 let model = $state(null);
 let buffer = $state.raw(null);
@@ -174,6 +174,13 @@ const onProgress = (pageId, videoId, progress) => {
     <Loading positionAbsoluteCenter={true} timeout={600} />
   {/if}
   <div class="stream-player" style={uiManager.globalCssVariables}>
+    {#if showStreamsCloudWatermark}
+      <div class="stream-player__watermark">
+        <a href="https://streamscloud.com/" tabindex="-1" aria-label="none">
+          <img src="/watermark.svg" alt="watermark" />
+        </a>
+      </div>
+    {/if}
     {#if buffer && model}
       <SpotlightLayout ratio={9 / 16} on={{ dimensionsChanged: handleDimensionsChanged }}>
         <div class="stream-player__content" use:contentMounted>
@@ -265,6 +272,11 @@ const onProgress = (pageId, videoId, progress) => {
     padding: 0;
   }
 }
+.stream-player__watermark {
+  position: absolute;
+  bottom: 5rem;
+  left: 20rem;
+}
 .stream-player__content {
   width: 100%;
   height: 100%;

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

@@ -4,6 +4,7 @@ type Props = {
     streamId: string;
     localization: IStreamPlayerLocalization | Locale;
     graphqlOrigin?: string;
+    showStreamsCloudWatermark?: boolean;
     on?: {
         closePlayer?: () => void;
         streamActivated?: (data: {

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

@@ -27,6 +27,7 @@ export declare const openStreamPlayer: (init: {
     streamId: string;
     graphqlOrigin?: string;
     localization?: IStreamPlayerLocalization | "en" | "no";
+    showStreamsCloudWatermark?: boolean;
     on?: {
         streamActivated?: (data: {
             title: string;

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

@@ -27,7 +27,7 @@ import { mount, unmount } from 'svelte';
  * ```
  */
 export const openStreamPlayer = (init) => {
-    const { streamId, graphqlOrigin, localization } = init;
+    const { streamId, graphqlOrigin, localization, showStreamsCloudWatermark } = init;
     const shadowHost = new ShadowHost();
     const mounted = mount(StreamPlayer, {
         target: shadowHost.shadowRoot,
@@ -35,6 +35,7 @@ export const openStreamPlayer = (init) => {
             streamId,
             graphqlOrigin,
             localization: getLocale(localization),
+            showStreamsCloudWatermark,
             on: {
                 streamActivated: (data) => {
                     AppEventsTracker.setOrganizationId(data.ownerId);

package/package.json

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