@signalwire/web-components 4.0.0-beta.12 → 4.0.0-beta.13

package/dist/utils/video.js

@@ -1,26 +1,11 @@
-import { VIDEO_READY_TIMEOUT_MS as n } from "../constants.js";
-function c(e) {
-  return new Promise((r) => {
-    if (e.readyState >= HTMLMediaElement.HAVE_METADATA) {
-      r();
-      return;
-    }
-    let i = !1;
-    const t = () => {
-      i || (i = !0, clearTimeout(a), e.removeEventListener("canplay", t), e.removeEventListener("resize", t), r());
-    }, a = setTimeout(t, n);
-    e.addEventListener("canplay", t), e.addEventListener("resize", t);
-  });
+function a(c, t) {
+  c.srcObject = t;
 }
-function d(e, r) {
-  e.srcObject = r;
-}
-function s(e) {
-  e.srcObject && (e.srcObject = null);
+function e(c) {
+  c.srcObject && (c.srcObject = null);
 }
 export {
-  d as attachMediaStream,
-  s as detachMediaStream,
-  c as waitForVideoReady
+  a as attachMediaStream,
+  e as detachMediaStream
 };
 //# sourceMappingURL=video.js.map

package/dist/utils/video.js.map

@@ -1 +1 @@
-{"version":3,"file":"video.js","sources":["../../src/utils/video.ts"],"sourcesContent":["/**\n * Video element utilities for creating and managing video elements\n * with proper configuration for WebRTC streams.\n */\n\nimport { VIDEO_READY_TIMEOUT_MS } from '../constants.js';\n\n/**\n * Creates a video element configured for WebRTC streams.\n * The video is muted, autoplays, and plays inline (mobile Safari support).\n * Prevents pause events which can occur on camera switches or PiP mode.\n *\n * @returns A configured HTMLVideoElement\n */\nexport function createVideoElement(): HTMLVideoElement {\n  const video = document.createElement('video');\n  video.muted = true;\n  video.autoplay = true;\n  video.playsInline = true;\n\n  // Prevent pause (Safari/Firefox pause on PiP, camera switch)\n  video.addEventListener('pause', () => {\n    video.play().catch((error) => {\n      console.error('Video Element Paused', error);\n    });\n  });\n\n  return video;\n}\n\n/**\n * Waits for a video element to be ready for playback.\n * Resolves when the video has metadata or when it can play.\n *\n * @param element - The video element to wait for\n * @returns A promise that resolves when the video is ready\n */\nexport function waitForVideoReady(element: HTMLVideoElement): Promise<void> {\n  return new Promise<void>((resolve) => {\n    if (element.readyState >= HTMLMediaElement.HAVE_METADATA) {\n      resolve();\n      return;\n    }\n\n    let resolved = false;\n\n    const done = () => {\n      if (resolved) return;\n      resolved = true;\n      clearTimeout(timeoutId);\n      element.removeEventListener('canplay', done);\n      element.removeEventListener('resize', done);\n      resolve();\n    };\n\n    // Timeout fallback for audio-only streams where resize/canplay may never fire\n    const timeoutId = setTimeout(done, VIDEO_READY_TIMEOUT_MS);\n    element.addEventListener('canplay', done);\n    element.addEventListener('resize', done);\n  });\n}\n\n/**\n * Attaches a MediaStream to a video element.\n *\n * @param element - The video element to attach the stream to\n * @param stream - The MediaStream to attach, or null to detach\n */\nexport function attachMediaStream(element: HTMLVideoElement, stream: MediaStream | null): void {\n  element.srcObject = stream;\n}\n\n/**\n * Detaches any MediaStream from a video element.\n *\n * @param element - The video element to detach the stream from\n */\nexport function detachMediaStream(element: HTMLVideoElement): void {\n  if (element.srcObject) {\n    element.srcObject = null;\n  }\n}\n"],"names":["waitForVideoReady","element","resolve","resolved","done","timeoutId","VIDEO_READY_TIMEOUT_MS","attachMediaStream","stream","detachMediaStream"],"mappings":";AAqCO,SAASA,EAAkBC,GAA0C;AAC1E,SAAO,IAAI,QAAc,CAACC,MAAY;AACpC,QAAID,EAAQ,cAAc,iBAAiB,eAAe;AACxD,MAAAC,EAAA;AACA;AAAA,IACF;AAEA,QAAIC,IAAW;AAEf,UAAMC,IAAO,MAAM;AACjB,MAAID,MACJA,IAAW,IACX,aAAaE,CAAS,GACtBJ,EAAQ,oBAAoB,WAAWG,CAAI,GAC3CH,EAAQ,oBAAoB,UAAUG,CAAI,GAC1CF,EAAA;AAAA,IACF,GAGMG,IAAY,WAAWD,GAAME,CAAsB;AACzD,IAAAL,EAAQ,iBAAiB,WAAWG,CAAI,GACxCH,EAAQ,iBAAiB,UAAUG,CAAI;AAAA,EACzC,CAAC;AACH;AAQO,SAASG,EAAkBN,GAA2BO,GAAkC;AAC7F,EAAAP,EAAQ,YAAYO;AACtB;AAOO,SAASC,EAAkBR,GAAiC;AACjE,EAAIA,EAAQ,cACVA,EAAQ,YAAY;AAExB;"}
+{"version":3,"file":"video.js","sources":["../../src/utils/video.ts"],"sourcesContent":["/**\n * Video element utilities for creating and managing video elements\n * with proper configuration for WebRTC streams.\n */\n\nimport { VIDEO_READY_TIMEOUT_MS } from '../constants.js';\n\n/**\n * Creates a video element configured for WebRTC streams.\n * The video is muted, autoplays, and plays inline (mobile Safari support).\n * Prevents pause events which can occur on camera switches or PiP mode.\n *\n * @returns A configured HTMLVideoElement\n */\nexport function createVideoElement(): HTMLVideoElement {\n  const video = document.createElement('video');\n  video.muted = true;\n  video.autoplay = true;\n  video.playsInline = true;\n\n  // Prevent pause (Safari/Firefox pause on PiP, camera switch)\n  video.addEventListener('pause', () => {\n    video.play().catch((error) => {\n      console.error('Video Element Paused', error);\n    });\n  });\n\n  return video;\n}\n\n/**\n * Waits for a video element to be ready for playback.\n * Resolves when the video has metadata or when it can play.\n *\n * @param element - The video element to wait for\n * @returns A promise that resolves when the video is ready\n */\nexport function waitForVideoReady(element: HTMLVideoElement): Promise<void> {\n  return new Promise<void>((resolve) => {\n    if (element.readyState >= HTMLMediaElement.HAVE_METADATA) {\n      resolve();\n      return;\n    }\n\n    let resolved = false;\n\n    const done = () => {\n      if (resolved) return;\n      resolved = true;\n      clearTimeout(timeoutId);\n      element.removeEventListener('canplay', done);\n      element.removeEventListener('resize', done);\n      resolve();\n    };\n\n    // Timeout fallback for audio-only streams where resize/canplay may never fire\n    const timeoutId = setTimeout(done, VIDEO_READY_TIMEOUT_MS);\n    element.addEventListener('canplay', done);\n    element.addEventListener('resize', done);\n  });\n}\n\n/**\n * Attaches a MediaStream to a video element.\n *\n * @param element - The video element to attach the stream to\n * @param stream - The MediaStream to attach, or null to detach\n */\nexport function attachMediaStream(element: HTMLVideoElement, stream: MediaStream | null): void {\n  element.srcObject = stream;\n}\n\n/**\n * Detaches any MediaStream from a video element.\n *\n * @param element - The video element to detach the stream from\n */\nexport function detachMediaStream(element: HTMLVideoElement): void {\n  if (element.srcObject) {\n    element.srcObject = null;\n  }\n}\n"],"names":["attachMediaStream","element","stream","detachMediaStream"],"mappings":"AAoEO,SAASA,EAAkBC,GAA2BC,GAAkC;AAC7F,EAAAD,EAAQ,YAAYC;AACtB;AAOO,SAASC,EAAkBF,GAAiC;AACjE,EAAIA,EAAQ,cACVA,EAAQ,YAAY;AAExB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@signalwire/web-components",
-  "version": "4.0.0-beta.12",
+  "version": "4.0.0-beta.13",
   "description": "UI components library built with Lit",
   "type": "module",
   "main": "./dist/index.js",
@@ -176,17 +176,18 @@
     "rxjs": "^7.8.2"
   },
   "peerDependencies": {
-    "@signalwire/js": "4.0.0-beta.12"
+    "@signalwire/js": "4.0.0-beta.13"
   },
   "devDependencies": {
-    "@playwright/test": "^1.56.1",
+    "@playwright/test": "^1.60.0",
     "@types/node": "^20.19.24",
     "@types/prismjs": "^1.26.6",
     "@typescript-eslint/eslint-plugin": "^8.46.3",
     "@vaadin/router": "^2.0.1",
     "@vitest/coverage-v8": "^3.2.4",
     "eslint": "^9.39.1",
-    "happy-dom": "^20.4.0",
+    "happy-dom": "^20.9.0",
+    "jsdom": "^29.1.1",
     "prettier": "^3.6.2",
     "typescript": "^5.9.3",
     "vite": "^6.0.5",

package/dist/constants.js

@@ -1,5 +0,0 @@
-const E = 2e3;
-export {
-  E as VIDEO_READY_TIMEOUT_MS
-};
-//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["/**\n * Constants for the web-components package\n */\n\n/**\n * Timeout in milliseconds for waiting for a video element to become ready.\n * Audio-only streams attached to video elements may never fire `resize` or `canplay`,\n * so this timeout ensures the component doesn't block indefinitely.\n */\nexport const VIDEO_READY_TIMEOUT_MS = 2000;\n"],"names":["VIDEO_READY_TIMEOUT_MS"],"mappings":"AASO,MAAMA,IAAyB;"}

package/dist/utils/debounce.js

@@ -1,13 +0,0 @@
-function c(t, n) {
-  let e = null;
-  return function(...u) {
-    const l = () => {
-      e = null, t(...u);
-    };
-    e !== null && clearTimeout(e), e = setTimeout(l, n);
-  };
-}
-export {
-  c as debounce
-};
-//# sourceMappingURL=debounce.js.map

package/dist/utils/debounce.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"debounce.js","sources":["../../src/utils/debounce.ts"],"sourcesContent":["/**\n * Creates a debounced function that delays invoking the provided function\n * until after the specified wait time has elapsed since the last invocation.\n *\n * @param func - The function to debounce\n * @param wait - The number of milliseconds to delay\n * @returns A debounced version of the function\n */\nexport function debounce<T extends (...args: any[]) => any>(\n  func: T,\n  wait: number\n): (...args: Parameters<T>) => void {\n  let timeout: ReturnType<typeof setTimeout> | null = null;\n\n  return function executedFunction(...args: Parameters<T>) {\n    const later = () => {\n      timeout = null;\n      func(...args);\n    };\n\n    if (timeout !== null) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(later, wait);\n  };\n}\n"],"names":["debounce","func","wait","timeout","args","later"],"mappings":"AAQO,SAASA,EACdC,GACAC,GACkC;AAClC,MAAIC,IAAgD;AAEpD,SAAO,YAA6BC,GAAqB;AACvD,UAAMC,IAAQ,MAAM;AAClB,MAAAF,IAAU,MACVF,EAAK,GAAGG,CAAI;AAAA,IACd;AAEA,IAAID,MAAY,QACd,aAAaA,CAAO,GAEtBA,IAAU,WAAWE,GAAOH,CAAI;AAAA,EAClC;AACF;"}