@editframe/elements 0.20.4-beta.0 → 0.21.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DelayedLoadingState.js +0 -27
- package/dist/EF_FRAMEGEN.d.ts +5 -3
- package/dist/EF_FRAMEGEN.js +50 -11
- package/dist/_virtual/_@oxc-project_runtime@0.93.0/helpers/decorate.js +7 -0
- package/dist/elements/ContextProxiesController.js +2 -22
- package/dist/elements/EFAudio.js +4 -8
- package/dist/elements/EFCaptions.js +59 -84
- package/dist/elements/EFImage.js +5 -6
- package/dist/elements/EFMedia/AssetIdMediaEngine.js +2 -4
- package/dist/elements/EFMedia/AssetMediaEngine.js +35 -30
- package/dist/elements/EFMedia/BaseMediaEngine.js +57 -73
- package/dist/elements/EFMedia/BufferedSeekingInput.js +134 -76
- package/dist/elements/EFMedia/JitMediaEngine.js +9 -19
- package/dist/elements/EFMedia/audioTasks/makeAudioBufferTask.js +3 -6
- package/dist/elements/EFMedia/audioTasks/makeAudioFrequencyAnalysisTask.js +1 -1
- package/dist/elements/EFMedia/audioTasks/makeAudioInitSegmentFetchTask.js +1 -1
- package/dist/elements/EFMedia/audioTasks/makeAudioInputTask.js +6 -5
- package/dist/elements/EFMedia/audioTasks/makeAudioSeekTask.js +1 -3
- package/dist/elements/EFMedia/audioTasks/makeAudioSegmentFetchTask.js +1 -1
- package/dist/elements/EFMedia/audioTasks/makeAudioSegmentIdTask.js +1 -1
- package/dist/elements/EFMedia/audioTasks/makeAudioTimeDomainAnalysisTask.js +1 -1
- package/dist/elements/EFMedia/shared/AudioSpanUtils.js +4 -16
- package/dist/elements/EFMedia/shared/BufferUtils.js +2 -15
- package/dist/elements/EFMedia/shared/GlobalInputCache.js +0 -24
- package/dist/elements/EFMedia/shared/PrecisionUtils.js +0 -21
- package/dist/elements/EFMedia/shared/ThumbnailExtractor.js +0 -17
- package/dist/elements/EFMedia/tasks/makeMediaEngineTask.js +1 -10
- package/dist/elements/EFMedia/videoTasks/MainVideoInputCache.d.ts +29 -0
- package/dist/elements/EFMedia/videoTasks/MainVideoInputCache.js +32 -0
- package/dist/elements/EFMedia/videoTasks/ScrubInputCache.js +1 -15
- package/dist/elements/EFMedia/videoTasks/makeScrubVideoBufferTask.js +1 -7
- package/dist/elements/EFMedia/videoTasks/makeScrubVideoInputTask.js +8 -5
- package/dist/elements/EFMedia/videoTasks/makeScrubVideoSeekTask.js +12 -13
- package/dist/elements/EFMedia/videoTasks/makeScrubVideoSegmentIdTask.js +1 -1
- package/dist/elements/EFMedia/videoTasks/makeUnifiedVideoSeekTask.js +134 -70
- package/dist/elements/EFMedia/videoTasks/makeVideoBufferTask.js +7 -11
- package/dist/elements/EFMedia.js +26 -24
- package/dist/elements/EFSourceMixin.js +5 -7
- package/dist/elements/EFSurface.js +6 -9
- package/dist/elements/EFTemporal.js +19 -37
- package/dist/elements/EFThumbnailStrip.js +16 -59
- package/dist/elements/EFTimegroup.js +95 -90
- package/dist/elements/EFVideo.d.ts +6 -2
- package/dist/elements/EFVideo.js +142 -107
- package/dist/elements/EFWaveform.js +18 -27
- package/dist/elements/SampleBuffer.js +2 -5
- package/dist/elements/TargetController.js +3 -3
- package/dist/elements/durationConverter.js +4 -4
- package/dist/elements/updateAnimations.js +14 -35
- package/dist/gui/ContextMixin.js +23 -52
- package/dist/gui/EFConfiguration.js +7 -7
- package/dist/gui/EFControls.js +5 -5
- package/dist/gui/EFFilmstrip.js +77 -98
- package/dist/gui/EFFitScale.js +5 -6
- package/dist/gui/EFFocusOverlay.js +4 -4
- package/dist/gui/EFPreview.js +4 -4
- package/dist/gui/EFScrubber.js +9 -9
- package/dist/gui/EFTimeDisplay.js +5 -5
- package/dist/gui/EFToggleLoop.js +4 -4
- package/dist/gui/EFTogglePlay.js +5 -5
- package/dist/gui/EFWorkbench.js +5 -5
- package/dist/gui/TWMixin2.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/otel/BridgeSpanExporter.d.ts +13 -0
- package/dist/otel/BridgeSpanExporter.js +87 -0
- package/dist/otel/setupBrowserTracing.d.ts +12 -0
- package/dist/otel/setupBrowserTracing.js +30 -0
- package/dist/otel/tracingHelpers.d.ts +34 -0
- package/dist/otel/tracingHelpers.js +113 -0
- package/dist/transcoding/cache/RequestDeduplicator.js +0 -21
- package/dist/transcoding/cache/URLTokenDeduplicator.js +1 -21
- package/dist/transcoding/utils/UrlGenerator.js +2 -19
- package/dist/utils/LRUCache.js +6 -53
- package/package.json +10 -2
- package/src/elements/EFCaptions.browsertest.ts +2 -0
- package/src/elements/EFMedia/AssetMediaEngine.ts +65 -37
- package/src/elements/EFMedia/BaseMediaEngine.ts +110 -52
- package/src/elements/EFMedia/BufferedSeekingInput.ts +218 -101
- package/src/elements/EFMedia/audioTasks/makeAudioInputTask.ts +7 -3
- package/src/elements/EFMedia/videoTasks/MainVideoInputCache.ts +76 -0
- package/src/elements/EFMedia/videoTasks/makeScrubVideoInputTask.ts +16 -10
- package/src/elements/EFMedia/videoTasks/makeScrubVideoSeekTask.ts +7 -1
- package/src/elements/EFMedia/videoTasks/makeUnifiedVideoSeekTask.ts +222 -116
- package/src/elements/EFMedia.ts +16 -1
- package/src/elements/EFTimegroup.browsertest.ts +10 -8
- package/src/elements/EFTimegroup.ts +164 -76
- package/src/elements/EFVideo.browsertest.ts +19 -27
- package/src/elements/EFVideo.ts +203 -101
- package/src/otel/BridgeSpanExporter.ts +150 -0
- package/src/otel/setupBrowserTracing.ts +68 -0
- package/src/otel/tracingHelpers.ts +251 -0
- package/types.json +1 -1
|
@@ -0,0 +1,251 @@
|
|
|
1
|
+
import {
|
|
2
|
+
type Context,
|
|
3
|
+
context,
|
|
4
|
+
propagation,
|
|
5
|
+
type Span,
|
|
6
|
+
trace,
|
|
7
|
+
} from "@opentelemetry/api";
|
|
8
|
+
|
|
9
|
+
export type TraceContext = Record<string, string>;
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Global flag to enable/disable tracing.
|
|
13
|
+
* When false, all tracing functions become no-ops for zero overhead.
|
|
14
|
+
*/
|
|
15
|
+
let tracingEnabled = false;
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Enable tracing globally. Call this during initialization if tracing is requested.
|
|
19
|
+
*/
|
|
20
|
+
export function enableTracing(): void {
|
|
21
|
+
tracingEnabled = true;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Check if tracing is currently enabled.
|
|
26
|
+
*/
|
|
27
|
+
export function isTracingEnabled(): boolean {
|
|
28
|
+
return tracingEnabled;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Frame-local span storage for rendering.
|
|
33
|
+
* Since rendering is single-threaded and sequential (one frame at a time),
|
|
34
|
+
* we store the active frame span directly and use it as parent for orphaned spans.
|
|
35
|
+
*/
|
|
36
|
+
let currentFrameSpan: Span | undefined;
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* Set the current frame's span. Call this when starting a frame render.
|
|
40
|
+
* All spans created during this frame will use this as parent if
|
|
41
|
+
* Zone.js doesn't provide one via context.active()
|
|
42
|
+
*/
|
|
43
|
+
export function setCurrentFrameSpan(span: Span): void {
|
|
44
|
+
currentFrameSpan = span;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
/**
|
|
48
|
+
* Clear the current frame span. Call this when a frame completes.
|
|
49
|
+
*/
|
|
50
|
+
export function clearCurrentFrameSpan(): void {
|
|
51
|
+
currentFrameSpan = undefined;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
export function extractParentContext(traceContext?: TraceContext): Context {
|
|
55
|
+
if (!traceContext) {
|
|
56
|
+
return context.active();
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
try {
|
|
60
|
+
return propagation.extract(context.active(), traceContext);
|
|
61
|
+
} catch (_error) {
|
|
62
|
+
return context.active();
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* Get the active span's context to pass to child operations
|
|
68
|
+
* Use this when calling functions that create child spans
|
|
69
|
+
*/
|
|
70
|
+
export function getActiveContext(): Context {
|
|
71
|
+
return context.active();
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
/**
|
|
75
|
+
* Wrapper that passes span context explicitly to the function
|
|
76
|
+
* Use this for operations that need to store or propagate context across boundaries
|
|
77
|
+
*/
|
|
78
|
+
export async function withSpanAndContext<T>(
|
|
79
|
+
name: string,
|
|
80
|
+
attributes: Record<string, string | number | boolean> | undefined,
|
|
81
|
+
parentContext: Context | undefined,
|
|
82
|
+
fn: (span: Span, activeContext: Context) => Promise<T>,
|
|
83
|
+
): Promise<T> {
|
|
84
|
+
// No-op if tracing is disabled
|
|
85
|
+
if (!tracingEnabled) {
|
|
86
|
+
// Create a minimal no-op span for compatibility
|
|
87
|
+
const noopSpan = trace.getTracer("telecine-browser").startSpan(name);
|
|
88
|
+
const ctx = parentContext || context.active();
|
|
89
|
+
const result = await fn(noopSpan, ctx);
|
|
90
|
+
noopSpan.end();
|
|
91
|
+
return result;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
const tracer = trace.getTracer("telecine-browser");
|
|
95
|
+
|
|
96
|
+
// Same context resolution as withSpan
|
|
97
|
+
let ctx: Context;
|
|
98
|
+
|
|
99
|
+
if (parentContext) {
|
|
100
|
+
ctx = parentContext;
|
|
101
|
+
} else {
|
|
102
|
+
const activeContext = context.active();
|
|
103
|
+
const activeSpan = trace.getSpan(activeContext);
|
|
104
|
+
|
|
105
|
+
if (activeSpan?.isRecording?.()) {
|
|
106
|
+
ctx = activeContext;
|
|
107
|
+
} else if (currentFrameSpan) {
|
|
108
|
+
ctx = trace.setSpan(context.active(), currentFrameSpan);
|
|
109
|
+
} else {
|
|
110
|
+
ctx = activeContext;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
const span = tracer.startSpan(
|
|
115
|
+
name,
|
|
116
|
+
{
|
|
117
|
+
attributes,
|
|
118
|
+
},
|
|
119
|
+
ctx,
|
|
120
|
+
);
|
|
121
|
+
|
|
122
|
+
// Create context with this span as active
|
|
123
|
+
const spanContext = trace.setSpan(ctx, span);
|
|
124
|
+
|
|
125
|
+
try {
|
|
126
|
+
// Pass the spanContext explicitly to the function
|
|
127
|
+
const result = await context.with(spanContext, async () => {
|
|
128
|
+
return fn(span, spanContext);
|
|
129
|
+
});
|
|
130
|
+
span.end();
|
|
131
|
+
return result;
|
|
132
|
+
} catch (error) {
|
|
133
|
+
span.recordException(error as Error);
|
|
134
|
+
span.end();
|
|
135
|
+
throw error;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
export function createSpan(
|
|
140
|
+
name: string,
|
|
141
|
+
attributes?: Record<string, string | number | boolean>,
|
|
142
|
+
parentContext?: Context,
|
|
143
|
+
): Span {
|
|
144
|
+
const tracer = trace.getTracer("telecine-browser");
|
|
145
|
+
const ctx = parentContext || context.active();
|
|
146
|
+
|
|
147
|
+
return context.with(ctx, () => {
|
|
148
|
+
const span = tracer.startSpan(name);
|
|
149
|
+
|
|
150
|
+
if (attributes) {
|
|
151
|
+
span.setAttributes(attributes);
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
return span;
|
|
155
|
+
});
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
export async function withSpan<T>(
|
|
159
|
+
name: string,
|
|
160
|
+
attributes: Record<string, string | number | boolean> | undefined,
|
|
161
|
+
parentContext: Context | undefined,
|
|
162
|
+
fn: (span: Span) => Promise<T>,
|
|
163
|
+
): Promise<T> {
|
|
164
|
+
// No-op if tracing is disabled
|
|
165
|
+
if (!tracingEnabled) {
|
|
166
|
+
// Create a minimal no-op span for compatibility
|
|
167
|
+
const noopSpan = trace.getTracer("telecine-browser").startSpan(name);
|
|
168
|
+
const result = await fn(noopSpan);
|
|
169
|
+
noopSpan.end();
|
|
170
|
+
return result;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
const tracer = trace.getTracer("telecine-browser");
|
|
174
|
+
|
|
175
|
+
// Context resolution priority:
|
|
176
|
+
// 1. Explicit parentContext (if provided)
|
|
177
|
+
// 2. context.active() from Zone.js (if it has a valid span)
|
|
178
|
+
// 3. Create context from currentFrameSpan (fallback for Lit Task boundaries)
|
|
179
|
+
let ctx: Context;
|
|
180
|
+
|
|
181
|
+
if (parentContext) {
|
|
182
|
+
ctx = parentContext;
|
|
183
|
+
} else {
|
|
184
|
+
const activeContext = context.active();
|
|
185
|
+
const activeSpan = trace.getSpan(activeContext);
|
|
186
|
+
|
|
187
|
+
// Try to use context.active() if it has a real span
|
|
188
|
+
if (activeSpan?.isRecording?.()) {
|
|
189
|
+
ctx = activeContext;
|
|
190
|
+
} else if (currentFrameSpan) {
|
|
191
|
+
// Create context from the stored frame span
|
|
192
|
+
ctx = trace.setSpan(context.active(), currentFrameSpan);
|
|
193
|
+
} else {
|
|
194
|
+
ctx = activeContext;
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
// Start span with explicit parent
|
|
199
|
+
const span = tracer.startSpan(
|
|
200
|
+
name,
|
|
201
|
+
{
|
|
202
|
+
attributes,
|
|
203
|
+
},
|
|
204
|
+
ctx,
|
|
205
|
+
);
|
|
206
|
+
|
|
207
|
+
// Create context with this span as active
|
|
208
|
+
const spanContext = trace.setSpan(ctx, span);
|
|
209
|
+
|
|
210
|
+
try {
|
|
211
|
+
// Execute function with span context
|
|
212
|
+
const result = await context.with(spanContext, async () => {
|
|
213
|
+
return fn(span);
|
|
214
|
+
});
|
|
215
|
+
span.end();
|
|
216
|
+
return result;
|
|
217
|
+
} catch (error) {
|
|
218
|
+
span.recordException(error as Error);
|
|
219
|
+
span.end();
|
|
220
|
+
throw error;
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
export function withSpanSync<T>(
|
|
225
|
+
name: string,
|
|
226
|
+
attributes: Record<string, string | number | boolean> | undefined,
|
|
227
|
+
parentContext: Context | undefined,
|
|
228
|
+
fn: (span: Span) => T,
|
|
229
|
+
): T {
|
|
230
|
+
// No-op if tracing is disabled
|
|
231
|
+
if (!tracingEnabled) {
|
|
232
|
+
// Create a minimal no-op span for compatibility
|
|
233
|
+
const noopSpan = trace.getTracer("telecine-browser").startSpan(name);
|
|
234
|
+
const result = fn(noopSpan);
|
|
235
|
+
noopSpan.end();
|
|
236
|
+
return result;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
const span = createSpan(name, attributes, parentContext);
|
|
240
|
+
const ctx = parentContext || context.active();
|
|
241
|
+
|
|
242
|
+
try {
|
|
243
|
+
const result = context.with(trace.setSpan(ctx, span), () => fn(span));
|
|
244
|
+
span.end();
|
|
245
|
+
return result;
|
|
246
|
+
} catch (error) {
|
|
247
|
+
span.recordException(error as Error);
|
|
248
|
+
span.end();
|
|
249
|
+
throw error;
|
|
250
|
+
}
|
|
251
|
+
}
|