@editframe/elements 0.20.4-beta.0 → 0.21.0-beta.0

package/dist/gui/ContextMixin.js

@@ -2,6 +2,7 @@ import { EF_RENDERING } from "../EF_RENDERING.js";
 import { globalURLTokenDeduplicator } from "../transcoding/cache/URLTokenDeduplicator.js";
 import { currentTimeContext } from "./currentTimeContext.js";
 import { durationContext } from "./durationContext.js";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.93.0/helpers/decorate.js";
 import { efConfigurationContext } from "./EFConfiguration.js";
 import { efContext } from "./efContext.js";
 import { fetchContext } from "./fetchContext.js";
@@ -10,9 +11,8 @@ import { focusedElementContext } from "./focusedElementContext.js";
 import { loopContext, playingContext } from "./playingContext.js";
 import { consume, createContext, provide } from "@lit/context";
 import { property, state } from "lit/decorators.js";
-import _decorate from "@oxc-project/runtime/helpers/decorate";
 const targetTimegroupContext = createContext("target-timegroup");
-const contextMixinSymbol = Symbol("contextMixin");
+var contextMixinSymbol = Symbol("contextMixin");
 function isContextMixin(value) {
 	return typeof value === "object" && value !== null && contextMixinSymbol in value.constructor;
 }
@@ -37,10 +37,7 @@ function ContextMixin(superClass) {
 								method: "POST",
 								body: JSON.stringify(signingPayload)
 							});
-							if (response.ok) {
-								const tokenData = await response.json();
-								return tokenData.token;
-							}
+							if (response.ok) return (await response.json()).token;
 							throw new Error(`Failed to sign URL: ${url}. SigningURL: ${this.signingURL} ${response.status} ${response.statusText}`);
 						} catch (error) {
 							console.error("ContextMixin urlToken fetch error", url, error);
@@ -71,15 +68,6 @@ function ContextMixin(superClass) {
 		set apiHost(value) {
 			this.#apiHost = value;
 		}
-		/**
-		* Generate a cache key for URL token based on signing strategy
-		*
-		* Uses unified prefix + parameter matching approach:
-		* - For transcode URLs: signs base "/api/v1/transcode" + params like {url: "source.mp4"}
-		* - For regular URLs: signs full URL with empty params {}
-		* - All validation uses prefix matching + exhaustive parameter matching
-		* - Multiple transcode segments with same source share one token (reduces round-trips)
-		*/
 		#getTokenCacheKey(url) {
 			try {
 				const urlObj = new URL(url);
@@ -87,9 +75,8 @@ function ContextMixin(superClass) {
 					const urlParam = urlObj.searchParams.get("url");
 					if (urlParam) {
 						const basePath = `${urlObj.origin}/api/v1/transcode`;
-						const cacheKey = `${basePath}?url=${urlParam}`;
 						return {
-							cacheKey,
+							cacheKey: `${basePath}?url=${urlParam}`,
 							signingPayload: {
 								url: basePath,
 								params: { url: urlParam }
@@ -108,11 +95,6 @@ function ContextMixin(superClass) {
 				};
 			}
 		}
-		/**
-		* Parse JWT token to extract safe expiration time (with buffer)
-		* @param token JWT token string
-		* @returns Safe expiration timestamp in milliseconds (actual expiry minus buffer), or 0 if parsing fails
-		*/
 		#parseTokenExpiration(token) {
 			try {
 				const parts = token.split(".");
@@ -124,20 +106,14 @@ function ContextMixin(superClass) {
 				const exp = parsed.exp;
 				const iat = parsed.iat;
 				if (!exp) return 0;
-				const lifetimeSeconds = iat ? exp - iat : 3600;
-				const tenPercentBufferMs = lifetimeSeconds * .1 * 1e3;
-				const fiveMinutesMs = 5 * 60 * 1e3;
-				const bufferMs = Math.min(fiveMinutesMs, tenPercentBufferMs);
+				const tenPercentBufferMs = (iat ? exp - iat : 3600) * .1 * 1e3;
+				const bufferMs = Math.min(300 * 1e3, tenPercentBufferMs);
 				return exp * 1e3 - bufferMs;
 			} catch {
 				return 0;
 			}
 		}
 		#signingURL;
-		/**
-		* A URL that will be used to generated signed tokens for accessing media files from the
-		* editframe API. This is used to authenticate media requests per-user.
-		*/
 		get signingURL() {
 			return this.#signingURL ?? this.efConfiguration?.signingURL ?? "";
 		}
@@ -155,15 +131,14 @@ function ContextMixin(superClass) {
 					shouldUpdate = true;
 				} else if (mutation.target instanceof Element && (mutation.target.tagName === "EF-TIMEGROUP" || mutation.target.closest("ef-timegroup"))) shouldUpdate = true;
 			} else if (mutation.type === "attributes") {
-				const durationAffectingAttributes = [
+				if ([
 					"duration",
 					"mode",
 					"trimstart",
 					"trimend",
 					"sourcein",
 					"sourceout"
-				];
-				if (durationAffectingAttributes.includes(mutation.attributeName || "") || mutation.target instanceof Element && (mutation.target.tagName === "EF-TIMEGROUP" || mutation.target.tagName === "EF-VIDEO" || mutation.target.tagName === "EF-AUDIO" || mutation.target.tagName === "EF-CAPTIONS" || mutation.target.closest("ef-timegroup"))) shouldUpdate = true;
+				].includes(mutation.attributeName || "") || mutation.target instanceof Element && (mutation.target.tagName === "EF-TIMEGROUP" || mutation.target.tagName === "EF-VIDEO" || mutation.target.tagName === "EF-AUDIO" || mutation.target.tagName === "EF-CAPTIONS" || mutation.target.closest("ef-timegroup"))) shouldUpdate = true;
 			}
 			if (shouldUpdate) queueMicrotask(() => {
 				this.updateDurationProperties();
@@ -171,9 +146,6 @@ function ContextMixin(superClass) {
 				if (this.targetTimegroup) this.targetTimegroup.requestUpdate();
 			});
 		});
-		/**
-		* Update duration properties when timegroup changes
-		*/
 		updateDurationProperties() {
 			const newDuration = this.targetTimegroup?.durationMs ?? 0;
 			const newEndTime = this.targetTimegroup?.endTimeMs ?? 0;
@@ -259,8 +231,7 @@ function ContextMixin(superClass) {
 			await playbackContext.suspend();
 			const fillBuffer = async () => {
 				if (bufferCount > 2) return;
-				const canFillBuffer = await queueBufferSource();
-				if (canFillBuffer) fillBuffer();
+				if (await queueBufferSource()) fillBuffer();
 			};
 			const queueBufferSource = async () => {
 				if (currentMs >= toMs) return false;
@@ -291,35 +262,35 @@ function ContextMixin(superClass) {
 			await playbackContext.resume();
 		}
 	}
-	_decorate([consume({
+	__decorate([consume({
 		context: efConfigurationContext,
 		subscribe: true
 	})], ContextElement.prototype, "efConfiguration", void 0);
-	_decorate([provide({ context: focusContext })], ContextElement.prototype, "focusContext", void 0);
-	_decorate([provide({ context: focusedElementContext }), state()], ContextElement.prototype, "focusedElement", void 0);
-	_decorate([property({
+	__decorate([provide({ context: focusContext })], ContextElement.prototype, "focusContext", void 0);
+	__decorate([provide({ context: focusedElementContext }), state()], ContextElement.prototype, "focusedElement", void 0);
+	__decorate([property({
 		type: String,
 		attribute: "api-host"
 	})], ContextElement.prototype, "apiHost", null);
-	_decorate([provide({ context: efContext })], ContextElement.prototype, "efContext", void 0);
-	_decorate([provide({ context: targetTimegroupContext }), state()], ContextElement.prototype, "targetTimegroup", void 0);
-	_decorate([provide({ context: durationContext }), property({ type: Number })], ContextElement.prototype, "durationMs", void 0);
-	_decorate([property({ type: Number })], ContextElement.prototype, "endTimeMs", void 0);
-	_decorate([provide({ context: fetchContext })], ContextElement.prototype, "fetch", void 0);
-	_decorate([property({
+	__decorate([provide({ context: efContext })], ContextElement.prototype, "efContext", void 0);
+	__decorate([provide({ context: targetTimegroupContext }), state()], ContextElement.prototype, "targetTimegroup", void 0);
+	__decorate([provide({ context: durationContext }), property({ type: Number })], ContextElement.prototype, "durationMs", void 0);
+	__decorate([property({ type: Number })], ContextElement.prototype, "endTimeMs", void 0);
+	__decorate([provide({ context: fetchContext })], ContextElement.prototype, "fetch", void 0);
+	__decorate([property({
 		type: String,
 		attribute: "signing-url"
 	})], ContextElement.prototype, "signingURL", null);
-	_decorate([provide({ context: playingContext }), property({
+	__decorate([provide({ context: playingContext }), property({
 		type: Boolean,
 		reflect: true
 	})], ContextElement.prototype, "playing", void 0);
-	_decorate([provide({ context: loopContext }), property({
+	__decorate([provide({ context: loopContext }), property({
 		type: Boolean,
 		reflect: true
 	})], ContextElement.prototype, "loop", void 0);
-	_decorate([property({ type: Boolean })], ContextElement.prototype, "rendering", void 0);
-	_decorate([provide({ context: currentTimeContext }), property({ type: Number })], ContextElement.prototype, "currentTimeMs", void 0);
+	__decorate([property({ type: Boolean })], ContextElement.prototype, "rendering", void 0);
+	__decorate([provide({ context: currentTimeContext }), property({ type: Number })], ContextElement.prototype, "currentTimeMs", void 0);
 	return ContextElement;
 }
 export { ContextMixin, isContextMixin, targetTimegroupContext };

package/dist/gui/EFConfiguration.js

@@ -1,9 +1,9 @@
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.93.0/helpers/decorate.js";
 import { createContext, provide } from "@lit/context";
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import _decorate from "@oxc-project/runtime/helpers/decorate";
 const efConfigurationContext = createContext(Symbol("efConfigurationContext"));
-let EFConfiguration = class EFConfiguration$1 extends LitElement {
+var EFConfiguration = class EFConfiguration$1 extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.efConfiguration = this;
@@ -21,18 +21,18 @@ let EFConfiguration = class EFConfiguration$1 extends LitElement {
 		return html`<slot></slot>`;
 	}
 };
-_decorate([provide({ context: efConfigurationContext })], EFConfiguration.prototype, "efConfiguration", void 0);
-_decorate([property({
+__decorate([provide({ context: efConfigurationContext })], EFConfiguration.prototype, "efConfiguration", void 0);
+__decorate([property({
 	type: String,
 	attribute: "api-host"
 })], EFConfiguration.prototype, "apiHost", void 0);
-_decorate([property({
+__decorate([property({
 	type: String,
 	attribute: "signing-url"
 })], EFConfiguration.prototype, "signingURL", void 0);
-_decorate([property({
+__decorate([property({
 	type: String,
 	attribute: "media-engine"
 })], EFConfiguration.prototype, "mediaEngine", void 0);
-EFConfiguration = _decorate([customElement("ef-configuration")], EFConfiguration);
+EFConfiguration = __decorate([customElement("ef-configuration")], EFConfiguration);
 export { EFConfiguration, efConfigurationContext };

package/dist/gui/EFControls.js

@@ -1,5 +1,6 @@
 import { currentTimeContext } from "./currentTimeContext.js";
 import { durationContext } from "./durationContext.js";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.93.0/helpers/decorate.js";
 import { efConfigurationContext } from "./EFConfiguration.js";
 import { efContext } from "./efContext.js";
 import { fetchContext } from "./fetchContext.js";
@@ -11,8 +12,7 @@ import { TargetController } from "../elements/TargetController.js";
 import { ContextProxyController } from "../elements/ContextProxiesController.js";
 import { LitElement, css, html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-import _decorate from "@oxc-project/runtime/helpers/decorate";
-let EFControls = class EFControls$1 extends LitElement {
+var EFControls = class EFControls$1 extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.target = "";
@@ -45,7 +45,7 @@ let EFControls = class EFControls$1 extends LitElement {
 		return html`<slot></slot>`;
 	}
 };
-_decorate([property({ type: String })], EFControls.prototype, "target", void 0);
-_decorate([state()], EFControls.prototype, "targetElement", void 0);
-EFControls = _decorate([customElement("ef-controls")], EFControls);
+__decorate([property({ type: String })], EFControls.prototype, "target", void 0);
+__decorate([state()], EFControls.prototype, "targetElement", void 0);
+EFControls = __decorate([customElement("ef-controls")], EFControls);
 export { EFControls };