@locpd/vidstack 1.12.14

package/prod/chunks/vidstack-BT0m6zEi.js

@@ -0,0 +1,109 @@
+import { IS_CHROME, IS_IOS, canGoogleCastSrc } from './vidstack-xMS8dnYq.js';
+import { loadScript } from './vidstack-CTojmhKq.js';
+import { getCastContext, getCastSession, isCastConnected, hasLoadedCastFramework, getCastFrameworkURL, isCastAvailable, getCastErrorMessage, getDefaultCastOptions } from './vidstack-BQlOPwOu.js';
+import { peek } from './vidstack-BGSTndAW.js';
+
+class GoogleCastLoader {
+  name = "google-cast";
+  target;
+  #player;
+  /**
+   * @see {@link https://developers.google.com/cast/docs/reference/web_sender/cast.framework.CastContext}
+   */
+  get cast() {
+    return getCastContext();
+  }
+  mediaType() {
+    return "video";
+  }
+  canPlay(src) {
+    return IS_CHROME && !IS_IOS && canGoogleCastSrc(src);
+  }
+  async prompt(ctx) {
+    let loadEvent, openEvent, errorEvent;
+    try {
+      loadEvent = await this.#loadCastFramework(ctx);
+      if (!this.#player) {
+        this.#player = new cast.framework.RemotePlayer();
+        new cast.framework.RemotePlayerController(this.#player);
+      }
+      openEvent = ctx.player.createEvent("google-cast-prompt-open", {
+        trigger: loadEvent
+      });
+      ctx.player.dispatchEvent(openEvent);
+      this.#notifyRemoteStateChange(ctx, "connecting", openEvent);
+      await this.#showPrompt(peek(ctx.$props.googleCast));
+      ctx.$state.remotePlaybackInfo.set({
+        deviceName: getCastSession()?.getCastDevice().friendlyName
+      });
+      if (isCastConnected()) this.#notifyRemoteStateChange(ctx, "connected", openEvent);
+    } catch (code) {
+      const error = code instanceof Error ? code : this.#createError(
+        (code + "").toUpperCase(),
+        "Prompt failed."
+      );
+      errorEvent = ctx.player.createEvent("google-cast-prompt-error", {
+        detail: error,
+        trigger: openEvent ?? loadEvent,
+        cancelable: true
+      });
+      ctx.player.dispatch(errorEvent);
+      this.#notifyRemoteStateChange(
+        ctx,
+        isCastConnected() ? "connected" : "disconnected",
+        errorEvent
+      );
+      throw error;
+    } finally {
+      ctx.player.dispatch("google-cast-prompt-close", {
+        trigger: errorEvent ?? openEvent ?? loadEvent
+      });
+    }
+  }
+  async load(ctx) {
+    if (!this.#player) {
+      throw Error("[vidstack] google cast player was not initialized");
+    }
+    return new (await import('../providers/vidstack-google-cast.js')).GoogleCastProvider(this.#player, ctx);
+  }
+  async #loadCastFramework(ctx) {
+    if (hasLoadedCastFramework()) return;
+    const loadStartEvent = ctx.player.createEvent("google-cast-load-start");
+    ctx.player.dispatch(loadStartEvent);
+    await loadScript(getCastFrameworkURL());
+    await customElements.whenDefined("google-cast-launcher");
+    const loadedEvent = ctx.player.createEvent("google-cast-loaded", { trigger: loadStartEvent });
+    ctx.player.dispatch(loadedEvent);
+    if (!isCastAvailable()) {
+      throw this.#createError("CAST_NOT_AVAILABLE", "Google Cast not available on this platform.");
+    }
+    return loadedEvent;
+  }
+  async #showPrompt(options) {
+    this.#setOptions(options);
+    const errorCode = await this.cast.requestSession();
+    if (errorCode) {
+      throw this.#createError(
+        errorCode.toUpperCase(),
+        getCastErrorMessage(errorCode)
+      );
+    }
+  }
+  #setOptions(options) {
+    this.cast?.setOptions({
+      ...getDefaultCastOptions(),
+      ...options
+    });
+  }
+  #notifyRemoteStateChange(ctx, state, trigger) {
+    const detail = { type: "google-cast", state };
+    ctx.notify("remote-playback-change", detail, trigger);
+  }
+  #createError(code, message) {
+    const error = Error(message);
+    error.code = code;
+    return error;
+  }
+}
+
+export { GoogleCastLoader };

package/prod/chunks/vidstack-BTigPj2h.js

@@ -0,0 +1,55 @@
+import { Icon$34, Icon$35, Icon$27, Icon$26, Icon$60, Icon$61, Icon$39, Icon$40, Icon$105, Icon$104, Icon$54, Icon$59, Icon$62, Icon$56, Icon$33, Icon$8, Icon$13, Icon$19, Icon$63, Icon$53, Icon$0, Icon$22, Icon$11, Icon$88, Icon$16, Icon$77, Icon$81, Icon$24, Icon$74, Icon$31, Icon$5 } from './vidstack-BGSTndAW.js';
+
+const icons = {
+  airplay: Icon$5,
+  download: Icon$31,
+  play: Icon$62,
+  pause: Icon$59,
+  replay: Icon$74,
+  mute: Icon$54,
+  "google-cast": Icon$24,
+  "volume-low": Icon$105,
+  "volume-high": Icon$104,
+  "cc-on": Icon$26,
+  "cc-off": Icon$27,
+  "pip-enter": Icon$61,
+  "pip-exit": Icon$60,
+  "fs-enter": Icon$40,
+  "fs-exit": Icon$39,
+  "seek-forward": Icon$81,
+  "seek-backward": Icon$77,
+  "menu-chapters": Icon$16,
+  "menu-settings": Icon$88,
+  "menu-arrow-left": Icon$11,
+  "menu-arrow-right": Icon$22,
+  "menu-accessibility": Icon$0,
+  "menu-audio": Icon$53,
+  "menu-audio-boost-up": Icon$104,
+  "menu-audio-boost-down": Icon$105,
+  "menu-playback": Icon$63,
+  "menu-speed-up": Icon$35,
+  "menu-speed-down": Icon$34,
+  "menu-captions": Icon$27,
+  "menu-quality-up": Icon$13,
+  "menu-quality-down": Icon$8,
+  "menu-radio-check": Icon$19,
+  "menu-font-size-up": Icon$13,
+  "menu-font-size-down": Icon$8,
+  "menu-opacity-up": Icon$33,
+  "menu-opacity-down": Icon$56,
+  "kb-play": Icon$62,
+  "kb-pause": Icon$59,
+  "kb-mute": Icon$54,
+  "kb-volume-up": Icon$104,
+  "kb-volume-down": Icon$105,
+  "kb-fs-enter": Icon$40,
+  "kb-fs-exit": Icon$39,
+  "kb-pip-enter": Icon$61,
+  "kb-pip-exit": Icon$60,
+  "kb-cc-on": Icon$26,
+  "kb-cc-off": Icon$27,
+  "kb-seek-forward": Icon$35,
+  "kb-seek-backward": Icon$34
+};
+
+export { icons };

package/prod/chunks/vidstack-BiyXcJ_M.js

@@ -0,0 +1,107 @@
+import { Component, State, effect, isNull, setAttribute, EventsController } from './vidstack-BGSTndAW.js';
+import { useMediaContext } from './vidstack-DJDnh4xT.js';
+import { preconnect } from './vidstack-CTojmhKq.js';
+
+class Poster extends Component {
+  static props = {
+    src: null,
+    alt: null,
+    crossOrigin: null
+  };
+  static state = new State({
+    img: null,
+    src: null,
+    alt: null,
+    crossOrigin: null,
+    loading: true,
+    error: null,
+    hidden: false
+  });
+  #media;
+  onSetup() {
+    this.#media = useMediaContext();
+    this.#watchSrc();
+    this.#watchAlt();
+    this.#watchCrossOrigin();
+    this.#watchHidden();
+  }
+  onAttach(el) {
+    el.style.setProperty("pointer-events", "none");
+    effect(this.#watchImg.bind(this));
+    effect(this.#watchSrc.bind(this));
+    effect(this.#watchAlt.bind(this));
+    effect(this.#watchCrossOrigin.bind(this));
+    effect(this.#watchHidden.bind(this));
+    const { started } = this.#media.$state;
+    this.setAttributes({
+      "data-visible": () => !started() && !this.$state.hidden(),
+      "data-loading": this.#isLoading.bind(this),
+      "data-error": this.#hasError.bind(this),
+      "data-hidden": this.$state.hidden
+    });
+  }
+  onConnect(el) {
+    effect(this.#onPreconnect.bind(this));
+    effect(this.#onLoadStart.bind(this));
+  }
+  #hasError() {
+    const { error } = this.$state;
+    return !isNull(error());
+  }
+  #onPreconnect() {
+    const { canLoadPoster, poster } = this.#media.$state;
+    if (!canLoadPoster() && poster()) preconnect(poster(), "preconnect");
+  }
+  #watchHidden() {
+    const { src } = this.$props, { poster, nativeControls } = this.#media.$state;
+    this.el && setAttribute(this.el, "display", nativeControls() ? "none" : null);
+    this.$state.hidden.set(this.#hasError() || !(src() || poster()) || nativeControls());
+  }
+  #isLoading() {
+    const { loading, hidden } = this.$state;
+    return !hidden() && loading();
+  }
+  #watchImg() {
+    const img = this.$state.img();
+    if (!img) return;
+    new EventsController(img).add("load", this.#onLoad.bind(this)).add("error", this.#onError.bind(this));
+    if (img.complete) this.#onLoad();
+  }
+  #prevSrc = "";
+  #watchSrc() {
+    const { poster: defaultPoster } = this.#media.$props, { canLoadPoster, providedPoster, inferredPoster } = this.#media.$state;
+    const src = this.$props.src() || "", poster = src || defaultPoster() || inferredPoster();
+    if (this.#prevSrc === providedPoster()) {
+      providedPoster.set(src);
+    }
+    this.$state.src.set(canLoadPoster() && poster.length ? poster : null);
+    this.#prevSrc = src;
+  }
+  #watchAlt() {
+    const { src } = this.$props, { alt } = this.$state, { poster } = this.#media.$state;
+    alt.set(src() || poster() ? this.$props.alt() : null);
+  }
+  #watchCrossOrigin() {
+    const { crossOrigin: crossOriginProp } = this.$props, { crossOrigin: crossOriginState } = this.$state, { crossOrigin: mediaCrossOrigin, poster: src } = this.#media.$state, crossOrigin = crossOriginProp() !== null ? crossOriginProp() : mediaCrossOrigin();
+    crossOriginState.set(
+      /ytimg\.com|vimeo/.test(src() || "") ? null : crossOrigin === true ? "anonymous" : crossOrigin
+    );
+  }
+  #onLoadStart() {
+    const { loading, error } = this.$state, { canLoadPoster, poster } = this.#media.$state;
+    loading.set(canLoadPoster() && !!poster());
+    error.set(null);
+  }
+  #onLoad() {
+    const { loading, error } = this.$state;
+    loading.set(false);
+    error.set(null);
+  }
+  #onError(event) {
+    const { loading, error } = this.$state;
+    loading.set(false);
+    error.set(event);
+  }
+}
+
+export { Poster };