@mattebox/player-preferences 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Josep Boix Requesens
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,44 @@
-# Temporary Holding Version
+<h1>
+  <img src="https://raw.githubusercontent.com/jboix/mattebox-player/main/docs/logo.svg" width="44" height="44" align="absmiddle" alt="">
+  @mattebox/player-preferences
+</h1>
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+The viewer's preferences for the
+[Mattebox player](https://github.com/jboix/mattebox-player).
+
+- `<mbx-preferences>` keeps the audio and subtitle tracks, the volume, the mute, the rate, the quality and the subtitle look.
+- It puts them back at each load, by language and kind.
+- `preferences()` is a store that every player and element of the page share. Your own elements add typed keys to it.
+- Without `storage-key`, nothing is written to storage.
+
+```sh
+npm install @mattebox/player-preferences @mattebox/player mattebox
+```
+
+```html
+<mattebox-player src="https://example.com/vod/master.m3u8" controls="custom">
+  <mbx-preferences storage-key="my-site"></mbx-preferences>
+  <mbx-control-bar>
+    <mbx-play-button></mbx-play-button>
+    <mbx-audio-menu></mbx-audio-menu>
+    <mbx-subtitles-menu></mbx-subtitles-menu>
+  </mbx-control-bar>
+</mattebox-player>
+
+<script type="module">
+  import '@mattebox/player';
+  import '@mattebox/player-preferences';
+</script>
+```
+
+| Attribute     | What it does                                                                       |
+| ------------- | ---------------------------------------------------------------------------------- |
+| `storage-key` | Stores the choices in localStorage under this key. Without it, they stay in memory |
+| `except`      | The keys the element leaves alone, such as `except="rate quality"`                 |
+
+The [player guide](https://github.com/jboix/mattebox-player/blob/main/docs/guide/08-preferences.md)
+explains the store and your own keys.
+
+## License
+
+MIT

package/dist/cdn/mattebox-player-preferences.min.js

@@ -0,0 +1 @@
+var matteboxPlayerPreferences=(function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function n(e){let t=e.parentNode;return t===null?e instanceof ShadowRoot?e.host:null:t}function r(e){let t=e;for(;t!==null;){if(t instanceof HTMLElement&&t.localName===`mattebox-player`)return t;t=n(t)}return null}var i=class extends HTMLElement{constructor(){super(),this.player=null,this.offs=[],this.epoch=0}connectedCallback(){let e=r(this);if(e===null)return;this.epoch+=1;let t=this.epoch,n=()=>{t===this.epoch&&this.isConnected&&(customElements.upgrade(e),`video`in e&&(this.player=e,this.attach(this.player)))};`video`in e?n():customElements.whenDefined(`mattebox-player`).then(n)}disconnectedCallback(){this.epoch+=1;for(let e of this.offs)e();this.offs=[],this.player=null}on(e,t,n,r){e.addEventListener(t,n,r),this.offs.push(()=>{e.removeEventListener(t,n,r)})}keep(e){this.offs.push(e)}};function a(e){"@babel/helpers - typeof";return a=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},a(e)}function o(e,t){if(a(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(a(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function s(e){var t=o(e,`string`);return a(t)==`symbol`?t:t+``}function c(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?l(Object(n),!0).forEach(function(t){c(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}let d=/* @__PURE__ */ new Map;function f(e,t){try{var n;let r=JSON.parse((n=e==null?void 0:e.getItem(t))==null?`null`:n);return(r==null?void 0:r.version)===1&&typeof r.values==`object`&&r.values!==null?r.values:{}}catch(e){return{}}}function p(){try{return window.localStorage}catch(e){return null}}function m(e={}){var t,n;let r=(t=e.key)==null?``:t,i=d.get(r);if(i!==void 0)return i;let a=r===``?null:(n=e.storage)==null?p():n,o=f(a,r),s=/* @__PURE__ */ new Map,c=e=>{var t;for(let n of(t=s.get(e))==null?[]:t)n(o[e])};a!==null&&typeof window<`u`&&window.addEventListener(`storage`,e=>{if(e.key!==r||e.storageArea!==a)return;let t=o;o=f(a,r);for(let e of/* @__PURE__ */ new Set([...Object.keys(t),...Object.keys(o)]))JSON.stringify(t[e])!==JSON.stringify(o[e])&&c(e)});let l={get:e=>o[e],set(e,t){if(JSON.stringify(o[e])!==JSON.stringify(t)){o=u({},o),t===void 0?delete o[e]:o[e]=t;try{a==null||a.setItem(r,JSON.stringify({version:1,values:o}))}catch(e){}c(e)}},on(e,t){var n;let r=(n=s.get(e))==null?/* @__PURE__ */ new Set:n;return s.set(e,r),r.add(t),()=>{r.delete(t)}}};return d.set(r,l),l}let h=[`description`,`enhanced-speech`];function g(e){return e.toLowerCase().split(`-`)[0]}function _(e,t){let n=t.language!==``&&g(e.language)===g(t.language),r=e.kind===t.kind;return n?r?3:2:r&&h.includes(t.kind)?1:0}function v(e,t,n=-1){let r=-1,i=0;return e.forEach((e,a)=>{let o=_(e,t);(o>i||o===i&&o>0&&a===n)&&(r=a,i=o)}),r}function y(e){var n;let r=e.contentType===`text`?(0,t.isSdh)(e)?`captions`:`subtitles`:(0,t.isAudioDescription)(e)?`description`:(0,t.isEnhancedSpeech)(e)?`enhanced-speech`:`main`;return{language:(n=e.lang)==null?``:n,kind:r}}function b(e){let t=e.kind===`main-desc`?`description`:e.kind||`main`;return{language:e.language,kind:t}}let x=`subtitle-size`,S=`subtitle-background`,C=(e,t)=>JSON.stringify(e)===JSON.stringify(t);var w=class extends i{static get observedAttributes(){return[`storage-key`]}constructor(){super(),this.store=m(),this.engine=null,this.put={},this.pinned=null,this.loading=!0,this.offEngine=null,this.saved=/* @__PURE__ */ new Set}attributeChangedCallback(){let e=this.getAttribute(`storage-key`),t=m(e===null?{}:{key:e});if(t!==this.store){for(let e of this.saved)t.set(e,this.store.get(e));this.saved=/* @__PURE__ */ new Set,this.store=t}}keeps(e){var t;return!((t=this.getAttribute(`except`))==null?``:t).split(/\s+/).includes(e)}stored(e){return this.keeps(e)?this.store.get(e):void 0}save(e,t){this.keeps(e)&&(this.store.set(e,t),this.saved.add(e))}attach(e){let t=e.video,n=this.stored(`volume`);n!==void 0&&(t.volume=n);let r=e.hasAttribute(`muted`),i=this.stored(`muted`);i!==void 0&&!r&&(t.muted=i);let a=this.stored(`subtitle-look`);(a==null?void 0:a.size)!==void 0&&e.setAttribute(x,a.size),(a==null?void 0:a.background)!==void 0&&e.setAttribute(S,a.background),this.on(t,`volumechange`,()=>{this.save(`volume`,t.volume),r=r&&t.muted,r||this.save(`muted`,t.muted)});let o=new MutationObserver(()=>{let t=e.getAttribute(x),n=e.getAttribute(S);this.save(`subtitle-look`,u(u({},t===null?{}:{size:t}),n===null?{}:{background:n}))});o.observe(e,{attributes:!0,attributeFilter:[x,S]}),this.keep(()=>{o.disconnect()}),this.on(t,`loadstart`,()=>{this.loading=!0,this.put={}}),this.on(t,`loadedmetadata`,()=>{let n=this.stored(`rate`);n!==void 0&&(t.playbackRate=n),this.loading=!1,this.engine===null&&this.restoreNative(e)}),this.on(t,`ratechange`,()=>{var e,n;let r=(e=this.engine)==null?{}:e,i=r.trick,a=((n=r.live)==null?void 0:n.edge)!=null||t.duration===1/0;this.loading||a||i!==void 0&&(i.rate!==1||i.scrubbing)||this.save(`rate`,t.playbackRate)}),this.on(e,`click`,()=>{setTimeout(()=>{this.notePin()},0)});for(let n of[`audioTracks`,`textTracks`]){let r=t[n];r!==void 0&&this.on(r,`change`,()=>this.noteNative(e))}this.on(e,`sourcechange`,()=>{this.follow(e.engine)}),this.follow(e.engine),this.keep(()=>{this.follow(null)})}follow(e){var t;if((t=this.offEngine)==null||t.call(this),this.offEngine=null,this.engine=e,e===null)return;let n=()=>void 0,r=()=>void 0,i=()=>{n(),this.restoreEngine(e),r=e.on(`tracks:selected`,()=>{this.noteEngine(e)})};e.tracks.available.length>0?i():n=e.on(`tracks:changed`,i),this.offEngine=()=>{n(),r()}}restoreEngine(e){let t=e.tracks;for(let i of[`audio`,`subtitles`]){let a=i===`audio`?`audio`:`text`,o=t.available.filter(e=>e.contentType===a&&t.selectable(e.id)&&!e.forced),s=this.stored(i);if(this.put[i]=this.engineActive(e,i),s===null){var n,r;(n=(r=t.active(`text`))==null?void 0:r.forced)!=null&&n||t.deselect(`text`),this.put[i]=null}else if(s!==void 0){let e=t.active(a),n=o[v(o.map(y),s,e===null?-1:o.indexOf(e))];n!==void 0&&(t.select(n.id),this.put[i]=y(n))}}let i=this.stored(`quality`),a=e.quality;if(typeof i==`number`){var o;let e=[...a.selectable].filter(e=>e.height!==void 0).sort((e,t)=>t.height-e.height),t=(o=e.find(e=>e.height<=i))==null?e[e.length-1]:o;if(t!==void 0){a.pin(t.id),this.pinned=t.id;return}}this.pinned=a.pinned}engineActive(e,t){let n=e.tracks.active(t===`audio`?`audio`:`text`);return n===null||n.forced===!0?null:y(n)}noteEngine(e){for(let t of[`audio`,`subtitles`]){let n=this.engineActive(e,t);t===`subtitles`&&n===null&&e.tracks.active(`text`)!==null||t===`audio`&&n===null||C(n,this.put[t])||(this.put[t]=n,this.save(t,n))}}notePin(){var e,t;let n=(e=this.engine)==null?void 0:e.quality;if(n===void 0||n.pinned===this.pinned)return;this.pinned=n.pinned;let r=(t=n.renditions.find(e=>e.id===this.pinned))==null?void 0:t.height;this.save(`quality`,r==null?null:r)}native(e,t){let n=t===`audio`?`audioTracks`:`textTracks`,r=e.video[n],i=r===void 0?[]:Array.from(r);return t===`audio`?i:i.filter(e=>e.kind===`subtitles`||e.kind===`captions`)}nativeActive(e,t){let n=this.native(e,t).find(e=>t===`audio`?e.enabled===!0:e.mode===`showing`);return n===void 0?null:b(n)}restoreNative(e){for(let t of[`audio`,`subtitles`]){let n=this.native(e,t),r=this.stored(t);if(r!==void 0&&n.length>0){let e=n.map(b),i=r===null?-1:v(e,r);(i!==-1||t===`subtitles`&&r===null)&&n.forEach((e,n)=>{t===`audio`?e.enabled=n===i:e.mode=n===i?`showing`:`disabled`})}this.put[t]=this.nativeActive(e,t)}}noteNative(e){if(!(this.engine!==null||this.loading))for(let t of[`audio`,`subtitles`]){let n=this.nativeActive(e,t);t===`audio`&&n===null||C(n,this.put[t])||(this.put[t]=n,this.save(t,n))}}};let T=`mbx-preferences`;function E(e){var t,n;return(t=(n=e.querySelector(`mbx-preferences`))==null?void 0:n.store)==null?null:t}return customElements.get(`mbx-preferences`)===void 0&&customElements.define(T,w),e.MbxPreferences=w,e.PREFERENCES=T,e.preferences=m,e.preferencesOf=E,e})({},mattebox);

package/dist/component.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Finding the player, and letting go of it: the part of the player's own
+ * control base this package needs. The player exports no base class, so a
+ * control of the page's own, this one included, implements the contract
+ * from outside (player guide, chapter 03).
+ *
+ * The control attaches when it is connected inside a player, once the
+ * player is defined and upgraded, and detaches when it is removed. What it
+ * adds goes through `keep`, so detaching drops it all.
+ *
+ * No class fields: the ES2015 build would lower them into helpers, and the
+ * emit check bans helpers. State is declared, then assigned in the
+ * constructor.
+ */
+import type { PlayerHost } from './host.js';
+export declare abstract class Component extends HTMLElement {
+    protected player: PlayerHost | null;
+    private offs;
+    /** Bumped on every connect and disconnect, so a late upgrade attaches only to the current connection. */
+    private epoch;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Adds `fn` for `name` on `target`, removed on detach. */
+    protected on(target: EventTarget, name: string, fn: (event: Event) => void, options?: AddEventListenerOptions): void;
+    /** Runs `off` on detach. */
+    protected keep(off: () => void): void;
+    /** The control is connected inside an upgraded player. Subscribe. */
+    protected abstract attach(player: PlayerHost): void;
+}
+//# sourceMappingURL=component.d.ts.map

package/dist/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAG5C,8BAAsB,SAAU,SAAQ,WAAW;IACjD,UAAkB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAC5C,QAAgB,IAAI,CAAoB;IACxC,yGAAyG;IACzG,QAAgB,KAAK,CAAS;;IAS9B,iBAAiB,IAAI,IAAI;IAiBzB,oBAAoB,IAAI,IAAI;IAO5B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,CACV,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EAC1B,OAAO,CAAC,EAAE,uBAAuB,GAChC,IAAI;IAOP,4BAA4B;IAC5B,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,IAAI,GAAG,IAAI;IAIrC,qEAAqE;IACrE,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;CACpD"}

package/dist/component.js

@@ -0,0 +1,49 @@
+import { findPlayer, PLAYER } from './host.js';
+export class Component extends HTMLElement {
+    constructor() {
+        super();
+        this.player = null;
+        this.offs = [];
+        this.epoch = 0;
+    }
+    connectedCallback() {
+        const found = findPlayer(this);
+        if (found === null)
+            return;
+        this.epoch += 1;
+        const epoch = this.epoch;
+        const attach = () => {
+            if (epoch !== this.epoch || !this.isConnected)
+                return;
+            // Defined, and this instance upgraded: `video` is on the prototype.
+            customElements.upgrade(found);
+            if (!('video' in found))
+                return;
+            this.player = found;
+            this.attach(this.player);
+        };
+        if ('video' in found)
+            attach();
+        else
+            void customElements.whenDefined(PLAYER).then(attach);
+    }
+    disconnectedCallback() {
+        this.epoch += 1;
+        for (const off of this.offs)
+            off();
+        this.offs = [];
+        this.player = null;
+    }
+    /** Adds `fn` for `name` on `target`, removed on detach. */
+    on(target, name, fn, options) {
+        target.addEventListener(name, fn, options);
+        this.offs.push(() => {
+            target.removeEventListener(name, fn, options);
+        });
+    }
+    /** Runs `off` on detach. */
+    keep(off) {
+        this.offs.push(off);
+    }
+}
+//# sourceMappingURL=component.js.map

package/dist/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAE/C,MAAM,OAAgB,SAAU,SAAQ,WAAW;IAMjD;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;IACjB,CAAC;IAED,iBAAiB;QACf,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAC/B,IAAI,KAAK,KAAK,IAAI;YAAE,OAAO;QAC3B,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QAChB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,MAAM,GAAG,GAAS,EAAE;YACxB,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,WAAW;gBAAE,OAAO;YACtD,oEAAoE;YACpE,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAC9B,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC;gBAAE,OAAO;YAChC,IAAI,CAAC,MAAM,GAAG,KAAmB,CAAC;YAClC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC,CAAC;QACF,IAAI,OAAO,IAAI,KAAK;YAAE,MAAM,EAAE,CAAC;;YAC1B,KAAK,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC5D,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QAChB,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI;YAAE,GAAG,EAAE,CAAC;QACnC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACrB,CAAC;IAED,2DAA2D;IACjD,EAAE,CACV,MAAmB,EACnB,IAAY,EACZ,EAA0B,EAC1B,OAAiC;QAEjC,MAAM,CAAC,gBAAgB,CAAC,IAAI,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;QAC3C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;YAClB,MAAM,CAAC,mBAAmB,CAAC,IAAI,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,4BAA4B;IAClB,IAAI,CAAC,GAAe;QAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC;CAIF"}

package/dist/element.d.ts

@@ -0,0 +1,39 @@
+import { Component } from './component.js';
+import type { PlayerHost } from './host.js';
+import type { PreferenceStore } from './store.js';
+export declare class MbxPreferences extends Component {
+    static get observedAttributes(): readonly string[];
+    /** The store the element reads and writes: the memory one, or the one of `storage-key`. */
+    store: PreferenceStore;
+    private engine;
+    /** The tracks the element put back for this load, which are not the viewer's choice. Absent before. */
+    private put;
+    /** The pin the element last saw, to tell the viewer's pick. */
+    private pinned;
+    /** The video loads, and its rate is the reset of the load until the element puts the stored one back. */
+    private loading;
+    private offEngine;
+    /** The keys this element saved in its current store, which go along when `storage-key` changes. */
+    private saved;
+    constructor();
+    attributeChangedCallback(): void;
+    /** Whether the element keeps `key`: every key, less the ones `except` names. */
+    private keeps;
+    /** The stored value of `key`, or undefined when the element leaves it alone. */
+    private stored;
+    private save;
+    protected attach(player: PlayerHost): void;
+    /** Puts the stored tracks and pin back on each engine once its manifest lists them, and saves the viewer's changes. */
+    private follow;
+    private restoreEngine;
+    /** The active track of `kind` as a choice: null for subtitles off, or for a forced track. */
+    private engineActive;
+    private noteEngine;
+    private notePin;
+    /** The native session's audio and subtitle tracks, as Safari lists them. */
+    private native;
+    private nativeActive;
+    private restoreNative;
+    private noteNative;
+}
+//# sourceMappingURL=element.d.ts.map

package/dist/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,KAAK,EAAE,eAAe,EAA4B,MAAM,YAAY,CAAC;AA2B5E,qBAAa,cAAe,SAAQ,SAAS;IAC3C,MAAM,KAAK,kBAAkB,IAAI,SAAS,MAAM,EAAE,CAEjD;IAED,2FAA2F;IACnF,KAAK,EAAE,eAAe,CAAC;IAC/B,QAAgB,MAAM,CAAkB;IACxC,uGAAuG;IACvG,QAAgB,GAAG,CAA4C;IAC/D,+DAA+D;IAC/D,QAAgB,MAAM,CAAgB;IACtC,yGAAyG;IACzG,QAAgB,OAAO,CAAU;IACjC,QAAgB,SAAS,CAAsB;IAC/C,mGAAmG;IACnG,QAAgB,KAAK,CAAc;;IAanC,wBAAwB,IAAI,IAAI;IAYhC,gFAAgF;IAChF,OAAO,CAAC,KAAK;IAIb,gFAAgF;IAChF,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,IAAI;IAMZ,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAsE1C,uHAAuH;IACvH,OAAO,CAAC,MAAM;IAsBd,OAAO,CAAC,aAAa;IA8CrB,6FAA6F;IAC7F,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,OAAO;IAQf,4EAA4E;IAC5E,OAAO,CAAC,MAAM;IAWd,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,UAAU;CASnB"}

package/dist/element.js

@@ -0,0 +1,261 @@
+import { Component } from './component.js';
+import { preferences } from './store.js';
+import { best, engineChoice, nativeChoice } from './tracks.js';
+/** The keys the element saves, in the words `except` takes. */
+const KEYS = ['volume', 'muted', 'rate', 'quality', 'audio', 'subtitles', 'subtitle-look'];
+const SIZE = 'subtitle-size';
+const BACKGROUND = 'subtitle-background';
+const same = (a, b) => JSON.stringify(a) === JSON.stringify(b);
+export class MbxPreferences extends Component {
+    static get observedAttributes() {
+        return ['storage-key'];
+    }
+    constructor() {
+        super();
+        this.store = preferences();
+        this.engine = null;
+        this.put = {};
+        this.pinned = null;
+        this.loading = true;
+        this.offEngine = null;
+        this.saved = new Set();
+    }
+    attributeChangedCallback() {
+        const key = this.getAttribute('storage-key');
+        const next = preferences(key === null ? {} : { key });
+        if (next === this.store)
+            return;
+        // The choices the viewer made before the key arrived, such as before a consent, go along.
+        for (const name of this.saved) {
+            next.set(name, this.store.get(name));
+        }
+        this.saved = new Set();
+        this.store = next;
+    }
+    /** Whether the element keeps `key`: every key, less the ones `except` names. */
+    keeps(key) {
+        return !(this.getAttribute('except') ?? '').split(/\s+/).includes(key);
+    }
+    /** The stored value of `key`, or undefined when the element leaves it alone. */
+    stored(key) {
+        return this.keeps(key) ? this.store.get(key) : undefined;
+    }
+    save(key, value) {
+        if (!this.keeps(key))
+            return;
+        this.store.set(key, value);
+        this.saved.add(key);
+    }
+    attach(player) {
+        const video = player.video;
+        const volume = this.stored('volume');
+        if (volume !== undefined)
+            video.volume = volume;
+        // A page that mutes for autoplay decides the mute itself, until the
+        // viewer unmutes. The player reflects the mute to `muted`, so the
+        // page's own is the one there at attach.
+        let pageMuted = player.hasAttribute('muted');
+        const muted = this.stored('muted');
+        if (muted !== undefined && !pageMuted)
+            video.muted = muted;
+        const look = this.stored('subtitle-look');
+        if (look?.size !== undefined)
+            player.setAttribute(SIZE, look.size);
+        if (look?.background !== undefined)
+            player.setAttribute(BACKGROUND, look.background);
+        this.on(video, 'volumechange', () => {
+            this.save('volume', video.volume);
+            pageMuted = pageMuted && video.muted;
+            if (!pageMuted)
+                this.save('muted', video.muted);
+        });
+        const watch = new MutationObserver(() => {
+            const size = player.getAttribute(SIZE);
+            const background = player.getAttribute(BACKGROUND);
+            this.save('subtitle-look', {
+                ...(size === null ? {} : { size }),
+                ...(background === null ? {} : { background }),
+            });
+        });
+        watch.observe(player, { attributes: true, attributeFilter: [SIZE, BACKGROUND] });
+        this.keep(() => {
+            watch.disconnect();
+        });
+        this.on(video, 'loadstart', () => {
+            this.loading = true;
+            this.put = {};
+        });
+        this.on(video, 'loadedmetadata', () => {
+            const rate = this.stored('rate');
+            if (rate !== undefined)
+                video.playbackRate = rate;
+            this.loading = false;
+            if (this.engine === null)
+                this.restoreNative(player);
+        });
+        this.on(video, 'ratechange', () => {
+            const moving = (this.engine ?? {});
+            const trick = moving.trick;
+            const live = moving.live?.edge != null || video.duration === Number.POSITIVE_INFINITY;
+            if (this.loading || live || (trick !== undefined && (trick.rate !== 1 || trick.scrubbing))) {
+                return;
+            }
+            this.save('rate', video.playbackRate);
+        });
+        // A pin comes from the quality menu, which a click or a key reaches; the engine announces none.
+        this.on(player, 'click', () => {
+            setTimeout(() => {
+                this.notePin();
+            }, 0);
+        });
+        for (const name of ['audioTracks', 'textTracks']) {
+            const list = video[name];
+            if (list !== undefined)
+                this.on(list, 'change', () => this.noteNative(player));
+        }
+        this.on(player, 'sourcechange', () => {
+            this.follow(player.engine);
+        });
+        this.follow(player.engine);
+        this.keep(() => {
+            this.follow(null);
+        });
+    }
+    /** Puts the stored tracks and pin back on each engine once its manifest lists them, and saves the viewer's changes. */
+    follow(engine) {
+        this.offEngine?.();
+        this.offEngine = null;
+        this.engine = engine;
+        if (engine === null)
+            return;
+        let offChanged = () => undefined;
+        let offSelected = () => undefined;
+        const ready = () => {
+            offChanged();
+            this.restoreEngine(engine);
+            offSelected = engine.on('tracks:selected', () => {
+                this.noteEngine(engine);
+            });
+        };
+        if (engine.tracks.available.length > 0)
+            ready();
+        else
+            offChanged = engine.on('tracks:changed', ready);
+        this.offEngine = () => {
+            offChanged();
+            offSelected();
+        };
+    }
+    restoreEngine(engine) {
+        const tracks = engine.tracks;
+        for (const kind of ['audio', 'subtitles']) {
+            const type = kind === 'audio' ? 'audio' : 'text';
+            const list = tracks.available.filter((track) => track.contentType === type && tracks.selectable(track.id) && !track.forced);
+            const wanted = this.stored(kind);
+            // Inside the engine's own listener a selection queues, so what the
+            // element put back is what it asked for, not what `active` says yet.
+            this.put[kind] = this.engineActive(engine, kind);
+            if (wanted === null) {
+                if (!(tracks.active('text')?.forced ?? false))
+                    tracks.deselect('text');
+                this.put[kind] = null;
+            }
+            else if (wanted !== undefined) {
+                const active = tracks.active(type);
+                const index = best(list.map(engineChoice), wanted, active === null ? -1 : list.indexOf(active));
+                const pick = list[index];
+                if (pick !== undefined) {
+                    tracks.select(pick.id);
+                    this.put[kind] = engineChoice(pick);
+                }
+            }
+        }
+        const height = this.stored('quality');
+        const quality = engine.quality;
+        if (typeof height === 'number') {
+            // The tallest at or under the height the viewer pinned, else the shortest.
+            const fit = [...quality.selectable]
+                .filter((rendition) => rendition.height !== undefined)
+                .sort((a, b) => b.height - a.height);
+            const pick = fit.find((rendition) => rendition.height <= height) ?? fit[fit.length - 1];
+            if (pick !== undefined) {
+                quality.pin(pick.id);
+                this.pinned = pick.id;
+                return;
+            }
+        }
+        this.pinned = quality.pinned;
+    }
+    /** The active track of `kind` as a choice: null for subtitles off, or for a forced track. */
+    engineActive(engine, kind) {
+        const track = engine.tracks.active(kind === 'audio' ? 'audio' : 'text');
+        return track === null || track.forced === true ? null : engineChoice(track);
+    }
+    noteEngine(engine) {
+        for (const kind of ['audio', 'subtitles']) {
+            const now = this.engineActive(engine, kind);
+            // A forced track replaces "off" on its own; the viewer's "off" came first.
+            if (kind === 'subtitles' && now === null && engine.tracks.active('text') !== null)
+                continue;
+            if (kind === 'audio' && now === null)
+                continue;
+            if (same(now, this.put[kind]))
+                continue;
+            this.put[kind] = now;
+            this.save(kind, now);
+        }
+    }
+    notePin() {
+        const quality = this.engine?.quality;
+        if (quality === undefined || quality.pinned === this.pinned)
+            return;
+        this.pinned = quality.pinned;
+        const height = quality.renditions.find((rendition) => rendition.id === this.pinned)?.height;
+        this.save('quality', height ?? null);
+    }
+    /** The native session's audio and subtitle tracks, as Safari lists them. */
+    native(player, kind) {
+        const name = kind === 'audio' ? 'audioTracks' : 'textTracks';
+        const list = player.video[name];
+        const tracks = list === undefined ? [] : Array.from(list);
+        return kind === 'audio'
+            ? tracks
+            : tracks.filter((track) => track.kind === 'subtitles' || track.kind === 'captions');
+    }
+    nativeActive(player, kind) {
+        const on = this.native(player, kind).find((track) => kind === 'audio' ? track.enabled === true : track.mode === 'showing');
+        return on === undefined ? null : nativeChoice(on);
+    }
+    restoreNative(player) {
+        for (const kind of ['audio', 'subtitles']) {
+            const tracks = this.native(player, kind);
+            const wanted = this.stored(kind);
+            if (wanted !== undefined && tracks.length > 0) {
+                const choices = tracks.map(nativeChoice);
+                const index = wanted === null ? -1 : best(choices, wanted);
+                // One audio track plays; a subtitle track shows, or none for off.
+                if (index !== -1 || (kind === 'subtitles' && wanted === null)) {
+                    tracks.forEach((track, at) => {
+                        if (kind === 'audio')
+                            track.enabled = at === index;
+                        else
+                            track.mode = at === index ? 'showing' : 'disabled';
+                    });
+                }
+            }
+            this.put[kind] = this.nativeActive(player, kind);
+        }
+    }
+    noteNative(player) {
+        if (this.engine !== null || this.loading)
+            return;
+        for (const kind of ['audio', 'subtitles']) {
+            const now = this.nativeActive(player, kind);
+            if ((kind === 'audio' && now === null) || same(now, this.put[kind]))
+                continue;
+            this.put[kind] = now;
+            this.save(kind, now);
+        }
+    }
+}
+//# sourceMappingURL=element.js.map

package/dist/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":"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"}

package/dist/es2015/_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/defineProperty.js

@@ -0,0 +1,11 @@
+import toPropertyKey from "./toPropertyKey.js";
+// \0@oxc-project+runtime@0.155.0/helpers/esm/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+export { _defineProperty as default };

package/dist/es2015/_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/objectSpread2.js

@@ -0,0 +1,24 @@
+import _defineProperty from "./defineProperty.js";
+// \0@oxc-project+runtime@0.155.0/helpers/esm/objectSpread2.js
+function ownKeys(e, r) {
+	var t = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var o = Object.getOwnPropertySymbols(e);
+		r && (o = o.filter(function(r) {
+			return Object.getOwnPropertyDescriptor(e, r).enumerable;
+		})), t.push.apply(t, o);
+	}
+	return t;
+}
+function _objectSpread2(e) {
+	for (var r = 1; r < arguments.length; r++) {
+		var t = null != arguments[r] ? arguments[r] : {};
+		r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
+			_defineProperty(e, r, t[r]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
+			Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+		});
+	}
+	return e;
+}
+export { _objectSpread2 as default };

package/dist/es2015/_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/toPrimitive.js

@@ -0,0 +1,13 @@
+import _typeof from "./typeof.js";
+// \0@oxc-project+runtime@0.155.0/helpers/esm/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+export { toPrimitive as default };

package/dist/es2015/_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/toPropertyKey.js

@@ -0,0 +1,8 @@
+import _typeof from "./typeof.js";
+import toPrimitive from "./toPrimitive.js";
+// \0@oxc-project+runtime@0.155.0/helpers/esm/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+export { toPropertyKey as default };

package/dist/es2015/_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/typeof.js

@@ -0,0 +1,10 @@
+// \0@oxc-project+runtime@0.155.0/helpers/esm/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+export { _typeof as default };

package/dist/es2015/component.js

@@ -0,0 +1,43 @@
+import { PLAYER, findPlayer } from "./host.js";
+// src/component.ts
+var Component = class extends HTMLElement {
+	constructor() {
+		super();
+		this.player = null;
+		this.offs = [];
+		this.epoch = 0;
+	}
+	connectedCallback() {
+		const found = findPlayer(this);
+		if (found === null) return;
+		this.epoch += 1;
+		const epoch = this.epoch;
+		const attach = () => {
+			if (epoch !== this.epoch || !this.isConnected) return;
+			customElements.upgrade(found);
+			if (!("video" in found)) return;
+			this.player = found;
+			this.attach(this.player);
+		};
+		if ("video" in found) attach();
+		else customElements.whenDefined(PLAYER).then(attach);
+	}
+	disconnectedCallback() {
+		this.epoch += 1;
+		for (const off of this.offs) off();
+		this.offs = [];
+		this.player = null;
+	}
+	/** Adds `fn` for `name` on `target`, removed on detach. */
+	on(target, name, fn, options) {
+		target.addEventListener(name, fn, options);
+		this.offs.push(() => {
+			target.removeEventListener(name, fn, options);
+		});
+	}
+	/** Runs `off` on detach. */
+	keep(off) {
+		this.offs.push(off);
+	}
+};
+export { Component };