@viostream/viostream-player-svelte 0.2.5 → 0.2.7

package/dist/ViostreamPlayer.svelte

@@ -25,7 +25,8 @@
 -->
 <script lang="ts">
 	import { onMount, type Snippet } from 'svelte';
-	import { loadViostream, wrapRawPlayer } from '@viostream/viostream-player-core';
+	import Debug from 'debug';
+	import { getViostreamApi, wrapRawPlayer } from '@viostream/viostream-player-core';
 	import type {
 		ViostreamEmbedOptions,
 		ViostreamPlayer,
@@ -33,6 +34,9 @@
 		ViostreamEventHandler,
 	} from '@viostream/viostream-player-core';
 	import type { ViostreamPlayerProps } from './types.js';
+	import { SDK_NAME, SDK_VERSION } from './version.js';
+
+	const debug = Debug('viostream:svelte');
 
 	let {
 		// Required props
@@ -132,42 +136,62 @@
 	];
 
 	onMount(() => {
+		debug('onMount publicKey=%s accountKey=%s containerId=%s', publicKey, accountKey, containerId);
+
 		let destroyed = false;
 		const unsubscribers: Array<() => void> = [];
 
 		async function init() {
 			try {
-				const api = await loadViostream(accountKey);
+				debug('init: getting embed API');
+				const api = getViostreamApi();
 
-				if (destroyed) return;
+				if (destroyed) {
+					debug('init: stale closure detected after getViostreamApi — aborting publicKey=%s', publicKey);
+					return;
+				}
 
 				const embedOpts = buildEmbedOptions();
+				debug('init: calling api.embed publicKey=%s containerId=%s options=%o', publicKey, containerId, embedOpts);
 				const raw: RawViostreamPlayerInstance = api.embed(publicKey, containerId, embedOpts);
+				debug('init: api.embed returned raw player');
+
 				const wrappedPlayer = wrapRawPlayer(raw, containerId);
+				debug('init: wrapRawPlayer completed containerId=%s', containerId);
 
 				if (destroyed) {
+					debug('init: stale closure detected after wrapRawPlayer — destroying and aborting publicKey=%s', publicKey);
 					wrappedPlayer.destroy();
 					return;
 				}
 
 				player = wrappedPlayer;
 				isLoading = false;
+				debug('init: player set, isLoading -> false publicKey=%s', publicKey);
 
 				// Wire up event callbacks from props
+				const wiredEvents: string[] = [];
 				for (const [eventName, getHandler] of EVENT_MAP) {
 					const handler = getHandler();
 					if (handler) {
 						const unsub = wrappedPlayer.on(eventName, handler);
 						unsubscribers.push(unsub);
+						wiredEvents.push(eventName);
 					}
 				}
+				debug('init: event wiring subscribed to [%s]', wiredEvents.join(', '));
 
 				// Notify consumer that the player is ready
+				debug('init: firing onplayerready publicKey=%s', publicKey);
 				onplayerready?.(wrappedPlayer);
 			} catch (err) {
 				if (!destroyed) {
-					errorMsg = err instanceof Error ? err.message : String(err);
+					const msg = err instanceof Error ? err.message : String(err);
+					debug('init: error caught publicKey=%s error=%s', publicKey, msg);
+					errorMsg = msg;
 					isLoading = false;
+				} else {
+					debug('init: error caught but destroyed — ignoring publicKey=%s', publicKey);
 				}
 			}
 		}
@@ -175,6 +199,7 @@
 		init();
 
 		return () => {
+			debug('cleanup publicKey=%s hasPlayer=%s unsubscribers=%d', publicKey, !!player, unsubscribers.length);
 			destroyed = true;
 			for (const unsub of unsubscribers) {
 				unsub();
@@ -187,19 +212,27 @@
 	// Re-wire event handlers reactively when callback props change
 	// This handles the case where a consumer conditionally provides callbacks
 	$effect(() => {
-		if (!player) return;
+		if (!player) {
+			debug('$effect event wiring skipped — no player');
+			return;
+		}
 
 		const currentUnsubscribers: Array<() => void> = [];
+		const wiredEvents: string[] = [];
 
 		for (const [eventName, getHandler] of EVENT_MAP) {
 			const handler = getHandler();
 			if (handler) {
 				const unsub = player.on(eventName, handler);
 				currentUnsubscribers.push(unsub);
+				wiredEvents.push(eventName);
 			}
 		}
 
+		debug('$effect event wiring: subscribed to [%s]', wiredEvents.join(', '));
+
 		return () => {
+			debug('$effect event wiring cleanup: unsubscribing %d events', currentUnsubscribers.length);
 			for (const unsub of currentUnsubscribers) {
 				unsub();
 			}
@@ -213,6 +246,7 @@
 	bind:this={containerEl}
 	data-viostream-player
 	data-viostream-public-key={publicKey}
+	data-viostream-sdk={`${SDK_NAME}@${SDK_VERSION}`}
 >
 	{#if isLoading}
 		{#if loadingSnippet}

package/dist/version.d.ts

@@ -0,0 +1,2 @@
+export declare const SDK_NAME = "viostream-player-svelte";
+export declare const SDK_VERSION = "0.2.7";

package/dist/version.js

@@ -0,0 +1,3 @@
+// Auto-generated by scripts/sync-version.mjs — do not edit
+export const SDK_NAME = 'viostream-player-svelte';
+export const SDK_VERSION = '0.2.7';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viostream/viostream-player-svelte",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "Svelte 5 SDK for the Viostream video player — embed, control, and listen to player events",
   "license": "MIT",
   "publishConfig": {
@@ -8,6 +8,7 @@
   },
   "type": "module",
   "scripts": {
+    "prebuild": "node ../../scripts/sync-version.mjs src/lib/version.ts",
     "package": "svelte-kit sync && svelte-package && publint",
     "build": "npm run package",
     "prepublishOnly": "npm run package",
@@ -30,7 +31,8 @@
     "!dist/**/*.spec.*"
   ],
   "dependencies": {
-    "@viostream/viostream-player-core": "^0.2.5"
+    "@viostream/viostream-player-core": "^0.2.7",
+    "debug": "^4.4.3"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
@@ -41,6 +43,7 @@
     "@sveltejs/vite-plugin-svelte": "^5.0.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/svelte": "^5.3.1",
+    "@types/debug": "^4.1.13",
     "jsdom": "^28.1.0",
     "publint": "^0.3.0",
     "svelte": "^5.0.0",
@@ -58,4 +61,4 @@
     "embed",
     "sdk"
   ]
-}
+}