@banou/stub 0.0.19 → 0.0.21

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

@@ -1,334 +0,0 @@
-import { f as e, i as t } from "./lib-compat-D8G4_Lzi.js";
-//#region node_modules/tiktok-video-element/dist/tiktok-video-element.js
-e();
-var n = "https://www.tiktok.com/player/v1", r = /tiktok\.com\/(?:@[^/]+\/video\/)?(\d+)(?:\/([\w-]+))?/, i = {
-	INIT: -1,
-	ENDED: 0,
-	PLAYING: 1,
-	PAUSED: 2,
-	BUFFERING: 3
-}, a = {
-	[i.INIT]: "emptied",
-	[i.PAUSED]: "pause",
-	[i.ENDED]: "ended",
-	[i.PLAYING]: "play",
-	[i.BUFFERING]: "waiting"
-};
-function o(e, t = {}) {
-	let n = {
-		src: s(e, t),
-		frameborder: 0,
-		width: "100%",
-		height: "100%",
-		allow: "accelerometer; autoplay; fullscreen; encrypted-media; gyroscope; picture-in-picture"
-	};
-	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%;
-        border:0;
-      }
-    </style>
-    <iframe ${p(n)} title="TikTok video"></iframe>
-  `;
-}
-function s(e, t = {}) {
-	if (!e.src) return;
-	let i = e.src.match(r);
-	return `${n}/${i && i[1]}?${f({
-		controls: e.controls === "" ? null : 0,
-		autoplay: e.autoplay,
-		muted: e.muted,
-		loop: e.loop,
-		rel: 0,
-		...t.config
-	})}`;
-}
-var c = class e extends (globalThis.HTMLElement ?? class {}) {
-	static getTemplateHTML = o;
-	static shadowRootOptions = { mode: "open" };
-	static get observedAttributes() {
-		return [
-			"src",
-			"controls",
-			"loop",
-			"autoplay",
-			"muted"
-		];
-	}
-	loadComplete = new l();
-	#loadRequested;
-	#hasLoaded;
-	#muted = !1;
-	#currentTime = 0;
-	#paused = !0;
-	#config = null;
-	#volume = 100;
-	#duration = 0;
-	#iframe;
-	constructor() {
-		super(), this.#upgradeProperty("config");
-	}
-	async load() {
-		if (this.#loadRequested) return;
-		this.shadowRoot || this.attachShadow(e.shadowRootOptions);
-		let t = !this.#hasLoaded;
-		if (this.#hasLoaded && (this.loadComplete = new l()), this.#hasLoaded = !0, await (this.#loadRequested = Promise.resolve()), this.#loadRequested = null, this.#currentTime = 0, this.#muted = !1, this.#paused = !0, !this.src) {
-			this.shadowRoot.innerHTML = "", globalThis.removeEventListener("message", this.#onMessage);
-			return;
-		}
-		let n = this.shadowRoot.querySelector("iframe"), r = u(this.attributes);
-		t && n && (this.#config = JSON.parse(n.getAttribute("data-config") || "{}")), (!n?.src || n.src !== s(r, this)) && (this.shadowRoot.innerHTML = o(r, this), n = this.shadowRoot.querySelector("iframe")), this.#iframe = n, globalThis.addEventListener("message", this.#onMessage);
-	}
-	async attributeChangedCallback(e, t, n) {
-		if (t !== n) switch (e) {
-			case "muted":
-				await this.loadComplete, this.muted = n != null;
-				break;
-			case "autoplay":
-			case "controls":
-			case "loop":
-			case "src":
-				this.load();
-				return;
-		}
-	}
-	get config() {
-		return this.#config;
-	}
-	set config(e) {
-		this.#config = e;
-	}
-	#onMessage = (e) => {
-		let t = e.data;
-		if (t?.["x-tiktok-player"]) switch (t.type) {
-			case "onPlayerReady":
-				this.loadComplete.resolve();
-				break;
-			case "onStateChange": {
-				this.#paused = [
-					i.INIT,
-					i.PAUSED,
-					i.ENDED
-				].includes(t.value);
-				let e = a[t.value];
-				e && this.dispatchEvent(new Event(e));
-				break;
-			}
-			case "onCurrentTime":
-				this.#currentTime = t.value.currentTime, this.#duration = t.value.duration, this.dispatchEvent(new Event("durationchange")), this.dispatchEvent(new Event("timeupdate"));
-				break;
-			case "onVolumeChange":
-				this.#volume = t.value, this.dispatchEvent(new Event("volumechange"));
-				break;
-			case "onMute":
-				this.#muted = !!t.value, this.#volume = t.value ? 0 : this.#volume, this.dispatchEvent(new Event("volumechange"));
-				break;
-			case "onError":
-				this.dispatchEvent(new Event("error"));
-				break;
-			default:
-				console.warn("Unhandled TikTok player message:", t);
-				break;
-		}
-	};
-	#post(e, t) {
-		if (!this.#iframe?.contentWindow) return;
-		let n = {
-			"x-tiktok-player": !0,
-			type: e,
-			...t === void 0 ? {} : { value: t }
-		};
-		this.#iframe.contentWindow.postMessage(n, "*");
-	}
-	async play() {
-		await this.loadComplete, this.#post("play");
-	}
-	async pause() {
-		await this.loadComplete, this.#post("pause");
-	}
-	async #seekTo(e) {
-		await this.loadComplete, this.#post("seekTo", Number(e));
-	}
-	async #mute() {
-		await this.loadComplete, this.#post("mute");
-	}
-	async #unMute() {
-		await this.loadComplete, this.#post("unMute");
-	}
-	get volume() {
-		return this.#volume / 100;
-	}
-	set volume(e) {
-		console.warn("Volume control is not supported for TikTok videos.");
-	}
-	get currentTime() {
-		return this.#currentTime;
-	}
-	set currentTime(e) {
-		this.#seekTo(e);
-	}
-	get muted() {
-		return this.#muted;
-	}
-	set muted(e) {
-		this.#muted = e, e ? this.#mute() : this.#unMute();
-	}
-	get defaultMuted() {
-		return this.hasAttribute("muted");
-	}
-	set defaultMuted(e) {
-		this.toggleAttribute("muted", !!e);
-	}
-	get paused() {
-		return this.#paused;
-	}
-	get duration() {
-		return this.#duration;
-	}
-	get src() {
-		return this.getAttribute("src");
-	}
-	set src(e) {
-		this.setAttribute("src", e ?? "");
-	}
-	#upgradeProperty(e) {
-		if (Object.prototype.hasOwnProperty.call(this, e)) {
-			let t = this[e];
-			delete this[e], this[e] = t;
-		}
-	}
-}, l = 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 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 === !0 || r === "" ? t[n] = 1 : r === !1 ? t[n] = 0 : r != null && (t[n] = r);
-	}
-	return t;
-}
-function f(e) {
-	return String(new URLSearchParams(d(e)));
-}
-function p(e) {
-	let t = "";
-	for (let n in e) {
-		let r = e[n];
-		r === "" ? t += ` ${m(n)}` : t += ` ${m(n)}="${m(`${r}`)}"`;
-	}
-	return t;
-}
-function m(e) {
-	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/`/g, "&#x60;");
-}
-globalThis.customElements && !globalThis.customElements.get("tiktok-video") && globalThis.customElements.define("tiktok-video", c);
-var h = c, g = /* @__PURE__ */ new Set([
-	"style",
-	"children",
-	"ref",
-	"key",
-	"suppressContentEditableWarning",
-	"suppressHydrationWarning",
-	"dangerouslySetInnerHTML"
-]), _ = {
-	className: "class",
-	htmlFor: "for"
-};
-function v(e) {
-	return e.toLowerCase();
-}
-function y(e) {
-	if (typeof e == "boolean") return e ? "" : void 0;
-	if (typeof e != "function" && !(typeof e == "object" && e)) return e;
-}
-function b({ react: e, tagName: t, elementClass: n, events: r, displayName: i, defaultProps: a, toAttributeName: o = v, toAttributeValue: s = y }) {
-	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 (g.has(e)) {
-				m[e] = t;
-				continue;
-			}
-			let r = o(_[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 === y(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) x(u.current, t, h[t]), d.current.delete(t), e.set(t, h[t]);
-				for (let [e, t] of d.current) x(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 x(e, t, n) {
-	e[t] = n, n == null && t in (globalThis.HTMLElement?.prototype ?? {}) && e.removeAttribute(t);
-}
-var S = b({
-	react: t,
-	tagName: "tiktok-video",
-	elementClass: h,
-	toAttributeName(e) {
-		return e === "muted" ? "" : e === "defaultMuted" ? "muted" : v(e);
-	}
-});
-//#endregion
-export { S as default };

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

@@ -1,202 +0,0 @@
-import { f as e, i as t } from "./lib-compat-D8G4_Lzi.js";
-import { n, t as r } from "./lib-dist-T0QlKbbk.js";
-import { t as i } from "./lib-custom-media-element-CnANKrGl.js";
-//#region node_modules/hls-video-element/dist/hls-video-element.js
-e();
-var a = ((e) => class extends e {
-	static shadowRootOptions = { ...e.shadowRootOptions };
-	static getTemplateHTML = (t, n = {}) => {
-		let { src: r, ...i } = t;
-		return `
-        <script type="application/json" id="config">
-          ${JSON.stringify(n.config || {})}
-        <\/script>
-        ${e.getTemplateHTML(i)}
-      `;
-	};
-	#e = null;
-	#t = null;
-	constructor() {
-		super(), this.#i("config");
-	}
-	get config() {
-		return this.#t;
-	}
-	set config(e) {
-		this.#t = e;
-	}
-	attributeChangedCallback(e, t, n) {
-		e !== "src" && super.attributeChangedCallback(e, t, n), e === "src" && t != n && this.load();
-	}
-	#n() {
-		var e, t;
-		(e = this.#e) == null || e.remove(), (t = this.nativeEl) == null || t.removeEventListener("webkitcurrentplaybacktargetiswirelesschanged", this.#r), this.api &&= (this.api.detachMedia(), this.api.destroy(), null);
-	}
-	async load() {
-		var e;
-		let t = !this.api;
-		if (this.#n(), this.src) {
-			if (t && !this.#t && (this.#t = JSON.parse(this.shadowRoot.getElementById("config")?.textContent || "{}")), n.isSupported()) {
-				switch (this.api = new n({
-					liveDurationInfinity: !0,
-					autoStartLoad: !1,
-					...this.config
-				}), await Promise.resolve(), this.api.loadSource(this.src), this.api.attachMedia(this.nativeEl), this.nativeEl.preload) {
-					case "none": {
-						let e = () => this.api.startLoad();
-						this.nativeEl.addEventListener("play", e, { once: !0 }), this.api.on(n.Events.DESTROYING, () => {
-							this.nativeEl.removeEventListener("play", e);
-						});
-						break;
-					}
-					case "metadata": {
-						let e = this.api.config.maxBufferLength, t = this.api.config.maxBufferSize;
-						this.api.config.maxBufferLength = 1, this.api.config.maxBufferSize = 1;
-						let r = () => {
-							this.api.config.maxBufferLength = e, this.api.config.maxBufferSize = t;
-						};
-						this.nativeEl.addEventListener("play", r, { once: !0 }), this.api.on(n.Events.DESTROYING, () => {
-							this.nativeEl.removeEventListener("play", r);
-						}), this.api.startLoad();
-						break;
-					}
-					default: this.api.startLoad();
-				}
-				this.nativeEl.webkitCurrentPlaybackTargetIsWireless && this.api.stopLoad(), this.nativeEl.addEventListener("webkitcurrentplaybacktargetiswirelesschanged", this.#r), this.#e = document.createElement("source"), this.#e.setAttribute("type", "application/x-mpegURL"), this.#e.setAttribute("src", this.src), this.nativeEl.disableRemotePlayback = !1, this.nativeEl.append(this.#e);
-				let t = /* @__PURE__ */ new WeakMap();
-				this.api.on(n.Events.MANIFEST_PARSED, (e, n) => {
-					this.nativeEl.autoplay && this.nativeEl.paused && this.nativeEl.play().catch((e) => {
-						console.warn("Autoplay failed:", e);
-					}), r();
-					let i = this.videoTracks.getTrackById("main");
-					i || (i = this.addVideoTrack("main"), i.id = "main", i.selected = !0);
-					for (let [e, r] of n.levels.entries()) {
-						let n = i.addRendition(r.url[0], r.width, r.height, r.videoCodec, r.bitrate);
-						t.set(r, `${e}`), n.id = `${e}`;
-					}
-					for (let [e, t] of n.audioTracks.entries()) {
-						let n = t.default ? "main" : "alternative", r = this.addAudioTrack(n, t.name, t.lang);
-						r.id = `${e}`, t.default && (r.enabled = !0);
-					}
-				}), this.audioTracks.addEventListener("change", () => {
-					let e = +[...this.audioTracks].find((e) => e.enabled)?.id, t = this.api.audioTracks.map((e) => e.id);
-					e != this.api.audioTrack && t.includes(e) && (this.api.audioTrack = e);
-				}), this.api.on(n.Events.LEVELS_UPDATED, (e, n) => {
-					let r = this.videoTracks[this.videoTracks.selectedIndex ?? 0];
-					if (!r) return;
-					let i = n.levels.map((e) => t.get(e));
-					for (let e of this.videoRenditions) e.id && !i.includes(e.id) && r.removeRendition(e);
-				}), (e = this.videoRenditions) == null || e.addEventListener("change", (e) => {
-					let t = e.target.selectedIndex;
-					t != this.api.nextLevel && (this.api.nextLevel = t);
-				});
-				let r = () => {
-					for (let e of this.videoTracks) this.removeVideoTrack(e);
-					for (let e of this.audioTracks) this.removeAudioTrack(e);
-				};
-				this.api.once(n.Events.DESTROYING, r);
-				return;
-			}
-			await Promise.resolve(), this.nativeEl.canPlayType("application/vnd.apple.mpegurl") && (this.nativeEl.src = this.src);
-		}
-	}
-	#r = () => {
-		var e, t;
-		this.nativeEl?.webkitCurrentPlaybackTargetIsWireless ? (e = this.api) == null || e.stopLoad() : (t = this.api) == null || t.startLoad();
-	};
-	#i(e) {
-		if (Object.prototype.hasOwnProperty.call(this, e)) {
-			let t = this[e];
-			delete this[e], this[e] = t;
-		}
-	}
-})(r(i));
-globalThis.customElements && !globalThis.customElements.get("hls-video") && globalThis.customElements.define("hls-video", a);
-var o = a, s = /* @__PURE__ */ new Set([
-	"style",
-	"children",
-	"ref",
-	"key",
-	"suppressContentEditableWarning",
-	"suppressHydrationWarning",
-	"dangerouslySetInnerHTML"
-]), c = {
-	className: "class",
-	htmlFor: "for"
-};
-function l(e) {
-	return e.toLowerCase();
-}
-function u(e) {
-	if (typeof e == "boolean") return e ? "" : void 0;
-	if (typeof e != "function" && !(typeof e == "object" && e)) return e;
-}
-function d({ react: e, tagName: t, elementClass: n, events: r, displayName: i, defaultProps: a, toAttributeName: o = l, toAttributeValue: d = u }) {
-	let p = Number.parseInt(e.version) >= 19, m = e.forwardRef((i, l) => {
-		let m = e.useRef(null), h = e.useRef(/* @__PURE__ */ new Map()), g = {}, _ = {}, v = {}, y = {};
-		for (let [e, t] of Object.entries(i)) {
-			if (s.has(e)) {
-				v[e] = t;
-				continue;
-			}
-			let r = o(c[e] ?? e);
-			if (e in n.prototype && !(e in (globalThis.HTMLElement?.prototype ?? {})) && !n.observedAttributes?.some((e) => e === r)) {
-				y[e] = t;
-				continue;
-			}
-			if (e.startsWith("on")) {
-				g[e] = t;
-				continue;
-			}
-			let i = d(t);
-			r && i != null && (_[r] = String(i), p || (v[r] = i)), r && p && (i === u(t) ? v[r] = t : v[r] = i);
-		}
-		if (typeof window < "u") {
-			for (let t in g) {
-				let n = g[t], i = t.endsWith("Capture"), a = (r?.[t] ?? t.slice(2).toLowerCase()).slice(0, i ? -7 : void 0);
-				e.useLayoutEffect(() => {
-					let e = m?.current;
-					if (!(!e || typeof n != "function")) return e.addEventListener(a, n, i), () => {
-						e.removeEventListener(a, n, i);
-					};
-				}, [m?.current, n]);
-			}
-			e.useLayoutEffect(() => {
-				if (m.current === null) return;
-				let e = /* @__PURE__ */ new Map();
-				for (let t in y) f(m.current, t, y[t]), h.current.delete(t), e.set(t, y[t]);
-				for (let [e, t] of h.current) f(m.current, e, void 0);
-				h.current = e;
-			});
-		}
-		if (typeof window > "u" && n?.getTemplateHTML && n?.shadowRootOptions) {
-			let { mode: t, delegatesFocus: r } = n.shadowRootOptions;
-			v.children = [e.createElement("template", {
-				shadowrootmode: t,
-				shadowrootdelegatesfocus: r,
-				dangerouslySetInnerHTML: { __html: n.getTemplateHTML(_, i) }
-			}), v.children];
-		}
-		return e.createElement(t, {
-			...a,
-			...v,
-			ref: e.useCallback((e) => {
-				m.current = e, typeof l == "function" ? l(e) : l !== null && (l.current = e);
-			}, [l])
-		});
-	});
-	return m.displayName = i ?? n.name, m;
-}
-function f(e, t, n) {
-	e[t] = n, n == null && t in (globalThis.HTMLElement?.prototype ?? {}) && e.removeAttribute(t);
-}
-var p = d({
-	react: t,
-	tagName: "hls-video",
-	elementClass: o,
-	toAttributeName(e) {
-		return e === "muted" ? "" : e === "defaultMuted" ? "muted" : l(e);
-	}
-});
-//#endregion
-export { p as default };