@banou/stub 0.0.18 → 0.0.20

package/build/assets/lib-react-CAkOlDha.js

@@ -0,0 +1,367 @@
+import { f as e, i as t } from "./lib-compat-D8G4_Lzi.js";
+//#region node_modules/twitch-video-element/dist/twitch-video-element.js
+e();
+var n = "https://player.twitch.tv", r = /(?:www\.|go\.)?twitch\.tv\/(?:videos?\/|\?video=)(\d+)($|\?)/, i = /(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+)($|\?)/, a = {
+	IDLE: "Idle",
+	READY: "Ready",
+	BUFFERING: "Buffering",
+	PLAYING: "Playing",
+	ENDED: "Ended"
+}, o = {
+	DISABLE_CAPTIONS: 0,
+	ENABLE_CAPTIONS: 1,
+	PAUSE: 2,
+	PLAY: 3,
+	SEEK: 4,
+	SET_CHANNEL: 5,
+	SET_CHANNEL_ID: 6,
+	SET_COLLECTION: 7,
+	SET_QUALITY: 8,
+	SET_VIDEO: 9,
+	SET_MUTED: 10,
+	SET_VOLUME: 11
+};
+function s(e, t = {}) {
+	let n = {
+		src: c(e, t),
+		frameborder: "0",
+		width: "100%",
+		height: "100%",
+		allow: "accelerometer; fullscreen; autoplay; encrypted-media; picture-in-picture;",
+		sandbox: "allow-modals allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",
+		scrolling: "no"
+	};
+	return t.config && (n["data-config"] = JSON.stringify(t.config)), `
+    <style>
+      :host {
+        display: inline-block;
+        min-width: 300px;
+        min-height: 150px;
+        position: relative;
+      }
+      iframe {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+      }
+      :host(:not([controls])) {
+        pointer-events: none;
+      }
+    </style>
+    <iframe${d(n)}></iframe>
+  `;
+}
+function c(e, t) {
+	if (!e.src) return;
+	let a = e.src.match(r), o = e.src.match(i), s = {
+		parent: globalThis.location?.hostname,
+		controls: e.controls === "" ? null : !1,
+		autoplay: e.autoplay === "" ? null : !1,
+		muted: e.muted,
+		preload: e.preload,
+		...t.config
+	};
+	return a ? `${n}/?video=v${a[1]}&${p(s)}` : o ? `${n}/?channel=${o[1]}&${p(s)}` : "";
+}
+var l = class extends (globalThis.HTMLElement ?? class {}) {
+	static getTemplateHTML = s;
+	static shadowRootOptions = { mode: "open" };
+	static observedAttributes = [
+		"autoplay",
+		"controls",
+		"loop",
+		"muted",
+		"playsinline",
+		"preload",
+		"src"
+	];
+	loadComplete = new h();
+	#loadRequested;
+	#hasLoaded;
+	#iframe;
+	#playerState = {};
+	#currentTime = 0;
+	#muted = !1;
+	#volume = 1;
+	#paused = !this.autoplay;
+	#seeking = !1;
+	#readyState = 0;
+	#config = null;
+	constructor() {
+		super(), this.#upgradeProperty("config");
+	}
+	get config() {
+		return this.#config;
+	}
+	set config(e) {
+		this.#config = e;
+	}
+	async load() {
+		if (this.#loadRequested) return;
+		this.shadowRoot || this.attachShadow({ mode: "open" });
+		let e = !this.#hasLoaded;
+		if (this.#hasLoaded && (this.loadComplete = new h()), this.#hasLoaded = !0, await (this.#loadRequested = Promise.resolve()), this.#loadRequested = null, this.#readyState = 0, this.dispatchEvent(new Event("emptied")), !this.src) {
+			this.shadowRoot.innerHTML = "", globalThis.removeEventListener("message", this.#onMessage);
+			return;
+		}
+		this.dispatchEvent(new Event("loadstart"));
+		let t = this.shadowRoot.querySelector("iframe"), n = u(this.attributes);
+		e && t && (this.#config = JSON.parse(t.getAttribute("data-config") || "{}")), (!t?.src || t.src !== c(n, this)) && (this.shadowRoot.innerHTML = s(n, this), t = this.shadowRoot.querySelector("iframe")), this.#iframe = t, globalThis.addEventListener("message", this.#onMessage);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) switch (e) {
+			case "src":
+			case "controls":
+				this.load();
+				break;
+		}
+	}
+	get src() {
+		return this.getAttribute("src");
+	}
+	set src(e) {
+		this.setAttribute("src", e);
+	}
+	get readyState() {
+		return this.#readyState;
+	}
+	get seeking() {
+		return this.#seeking;
+	}
+	get buffered() {
+		return g(0, this.#playerState.stats?.videoStats?.bufferSize ?? 0);
+	}
+	get paused() {
+		return this.#playerState.playback ? this.#playerState.playback === a.IDLE : this.#paused;
+	}
+	get ended() {
+		return this.#playerState.playback ? this.#playerState.playback === a.ENDED : !1;
+	}
+	get duration() {
+		return this.#playerState.duration ?? NaN;
+	}
+	get autoplay() {
+		return this.hasAttribute("autoplay");
+	}
+	set autoplay(e) {
+		this.autoplay != e && this.toggleAttribute("autoplay", !!e);
+	}
+	get controls() {
+		return this.hasAttribute("controls");
+	}
+	set controls(e) {
+		this.controls != e && this.toggleAttribute("controls", !!e);
+	}
+	get currentTime() {
+		return this.#playerState.currentTime ? this.#playerState.currentTime : this.#currentTime;
+	}
+	set currentTime(e) {
+		this.#currentTime = e, this.loadComplete.then(() => {
+			this.#sendCommand(o.SEEK, e);
+		});
+	}
+	get defaultMuted() {
+		return this.hasAttribute("muted");
+	}
+	set defaultMuted(e) {
+		this.toggleAttribute("muted", !!e);
+	}
+	get loop() {
+		return this.hasAttribute("loop");
+	}
+	set loop(e) {
+		this.toggleAttribute("loop", !!e);
+	}
+	get muted() {
+		return this.#muted;
+	}
+	set muted(e) {
+		this.#muted = e, this.loadComplete.then(() => {
+			this.#sendCommand(o.SET_MUTED, e);
+		});
+	}
+	get volume() {
+		return this.#volume;
+	}
+	set volume(e) {
+		this.#volume = e, this.loadComplete.then(() => {
+			this.#sendCommand(o.SET_VOLUME, e);
+		});
+	}
+	get playsInline() {
+		return this.hasAttribute("playsinline");
+	}
+	set playsInline(e) {
+		this.toggleAttribute("playsinline", !!e);
+	}
+	play() {
+		this.#paused = !1, this.#sendCommand(o.PLAY);
+	}
+	pause() {
+		this.#paused = !0, this.#sendCommand(o.PAUSE);
+	}
+	#onMessage = async (e) => {
+		if (!this.#iframe.contentWindow) return;
+		let { data: t, source: n } = e;
+		if (n === this.#iframe.contentWindow) {
+			if (t.namespace === "twitch-embed") await new Promise((e) => setTimeout(e, 10)), t.eventName === "ready" ? (this.dispatchEvent(new Event("loadcomplete")), this.loadComplete.resolve(), this.#readyState = 1, this.dispatchEvent(new Event("loadedmetadata"))) : t.eventName === "seek" ? (this.#seeking = !0, this.dispatchEvent(new Event("seeking"))) : t.eventName === "playing" ? (this.#seeking && (this.#seeking = !1, this.dispatchEvent(new Event("seeked"))), this.#readyState = 3, this.dispatchEvent(new Event("playing"))) : this.dispatchEvent(new Event(t.eventName));
+			else if (t.namespace === "twitch-embed-player-proxy" && t.eventName === "UPDATE_STATE") {
+				let e = this.#playerState.duration, n = this.#playerState.currentTime, r = this.#playerState.volume, i = this.#playerState.muted, a = this.#playerState.stats?.videoStats?.bufferSize;
+				this.#playerState = {
+					...this.#playerState,
+					...t.params
+				}, e !== this.#playerState.duration && this.dispatchEvent(new Event("durationchange")), n !== this.#playerState.currentTime && this.dispatchEvent(new Event("timeupdate")), (r !== this.#playerState.volume || i !== this.#playerState.muted) && this.dispatchEvent(new Event("volumechange")), a !== this.#playerState.stats?.videoStats?.bufferSize && this.dispatchEvent(new Event("progress"));
+			}
+		}
+	};
+	#sendCommand(e, t) {
+		if (!this.#iframe.contentWindow) return;
+		let r = {
+			eventName: e,
+			params: t,
+			namespace: "twitch-embed-player-proxy"
+		};
+		this.#iframe.contentWindow.postMessage(r, n);
+	}
+	#upgradeProperty(e) {
+		if (Object.prototype.hasOwnProperty.call(this, e)) {
+			let t = this[e];
+			delete this[e], this[e] = t;
+		}
+	}
+};
+function u(e) {
+	let t = {};
+	for (let n of e) t[n.name] = n.value;
+	return t;
+}
+function d(e) {
+	let t = "";
+	for (let n in e) {
+		let r = e[n];
+		r === "" ? t += ` ${f(n)}` : t += ` ${f(n)}="${f(`${r}`)}"`;
+	}
+	return t;
+}
+function f(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/`/g, "&#x60;");
+}
+function p(e) {
+	return String(new URLSearchParams(m(e)));
+}
+function m(e) {
+	let t = {};
+	for (let n in e) {
+		let r = e[n];
+		r === !0 || r === "" ? t[n] = !0 : r === !1 ? t[n] = !1 : r != null && (t[n] = r);
+	}
+	return t;
+}
+var h = class extends Promise {
+	constructor(e = () => {}) {
+		let t, n;
+		super((r, i) => {
+			e(r, i), t = r, n = i;
+		}), this.resolve = t, this.reject = n;
+	}
+};
+function g(e, t) {
+	return _(Array.isArray(e) ? e : e == null || t == null || e === 0 && t === 0 ? [[0, 0]] : [[e, t]]);
+}
+function _(e) {
+	return Object.defineProperties(e, {
+		start: { value: (t) => e[t][0] },
+		end: { value: (t) => e[t][1] }
+	}), e;
+}
+globalThis.customElements && !globalThis.customElements.get("twitch-video") && globalThis.customElements.define("twitch-video", l);
+var v = l, y = /* @__PURE__ */ new Set([
+	"style",
+	"children",
+	"ref",
+	"key",
+	"suppressContentEditableWarning",
+	"suppressHydrationWarning",
+	"dangerouslySetInnerHTML"
+]), b = {
+	className: "class",
+	htmlFor: "for"
+};
+function x(e) {
+	return e.toLowerCase();
+}
+function S(e) {
+	if (typeof e == "boolean") return e ? "" : void 0;
+	if (typeof e != "function" && !(typeof e == "object" && e)) return e;
+}
+function C({ react: e, tagName: t, elementClass: n, events: r, displayName: i, defaultProps: a, toAttributeName: o = x, toAttributeValue: s = S }) {
+	let c = Number.parseInt(e.version) >= 19, l = e.forwardRef((i, l) => {
+		let u = e.useRef(null), d = e.useRef(/* @__PURE__ */ new Map()), f = {}, p = {}, m = {}, h = {};
+		for (let [e, t] of Object.entries(i)) {
+			if (y.has(e)) {
+				m[e] = t;
+				continue;
+			}
+			let r = o(b[e] ?? e);
+			if (e in n.prototype && !(e in (globalThis.HTMLElement?.prototype ?? {})) && !n.observedAttributes?.some((e) => e === r)) {
+				h[e] = t;
+				continue;
+			}
+			if (e.startsWith("on")) {
+				f[e] = t;
+				continue;
+			}
+			let i = s(t);
+			r && i != null && (p[r] = String(i), c || (m[r] = i)), r && c && (i === S(t) ? m[r] = t : m[r] = i);
+		}
+		if (typeof window < "u") {
+			for (let t in f) {
+				let n = f[t], i = t.endsWith("Capture"), a = (r?.[t] ?? t.slice(2).toLowerCase()).slice(0, i ? -7 : void 0);
+				e.useLayoutEffect(() => {
+					let e = u?.current;
+					if (!(!e || typeof n != "function")) return e.addEventListener(a, n, i), () => {
+						e.removeEventListener(a, n, i);
+					};
+				}, [u?.current, n]);
+			}
+			e.useLayoutEffect(() => {
+				if (u.current === null) return;
+				let e = /* @__PURE__ */ new Map();
+				for (let t in h) w(u.current, t, h[t]), d.current.delete(t), e.set(t, h[t]);
+				for (let [e, t] of d.current) w(u.current, e, void 0);
+				d.current = e;
+			});
+		}
+		if (typeof window > "u" && n?.getTemplateHTML && n?.shadowRootOptions) {
+			let { mode: t, delegatesFocus: r } = n.shadowRootOptions;
+			m.children = [e.createElement("template", {
+				shadowrootmode: t,
+				shadowrootdelegatesfocus: r,
+				dangerouslySetInnerHTML: { __html: n.getTemplateHTML(p, i) }
+			}), m.children];
+		}
+		return e.createElement(t, {
+			...a,
+			...m,
+			ref: e.useCallback((e) => {
+				u.current = e, typeof l == "function" ? l(e) : l !== null && (l.current = e);
+			}, [l])
+		});
+	});
+	return l.displayName = i ?? n.name, l;
+}
+function w(e, t, n) {
+	e[t] = n, n == null && t in (globalThis.HTMLElement?.prototype ?? {}) && e.removeAttribute(t);
+}
+var T = C({
+	react: t,
+	tagName: "twitch-video",
+	elementClass: v,
+	toAttributeName(e) {
+		return e === "muted" ? "" : e === "defaultMuted" ? "muted" : x(e);
+	}
+});
+//#endregion
+export { T as default };