@videncrypt/js 0.1.0

package/README.md

@@ -0,0 +1,232 @@
+# @videncrypt/js
+
+JavaScript SDK for embedding secure VidEncrypt videos on any website.
+Works with plain HTML, Vue, Angular, Svelte, or any framework.
+
+## Installation
+
+### npm
+```bash
+npm install @videncrypt/js
+```
+
+### CDN (script tag)
+```html
+<script src="https://cdn.videncrypt.com/sdk/ve.js"></script>
+```
+
+---
+
+## Quick start — script tag
+
+```html
+<div id="player"></div>
+<script src="https://cdn.videncrypt.com/sdk/ve.js"></script>
+<script>
+  const player = new VidEncrypt.Player({
+    videoId:   'YOUR_VIDEO_ID',
+    container: '#player',
+    onPlay:    () => console.log('playing'),
+    onEnded:   () => console.log('ended'),
+  });
+</script>
+```
+
+## Quick start — npm / ESM
+
+```javascript
+import { Player } from '@videncrypt/js';
+
+const player = new Player({
+  videoId:   'YOUR_VIDEO_ID',
+  container: '#player',
+});
+
+player.on('ready', () => console.log('ready'));
+player.on('play',  () => console.log('playing'));
+```
+
+---
+
+## Options
+
+| Option | Type | Default | Description |
+|---|---|---|---|
+| `videoId` | `string` | **required** | Video ID from your VidEncrypt dashboard |
+| `container` | `string \| HTMLElement` | **required** | CSS selector or DOM element |
+| `width` | `string \| number` | `'100%'` | Player width |
+| `aspectRatio` | `string` | `'16/9'` | Aspect ratio e.g. `'4/3'`, `'1/1'` |
+| `title` | `string` | `''` | Player iframe title (accessibility) |
+| `autoPlay` | `boolean` | `false` | Auto-play on load (requires `muted: true` in most browsers) |
+| `muted` | `boolean` | `false` | Start muted |
+| `loop` | `boolean` | `false` | Loop video |
+| `startTime` | `number` | `0` | Start playback at N seconds |
+| `showControls` | `boolean` | `true` | Show player controls |
+| `showBranding` | `boolean` | `true` | Show VidEncrypt branding badge |
+| `primaryColor` | `string` | `'#2563EB'` | Accent color (hex) |
+| `embedBaseUrl` | `string` | `'https://app.videncrypt.com'` | Override for self-hosted |
+| `onReady` | `() => void` | — | Player is ready |
+| `onPlay` | `() => void` | — | Playback started |
+| `onPause` | `() => void` | — | Playback paused |
+| `onEnded` | `() => void` | — | Video ended |
+| `onProgress` | `(currentTime, duration) => void` | — | Playback position update |
+| `onError` | `(error: PlayerError) => void` | — | Playback error |
+| `onFullscreenChange` | `(isFullscreen: boolean) => void` | — | Fullscreen toggled |
+
+---
+
+## Methods
+
+| Method | Returns | Description |
+|---|---|---|
+| `play()` | `void` | Start playback |
+| `pause()` | `void` | Pause playback |
+| `seek(time)` | `void` | Seek to time in seconds |
+| `setVolume(volume)` | `void` | Set volume 0–1 |
+| `mute()` | `void` | Mute audio |
+| `unmute()` | `void` | Unmute audio |
+| `enterFullscreen()` | `void` | Enter fullscreen |
+| `exitFullscreen()` | `void` | Exit fullscreen |
+| `getState()` | `PlayerState` | Get current player state (readonly copy) |
+| `isReady()` | `boolean` | Returns true after player is ready |
+| `isPlaying()` | `boolean` | Returns true while playing |
+| `isMuted()` | `boolean` | Returns true while muted |
+| `getCurrentTime()` | `number` | Current playback position in seconds |
+| `getDuration()` | `number` | Total video duration in seconds |
+| `on(event, handler)` | `this` | Add event listener (chainable) |
+| `off(event, handler)` | `this` | Remove event listener |
+| `once(event, handler)` | `this` | Add one-time event listener |
+| `destroy()` | `void` | Remove player from DOM and clean up |
+
+---
+
+## Events
+
+| Event | Payload | Description |
+|---|---|---|
+| `ready` | — | Player initialized and ready |
+| `play` | — | Playback started or resumed |
+| `pause` | — | Playback paused |
+| `ended` | — | Video reached the end |
+| `progress` | `{ currentTime: number, duration: number }` | Fires every ~5 seconds while playing |
+| `error` | `PlayerError` | Playback or network error |
+| `fullscreenchange` | `boolean` | Fullscreen state changed |
+| `statechange` | `Partial<PlayerState>` | Any state property changed |
+
+### PlayerError
+
+```typescript
+interface PlayerError {
+  code:    'token-expired' | 'not-found' | 'domain-not-allowed'
+         | 'network-error' | 'unknown';
+  message: string;
+}
+```
+
+---
+
+## Framework examples
+
+### Vue 3
+
+```javascript
+import { onMounted, onUnmounted } from 'vue';
+import { Player } from '@videncrypt/js';
+
+export default {
+  setup() {
+    let player = null;
+
+    onMounted(() => {
+      player = new Player({
+        videoId:   'YOUR_VIDEO_ID',
+        container: '#player',
+      });
+    });
+
+    onUnmounted(() => player?.destroy());
+  }
+}
+```
+
+### Angular
+
+```typescript
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { Player } from '@videncrypt/js';
+
+@Component({
+  selector: 'app-video',
+  template: '<div id="player"></div>',
+})
+export class VideoComponent implements OnInit, OnDestroy {
+  private player: InstanceType<typeof Player>;
+
+  ngOnInit() {
+    this.player = new Player({
+      videoId:   'YOUR_VIDEO_ID',
+      container: '#player',
+    });
+  }
+
+  ngOnDestroy() {
+    this.player.destroy();
+  }
+}
+```
+
+### Svelte
+
+```svelte
+<script>
+  import { onMount, onDestroy } from 'svelte';
+  import { Player } from '@videncrypt/js';
+
+  let player;
+
+  onMount(() => {
+    player = new Player({
+      videoId:   'YOUR_VIDEO_ID',
+      container: '#player',
+    });
+  });
+
+  onDestroy(() => player?.destroy());
+</script>
+
+<div id="player"></div>
+```
+
+---
+
+## Multiple players on one page
+
+Each player filters postMessage events by `videoId` so multiple
+instances never interfere with each other.
+
+```javascript
+const player1 = new Player({ videoId: 'video-aaa', container: '#player1' });
+const player2 = new Player({ videoId: 'video-bbb', container: '#player2' });
+
+// Events on player1 never fire on player2 and vice versa
+player1.on('play', () => console.log('player1 playing'));
+player2.on('play', () => console.log('player2 playing'));
+```
+
+---
+
+## Cleanup
+
+Always call `destroy()` when removing the player to prevent memory
+leaks and stop ongoing network requests.
+
+```javascript
+// React
+useEffect(() => {
+  const player = new Player({ videoId, container: '#player' });
+  return () => player.destroy();
+}, [videoId]);
+
+// Plain JS
+window.addEventListener('beforeunload', () => player.destroy());
+```

package/dist/ve.cjs

@@ -0,0 +1,382 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Player: () => VidEncryptPlayer
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/events.ts
+var EventEmitter = class {
+  constructor() {
+    this.handlers = /* @__PURE__ */ new Map();
+  }
+  on(event, handler) {
+    if (!this.handlers.has(event)) {
+      this.handlers.set(event, /* @__PURE__ */ new Set());
+    }
+    this.handlers.get(event).add(handler);
+  }
+  off(event, handler) {
+    var _a;
+    (_a = this.handlers.get(event)) == null ? void 0 : _a.delete(handler);
+  }
+  once(event, handler) {
+    const wrapper = (data) => {
+      handler(data);
+      this.off(event, wrapper);
+    };
+    this.on(event, wrapper);
+  }
+  emit(event, data) {
+    var _a;
+    (_a = this.handlers.get(event)) == null ? void 0 : _a.forEach((handler) => {
+      try {
+        handler(data);
+      } catch (err) {
+        console.warn("[VidEncrypt] event handler error:", err);
+      }
+    });
+  }
+  removeAll() {
+    this.handlers.clear();
+  }
+};
+
+// src/utils.ts
+function parseAspectRatio(ratio) {
+  const parts = ratio.split("/").map(Number);
+  const w = parts[0];
+  const h = parts[1];
+  if (!w || !h || isNaN(w) || isNaN(h) || w <= 0 || h <= 0) {
+    return { w: 16, h: 9 };
+  }
+  return { w, h };
+}
+function aspectRatioToPadding(ratio) {
+  const { w, h } = parseAspectRatio(ratio);
+  return `${(h / w * 100).toFixed(4)}%`;
+}
+function normalizeWidth(width) {
+  if (width === void 0 || width === null) return "100%";
+  if (typeof width === "number") return `${width}px`;
+  return width;
+}
+function isValidVideoId(id) {
+  return typeof id === "string" && id.trim().length > 0;
+}
+
+// src/iframe.ts
+function createIframe(opts) {
+  const url = new URL(`${opts.embedBaseUrl}/embed/${opts.videoId}`);
+  if (opts.autoPlay) url.searchParams.set("autoplay", "1");
+  if (opts.muted) url.searchParams.set("muted", "1");
+  if (opts.loop) url.searchParams.set("loop", "1");
+  if (!opts.showControls) url.searchParams.set("controls", "0");
+  if (!opts.showBranding) url.searchParams.set("branding", "0");
+  if (opts.startTime && opts.startTime > 0) {
+    url.searchParams.set("start", String(opts.startTime));
+  }
+  if (opts.primaryColor && opts.primaryColor !== "#2563EB") {
+    url.searchParams.set("color", opts.primaryColor.replace("#", ""));
+  }
+  if (opts.title) {
+    url.searchParams.set("title", encodeURIComponent(opts.title));
+  }
+  const wrapper = document.createElement("div");
+  wrapper.style.cssText = [
+    "position: relative",
+    `width: ${normalizeWidth(opts.width)}`,
+    "background: #000",
+    "line-height: 0"
+    // prevents gap below iframe
+  ].join("; ");
+  const aspectBox = document.createElement("div");
+  aspectBox.style.cssText = [
+    "position: relative",
+    `padding-bottom: ${aspectRatioToPadding(opts.aspectRatio)}`,
+    "height: 0",
+    "overflow: hidden"
+  ].join("; ");
+  const iframe = document.createElement("iframe");
+  iframe.src = url.toString();
+  iframe.title = opts.title || "Video Player";
+  iframe.frameBorder = "0";
+  iframe.allowFullscreen = true;
+  iframe.setAttribute(
+    "allow",
+    "autoplay; fullscreen; picture-in-picture; clipboard-write"
+  );
+  iframe.setAttribute("loading", "lazy");
+  iframe.style.cssText = [
+    "position: absolute",
+    "top: 0",
+    "left: 0",
+    "width: 100%",
+    "height: 100%",
+    "border: none"
+  ].join("; ");
+  aspectBox.appendChild(iframe);
+  wrapper.appendChild(aspectBox);
+  return { iframe, wrapper };
+}
+function destroyIframe(wrapper) {
+  const iframe = wrapper.querySelector("iframe");
+  if (iframe) {
+    iframe.src = "about:blank";
+  }
+  wrapper.remove();
+}
+
+// src/player.ts
+var DEFAULTS = {
+  width: "100%",
+  aspectRatio: "16/9",
+  title: "",
+  autoPlay: false,
+  muted: false,
+  loop: false,
+  startTime: 0,
+  showControls: true,
+  showBranding: true,
+  primaryColor: "#2563EB",
+  embedBaseUrl: "https://app.videncrypt.com"
+};
+var VidEncryptPlayer = class {
+  constructor(options) {
+    this.iframe = null;
+    this.wrapper = null;
+    this.destroyed = false;
+    this.state = {
+      playing: false,
+      muted: false,
+      currentTime: 0,
+      duration: 0,
+      fullscreen: false,
+      ready: false
+    };
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (typeof options.container === "string") {
+      const el = document.querySelector(options.container);
+      if (!el) {
+        throw new Error(
+          `VidEncrypt: container "${options.container}" not found`
+        );
+      }
+      this.container = el;
+    } else if (options.container instanceof HTMLElement) {
+      this.container = options.container;
+    } else {
+      throw new Error(
+        "VidEncrypt: container must be a CSS selector or HTMLElement"
+      );
+    }
+    if (!isValidVideoId(options.videoId)) {
+      throw new Error(
+        "VidEncrypt: videoId is required and must be a non-empty string"
+      );
+    }
+    this.opts = {
+      ...DEFAULTS,
+      ...options,
+      // Strip undefined callbacks so they don't overwrite defaults
+      onReady: (_a = options.onReady) != null ? _a : void 0,
+      onPlay: (_b = options.onPlay) != null ? _b : void 0,
+      onPause: (_c = options.onPause) != null ? _c : void 0,
+      onEnded: (_d = options.onEnded) != null ? _d : void 0,
+      onProgress: (_e = options.onProgress) != null ? _e : void 0,
+      onError: (_f = options.onError) != null ? _f : void 0,
+      onFullscreenChange: (_g = options.onFullscreenChange) != null ? _g : void 0
+    };
+    this.emitter = new EventEmitter();
+    if (options.onReady) {
+      this.emitter.on("ready", options.onReady);
+    }
+    if (options.onPlay) {
+      this.emitter.on("play", options.onPlay);
+    }
+    if (options.onPause) {
+      this.emitter.on("pause", options.onPause);
+    }
+    if (options.onEnded) {
+      this.emitter.on("ended", options.onEnded);
+    }
+    if (options.onProgress) {
+      this.emitter.on(
+        "progress",
+        (d) => options.onProgress(d.currentTime, d.duration)
+      );
+    }
+    if (options.onError) {
+      this.emitter.on("error", options.onError);
+    }
+    if (options.onFullscreenChange) {
+      this.emitter.on("fullscreenchange", options.onFullscreenChange);
+    }
+    this.msgHandler = this.handleMessage.bind(this);
+    window.addEventListener("message", this.msgHandler);
+    const { iframe, wrapper } = createIframe(this.opts);
+    this.iframe = iframe;
+    this.wrapper = wrapper;
+    this.container.appendChild(wrapper);
+  }
+  // ── Playback controls ──────────────────────────────────
+  play() {
+    this.send("play");
+  }
+  pause() {
+    this.send("pause");
+  }
+  seek(time) {
+    this.send("seek", Math.max(0, time));
+  }
+  setVolume(volume) {
+    this.send("volume", Math.min(1, Math.max(0, volume)));
+  }
+  mute() {
+    this.send("mute");
+  }
+  unmute() {
+    this.send("unmute");
+  }
+  enterFullscreen() {
+    this.send("fullscreen");
+  }
+  exitFullscreen() {
+    this.send("exitFullscreen");
+  }
+  // ── State ──────────────────────────────────────────────
+  getState() {
+    return { ...this.state };
+  }
+  isReady() {
+    return this.state.ready;
+  }
+  isPlaying() {
+    return this.state.playing;
+  }
+  isMuted() {
+    return this.state.muted;
+  }
+  getCurrentTime() {
+    return this.state.currentTime;
+  }
+  getDuration() {
+    return this.state.duration;
+  }
+  // ── Event API ──────────────────────────────────────────
+  // All return `this` for chaining:
+  // player.on('play', ...).on('ended', ...)
+  on(event, handler) {
+    this.emitter.on(event, handler);
+    return this;
+  }
+  off(event, handler) {
+    this.emitter.off(event, handler);
+    return this;
+  }
+  once(event, handler) {
+    this.emitter.once(event, handler);
+    return this;
+  }
+  // ── Destroy ────────────────────────────────────────────
+  destroy() {
+    if (this.destroyed) return;
+    this.destroyed = true;
+    window.removeEventListener("message", this.msgHandler);
+    if (this.wrapper) {
+      destroyIframe(this.wrapper);
+      this.wrapper = null;
+      this.iframe = null;
+    }
+    this.emitter.removeAll();
+  }
+  // ── Private: send command to iframe ───────────────────
+  send(action, value) {
+    var _a;
+    if (this.destroyed) return;
+    if (!((_a = this.iframe) == null ? void 0 : _a.contentWindow)) return;
+    const cmd = {
+      action,
+      videoId: this.opts.videoId,
+      value
+    };
+    this.iframe.contentWindow.postMessage(cmd, "*");
+  }
+  // ── Private: handle incoming postMessage ──────────────
+  handleMessage(e) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    const msg = e.data;
+    if (!msg || msg.type !== "videncrypt:player") return;
+    if (msg.videoId !== this.opts.videoId) return;
+    switch (msg.event) {
+      case "ready":
+        this.state.ready = true;
+        this.emitter.emit("ready", void 0);
+        break;
+      case "play":
+        this.state.playing = true;
+        this.emitter.emit("play", void 0);
+        break;
+      case "pause":
+        this.state.playing = false;
+        this.emitter.emit("pause", void 0);
+        break;
+      case "ended":
+        this.state.playing = false;
+        this.emitter.emit("ended", void 0);
+        break;
+      case "progress": {
+        const currentTime = (_b = (_a = msg.data) == null ? void 0 : _a.currentTime) != null ? _b : 0;
+        const duration = (_d = (_c = msg.data) == null ? void 0 : _c.duration) != null ? _d : 0;
+        this.state.currentTime = currentTime;
+        this.state.duration = duration;
+        this.emitter.emit("progress", { currentTime, duration });
+        break;
+      }
+      case "error": {
+        const error = {
+          code: (_f = (_e = msg.data) == null ? void 0 : _e.code) != null ? _f : "unknown",
+          message: (_h = (_g = msg.data) == null ? void 0 : _g.message) != null ? _h : "Unknown error"
+        };
+        this.emitter.emit("error", error);
+        break;
+      }
+      case "fullscreenchange": {
+        const isFullscreen = (_j = (_i = msg.data) == null ? void 0 : _i.isFullscreen) != null ? _j : false;
+        this.state.fullscreen = isFullscreen;
+        this.emitter.emit("fullscreenchange", isFullscreen);
+        break;
+      }
+      case "statechange": {
+        const partial = (_k = msg.data) != null ? _k : {};
+        this.state = { ...this.state, ...partial };
+        this.emitter.emit("statechange", partial);
+        break;
+      }
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Player
+});
+//# sourceMappingURL=ve.cjs.map

package/dist/ve.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/events.ts","../src/utils.ts","../src/iframe.ts","../src/player.ts"],"sourcesContent":["// Named export for npm / ESM usage:\n//   import { Player } from '@videncrypt/js'\nexport { VidEncryptPlayer as Player } from './player';\n\n// Type exports\nexport type {\n  PlayerOptions,\n  PlayerState,\n  PlayerError,\n  PlayerEventMap,\n  IframeMessage,\n  IframeCommand,\n  IframeEvent,\n  IframeAction,\n} from './types';\n\n// When built as IIFE for CDN, tsup sets globalName: 'VidEncrypt'\n// so window.VidEncrypt.Player is available after the script tag.\n","type AnyHandler = (data: unknown) => void;\n\n// The index signature makes EventMap compatible with Record<string, unknown>\n// which TypeScript requires for generic constraints on Map keys\nexport type EventMapBase = { [key: string]: unknown };\n\nexport class EventEmitter<EventMap extends EventMapBase> {\n  private handlers = new Map<keyof EventMap, Set<AnyHandler>>();\n\n  on<K extends keyof EventMap>(\n    event:   K,\n    handler: (data: EventMap[K]) => void,\n  ): void {\n    if (!this.handlers.has(event)) {\n      this.handlers.set(event, new Set());\n    }\n    this.handlers.get(event)!.add(handler as AnyHandler);\n  }\n\n  off<K extends keyof EventMap>(\n    event:   K,\n    handler: (data: EventMap[K]) => void,\n  ): void {\n    this.handlers.get(event)?.delete(handler as AnyHandler);\n  }\n\n  once<K extends keyof EventMap>(\n    event:   K,\n    handler: (data: EventMap[K]) => void,\n  ): void {\n    const wrapper = (data: EventMap[K]) => {\n      handler(data);\n      this.off(event, wrapper);\n    };\n    this.on(event, wrapper);\n  }\n\n  emit<K extends keyof EventMap>(event: K, data: EventMap[K]): void {\n    this.handlers.get(event)?.forEach((handler) => {\n      try {\n        handler(data as unknown);\n      } catch (err) {\n        // A broken handler must never crash the player\n        // or prevent other handlers from firing\n        console.warn('[VidEncrypt] event handler error:', err);\n      }\n    });\n  }\n\n  removeAll(): void {\n    this.handlers.clear();\n  }\n}","// ── Aspect ratio ───────────────────────────────────────────\n\nexport function parseAspectRatio(ratio: string): { w: number; h: number } {\n  const parts = ratio.split('/').map(Number);\n  const w = parts[0];\n  const h = parts[1];\n  if (!w || !h || isNaN(w) || isNaN(h) || w <= 0 || h <= 0) {\n    return { w: 16, h: 9 };\n  }\n  return { w, h };\n}\n\n// '16/9'  → '56.2500%'\n// '4/3'   → '75.0000%'\n// '1/1'   → '100.0000%'\nexport function aspectRatioToPadding(ratio: string): string {\n  const { w, h } = parseAspectRatio(ratio);\n  return `${((h / w) * 100).toFixed(4)}%`;\n}\n\n// ── Width normalisation ────────────────────────────────────\n\n// 640       → '640px'\n// '640px'   → '640px'\n// '100%'    → '100%'\n// undefined → '100%'\nexport function normalizeWidth(width?: string | number): string {\n  if (width === undefined || width === null) return '100%';\n  if (typeof width === 'number') return `${width}px`;\n  return width;\n}\n\n// ── ID generation ──────────────────────────────────────────\n\n// Generates a short unique ID for internal use.\n// Format: 've_' + 8 random alphanumeric chars → 've_a3f9k2m1'\nexport function generateId(): string {\n  const chars = 'abcdefghijklmnopqrstuvwxyz0123456789';\n  let id = 've_';\n  for (let i = 0; i < 8; i++) {\n    id += chars[Math.floor(Math.random() * chars.length)];\n  }\n  return id;\n}\n\n// ── Validation ─────────────────────────────────────────────\n\nexport function isValidVideoId(id: unknown): id is string {\n  return typeof id === 'string' && id.trim().length > 0;\n}\n","import type { PlayerOptions } from './types';\nimport { aspectRatioToPadding, normalizeWidth } from './utils';\n\n// ── createIframe ───────────────────────────────────────────\n\nexport function createIframe(opts: Required<PlayerOptions>): {\n  iframe:  HTMLIFrameElement;\n  wrapper: HTMLElement;\n} {\n  // ── Build embed URL ────────────────────────────────────\n  const url = new URL(`${opts.embedBaseUrl}/embed/${opts.videoId}`);\n\n  if (opts.autoPlay)              url.searchParams.set('autoplay',  '1');\n  if (opts.muted)                 url.searchParams.set('muted',     '1');\n  if (opts.loop)                  url.searchParams.set('loop',      '1');\n  if (!opts.showControls)         url.searchParams.set('controls',  '0');\n  if (!opts.showBranding)         url.searchParams.set('branding',  '0');\n  if (opts.startTime && opts.startTime > 0) {\n    url.searchParams.set('start', String(opts.startTime));\n  }\n  if (opts.primaryColor && opts.primaryColor !== '#2563EB') {\n    url.searchParams.set('color', opts.primaryColor.replace('#', ''));\n  }\n  if (opts.title) {\n    url.searchParams.set('title', encodeURIComponent(opts.title));\n  }\n\n  // ── Outer wrapper ──────────────────────────────────────\n  const wrapper = document.createElement('div');\n  wrapper.style.cssText = [\n    'position: relative',\n    `width: ${normalizeWidth(opts.width)}`,\n    'background: #000',\n    'line-height: 0',   // prevents gap below iframe\n  ].join('; ');\n\n  // ── Aspect ratio box ───────────────────────────────────\n  // padding-bottom trick works in all browsers including\n  // old Safari — no CSS aspect-ratio property needed\n  const aspectBox = document.createElement('div');\n  aspectBox.style.cssText = [\n    'position: relative',\n    `padding-bottom: ${aspectRatioToPadding(opts.aspectRatio)}`,\n    'height: 0',\n    'overflow: hidden',\n  ].join('; ');\n\n  // ── iframe ─────────────────────────────────────────────\n  const iframe = document.createElement('iframe');\n\n  iframe.src             = url.toString();\n  iframe.title           = opts.title || 'Video Player';\n  iframe.frameBorder     = '0';\n  iframe.allowFullscreen = true;\n  iframe.setAttribute('allow',\n    'autoplay; fullscreen; picture-in-picture; clipboard-write',\n  );\n  iframe.setAttribute('loading', 'lazy');\n\n  iframe.style.cssText = [\n    'position: absolute',\n    'top: 0',\n    'left: 0',\n    'width: 100%',\n    'height: 100%',\n    'border: none',\n  ].join('; ');\n\n  aspectBox.appendChild(iframe);\n  wrapper.appendChild(aspectBox);\n\n  return { iframe, wrapper };\n}\n\n// ── destroyIframe ──────────────────────────────────────────\n\nexport function destroyIframe(wrapper: HTMLElement): void {\n  // Blank src first — stops any ongoing HLS segment downloads\n  // and frees memory held by the iframe's JS context\n  const iframe = wrapper.querySelector('iframe');\n  if (iframe) {\n    iframe.src = 'about:blank';\n  }\n  wrapper.remove();\n}\n","import { EventEmitter, type EventMapBase } from './events';\nimport { createIframe, destroyIframe } from './iframe';\nimport { isValidVideoId } from './utils';\nimport type {\n  PlayerOptions,\n  PlayerState,\n  PlayerEventMap,\n  IframeMessage,\n  IframeCommand,\n  IframeAction,\n  PlayerError,\n} from './types';\n\n// ── Defaults ───────────────────────────────────────────────\n\nconst DEFAULTS = {\n  width:        '100%',\n  aspectRatio:  '16/9',\n  title:        '',\n  autoPlay:     false,\n  muted:        false,\n  loop:         false,\n  startTime:    0,\n  showControls: true,\n  showBranding: true,\n  primaryColor: '#2563EB',\n  embedBaseUrl: 'https://app.videncrypt.com',\n} as const;\n\n// ── VidEncryptPlayer ───────────────────────────────────────\n\nexport class VidEncryptPlayer {\n  private opts:       Required<PlayerOptions>;\n  private container:  HTMLElement;\n  private iframe:     HTMLIFrameElement | null = null;\n  private wrapper:    HTMLElement | null       = null;\n  private emitter:    EventEmitter<PlayerEventMap>;\n  private msgHandler: (e: MessageEvent) => void;\n  private destroyed   = false;\n\n  private state: PlayerState = {\n    playing:     false,\n    muted:       false,\n    currentTime: 0,\n    duration:    0,\n    fullscreen:  false,\n    ready:       false,\n  };\n\n  constructor(options: PlayerOptions) {\n\n    // ── Resolve container ────────────────────────────────\n    if (typeof options.container === 'string') {\n      const el = document.querySelector(options.container);\n      if (!el) {\n        throw new Error(\n          `VidEncrypt: container \"${options.container}\" not found`,\n        );\n      }\n      this.container = el as HTMLElement;\n    } else if (options.container instanceof HTMLElement) {\n      this.container = options.container;\n    } else {\n      throw new Error(\n        'VidEncrypt: container must be a CSS selector or HTMLElement',\n      );\n    }\n\n    // ── Validate videoId ─────────────────────────────────\n    if (!isValidVideoId(options.videoId)) {\n      throw new Error(\n        'VidEncrypt: videoId is required and must be a non-empty string',\n      );\n    }\n\n    // ── Merge options with defaults ──────────────────────\n    this.opts = {\n      ...DEFAULTS,\n      ...options,\n      // Strip undefined callbacks so they don't overwrite defaults\n      onReady:            options.onReady            ?? undefined,\n      onPlay:             options.onPlay             ?? undefined,\n      onPause:            options.onPause            ?? undefined,\n      onEnded:            options.onEnded            ?? undefined,\n      onProgress:         options.onProgress         ?? undefined,\n      onError:            options.onError            ?? undefined,\n      onFullscreenChange: options.onFullscreenChange ?? undefined,\n    } as Required<PlayerOptions>;\n\n    // ── Event emitter ────────────────────────────────────\n    this.emitter = new EventEmitter<PlayerEventMap>();\n\n    // Wire option callbacks to the emitter\n    if (options.onReady) {\n      this.emitter.on('ready', options.onReady);\n    }\n    if (options.onPlay) {\n      this.emitter.on('play', options.onPlay);\n    }\n    if (options.onPause) {\n      this.emitter.on('pause', options.onPause);\n    }\n    if (options.onEnded) {\n      this.emitter.on('ended', options.onEnded);\n    }\n    if (options.onProgress) {\n      this.emitter.on('progress', (d) =>\n        options.onProgress!(d.currentTime, d.duration),\n      );\n    }\n    if (options.onError) {\n      this.emitter.on('error', options.onError);\n    }\n    if (options.onFullscreenChange) {\n      this.emitter.on('fullscreenchange', options.onFullscreenChange);\n    }\n\n    // ── postMessage listener ─────────────────────────────\n    this.msgHandler = this.handleMessage.bind(this);\n    window.addEventListener('message', this.msgHandler);\n\n    // ── Create iframe ────────────────────────────────────\n    const { iframe, wrapper } = createIframe(this.opts);\n    this.iframe  = iframe;\n    this.wrapper = wrapper;\n    this.container.appendChild(wrapper);\n  }\n\n  // ── Playback controls ──────────────────────────────────\n\n  play(): void {\n    this.send('play');\n  }\n\n  pause(): void {\n    this.send('pause');\n  }\n\n  seek(time: number): void {\n    this.send('seek', Math.max(0, time));\n  }\n\n  setVolume(volume: number): void {\n    this.send('volume', Math.min(1, Math.max(0, volume)));\n  }\n\n  mute(): void {\n    this.send('mute');\n  }\n\n  unmute(): void {\n    this.send('unmute');\n  }\n\n  enterFullscreen(): void {\n    this.send('fullscreen');\n  }\n\n  exitFullscreen(): void {\n    this.send('exitFullscreen');\n  }\n\n  // ── State ──────────────────────────────────────────────\n\n  getState(): Readonly<PlayerState> {\n    return { ...this.state };\n  }\n\n  isReady():    boolean { return this.state.ready; }\n  isPlaying():  boolean { return this.state.playing; }\n  isMuted():    boolean { return this.state.muted; }\n\n  getCurrentTime(): number { return this.state.currentTime; }\n  getDuration():    number { return this.state.duration; }\n\n  // ── Event API ──────────────────────────────────────────\n  // All return `this` for chaining:\n  // player.on('play', ...).on('ended', ...)\n\n  on<K extends keyof PlayerEventMap>(\n    event:   K,\n    handler: (data: PlayerEventMap[K]) => void,\n  ): this {\n    this.emitter.on(event, handler);\n    return this;\n  }\n\n  off<K extends keyof PlayerEventMap>(\n    event:   K,\n    handler: (data: PlayerEventMap[K]) => void,\n  ): this {\n    this.emitter.off(event, handler);\n    return this;\n  }\n\n  once<K extends keyof PlayerEventMap>(\n    event:   K,\n    handler: (data: PlayerEventMap[K]) => void,\n  ): this {\n    this.emitter.once(event, handler);\n    return this;\n  }\n\n  // ── Destroy ────────────────────────────────────────────\n\n  destroy(): void {\n    if (this.destroyed) return;\n    this.destroyed = true;\n\n    window.removeEventListener('message', this.msgHandler);\n\n    if (this.wrapper) {\n      destroyIframe(this.wrapper);\n      this.wrapper = null;\n      this.iframe  = null;\n    }\n\n    this.emitter.removeAll();\n  }\n\n  // ── Private: send command to iframe ───────────────────\n\n  private send(action: IframeAction, value?: unknown): void {\n    if (this.destroyed) return;\n    if (!this.iframe?.contentWindow) return;\n\n    const cmd: IframeCommand = {\n      action,\n      videoId: this.opts.videoId,\n      value,\n    };\n\n    this.iframe.contentWindow.postMessage(cmd, '*');\n  }\n\n  // ── Private: handle incoming postMessage ──────────────\n\n  private handleMessage(e: MessageEvent): void {\n    const msg = e.data as IframeMessage;\n\n    // Ignore non-SDK messages\n    if (!msg || msg.type !== 'videncrypt:player') return;\n\n    // Ignore messages for other player instances on same page\n    if (msg.videoId !== this.opts.videoId) return;\n\n    switch (msg.event) {\n      case 'ready':\n        this.state.ready = true;\n        this.emitter.emit('ready', undefined as unknown as void);\n        break;\n\n      case 'play':\n        this.state.playing = true;\n        this.emitter.emit('play', undefined as unknown as void);\n        break;\n\n      case 'pause':\n        this.state.playing = false;\n        this.emitter.emit('pause', undefined as unknown as void);\n        break;\n\n      case 'ended':\n        this.state.playing = false;\n        this.emitter.emit('ended', undefined as unknown as void);\n        break;\n\n      case 'progress': {\n        const currentTime = (msg.data?.currentTime as number) ?? 0;\n        const duration    = (msg.data?.duration    as number) ?? 0;\n        this.state.currentTime = currentTime;\n        this.state.duration    = duration;\n        this.emitter.emit('progress', { currentTime, duration });\n        break;\n      }\n\n      case 'error': {\n        const error: PlayerError = {\n          code:    (msg.data?.code    as PlayerError['code']) ?? 'unknown',\n          message: (msg.data?.message as string)              ?? 'Unknown error',\n        };\n        this.emitter.emit('error', error);\n        break;\n      }\n\n      case 'fullscreenchange': {\n        const isFullscreen = (msg.data?.isFullscreen as boolean) ?? false;\n        this.state.fullscreen = isFullscreen;\n        this.emitter.emit('fullscreenchange', isFullscreen);\n        break;\n      }\n\n      case 'statechange': {\n        const partial = (msg.data ?? {}) as Partial<PlayerState>;\n        this.state = { ...this.state, ...partial };\n        this.emitter.emit('statechange', partial);\n        break;\n      }\n    }\n  }\n}"],"mappings":"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","names":[]}