@pie-players/pie-section-player 0.3.17 → 0.3.20

package/dist/index-CGqExkh0.js

@@ -1,354 +0,0 @@
-var v = Object.defineProperty;
-var T = (i, t, e) => t in i ? v(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var d = (i, t, e) => T(i, typeof t != "symbol" ? t + "" : t, e);
-const w = {
-  pie: 3e3,
-  custom: 3e3
-}, f = (i) => i.replace(/\/+$/, ""), m = (i) => i.transportMode === "custom" ? "custom" : i.transportMode === "pie" ? "pie" : i.provider === "custom" ? "custom" : "pie", y = (i, t) => i.endpointMode ? i.endpointMode : t === "custom" ? "rootPost" : "synthesizePath", S = (i, t) => i.endpointValidationMode ? i.endpointValidationMode : t === "custom" ? "none" : "voices", b = (i) => {
-  const t = i.providerOptions || {};
-  if (typeof t.speedRate == "string")
-    return t.speedRate;
-  const e = Number(i.rate ?? 1);
-  return !Number.isFinite(e) || e <= 0.95 ? "slow" : e >= 1.5 ? "fast" : "medium";
-}, A = (i) => {
-  const t = [];
-  let e = 0;
-  const s = i.split(`
-`).map((r) => r.trim()).filter(Boolean);
-  for (const r of s)
-    try {
-      const n = JSON.parse(r), h = typeof n.type == "string" ? n.type : "word", o = typeof n.time == "number" && Number.isFinite(n.time) ? n.time : 0, a = typeof n.value == "string" ? n.value : "", u = typeof n.start == "number" && Number.isFinite(n.start) ? n.start : null, p = typeof n.end == "number" && Number.isFinite(n.end) ? n.end : null, g = u ?? e, c = p ?? g + Math.max(1, a.length || String(n.value || "").length);
-      e = Math.max(c + 1, e), t.push({
-        time: o,
-        type: h,
-        start: g,
-        end: c,
-        value: a
-      });
-    } catch {
-    }
-  return t;
-}, k = {
-  id: "pie",
-  resolveSynthesisUrl: (i) => {
-    const t = y(i, "pie"), e = f(i.apiEndpoint);
-    return t === "rootPost" ? e : `${e}/synthesize`;
-  },
-  buildRequestBody: (i, t) => {
-    const e = t.providerOptions || {}, s = typeof t.engine == "string" ? t.engine : typeof e.engine == "string" ? e.engine : void 0, r = typeof e.sampleRate == "number" && Number.isFinite(e.sampleRate) ? e.sampleRate : void 0, n = e.format === "mp3" || e.format === "ogg" || e.format === "pcm" ? e.format : void 0, h = Array.isArray(e.speechMarkTypes) ? e.speechMarkTypes.filter((o) => o === "word" || o === "sentence" || o === "ssml") : void 0;
-    return {
-      text: i,
-      provider: t.provider || "polly",
-      voice: t.voice,
-      language: t.language,
-      rate: t.rate,
-      engine: s,
-      sampleRate: r,
-      format: n,
-      speechMarkTypes: h,
-      includeSpeechMarks: !0
-    };
-  },
-  parseResponse: async (i) => {
-    const t = await i.json();
-    return {
-      audio: {
-        kind: "base64",
-        data: t.audio,
-        contentType: t.contentType
-      },
-      speechMarks: Array.isArray(t.speechMarks) ? t.speechMarks : []
-    };
-  }
-}, R = {
-  id: "custom",
-  resolveSynthesisUrl: (i) => {
-    const t = y(i, "custom"), e = f(i.apiEndpoint);
-    return t === "synthesizePath" ? `${e}/synthesize` : e;
-  },
-  buildRequestBody: (i, t) => {
-    const e = t.providerOptions || {}, s = typeof e.lang_id == "string" ? e.lang_id : t.language || "en-US", r = typeof e.cache == "boolean" ? e.cache : !0;
-    return {
-      text: i,
-      speedRate: b(t),
-      lang_id: s,
-      cache: r
-    };
-  },
-  parseResponse: async (i, t, e, s) => {
-    const r = await i.json(), n = {};
-    if (t.includeAuthOnAssetFetch)
-      for (const [o, a] of Object.entries(e))
-        o.toLowerCase() === "authorization" && (n[o] = a);
-    let h = [];
-    if (typeof r.word == "string" && r.word.length > 0) {
-      const o = await fetch(r.word, {
-        headers: n,
-        signal: s
-      });
-      if (o.ok) {
-        const a = await o.text();
-        h = A(a);
-      }
-    }
-    return {
-      audio: {
-        kind: "url",
-        url: r.audioContent
-      },
-      speechMarks: h
-    };
-  }
-}, M = {
-  pie: k,
-  custom: R
-};
-class I {
-  constructor(t, e) {
-    d(this, "config");
-    d(this, "adapter");
-    d(this, "currentAudio", null);
-    d(this, "pausedState", !1);
-    d(this, "wordTimings", []);
-    d(this, "highlightInterval", null);
-    d(this, "intentionallyStopped", !1);
-    d(this, "activeSynthesisController", null);
-    d(this, "synthesisRunId", 0);
-    d(this, "onWordBoundary");
-    this.config = t, this.adapter = e;
-  }
-  async speak(t) {
-    this.stop(), this.intentionallyStopped = !1;
-    const e = ++this.synthesisRunId, s = new AbortController();
-    this.activeSynthesisController = s;
-    const { audioUrl: r, wordTimings: n } = await this.synthesizeSpeech(t, s.signal, e);
-    if (e !== this.synthesisRunId) {
-      URL.revokeObjectURL(r);
-      return;
-    }
-    const h = this.config.rate || 1;
-    return this.wordTimings = n.map((o) => ({
-      ...o,
-      time: o.time / h
-    })), new Promise((o, a) => {
-      const u = new Audio(r);
-      this.currentAudio = u, this.config.rate && (u.playbackRate = Math.max(0.25, Math.min(4, this.config.rate))), this.config.volume !== void 0 && (u.volume = Math.max(0, Math.min(1, this.config.volume))), u.onplay = () => {
-        this.pausedState = !1, this.onWordBoundary && this.wordTimings.length > 0 && this.startWordHighlighting();
-      }, u.onended = () => {
-        this.stopWordHighlighting(), URL.revokeObjectURL(r), this.currentAudio = null, this.wordTimings = [], o();
-      }, u.onerror = (p) => {
-        this.stopWordHighlighting(), URL.revokeObjectURL(r), this.currentAudio = null, this.wordTimings = [], this.intentionallyStopped ? o() : a(new Error("Failed to play audio from server"));
-      }, u.onpause = () => {
-        this.stopWordHighlighting(), this.pausedState = !0;
-      }, u.play().catch(a);
-    });
-  }
-  /**
-   * Call server API to synthesize speech
-   */
-  async synthesizeSpeech(t, e, s) {
-    const r = {
-      "Content-Type": "application/json",
-      ...this.config.headers
-    };
-    this.config.authToken && (r.Authorization = `Bearer ${this.config.authToken}`);
-    const n = this.adapter.resolveSynthesisUrl(this.config), h = this.adapter.buildRequestBody(t, this.config), o = await fetch(n, {
-      method: "POST",
-      headers: r,
-      body: JSON.stringify(h),
-      signal: e
-    });
-    if (!o.ok) {
-      const c = await o.json().catch(() => ({})), l = c.message || c.error?.message || `Server returned ${o.status}`;
-      throw new Error(l);
-    }
-    const a = await this.adapter.parseResponse(o, this.config, r, e);
-    if (s !== this.synthesisRunId || e.aborted)
-      throw new Error("Synthesis superseded by a newer request");
-    let u;
-    if (a.audio.kind === "base64")
-      u = this.base64ToBlob(a.audio.data, a.audio.contentType);
-    else {
-      const c = {};
-      this.config.includeAuthOnAssetFetch && this.config.authToken && (c.Authorization = `Bearer ${this.config.authToken}`);
-      const l = await fetch(a.audio.url, {
-        headers: c,
-        signal: e
-      });
-      if (!l.ok)
-        throw new Error(`Failed to download synthesized audio (${l.status})`);
-      u = await l.blob();
-    }
-    const p = URL.createObjectURL(u), g = this.parseSpeechMarks(a.speechMarks);
-    return { audioUrl: p, wordTimings: g };
-  }
-  /**
-   * Convert base64 to Blob
-   */
-  base64ToBlob(t, e) {
-    const s = atob(t), r = new Array(s.length);
-    for (let h = 0; h < s.length; h++)
-      r[h] = s.charCodeAt(h);
-    const n = new Uint8Array(r);
-    return new Blob([n], { type: e });
-  }
-  /**
-   * Parse speech marks into word timings
-   */
-  parseSpeechMarks(t) {
-    return t.filter((e) => e.type === "word").map((e, s) => ({
-      time: e.time,
-      wordIndex: s,
-      charIndex: e.start,
-      length: e.end - e.start
-    }));
-  }
-  /**
-   * Start word highlighting synchronized with audio playback
-   */
-  startWordHighlighting() {
-    if (this.stopWordHighlighting(), !this.currentAudio || !this.onWordBoundary || this.wordTimings.length === 0) {
-      console.log("[ServerTTSProvider] Cannot start highlighting:", {
-        hasAudio: !!this.currentAudio,
-        hasCallback: !!this.onWordBoundary,
-        wordTimingsCount: this.wordTimings.length
-      });
-      return;
-    }
-    console.log("[ServerTTSProvider] Starting word highlighting with", this.wordTimings.length, "word timings"), console.log("[ServerTTSProvider] Playback rate:", this.currentAudio.playbackRate), console.log("[ServerTTSProvider] First 3 timings:", this.wordTimings.slice(0, 3));
-    let t = -1;
-    this.highlightInterval = window.setInterval(() => {
-      if (!this.currentAudio) {
-        this.stopWordHighlighting();
-        return;
-      }
-      const e = this.currentAudio.currentTime * 1e3;
-      for (let s = 0; s < this.wordTimings.length; s++) {
-        const r = this.wordTimings[s];
-        if (e >= r.time && s > t) {
-          this.onWordBoundary && (console.log("[ServerTTSProvider] Highlighting word at charIndex:", r.charIndex, "length:", r.length, "time:", r.time, "currentTime:", e), this.onWordBoundary("", r.charIndex, r.length)), t = s;
-          break;
-        }
-      }
-    }, 50);
-  }
-  /**
-   * Stop word highlighting
-   */
-  stopWordHighlighting() {
-    this.highlightInterval !== null && (clearInterval(this.highlightInterval), this.highlightInterval = null);
-  }
-  pause() {
-    this.currentAudio && !this.pausedState && (this.currentAudio.pause(), this.stopWordHighlighting(), this.pausedState = !0);
-  }
-  resume() {
-    this.currentAudio && this.pausedState && (this.currentAudio.play(), this.pausedState = !1, this.onWordBoundary && this.wordTimings.length > 0 && this.startWordHighlighting());
-  }
-  stop() {
-    this.synthesisRunId += 1, this.activeSynthesisController && (this.activeSynthesisController.abort(), this.activeSynthesisController = null), this.stopWordHighlighting(), this.currentAudio && (this.intentionallyStopped = !0, this.currentAudio.pause(), this.currentAudio.src && URL.revokeObjectURL(this.currentAudio.src), this.currentAudio.src = "", this.currentAudio = null), this.pausedState = !1, this.wordTimings = [];
-  }
-  isPlaying() {
-    return this.currentAudio !== null && !this.pausedState;
-  }
-  isPaused() {
-    return this.pausedState;
-  }
-  /**
-   * Update settings dynamically (rate, pitch, voice)
-   * Note: Voice changes require resynthesis, so voice updates are stored but
-   * take effect on the next speak() call. Rate can be applied to current playback.
-   */
-  updateSettings(t) {
-    t.rate !== void 0 && (this.config.rate = t.rate, this.currentAudio && (this.currentAudio.playbackRate = Math.max(0.25, Math.min(4, t.rate)))), t.pitch !== void 0 && (this.config.pitch = t.pitch), t.voice !== void 0 && (this.config.voice = t.voice);
-  }
-}
-class B {
-  constructor() {
-    d(this, "providerId", "server-tts");
-    d(this, "providerName", "Server TTS");
-    d(this, "version", "1.0.0");
-    d(this, "config", null);
-    d(this, "adapter", null);
-  }
-  /**
-   * Initialize the server TTS provider.
-   *
-   * This is designed to be fast by default (no API calls).
-   * Set validateEndpoint: true in config to test API availability during initialization.
-   *
-   * @performance Default: <10ms, With validation: 100-500ms
-   */
-  async initialize(t) {
-    const e = t;
-    if (!e.apiEndpoint)
-      throw new Error("apiEndpoint is required for ServerTTSProvider");
-    this.config = e;
-    const s = m(e);
-    if (this.adapter = M[s], e.validateEndpoint && !await this.testAPIAvailability())
-      throw new Error(`Server TTS API not available at ${e.apiEndpoint}`);
-    return new I(e, this.adapter);
-  }
-  /**
-   * Test if API endpoint is available (with timeout).
-   *
-   * @performance 100-500ms depending on network
-   */
-  async testAPIAvailability() {
-    if (!this.config || !this.adapter)
-      return !1;
-    try {
-      const t = { ...this.config.headers };
-      this.config.authToken && (t.Authorization = `Bearer ${this.config.authToken}`);
-      const e = new AbortController(), s = setTimeout(() => e.abort(), 5e3), r = S(this.config, this.adapter.id);
-      if (r === "none")
-        return clearTimeout(s), !0;
-      const n = f(this.config.apiEndpoint), h = r === "voices" ? `${n}/voices` : this.adapter.resolveSynthesisUrl(this.config), o = r === "voices" ? "GET" : "OPTIONS";
-      try {
-        const a = await fetch(h, {
-          method: o,
-          headers: t,
-          signal: e.signal
-        });
-        return clearTimeout(s), a.ok || a.status === 405;
-      } catch {
-        return clearTimeout(s), !1;
-      }
-    } catch {
-      return !1;
-    }
-  }
-  supportsFeature(t) {
-    switch (t) {
-      case "pause":
-      case "resume":
-      case "wordBoundary":
-      case "voiceSelection":
-      case "rateControl":
-        return !0;
-      case "pitchControl":
-        return !1;
-      default:
-        return !1;
-    }
-  }
-  getCapabilities() {
-    const t = this.config ? m(this.config) : "pie";
-    return {
-      supportsPause: !0,
-      supportsResume: !0,
-      supportsWordBoundary: !0,
-      // ✅ Via speech marks from server
-      supportsVoiceSelection: !0,
-      supportsRateControl: !0,
-      supportsPitchControl: !1,
-      // Depends on server provider
-      maxTextLength: w[t]
-    };
-  }
-  destroy() {
-    this.config = null, this.adapter = null;
-  }
-}
-export {
-  B as ServerTTSProvider
-};

package/dist/index-DF-Dk87f-lxErM8bo.js

@@ -1,178 +0,0 @@
-var n = Object.defineProperty, l = (i, e, t) => e in i ? n(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, o = (i, e, t) => l(i, typeof e != "symbol" ? e + "" : e, t);
-class p {
-  constructor() {
-    o(this, "providerId", "desmos"), o(this, "providerName", "Desmos"), o(this, "supportedTypes", [
-      "basic",
-      "scientific",
-      "graphing"
-    ]), o(this, "version", "1.10"), o(this, "initialized", !1), o(this, "apiKey"), o(this, "proxyEndpoint"), o(this, "isDevelopment", !1);
-  }
-  /**
-   * Get the configured API key
-   * @internal Used internally by calculator instances
-   */
-  getApiKey() {
-    return this.apiKey;
-  }
-  /**
-   * Dynamically load the Desmos calculator library
-   * @private
-   */
-  async loadDesmosScript() {
-    return new Promise((e, t) => {
-      const s = document.createElement("script"), r = this.apiKey ? `https://www.desmos.com/api/v1.10/calculator.js?apiKey=${this.apiKey}` : "https://www.desmos.com/api/v1.10/calculator.js";
-      s.src = r, s.async = !0, s.onload = () => {
-        window.Desmos ? (console.log("[DesmosProvider] Desmos API loaded successfully"), e()) : t(new Error("Desmos API loaded but window.Desmos is undefined"));
-      }, s.onerror = () => {
-        t(new Error("Failed to load Desmos API from CDN"));
-      }, document.head.appendChild(s);
-    });
-  }
-  /**
-   * Initialize Desmos library
-   * @param config Configuration with API key (development) or proxy endpoint (production)
-   */
-  async initialize(e) {
-    if (!this.initialized) {
-      if (typeof window > "u")
-        throw new Error("Desmos calculators can only be initialized in the browser");
-      if (this.isDevelopment = process.env.NODE_ENV === "development" || typeof process > "u" || !process.env.NODE_ENV, e?.proxyEndpoint) {
-        this.proxyEndpoint = e.proxyEndpoint;
-        try {
-          const t = await fetch(e.proxyEndpoint);
-          if (!t.ok)
-            throw new Error(`Proxy endpoint returned ${t.status}`);
-          const s = await t.json();
-          this.apiKey = s.apiKey, console.log("[DesmosProvider] Initialized with server-side proxy (SECURE)");
-        } catch (t) {
-          throw new Error(`[DesmosProvider] Failed to fetch API key from proxy: ${t}`);
-        }
-      } else e?.apiKey ? (this.apiKey = e.apiKey, this.isDevelopment ? console.log("[DesmosProvider] Initialized with direct API key (DEVELOPMENT MODE)") : console.error(`⚠️ [DesmosProvider] SECURITY WARNING: API key exposed in client-side code!
-This is insecure for production. Use proxyEndpoint instead.
-See: https://pie-players.dev/docs/calculator-desmos#security`)) : console.warn(`[DesmosProvider] No API key or proxy endpoint provided.
-Production usage requires authentication. Obtain API key from https://www.desmos.com/api
-Recommended: Use proxyEndpoint for production, apiKey for development only.`);
-      window.Desmos || (console.log("[DesmosProvider] Loading Desmos API library..."), await this.loadDesmosScript()), this.initialized = !0;
-    }
-  }
-  /**
-   * Create a calculator instance
-   */
-  async createCalculator(e, t, s) {
-    if (this.initialized || await this.initialize(), !this.supportsType(e))
-      throw new Error(`Desmos does not support calculator type: ${e}`);
-    return new c(this, e, t, s, this.apiKey);
-  }
-  /**
-   * Check if type is supported
-   */
-  supportsType(e) {
-    return this.supportedTypes.includes(e);
-  }
-  /**
-   * Cleanup
-   */
-  destroy() {
-    this.initialized = !1;
-  }
-  /**
-   * Get provider capabilities
-   */
-  getCapabilities() {
-    return {
-      supportsHistory: !1,
-      // Desmos doesn't expose history API
-      supportsGraphing: !0,
-      supportsExpressions: !0,
-      canExport: !0,
-      maxPrecision: 15,
-      inputMethods: ["keyboard", "mouse", "touch"]
-    };
-  }
-}
-class c {
-  constructor(e, t, s, r, a) {
-    if (o(this, "provider"), o(this, "type"), o(this, "Desmos"), o(this, "calculator"), o(this, "container"), this.provider = e, this.type = t, this.container = s, this.Desmos = window.Desmos, !this.Desmos)
-      throw new Error("Desmos API not available");
-    this._initializeCalculator(r, a);
-  }
-  _initializeCalculator(e, t) {
-    const s = {
-      ...e?.desmos || {},
-      apiKey: t || e?.desmos?.apiKey
-    };
-    switch (e?.restrictedMode && Object.assign(s, {
-      expressionsTopbar: !1,
-      settingsMenu: !1,
-      zoomButtons: !1,
-      expressions: !1,
-      links: !1
-    }), this.type) {
-      case "graphing":
-        this.calculator = this.Desmos.GraphingCalculator(this.container, s);
-        break;
-      case "scientific":
-        this.calculator = this.Desmos.ScientificCalculator(this.container, s);
-        break;
-      case "basic":
-        this.calculator = this.Desmos.FourFunctionCalculator(this.container, s);
-        break;
-      default:
-        throw new Error(`Unsupported calculator type: ${this.type}`);
-    }
-    console.log(`[DesmosCalculator] Created ${this.type} calculator`);
-  }
-  getValue() {
-    if (this.type === "graphing" && this.calculator.getState) {
-      const e = this.calculator.getState();
-      return JSON.stringify(e);
-    }
-    return "";
-  }
-  setValue(e) {
-    if (this.type === "graphing" && this.calculator.setState)
-      try {
-        const t = JSON.parse(e);
-        this.calculator.setState(t);
-      } catch (t) {
-        console.error("[DesmosCalculator] Failed to set state:", t);
-      }
-  }
-  clear() {
-    this.calculator.setBlank && this.calculator.setBlank();
-  }
-  async evaluate(e) {
-    return this.type === "graphing" ? new Promise((t) => {
-      const s = `eval_${Date.now()}`;
-      this.calculator.setExpression({ id: s, latex: e }), setTimeout(() => {
-        const r = this.calculator.HelperExpression({
-          latex: e
-        }).numericValue || e;
-        this.calculator.removeExpression({ id: s }), t(String(r));
-      }, 100);
-    }) : e;
-  }
-  resize() {
-    this.calculator.resize && this.calculator.resize();
-  }
-  exportState() {
-    let e = {};
-    return this.type === "graphing" && this.calculator.getState && (e = this.calculator.getState()), {
-      type: this.type,
-      provider: "desmos",
-      value: this.getValue(),
-      providerState: e
-    };
-  }
-  importState(e) {
-    if (e.provider !== "desmos")
-      throw new Error(`Cannot import state from provider: ${e.provider}`);
-    e.providerState && this.calculator.setState ? this.calculator.setState(e.providerState) : e.value && this.setValue(e.value);
-  }
-  destroy() {
-    this.calculator && this.calculator.destroy && this.calculator.destroy(), this.container.replaceChildren(), console.log("[DesmosCalculator] destroyed");
-  }
-}
-export {
-  p as DesmosCalculatorProvider
-};