@streamscloud/embeddable 16.0.6 → 16.0.7

package/dist/posts/posts-player/cmp.posts-player.svelte

@@ -1,8 +1,13 @@
 <script lang="ts">import { CloseOrchestrator } from '../../ui/player/close-orchestrator';
 import { createShadowRoot } from '../../ui/shadow-dom';
+import { PostsPlayerHostSettings } from './posts-player-host-settings.svelte';
 import { default as PostsPlayerProxy } from './posts-player-proxy.svelte';
-import { mount, unmount } from 'svelte';
+import { mount, unmount, untrack } from 'svelte';
 let { dataProvider, socialInteractionsHandler, sharingHandler, playerSettings, analyticsHandler, on } = $props();
+const settingsHolder = untrack(() => new PostsPlayerHostSettings(playerSettings));
+$effect(() => {
+    settingsHolder.update(playerSettings);
+});
 const initHost = (node) => {
     const shadowRoot = createShadowRoot(node);
     const mounted = mount(PostsPlayerProxy, {
@@ -11,7 +16,7 @@ const initHost = (node) => {
             dataProvider,
             socialInteractionsHandler,
             sharingHandler,
-            playerSettings,
+            playerSettings: settingsHolder,
             analyticsHandler,
             closeOrchestrator: new CloseOrchestrator({
                 closeFn: async () => {

package/dist/posts/posts-player/posts-player-host-settings.svelte.d.ts

@@ -0,0 +1,20 @@
+import type { ThemeValue } from '../../core/theme';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
+export declare class PostsPlayerHostSettings {
+    locale: AppLocaleValue | undefined;
+    showStreamsCloudWatermark: boolean | undefined;
+    disableBackground: boolean | undefined;
+    theme: ThemeValue | undefined;
+    constructor(init: {
+        locale?: AppLocaleValue;
+        showStreamsCloudWatermark?: boolean;
+        disableBackground?: boolean;
+        theme?: ThemeValue;
+    } | undefined);
+    update: (data: {
+        locale?: AppLocaleValue;
+        showStreamsCloudWatermark?: boolean;
+        disableBackground?: boolean;
+        theme?: ThemeValue;
+    } | undefined) => void;
+}

package/dist/posts/posts-player/posts-player-host-settings.svelte.js

@@ -0,0 +1,15 @@
+export class PostsPlayerHostSettings {
+    locale = $state();
+    showStreamsCloudWatermark = $state();
+    disableBackground = $state();
+    theme = $state();
+    constructor(init) {
+        this.update(init);
+    }
+    update = (data) => {
+        this.locale = data?.locale;
+        this.showStreamsCloudWatermark = data?.showStreamsCloudWatermark;
+        this.disableBackground = data?.disableBackground;
+        this.theme = data?.theme;
+    };
+}

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

@@ -1,8 +1,13 @@
 <script lang="ts">import { CloseOrchestrator } from '../../ui/player/close-orchestrator';
 import { createShadowRoot } from '../../ui/shadow-dom';
+import { StreamsPlayerHostSettings } from './streams-player-host-settings.svelte';
 import { default as StreamsPlayerProxy } from './streams-player-proxy.svelte';
-import { mount, unmount } from 'svelte';
+import { mount, unmount, untrack } from 'svelte';
 let { dataProvider, postSocialInteractionsHandler, sharingHandler, amplificationParameters, playerSettings, analyticsHandler, on } = $props();
+const settingsHolder = untrack(() => new StreamsPlayerHostSettings(playerSettings));
+$effect(() => {
+    settingsHolder.update(playerSettings);
+});
 const initHost = (node) => {
     const shadowRoot = createShadowRoot(node);
     const mounted = mount(StreamsPlayerProxy, {
@@ -13,7 +18,7 @@ const initHost = (node) => {
             sharingHandler,
             analyticsHandler,
             amplificationParameters,
-            playerSettings,
+            playerSettings: settingsHolder,
             closeOrchestrator: new CloseOrchestrator({
                 closeFn: async () => {
                     await unmount(mounted);

package/dist/streams/streams-player/streams-player-host-settings.svelte.d.ts

@@ -0,0 +1,20 @@
+import type { ThemeValue } from '../../core/theme';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
+export declare class StreamsPlayerHostSettings {
+    locale: AppLocaleValue | undefined;
+    showStreamsCloudWatermark: boolean | undefined;
+    disableBackground: boolean | undefined;
+    theme: ThemeValue | undefined;
+    constructor(init: {
+        locale?: AppLocaleValue;
+        showStreamsCloudWatermark?: boolean;
+        disableBackground?: boolean;
+        theme?: ThemeValue;
+    } | undefined);
+    update: (data: {
+        locale?: AppLocaleValue;
+        showStreamsCloudWatermark?: boolean;
+        disableBackground?: boolean;
+        theme?: ThemeValue;
+    } | undefined) => void;
+}

package/dist/streams/streams-player/streams-player-host-settings.svelte.js

@@ -0,0 +1,15 @@
+export class StreamsPlayerHostSettings {
+    locale = $state();
+    showStreamsCloudWatermark = $state();
+    disableBackground = $state();
+    theme = $state();
+    constructor(init) {
+        this.update(init);
+    }
+    update = (data) => {
+        this.locale = data?.locale;
+        this.showStreamsCloudWatermark = data?.showStreamsCloudWatermark;
+        this.disableBackground = data?.disableBackground;
+        this.theme = data?.theme;
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "16.0.6",
+  "version": "16.0.7",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",
@@ -16,6 +16,7 @@
     "pack": "npm run build && npm pack",
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json",
+    "check:strict": "svelte-check --tsconfig ./tsconfig.app.json --fail-on-warnings --output machine && eslint . --format codeframe --max-warnings 0 && prettier --check --plugin prettier-plugin-svelte --cache .",
     "uad": "graphql-codegen --config codegen.yml && prettier --write src/**/*.generated.ts src/gql/*",
     "uad-types-only": "graphql-codegen --config codegen.types-only.yml && prettier --write src/gql/*",
     "lint": "prettier --check --plugin prettier-plugin-svelte . && eslint .",
@@ -133,7 +134,7 @@
     }
   },
   "peerDependencies": {
-    "@streamscloud/kit": "^0.1.8",
+    "@streamscloud/kit": "^0.1.12",
     "@streamscloud/streams-analytics-collector": "^4.0.1",
     "svelte": "^5.51.0"
   },
@@ -149,7 +150,7 @@
     "@graphql-codegen/typescript": "^5.0.7",
     "@graphql-codegen/typescript-operations": "^5.0.7",
     "@graphql-typed-document-node/core": "^3.2.0",
-    "@streamscloud/kit": "^0.1.8",
+    "@streamscloud/kit": "^0.1.12",
     "@streamscloud/streams-analytics-collector": "^4.0.1",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",