@tidal-music/player-web-components 0.2.0 → 0.2.2

package/dist/src/helpers.d.ts

@@ -0,0 +1,18 @@
+export declare const css: (template: {
+    raw: readonly string[] | ArrayLike<string>;
+}, ...substitutions: any[]) => string;
+export declare const html: (template: {
+    raw: readonly string[] | ArrayLike<string>;
+}, ...substitutions: any[]) => string;
+/**
+ * Takes 't' seconds and formats them as '(hh:)mm:ss'.
+ * Only 0-pad minutes if needed (hours present).
+ */
+export declare function asTime(t?: number | string): string;
+/**
+ * Formats seconds to datetime durations for the <time> element.
+ *
+ * @see https://www.w3.org/TR/html5/infrastructure.html#duration-time-component
+ * @param {number} t - Seconds
+ */
+export declare function timeDateTime(t?: number | string): string;

package/dist/src/index.d.ts

@@ -0,0 +1,7 @@
+export { default as TidalCurrentTime } from './tidal-current-time.js';
+export { default as TidalDurationTime } from './tidal-duration-time.js';
+export { default as TidalPlayButton } from './tidal-play-trigger.js';
+export { default as TidalProgressBar } from './tidal-progress-bar.js';
+export { default as TidalVideoView } from './tidal-video-view.js';
+export type { CredentialsProvider } from '@tidal-music/common';
+export { events, setCredentialsProvider, setEventSender, } from '@tidal-music/player';

package/dist/src/tidal-current-time.d.ts

@@ -0,0 +1,9 @@
+declare const customElementName = "tidal-current-time";
+export declare class TidalCurrentTime extends HTMLElement {
+    #private;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    renderTime(seconds: number): void;
+}
+export default customElementName;

package/dist/src/tidal-duration-time.d.ts

@@ -0,0 +1,9 @@
+declare const customElementName = "tidal-duration-time";
+export declare class TidalDurationTime extends HTMLElement {
+    #private;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    renderTime(seconds: number): void;
+}
+export default customElementName;

package/dist/src/tidal-play-trigger.d.ts

@@ -0,0 +1,2 @@
+declare const customElementName = "tidal-play-trigger";
+export default customElementName;

package/dist/src/tidal-progress-bar.d.ts

@@ -0,0 +1,2 @@
+declare const elementName = "tidal-progress-bar";
+export default elementName;

package/dist/src/tidal-video-view.d.ts

@@ -0,0 +1,2 @@
+declare const customElementName = "tidal-video-view";
+export default customElementName;

package/dist/state-B888KJag-C7pa4Xs7.js

@@ -0,0 +1,210 @@
+//#region ../player/dist/state-B888KJag.js
+var e = Object.freeze({
+	apiUrl: "https://openapi.tidal.com/v2/",
+	audioAdaptiveBitrateStreaming: !0,
+	crossfadeInMs: 0,
+	desiredVolumeLevel: 1,
+	gatherEvents: !0,
+	legacyApiUrl: "https://api.tidal.com/v1",
+	loudnessNormalizationMode: "ALBUM",
+	outputDevicesEnabled: !1,
+	streamingWifiAudioQuality: "LOW"
+});
+function t(t) {
+	return e[t];
+}
+function n(t) {
+	return e = Object.freeze({
+		...e,
+		...t
+	}), Object.keys(t).forEach((e) => {
+		let n = e;
+		r.dispatchEvent(new CustomEvent(n, { detail: t[n] }));
+	}), e;
+}
+var r = new EventTarget();
+function i(e) {
+	return new Promise((t) => setTimeout(() => t(), e));
+}
+function a(e, t) {
+	return new Promise((n) => {
+		e.addEventListener(t, (e) => n(e), !1);
+	});
+}
+var o = class extends EventTarget {
+	#e;
+	set eventSender(e) {
+		this.#e = e;
+	}
+	get eventSender() {
+		return this.#e;
+	}
+	hasEventSender() {
+		return !!this.#e;
+	}
+}, s = class extends EventTarget {
+	#e;
+	#t = 0;
+	set credentialsProvider(e) {
+		if (this.#e === e) return;
+		this.#e = e, this.#t += 1;
+		let t = this.#t;
+		this.dispatchAuthorized(t).catch(console.error), this.#e.bus((e) => {
+			if (t === this.#t) switch (e.detail.type) {
+				case "CredentialsUpdatedMessage":
+					this.dispatchAuthorized(t).catch(console.error);
+					break;
+				default:
+					console.warn("Unhandled event from credentials provider: ", e);
+					break;
+			}
+		});
+	}
+	get credentialsProvider() {
+		return this.#e;
+	}
+	async dispatchAuthorized(e) {
+		let t = await this.#e.getCredentials();
+		e !== void 0 && e !== this.#t || (t?.token ? this.dispatchEvent(new CustomEvent("authorized", { detail: { credentials: t } })) : this.dispatchEvent(new CustomEvent("unauthenticated", { detail: { credentials: t } })));
+	}
+}, c = class extends Error {
+	errorCode = null;
+	errorId = null;
+	referenceId;
+	constructor(e, t, n) {
+		super(`${e}: ${t} (${n})`), this.errorId = e, this.errorCode = t, this.referenceId = n;
+	}
+	toJSON() {
+		return {
+			errorCode: this.errorCode,
+			errorId: this.errorId,
+			referenceId: this.referenceId
+		};
+	}
+	toString() {
+		return JSON.stringify(this.toJSON());
+	}
+};
+async function l() {
+	if (u.credentialsProvider) {
+		let e = await u.credentialsProvider.getCredentials();
+		return !!(e.token && e.userId);
+	}
+	return await a(u, "authorized"), l();
+}
+var u = new s(), d = new o();
+async function f() {
+	let e = await l(), t = async () => {
+		let { Pushkin: e } = await import("./pushkin-CVLqA7Zj-DJu6_unL.js");
+		return e.refresh();
+	};
+	if (e) {
+		n({ gatherEvents: !0 });
+		try {
+			await Promise.all([t()]);
+		} catch (e) {
+			console.error(e);
+		}
+	} else n({ gatherEvents: !1 });
+}
+function p() {
+	n({ gatherEvents: !0 });
+}
+u.addEventListener("authorized", () => {
+	f().then().catch(console.error);
+}), u.addEventListener("unauthenticated", () => {
+	p();
+});
+async function m() {
+	return u.credentialsProvider ? (await u.credentialsProvider.getCredentials()).token ?? null : null;
+}
+var h = new class extends EventTarget {
+	dispatchError(e) {
+		this.dispatchEvent(new CustomEvent("error", { detail: e.toJSON() }));
+	}
+}(), g = new class {
+	#e = /* @__PURE__ */ new Map();
+	#t = /* @__PURE__ */ new Map();
+	#n = /* @__PURE__ */ new Map();
+	#r = /* @__PURE__ */ new Map();
+	clone(e, t) {
+		let n = this.getMediaProductTransition(e), r = this.getStreamInfo(e), i = this.getPlaybackInfo(e);
+		if (!n || !r || !i) throw Error(`Cannot clone ${e}. Missing mediaProductTransition or streamInfo.`);
+		this.saveMediaProductTransition(t, {
+			...n,
+			playbackContext: {
+				...n.playbackContext,
+				playbackSessionId: t
+			}
+		}), this.saveStreamInfo(t, {
+			...r,
+			streamingSessionId: t
+		}), this.savePlaybackInfo(t, {
+			...i,
+			streamingSessionId: t
+		});
+	}
+	deleteMediaProductTransition(e) {
+		this.#e.delete(e);
+	}
+	deleteSession(e) {
+		this.deleteMediaProductTransition(e), this.#t.delete(e), this.#n.delete(e), this.deleteStreamInfo(e);
+	}
+	deleteStartedStreamInfo(e) {
+		this.#n.delete(e);
+	}
+	deleteStreamInfo(e) {
+		this.#r.delete(e);
+	}
+	getMediaProductTransition(e) {
+		return e ? this.#e.get(e) : void 0;
+	}
+	getPlaybackInfo(e) {
+		return e ? this.#t.get(e) : void 0;
+	}
+	getStreamInfo(e) {
+		return e ? this.#r.get(e) : void 0;
+	}
+	hasMediaProductTransition(e) {
+		return this.#e.has(e);
+	}
+	hasPlaybackInfo(e) {
+		return this.#t.has(e);
+	}
+	hasStartedStreamInfo(e) {
+		return this.#n.has(e);
+	}
+	hasStreamInfo(e) {
+		return this.#r.has(e);
+	}
+	overwriteDuration(e, t) {
+		let n = this.#e.get(e);
+		n && (n.playbackContext = {
+			...n.playbackContext,
+			actualDuration: t
+		}, this.saveMediaProductTransition(e, n));
+	}
+	saveMediaProductTransition(e, t) {
+		this.#e.set(e, t);
+	}
+	savePlaybackInfo(e, t) {
+		this.#t.set(e, t);
+	}
+	saveStreamInfo(e, t) {
+		this.#r.set(e, t);
+	}
+	setStartedStreamInfo(e) {
+		return this.#n.set(e, !0);
+	}
+}(), _ = new class {
+	activePlayer;
+	preloadPlayer;
+	get preloadedMediaProduct() {
+		return g.getMediaProductTransition(this.preloadedStreamingSessionId)?.mediaProduct ?? void 0;
+	}
+	get preloadedStreamingSessionId() {
+		return this.preloadPlayer?.preloadedStreamingSessionId ?? void 0;
+	}
+}();
+//#endregion
+export { h as a, m as c, u as d, g as i, r as l, c as n, i as o, d as r, l as s, _ as t, t as u };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@tidal-music/player-web-components",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "type": "module",
   "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "types": "./dist/src/index.d.ts",
   "files": [
     "dist"
   ],
@@ -13,6 +13,7 @@
   },
   "license": "Apache-2.0",
   "exports": {
+    "types": "./dist/src/index.d.ts",
     "import": "./dist/index.js",
     "default": "./dist/index.js"
   },
@@ -21,16 +22,16 @@
     "web-components"
   ],
   "devDependencies": {
-    "@vitest/coverage-v8": "3.2.4",
-    "@vitest/ui": "3.2.4",
-    "typescript": "5.9.2",
-    "vite": "7.1.1",
-    "vite-plugin-dts": "4.5.4",
-    "vitest": "3.2.4",
-    "@tidal-music/auth": "^1.4.0",
-    "@tidal-music/player": "^0.10.2",
-    "@tidal-music/common": "^0.2.0",
-    "@tidal-music/event-producer": "^2.4.0"
+    "@vitest/coverage-v8": "4.1.5",
+    "@vitest/ui": "4.1.5",
+    "typescript": "6.0.3",
+    "vite": "8.0.12",
+    "vite-plugin-dts": "5.0.0",
+    "vitest": "4.1.5",
+    "@tidal-music/auth": "^1.6.1",
+    "@tidal-music/common": "^0.2.1",
+    "@tidal-music/player": "^0.18.1",
+    "@tidal-music/event-producer": "^2.4.1"
   },
   "scripts": {
     "build": "vite build",
@@ -44,6 +45,7 @@
     "test": "vitest",
     "test:coverage": "pnpm run test --coverage",
     "test:ui": "pnpm run test:coverage --ui",
-    "typecheck": "tsc"
+    "typecheck": "tsc",
+    "check:types-resolution": "attw --pack . --ignore-rules=cjs-resolves-to-esm"
   }
 }

package/dist/_commonjsHelpers-DaMA6jEr-DtILRGNx.js

@@ -1,8 +0,0 @@
-var l = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function t(o) {
-  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
-}
-export {
-  t as l,
-  l as o
-};