@banou/stub 0.0.18 → 0.0.20

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

@@ -0,0 +1,334 @@
+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

@@ -0,0 +1,202 @@
+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 };