@hopecloud/jetstream-player 1.1.4 → 1.3.0-rc.1

package/README.md

@@ -1 +1,76 @@
-Docs: https://jetstream-player.docs.hope.cloud/
+# @hopecloud/jetstream-player
+
+Control an embedded [Jetstream](https://jetstream-player.docs.hope.cloud/) player
+from your page — play, pause, seek, mute, read playback state, and subscribe to
+events — across the iframe boundary, with no server glue.
+
+**[Full documentation →](https://jetstream-player.docs.hope.cloud/)**
+
+## Install
+
+```bash
+npm i @hopecloud/jetstream-player
+```
+
+## Quick start
+
+```ts
+import { JetstreamPlayer } from '@hopecloud/jetstream-player';
+
+const player = new JetstreamPlayer('#player', {
+  mediaId: 'jsv:xxxxxxxxxx',
+  events: {
+    ready: () => console.log('ready'),
+    timeupdate: (time) => console.log('time', time),
+  },
+});
+
+player.play();
+const muted = await player.isMuted();
+```
+
+`mediaId` is the only required option; the library creates and mounts the iframe
+at the given selector.
+
+## What you can do
+
+- **Commands** — `play()`, `pause()`, `mute()`, `unmute()`, `seekTo(seconds)`,
+  `playNext()`, `playPrev()`.
+- **Getters** (Promise-based) — `isMuted()`, `isPaused()`,
+  `getVideoCurrentTime()`, `getDuration()`. They reject after 5s if the player
+  doesn't reply.
+- **Events** — subscribe via `options.events`: `ready`, `timeupdate`, `play`,
+  `pause`, `loadedmetadata`, `ended`, `volumechange`, `error`.
+- **Teardown** — `dispose()` removes listeners and tears down Picture-in-Picture.
+
+See the [options](https://jetstream-player.docs.hope.cloud/api/player-options)
+and [methods](https://jetstream-player.docs.hope.cloud/api/player-methods)
+reference for the full list.
+
+## Targeting a non-prod embed
+
+By default the player loads the production embed. Point it at another host
+(staging/dev) with `origin`:
+
+```ts
+new JetstreamPlayer('#player', {
+  mediaId: 'jsv:xxxxxxxxxx',
+  origin: 'https://embed-stage.jetstream.studio',
+});
+```
+
+Communication is cross-origin `postMessage`, and the SDK learns the iframe's
+real origin at runtime — so it keeps working even when the embed redirects.
+
+## Development
+
+```bash
+pnpm install
+pnpm build       # rolldown + .d.ts
+pnpm test        # vitest
+pnpm lint
+pnpm typecheck
+pnpm docs:dev    # vitepress docs
+```
+
+Architecture decisions are recorded in [`adr/`](./adr).

package/dist/embed-frame.d.ts

@@ -0,0 +1,7 @@
+import type { EmbedFrameOptions } from './player.type';
+export declare const buildEmbedSrc: (options: EmbedFrameOptions) => string;
+export interface MountedFrame {
+    iframe: HTMLIFrameElement;
+    src: string;
+}
+export declare const mountEmbedFrame: (selector: string, options: EmbedFrameOptions) => MountedFrame;

package/dist/{@types/iframe-pip-plugin.d.ts → iframe-pip-plugin.d.ts}

@@ -2,7 +2,11 @@ export declare class IFramePiPPlugin {
     containerSelector: string;
     iframe: HTMLIFrameElement;
     private observer;
+    private originalParentHeight;
+    private originalIframeStyle;
+    private parent;
     constructor(containerSelector: string, iframe: HTMLIFrameElement);
     init(): void;
+    destroy(): void;
     destory(): void;
 }

package/dist/{@types/index.d.ts → index.d.ts}

@@ -1,3 +1,2 @@
 export { JetstreamPlayer } from './player';
 export * from './player.type';
-export * from './utils';

package/dist/index.js

@@ -1,2 +1,300 @@
-const e=["ready","timeupdate","play","pause","loadedmetadata","ended","volumechange","error"];class t{options;iframe=null;constructor(e){this.options=e,this.iframe=this.generateIframe()}generateIframe(){const e=document.createElement("iframe");return e.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",e.allowFullscreen=!0,e.frameBorder="0",e.src=this.options.src,e.width=this.options.width||"480px",e.height=this.options.height||"270px",e.classList.add("jet-stream-iframe-player"),e}insertIframe(e){const t=document.querySelector(this.options.selector);t?t.appendChild(e):console.error(`Div with id "${this.options.selector}" not found.`)}}class i{options;origin="https://jstre.am";baseURL=new URL(this.origin);constructor(e){if(""===e.mediaId)throw new Error("mediaId not provided!");this.options=e}getRegionBasedOrigin(){const e=this.baseURL,t=e.hostname.split(".");return this.options.region&&"eu"===this.options.region&&(t.length>2?t.splice(1,0,"eu"):t.splice(0,0,"eu")),e.hostname=t.join("."),e.origin}appendPath(e,t){const i=String(e).trim();return 0===i.indexOf("/")?t+=i:t+=`/${i}`,t}buildSrc(){const e=new URL(`${this.getRegionBasedOrigin()}/embed/${this.options.mediaId}`);return this.options.playerId&&(e.href=this.appendPath(this.options.playerId,e.href)),"eu"===this.options.region&&e.searchParams.append("region","eu"),this.options.audioLang&&e.searchParams.append("audioLang",this.options.audioLang.toLowerCase()),this.options.subtitleLang&&e.searchParams.append("subtitleLang",this.options.subtitleLang.toLowerCase()),e.href}}const s="fixed",r="20px",n="20px",o="330px",a="180px";class h{containerSelector;iframe;observer=null;constructor(e,t){this.containerSelector=e,this.iframe=t,this.containerSelector=e,this.iframe=t,this.init()}init(){if(!this.iframe||!this.containerSelector)return;const e=document.querySelector(this.containerSelector);if(!e)throw new Error("Selector of iframe not found");this.observer=new IntersectionObserver((([{isIntersecting:t}])=>{if(t)e.style.height="auto",this.iframe.removeAttribute("style");else{const t=e.getBoundingClientRect().height;e.style.height=`${t}px`,this.iframe.style.position=s,this.iframe.style.bottom=r,this.iframe.style.right=n,this.iframe.style.width=o,this.iframe.style.height=a}}),{root:null,rootMargin:"0px",threshold:.1}),this.observer.observe(e)}destory(){this.observer&&(this.observer.disconnect(),this.observer=null)}}const d=e=>JSON.parse(e.data),c=e=>JSON.stringify(e),p=e=>{if("string"!=typeof e)return!1;try{return JSON.parse(e),!0}catch(e){return console.log("Error parsing JSON",e),!1}};class m{iframe=null;options;registeredEvents={};iFramePiP=null;constructor(e,s){this.options=s;const r=new i({mediaId:s.mediaId,playerId:s.playerId,region:s.region}).buildSrc(),n=new t({selector:e,src:r,width:this.options.width,height:this.options.height});this.iframe=n.iframe,this.iframe&&(n.insertIframe(this.iframe),this.iframe.addEventListener("load",(()=>{this.registerEvents(),this.subscribeToRegisteredEvents()}),{once:!0}),void 0!==this.options.sticky&&this.options.sticky&&(this.iFramePiP=new h(e,this.iframe)))}registerEvents(){!this.options.events||this.options.events&&Object.keys(this.options.events).length<0||Object.entries(this.options.events).forEach((([e,t])=>{e in this.registeredEvents||(this.registeredEvents[e]=t)}))}subscribeEventHandler(e){if(e.source!==this.iframe.contentWindow)return;const t=d(e),i=t.type;i in this.registeredEvents&&this.registeredEvents[i](t.value)}subscribeToRegisteredEvents(){window.addEventListener("message",this.subscribeEventHandler.bind(this))}dispatch(e){if(!this.iframe||!this.iframe.contentWindow)throw new Error("iframe is not provided or parent window not found!");this.iframe.contentWindow.postMessage(c(e),"*")}getterDispatch(e){return new Promise((t=>{this.dispatch(e),window.addEventListener("message",(i=>{const s=d(i);s.type===e.name&&t(s.value)}),{once:!0})}))}play(){this.dispatch({name:"play"})}pause(){this.dispatch({name:"pause"})}mute(){this.dispatch({name:"mute"})}unmute(){this.dispatch({name:"unmute"})}seekTo(e){this.dispatch({name:"seekTo",params:e})}playNext(){this.dispatch({name:"play-next"})}playPrev(){this.dispatch({name:"play-prev"})}isMuted(){return this.getterDispatch({name:"is-muted"})}isPaused(){return this.getterDispatch({name:"is-paused"})}getVideoCurrentTime(){return this.getterDispatch({name:"get-video-current-time"})}getDuration(){return this.getterDispatch({name:"get-duration"})}dispose(){window.removeEventListener("message",this.subscribeEventHandler.bind(this)),this.registeredEvents={},this.iFramePiP?.destory()}}export{m as JetstreamPlayer,c as denormalizeEventData,p as isValidEventData,d as normalizeEventData,e as playerListenEvents};
-//# sourceMappingURL=index.js.map
+//#region src/embed-frame.ts
+const DEFAULT_ORIGIN = "https://jstre.am";
+const regionOrigin = (origin, region) => {
+	const url = new URL(origin);
+	if (region === "eu") {
+		const parts = url.hostname.split(".");
+		parts.splice(parts.length > 2 ? 1 : 0, 0, "eu");
+		url.hostname = parts.join(".");
+	}
+	return url.origin;
+};
+const buildEmbedSrc = (options) => {
+	if (options.mediaId === "") throw new Error("mediaId not provided!");
+	const origin = regionOrigin(options.origin ?? DEFAULT_ORIGIN, options.region);
+	const path = options.playerId ? `/embed/${options.mediaId}/${options.playerId}` : `/embed/${options.mediaId}`;
+	const url = new URL(`${origin}${path}`);
+	if (options.region === "eu") url.searchParams.append("region", "eu");
+	if (options.audioLang) url.searchParams.append("audioLang", options.audioLang.toLowerCase());
+	if (options.subtitleLang) url.searchParams.append("subtitleLang", options.subtitleLang.toLowerCase());
+	return url.href;
+};
+const mountEmbedFrame = (selector, options) => {
+	const src = buildEmbedSrc(options);
+	const iframe = document.createElement("iframe");
+	iframe.allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture";
+	iframe.allowFullscreen = true;
+	iframe.frameBorder = "0";
+	iframe.title = "Jetstream player";
+	iframe.src = src;
+	iframe.width = options.width || "480px";
+	iframe.height = options.height || "270px";
+	iframe.classList.add("jet-stream-iframe-player");
+	const parent = document.querySelector(selector);
+	if (parent) parent.appendChild(iframe);
+	else console.error(`Element matching selector "${selector}" not found.`);
+	return {
+		iframe,
+		src
+	};
+};
+//#endregion
+//#region src/iframe-pip-plugin.ts
+const PiP_STYLES = {
+	position: "fixed",
+	bottom: "20px",
+	right: "20px",
+	width: "330px",
+	height: "180px"
+};
+var IFramePiPPlugin = class {
+	containerSelector;
+	iframe;
+	observer = null;
+	originalParentHeight = null;
+	originalIframeStyle = null;
+	parent = null;
+	constructor(containerSelector, iframe) {
+		this.containerSelector = containerSelector;
+		this.iframe = iframe;
+		this.containerSelector = containerSelector;
+		this.iframe = iframe;
+		this.init();
+	}
+	init() {
+		if (!this.iframe || !this.containerSelector) return;
+		const parent = document.querySelector(this.containerSelector);
+		if (!parent) throw new Error("Selector of iframe not found");
+		this.parent = parent;
+		this.originalParentHeight = parent.style.height || null;
+		this.originalIframeStyle = this.iframe.getAttribute("style");
+		this.observer = new IntersectionObserver(([{ isIntersecting }]) => {
+			if (!isIntersecting) {
+				const height = parent.getBoundingClientRect().height;
+				parent.style.height = `${height}px`;
+				this.iframe.style.position = PiP_STYLES.position;
+				this.iframe.style.bottom = PiP_STYLES.bottom;
+				this.iframe.style.right = PiP_STYLES.right;
+				this.iframe.style.width = PiP_STYLES.width;
+				this.iframe.style.height = PiP_STYLES.height;
+			} else {
+				parent.style.height = this.originalParentHeight ?? "";
+				if (this.originalIframeStyle) this.iframe.setAttribute("style", this.originalIframeStyle);
+				else this.iframe.removeAttribute("style");
+			}
+		}, {
+			root: null,
+			rootMargin: "0px",
+			threshold: .1
+		});
+		this.observer.observe(parent);
+	}
+	destroy() {
+		if (this.observer) {
+			this.observer.disconnect();
+			this.observer = null;
+		}
+		if (this.parent) this.parent.style.height = this.originalParentHeight ?? "";
+		if (this.iframe) if (this.originalIframeStyle) this.iframe.setAttribute("style", this.originalIframeStyle);
+		else this.iframe.removeAttribute("style");
+	}
+	destory() {
+		this.destroy();
+	}
+};
+//#endregion
+//#region src/protocol.ts
+const encode = (command) => JSON.stringify(command);
+const decode = (raw) => {
+	if (typeof raw !== "string") return null;
+	try {
+		const parsed = JSON.parse(raw);
+		if (typeof parsed === "object" && parsed !== null && typeof parsed.type === "string") return parsed;
+		return null;
+	} catch {
+		return null;
+	}
+};
+//#endregion
+//#region src/player-bridge.ts
+const REQUEST_TIMEOUT_MS = 5e3;
+var PlayerBridge = class {
+	transport;
+	targetOrigin;
+	listeners = /* @__PURE__ */ new Set();
+	detach;
+	constructor(transport, initialTargetOrigin) {
+		this.transport = transport;
+		this.targetOrigin = initialTargetOrigin;
+		this.detach = this.transport.subscribe((message, origin) => {
+			const event = decode(message);
+			if (!event) return;
+			this.targetOrigin = origin;
+			this.listeners.forEach((listener) => listener(event));
+		});
+	}
+	send(command) {
+		this.transport.send(encode(command), this.targetOrigin);
+	}
+	subscribe(listener) {
+		this.listeners.add(listener);
+		return () => {
+			this.listeners.delete(listener);
+		};
+	}
+	request(command, timeoutMs = REQUEST_TIMEOUT_MS) {
+		return new Promise((resolve, reject) => {
+			let off = () => void 0;
+			const timer = setTimeout(() => {
+				off();
+				reject(/* @__PURE__ */ new Error(`Timed out waiting for "${command.name}" response`));
+			}, timeoutMs);
+			off = this.subscribe((event) => {
+				if (event.type === command.name) {
+					clearTimeout(timer);
+					off();
+					resolve(event.value);
+				}
+			});
+			this.send(command);
+		});
+	}
+	dispose() {
+		this.detach();
+		this.listeners.clear();
+	}
+};
+//#endregion
+//#region src/player-transport.ts
+const windowTransport = (iframe) => ({
+	send: (message, targetOrigin) => {
+		iframe.contentWindow?.postMessage(message, targetOrigin);
+	},
+	subscribe: (handler) => {
+		const listener = (event) => {
+			if (event.source !== iframe.contentWindow) return;
+			handler(event.data, event.origin);
+		};
+		window.addEventListener("message", listener);
+		return () => {
+			window.removeEventListener("message", listener);
+		};
+	}
+});
+//#endregion
+//#region src/player.ts
+var JetstreamPlayer = class {
+	options;
+	listeners = /* @__PURE__ */ new Map();
+	iFramePiP = null;
+	bridge = null;
+	constructor(el, options) {
+		this.options = options;
+		const { iframe, src } = mountEmbedFrame(el, options);
+		let initialTargetOrigin;
+		try {
+			initialTargetOrigin = new URL(src).origin;
+		} catch {
+			initialTargetOrigin = "*";
+		}
+		this.bridge = new PlayerBridge(windowTransport(iframe), initialTargetOrigin);
+		iframe.addEventListener("load", () => {
+			this.registerEvents();
+			this.bridge?.subscribe((event) => {
+				this.emit(event.type, event.value);
+			});
+		}, { once: true });
+		if (typeof this.options.sticky !== "undefined" && this.options.sticky) this.iFramePiP = new IFramePiPPlugin(el, iframe);
+	}
+	registerEvents() {
+		if (!this.options.events) return;
+		Object.entries(this.options.events).forEach(([eventName, handler]) => {
+			if (handler) this.on(eventName, handler);
+		});
+	}
+	emit(type, value) {
+		const handlers = this.listeners.get(type);
+		if (!handlers) return;
+		[...handlers].forEach((handler) => handler(value));
+	}
+	on(event, handler) {
+		let handlers = this.listeners.get(event);
+		if (!handlers) {
+			handlers = /* @__PURE__ */ new Set();
+			this.listeners.set(event, handlers);
+		}
+		handlers.add(handler);
+		return () => {
+			this.off(event, handler);
+		};
+	}
+	off(event, handler) {
+		if (!handler) {
+			this.listeners.delete(event);
+			return;
+		}
+		const handlers = this.listeners.get(event);
+		if (!handlers) return;
+		handlers.delete(handler);
+		if (handlers.size === 0) this.listeners.delete(event);
+	}
+	request(command) {
+		if (!this.bridge) return Promise.reject(/* @__PURE__ */ new Error("iframe is not provided or parent window not found!"));
+		return this.bridge.request(command);
+	}
+	play() {
+		this.bridge?.send({ name: "play" });
+	}
+	pause() {
+		this.bridge?.send({ name: "pause" });
+	}
+	mute() {
+		this.bridge?.send({ name: "mute" });
+	}
+	unmute() {
+		this.bridge?.send({ name: "unmute" });
+	}
+	seekTo(seconds) {
+		this.bridge?.send({
+			name: "seekTo",
+			params: seconds
+		});
+	}
+	playNext() {
+		this.bridge?.send({ name: "play-next" });
+	}
+	playPrev() {
+		this.bridge?.send({ name: "play-prev" });
+	}
+	isMuted() {
+		return this.request({ name: "is-muted" });
+	}
+	isPaused() {
+		return this.request({ name: "is-paused" });
+	}
+	getVideoCurrentTime() {
+		return this.request({ name: "get-video-current-time" });
+	}
+	getDuration() {
+		return this.request({ name: "get-duration" });
+	}
+	dispose() {
+		this.bridge?.dispose();
+		this.listeners.clear();
+		this.iFramePiP?.destroy();
+	}
+};
+//#endregion
+//#region src/player.type.ts
+const playerListenEvents = [
+	"ready",
+	"timeupdate",
+	"play",
+	"pause",
+	"loadedmetadata",
+	"ended",
+	"volumechange",
+	"error"
+];
+//#endregion
+export { JetstreamPlayer, playerListenEvents };

package/dist/player-bridge.d.ts

@@ -0,0 +1,13 @@
+import type { PlayerCommand, PlayerEvent } from './player.type';
+import type { PlayerTransport } from './player-transport';
+export declare class PlayerBridge {
+    private readonly transport;
+    private targetOrigin;
+    private readonly listeners;
+    private readonly detach;
+    constructor(transport: PlayerTransport, initialTargetOrigin: string);
+    send(command: PlayerCommand): void;
+    subscribe(listener: (event: PlayerEvent) => void): () => void;
+    request<T>(command: PlayerCommand, timeoutMs?: number): Promise<T>;
+    dispose(): void;
+}

package/dist/player-transport.d.ts

@@ -0,0 +1,5 @@
+export interface PlayerTransport {
+    send(message: string, targetOrigin: string): void;
+    subscribe(handler: (message: string, origin: string) => void): () => void;
+}
+export declare const windowTransport: (iframe: HTMLIFrameElement) => PlayerTransport;

package/dist/{@types/player.d.ts → player.d.ts}

@@ -1,15 +1,15 @@
-import type { JetstreamPlayerOptions } from './player.type';
+import type { PlayerEvents, JetstreamPlayerOptions, PlayerEventHandler } from './player.type';
 export declare class JetstreamPlayer {
-    private iframe;
     private options;
-    private registeredEvents;
+    private readonly listeners;
     private iFramePiP;
+    private bridge;
     constructor(el: string, options: JetstreamPlayerOptions);
     private registerEvents;
-    private subscribeEventHandler;
-    private subscribeToRegisteredEvents;
-    private dispatch;
-    private getterDispatch;
+    private emit;
+    on(event: PlayerEvents, handler: PlayerEventHandler): () => void;
+    off(event: PlayerEvents, handler?: PlayerEventHandler): void;
+    private request;
     play(): void;
     pause(): void;
     mute(): void;

package/dist/{@types/player.type.d.ts → player.type.d.ts}

@@ -1,29 +1,27 @@
 export declare const playerListenEvents: readonly ["ready", "timeupdate", "play", "pause", "loadedmetadata", "ended", "volumechange", "error"];
 export type PlayerEvents = 'ready' | 'timeupdate' | 'play' | 'pause' | 'loadedmetadata' | 'ended' | 'volumechange' | 'error';
 export type PlayerGetterEvents = 'is-muted' | 'get-video-current-time' | 'get-duration' | 'is-paused';
-export type PlayerEvent = {
+export interface PlayerEvent {
     type: PlayerEvents | PlayerGetterEvents;
     value?: unknown;
-};
+}
+export type PlayerEventHandler = (value?: unknown) => void;
 export type PlayerCommandEvent = 'play' | 'pause' | 'mute' | 'unmute' | 'seekTo' | 'play-next' | 'play-prev';
-export type PlayerCommand = {
+export interface PlayerCommand {
     name: PlayerCommandEvent | PlayerGetterEvents;
     params?: unknown;
-};
-export type IFrameBuilderOpt = {
-    selector: string;
-    src: string;
-    width?: string;
-    height?: string;
-};
-export type IFrameBuilderSrcOpt = {
+}
+export interface EmbedFrameOptions {
     mediaId: string;
     playerId?: string;
     region?: 'eu';
     audioLang?: string;
     subtitleLang?: string;
-};
+    origin?: string;
+    width?: string;
+    height?: string;
+}
 export type JetstreamPlayerOptions = {
     sticky?: boolean;
-    events?: Partial<Record<PlayerEvents, (value?: unknown) => void>>;
-} & Omit<IFrameBuilderOpt, 'selector' | 'src'> & IFrameBuilderSrcOpt;
+    events?: Partial<Record<PlayerEvents, PlayerEventHandler>>;
+} & EmbedFrameOptions;

package/dist/protocol.d.ts

@@ -0,0 +1,3 @@
+import type { PlayerCommand, PlayerEvent } from './player.type';
+export declare const encode: (command: PlayerCommand) => string;
+export declare const decode: (raw: string) => PlayerEvent | null;

package/package.json

@@ -1,59 +1,54 @@
 {
   "name": "@hopecloud/jetstream-player",
-  "version": "1.1.4",
-  "description": "Jetstream Embed Player API",
+  "version": "1.3.0-rc.1",
+  "description": "Jetstream Embed Player SDK",
   "type": "module",
-  "author": {
-    "email": "code@deepvision.team",
-    "name": "DeepVision Code"
-  },
+  "sideEffects": false,
   "repository": {
     "type": "git",
-    "url": "https://github.com/deeepvision/hcc-jetstream-player.git"
+    "url": "git+https://github.com/hopechannel/hopecloud.git",
+    "directory": "libs/jetstream-player"
+  },
+  "homepage": "https://jetstream-player.docs.hope.cloud/",
+  "engines": {
+    "node": "24"
+  },
+  "publishConfig": {
+    "access": "public"
   },
   "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/@types/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "exports": {
     ".": {
-      "import": {
-        "types": "./dist/@types/index.d.ts",
-        "default": "./dist/index.js"
-      }
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     }
   },
-  "files": [
-    "dist"
-  ],
+  "author": {
+    "email": "code@deepvision.software",
+    "name": "DV Software"
+  },
+  "devDependencies": {
+    "@deepvision/eslint-plugin": "2.0.3",
+    "@types/node": "24.12.0",
+    "eslint": "10.1.0",
+    "happy-dom": "^20.4.0",
+    "rolldown": "^1.1.4",
+    "typescript": "6.0.3",
+    "vitepress": "^1.6.4",
+    "vitest": "^4.0.18"
+  },
   "scripts": {
-    "build": "rollup -c",
-    "pack": "npm run build && npm pack",
-    "publish:patch": "npm version patch -m \"release: %s\"",
-    "publish:minor": "npm version minor -m \"release: %s\"",
-    "postpublish:patch": "git push origin && git push origin --tags",
-    "postpublish:minor": "git push origin && git push origin --tags",
+    "build": "rolldown --config && tsc --emitDeclarationOnly",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs",
     "lint": "eslint",
     "lint:fix": "eslint --fix",
-    "typecheck": "tsc --noEmit"
-  },
-  "devDependencies": {
-    "@eslint/eslintrc": "^3.2.0",
-    "@eslint/js": "^9.17.0",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@typescript-eslint/eslint-plugin": "^8.19.1",
-    "@typescript-eslint/parser": "^8.19.1",
-    "eslint": "^9.17.0",
-    "eslint-config-prettier": "^9.1.0",
-    "globals": "^15.14.0",
-    "prettier": "3.4.2",
-    "rimraf": "^6.0.1",
-    "rollup": "^4.30.1",
-    "rollup-plugin-delete": "^2.1.0",
-    "rollup-plugin-typescript2": "^0.36.0",
-    "typescript": "^5.7.3",
-    "vitepress": "1.5.0"
+    "type-check": "tsc --noEmit",
+    "test": "vitest",
+    "test:run": "vitest run"
   }
-}
+}

package/dist/@types/iframe-builder-src.d.ts

@@ -1,10 +0,0 @@
-import { type IFrameBuilderSrcOpt } from './player.type';
-export declare class IFrameBuilderSrc {
-    private options;
-    origin: string;
-    baseURL: URL;
-    constructor(options: IFrameBuilderSrcOpt);
-    getRegionBasedOrigin(): string;
-    appendPath(path: string, builtUrl: string): string;
-    buildSrc(): string;
-}

package/dist/@types/iframe-builder.d.ts

@@ -1,8 +0,0 @@
-import { type IFrameBuilderOpt } from './player.type';
-export declare class IFrameBuilder {
-    options: IFrameBuilderOpt;
-    iframe: HTMLIFrameElement | null;
-    constructor(options: IFrameBuilderOpt);
-    private generateIframe;
-    insertIframe(iframe: HTMLIFrameElement): void;
-}

package/dist/@types/utils.d.ts

@@ -1,3 +0,0 @@
-export declare const normalizeEventData: <T = unknown>(event: MessageEvent<string>) => T;
-export declare const denormalizeEventData: <T = unknown>(data: T) => string;
-export declare const isValidEventData: (rawData: string) => boolean;

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}