@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.
Files changed (92) hide show
  1. package/dist/DelayedLoadingState.js +0 -27
  2. package/dist/EF_FRAMEGEN.d.ts +5 -3
  3. package/dist/EF_FRAMEGEN.js +50 -11
  4. package/dist/_virtual/_@oxc-project_runtime@0.93.0/helpers/decorate.js +7 -0
  5. package/dist/elements/ContextProxiesController.js +2 -22
  6. package/dist/elements/EFAudio.js +4 -8
  7. package/dist/elements/EFCaptions.js +59 -84
  8. package/dist/elements/EFImage.js +5 -6
  9. package/dist/elements/EFMedia/AssetIdMediaEngine.js +2 -4
  10. package/dist/elements/EFMedia/AssetMediaEngine.js +35 -30
  11. package/dist/elements/EFMedia/BaseMediaEngine.js +57 -73
  12. package/dist/elements/EFMedia/BufferedSeekingInput.js +134 -76
  13. package/dist/elements/EFMedia/JitMediaEngine.js +9 -19
  14. package/dist/elements/EFMedia/audioTasks/makeAudioBufferTask.js +3 -6
  15. package/dist/elements/EFMedia/audioTasks/makeAudioFrequencyAnalysisTask.js +1 -1
  16. package/dist/elements/EFMedia/audioTasks/makeAudioInitSegmentFetchTask.js +1 -1
  17. package/dist/elements/EFMedia/audioTasks/makeAudioInputTask.js +6 -5
  18. package/dist/elements/EFMedia/audioTasks/makeAudioSeekTask.js +1 -3
  19. package/dist/elements/EFMedia/audioTasks/makeAudioSegmentFetchTask.js +1 -1
  20. package/dist/elements/EFMedia/audioTasks/makeAudioSegmentIdTask.js +1 -1
  21. package/dist/elements/EFMedia/audioTasks/makeAudioTimeDomainAnalysisTask.js +1 -1
  22. package/dist/elements/EFMedia/shared/AudioSpanUtils.js +4 -16
  23. package/dist/elements/EFMedia/shared/BufferUtils.js +2 -15
  24. package/dist/elements/EFMedia/shared/GlobalInputCache.js +0 -24
  25. package/dist/elements/EFMedia/shared/PrecisionUtils.js +0 -21
  26. package/dist/elements/EFMedia/shared/ThumbnailExtractor.js +0 -17
  27. package/dist/elements/EFMedia/tasks/makeMediaEngineTask.js +1 -10
  28. package/dist/elements/EFMedia/videoTasks/MainVideoInputCache.d.ts +29 -0
  29. package/dist/elements/EFMedia/videoTasks/MainVideoInputCache.js +32 -0
  30. package/dist/elements/EFMedia/videoTasks/ScrubInputCache.js +1 -15
  31. package/dist/elements/EFMedia/videoTasks/makeScrubVideoBufferTask.js +1 -7
  32. package/dist/elements/EFMedia/videoTasks/makeScrubVideoInputTask.js +8 -5
  33. package/dist/elements/EFMedia/videoTasks/makeScrubVideoSeekTask.js +12 -13
  34. package/dist/elements/EFMedia/videoTasks/makeScrubVideoSegmentIdTask.js +1 -1
  35. package/dist/elements/EFMedia/videoTasks/makeUnifiedVideoSeekTask.js +134 -70
  36. package/dist/elements/EFMedia/videoTasks/makeVideoBufferTask.js +7 -11
  37. package/dist/elements/EFMedia.js +26 -24
  38. package/dist/elements/EFSourceMixin.js +5 -7
  39. package/dist/elements/EFSurface.js +6 -9
  40. package/dist/elements/EFTemporal.js +19 -37
  41. package/dist/elements/EFThumbnailStrip.js +16 -59
  42. package/dist/elements/EFTimegroup.js +95 -90
  43. package/dist/elements/EFVideo.d.ts +6 -2
  44. package/dist/elements/EFVideo.js +142 -107
  45. package/dist/elements/EFWaveform.js +18 -27
  46. package/dist/elements/SampleBuffer.js +2 -5
  47. package/dist/elements/TargetController.js +3 -3
  48. package/dist/elements/durationConverter.js +4 -4
  49. package/dist/elements/updateAnimations.js +14 -35
  50. package/dist/gui/ContextMixin.js +23 -52
  51. package/dist/gui/EFConfiguration.js +7 -7
  52. package/dist/gui/EFControls.js +5 -5
  53. package/dist/gui/EFFilmstrip.js +77 -98
  54. package/dist/gui/EFFitScale.js +5 -6
  55. package/dist/gui/EFFocusOverlay.js +4 -4
  56. package/dist/gui/EFPreview.js +4 -4
  57. package/dist/gui/EFScrubber.js +9 -9
  58. package/dist/gui/EFTimeDisplay.js +5 -5
  59. package/dist/gui/EFToggleLoop.js +4 -4
  60. package/dist/gui/EFTogglePlay.js +5 -5
  61. package/dist/gui/EFWorkbench.js +5 -5
  62. package/dist/gui/TWMixin2.js +1 -1
  63. package/dist/index.d.ts +1 -0
  64. package/dist/otel/BridgeSpanExporter.d.ts +13 -0
  65. package/dist/otel/BridgeSpanExporter.js +87 -0
  66. package/dist/otel/setupBrowserTracing.d.ts +12 -0
  67. package/dist/otel/setupBrowserTracing.js +30 -0
  68. package/dist/otel/tracingHelpers.d.ts +34 -0
  69. package/dist/otel/tracingHelpers.js +113 -0
  70. package/dist/transcoding/cache/RequestDeduplicator.js +0 -21
  71. package/dist/transcoding/cache/URLTokenDeduplicator.js +1 -21
  72. package/dist/transcoding/utils/UrlGenerator.js +2 -19
  73. package/dist/utils/LRUCache.js +6 -53
  74. package/package.json +10 -2
  75. package/src/elements/EFCaptions.browsertest.ts +2 -0
  76. package/src/elements/EFMedia/AssetMediaEngine.ts +65 -37
  77. package/src/elements/EFMedia/BaseMediaEngine.ts +110 -52
  78. package/src/elements/EFMedia/BufferedSeekingInput.ts +218 -101
  79. package/src/elements/EFMedia/audioTasks/makeAudioInputTask.ts +7 -3
  80. package/src/elements/EFMedia/videoTasks/MainVideoInputCache.ts +76 -0
  81. package/src/elements/EFMedia/videoTasks/makeScrubVideoInputTask.ts +16 -10
  82. package/src/elements/EFMedia/videoTasks/makeScrubVideoSeekTask.ts +7 -1
  83. package/src/elements/EFMedia/videoTasks/makeUnifiedVideoSeekTask.ts +222 -116
  84. package/src/elements/EFMedia.ts +16 -1
  85. package/src/elements/EFTimegroup.browsertest.ts +10 -8
  86. package/src/elements/EFTimegroup.ts +164 -76
  87. package/src/elements/EFVideo.browsertest.ts +19 -27
  88. package/src/elements/EFVideo.ts +203 -101
  89. package/src/otel/BridgeSpanExporter.ts +150 -0
  90. package/src/otel/setupBrowserTracing.ts +68 -0
  91. package/src/otel/tracingHelpers.ts +251 -0
  92. 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
+ }