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

package/dist/utils/LRUCache.js

@@ -1,6 +1,3 @@
-/**
-* A simple LRU (Least Recently Used) cache implementation
-*/
 var LRUCache = class {
 	constructor(maxSize) {
 		this.cache = /* @__PURE__ */ new Map();
@@ -35,10 +32,6 @@ var LRUCache = class {
 		return this.cache.size;
 	}
 };
-/**
-* Size-aware LRU cache that tracks memory usage in bytes
-* Evicts entries when total size exceeds the maximum
-*/
 var SizeAwareLRUCache = class {
 	constructor(maxSizeBytes) {
 		this.cache = /* @__PURE__ */ new Map();
@@ -112,17 +105,11 @@ var SizeAwareLRUCache = class {
 		return this.maxSizeBytes;
 	}
 };
-/**
-* Red-Black Tree node colors
-*/
 var Color = /* @__PURE__ */ function(Color$1) {
 	Color$1["RED"] = "RED";
 	Color$1["BLACK"] = "BLACK";
 	return Color$1;
 }(Color || {});
-/**
-* Red-Black Tree node for ordered key storage
-*/
 var RBTreeNode = class {
 	constructor(key, color = Color.RED, left = null, right = null, parent = null) {
 		this.key = key;
@@ -132,10 +119,6 @@ var RBTreeNode = class {
 		this.parent = parent;
 	}
 };
-/**
-* Red-Black Tree implementation for O(log n) operations
-* Supports insert, delete, search, range queries, and nearest neighbor
-*/
 var RedBlackTree = class {
 	constructor(compareFn) {
 		this.root = null;
@@ -198,16 +181,12 @@ var RedBlackTree = class {
 		let current = this.root;
 		while (current) {
 			parent = current;
-			const cmp = this.compareFn(node.key, current.key);
-			current = cmp < 0 ? current.left : current.right;
+			current = this.compareFn(node.key, current.key) < 0 ? current.left : current.right;
 		}
 		node.parent = parent;
 		if (!parent) this.root = node;
-		else {
-			const cmp = this.compareFn(node.key, parent.key);
-			if (cmp < 0) parent.left = node;
-			else parent.right = node;
-		}
+		else if (this.compareFn(node.key, parent.key) < 0) parent.left = node;
+		else parent.right = node;
 	}
 	fixInsert(node) {
 		while (node.parent && node.parent.color === Color.RED) if (node.parent === node.parent.parent?.left) {
@@ -392,10 +371,6 @@ var RedBlackTree = class {
 		if (endCmp < 0) this.inorderRange(node.right, start, end, result);
 	}
 };
-/**
-* LRU cache with binary search capabilities using Red-Black tree
-* All operations are O(log n) for ordered queries and O(1) for LRU operations
-*/
 var OrderedLRUCache = class {
 	constructor(maxSize, compareFn) {
 		this.cache = /* @__PURE__ */ new Map();
@@ -403,9 +378,6 @@ var OrderedLRUCache = class {
 		this.compareFn = compareFn || ((a, b) => a < b ? -1 : a > b ? 1 : 0);
 		this.tree = new RedBlackTree(this.compareFn);
 	}
-	/**
-	* Get value by exact key (O(1))
-	*/
 	get(key) {
 		const value = this.cache.get(key);
 		if (value) {
@@ -414,12 +386,8 @@ var OrderedLRUCache = class {
 		}
 		return value;
 	}
-	/**
-	* Set key-value pair (O(log n) for tree operations, O(1) for cache)
-	*/
 	set(key, value) {
-		const isUpdate = this.cache.has(key);
-		if (isUpdate) this.cache.delete(key);
+		if (this.cache.has(key)) this.cache.delete(key);
 		else {
 			if (this.cache.size >= this.maxSize) {
 				const firstKey = this.cache.keys().next().value;
@@ -432,18 +400,9 @@ var OrderedLRUCache = class {
 		}
 		this.cache.set(key, value);
 	}
-	/**
-	* Find exact key using tree search (O(log n))
-	*/
 	findExact(key) {
-		const foundKey = this.tree.find(key);
-		if (foundKey !== null) return this.get(key);
-		return void 0;
-	}
-	/**
-	* Find keys within distance of center point (O(log n + k) where k is result count)
-	* Returns empty array if no keys found in range
-	*/
+		if (this.tree.find(key) !== null) return this.get(key);
+	}
 	findNearestInRange(center, distance) {
 		const nearestKeys = this.tree.findNearestInRange(center, distance);
 		const result = [];
@@ -456,9 +415,6 @@ var OrderedLRUCache = class {
 		}
 		return result;
 	}
-	/**
-	* Find all key-value pairs in range [start, end] (O(log n + k) where k is result count)
-	*/
 	findRange(start, end) {
 		const keys = this.tree.findRange(start, end);
 		const result = [];
@@ -471,9 +427,6 @@ var OrderedLRUCache = class {
 		}
 		return result;
 	}
-	/**
-	* Get all keys in sorted order (O(n))
-	*/
 	getSortedKeys() {
 		return this.tree.getAllSorted();
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/elements",
-  "version": "0.20.4-beta.0",
+  "version": "0.23.6-beta.0",
   "description": "",
   "exports": {
     ".": {
@@ -27,12 +27,20 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@bramus/style-observer": "^1.3.0",
-    "@editframe/assets": "0.20.4-beta.0",
-    "@lit/context": "^1.1.2",
-    "@lit/task": "^1.0.1",
+    "@editframe/assets": "0.23.6-beta.0",
+    "@lit/context": "^1.1.6",
+    "@lit/task": "^1.0.3",
+    "@opentelemetry/api": "^1.9.0",
+    "@opentelemetry/context-zone": "^1.26.0",
+    "@opentelemetry/core": "^1.26.0",
+    "@opentelemetry/exporter-trace-otlp-http": "^0.53.0",
+    "@opentelemetry/resources": "^1.26.0",
+    "@opentelemetry/sdk-trace-base": "^1.26.0",
+    "@opentelemetry/sdk-trace-web": "^1.26.0",
+    "@opentelemetry/semantic-conventions": "^1.37.0",
     "d3": "^7.9.0",
     "debug": "^4.3.5",
-    "lit": "^3.1.4",
+    "lit": "^3.3.1",
     "mediabunny": "^1.1.1",
     "zod": "^3.24.1"
   },

package/src/elements/ContextProxiesController.ts

@@ -23,7 +23,7 @@ export type ContextProxyConfig = {
  *   // @ts-expect-error controller is intentionally not referenced directly
  *   #contextProxyController = new ContextProxyController(this, {
  *     target: () => this.targetElement,
- *     contexts: [playingContext, loopContext, targetTimegroupContext]
+ *     contexts: [playingContext, loopContext, targetTemporalContext]
  *   });
  * }
  * ```
@@ -31,16 +31,13 @@ export type ContextProxyConfig = {
 export class ContextProxyController implements ReactiveController {
   private host: LitElement;
   private proxyMap = new Map<Context<any, any>, () => HTMLElement | null>();
-  private boundHandler: EventListener;
   private pendingRequests: ContextEvent<any>[] = [];
 
   constructor(host: LitElement, config: ContextProxyConfig) {
+    console.log("targetGetter? constructor");
     this.host = host;
     this.host.addController(this);
 
-    // Create the bound handler once
-    this.boundHandler = this.handleContextRequest.bind(this);
-
     // Build the proxy map
     for (const context of config.contexts) {
       this.proxyMap.set(context, config.target);
@@ -48,11 +45,11 @@ export class ContextProxyController implements ReactiveController {
   }
 
   hostConnected(): void {
-    this.host.addEventListener("context-request", this.boundHandler);
+    console.log("targetGetter? hostConnected");
   }
 
   hostDisconnected(): void {
-    this.host.removeEventListener("context-request", this.boundHandler);
+    this.host.removeEventListener("context-request", this.handleContextRequest);
   }
 
   hostUpdate(): void {
@@ -72,10 +69,11 @@ export class ContextProxyController implements ReactiveController {
     }
   }
 
-  private handleContextRequest(event: Event): void {
+  private handleContextRequest = (event: Event): void => {
     const contextEvent = event as ContextEvent<any>;
 
     // Check if we should proxy this context
+    console.log("targetGetter?", contextEvent.context);
     const targetGetter = this.proxyMap.get(contextEvent.context);
 
     if (targetGetter) {
@@ -89,15 +87,17 @@ export class ContextProxyController implements ReactiveController {
         this.pendingRequests.push(contextEvent);
       }
     }
-  }
+  };
 
   private processContextRequest(contextEvent: ContextEvent<any>): boolean {
     const targetGetter = this.proxyMap.get(contextEvent.context);
+    console.log("targetGetter?", targetGetter);
     if (!targetGetter) return false;
 
     // Get the target element using the getter function
     const targetElement = targetGetter();
 
+    console.log("targetElement?", targetElement);
     if (!targetElement) {
       return false;
     }
@@ -110,7 +110,7 @@ export class ContextProxyController implements ReactiveController {
     try {
       const newEvent = new ContextEvent(
         contextEvent.context,
-        // @ts-ignore (this fails a typecheck but works)
+        // @ts-expect-error (this fails a typecheck but works)
         contextEvent.callback,
         contextEvent.subscribe,
       );

package/src/elements/EFAudio.ts

@@ -13,6 +13,7 @@ export class EFAudio extends TWMixin(EFMedia) {
   // TODO: Remove this as soon as we have an audio-specific property that needs @property
   @property({ type: Boolean, attribute: "dummy-property" })
   // @ts-expect-error - This is a hack to activate Lit's property processing system
+  // biome-ignore lint/correctness/noUnusedPrivateClassMembers: Used to activate Lit's property processing
   private _propertyHack = false;
 
   audioElementRef = createRef<HTMLAudioElement>();