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

package/src/gui/efContext.ts

@@ -1,6 +1,6 @@
 import { createContext } from "@lit/context";
-import type { ContextMixinInterface } from "./ContextMixin.js";
+import type { ControllableInterface } from "./Controllable.js";
 
-export const efContext = createContext<ContextMixinInterface | null>(
+export const efContext = createContext<ControllableInterface | null>(
   Symbol("efContext"),
 );

package/src/otel/setupBrowserTracing.ts

@@ -1,4 +1,3 @@
-import { ZoneContextManager } from "@opentelemetry/context-zone";
 import { Resource } from "@opentelemetry/resources";
 import {
   BatchSpanProcessor,
@@ -22,7 +21,9 @@ export interface BrowserTracingConfig {
   useBatching?: boolean;
 }
 
-export function setupBrowserTracing(config: BrowserTracingConfig): void {
+export async function setupBrowserTracing(
+  config: BrowserTracingConfig,
+): Promise<void> {
   if (isInitialized) {
     return;
   }
@@ -34,14 +35,16 @@ export function setupBrowserTracing(config: BrowserTracingConfig): void {
 
     const exporter = new BridgeSpanExporter(config.bridge, config.otelEndpoint);
 
-    // Use batching to reduce overhead (spans exported in groups rather than one-by-one)
-    const spanProcessor = config.useBatching
-      ? new BatchSpanProcessor(exporter, {
-          maxQueueSize: 100,
-          maxExportBatchSize: 10,
-          scheduledDelayMillis: 500,
-        })
-      : new SimpleSpanProcessor(exporter);
+    let spanProcessor: BatchSpanProcessor | SimpleSpanProcessor;
+    if (config.useBatching) {
+      spanProcessor = new BatchSpanProcessor(exporter, {
+        maxQueueSize: 100,
+        maxExportBatchSize: 10,
+        scheduledDelayMillis: 500,
+      });
+    } else {
+      spanProcessor = new SimpleSpanProcessor(exporter);
+    }
 
     provider = new WebTracerProvider({
       resource: new Resource({
@@ -50,8 +53,10 @@ export function setupBrowserTracing(config: BrowserTracingConfig): void {
       spanProcessors: [spanProcessor],
     });
 
-    // Register with ZoneContextManager for browser context propagation
-    // ZoneContextManager includes zone.js for async context tracking
+    // Dynamically import ZoneContextManager only when tracing is enabled
+    // This prevents zone.js from being loaded for users who don't need tracing
+    const { ZoneContextManager } = await import("@opentelemetry/context-zone");
+
     provider.register({
       contextManager: new ZoneContextManager(),
     });

package/test/cache-integration-verification.browsertest.ts

@@ -22,7 +22,7 @@ const test = baseTest.extend<{
   },
 });
 
-test("buffer cache integration stores and serves segment data", async ({
+test.skip("buffer cache integration stores and serves segment data", async ({
   element,
   expect,
 }) => {