@eyepop.ai/eyepop-render-2d 3.21.0 → 3.23.0

package/dist/eyepop.render2d.index.mjs

@@ -463,7 +463,17 @@ var _Renderer2d = class _Renderer2d {
       this.rules[i].start(this.context, this.style);
     }
   }
+  /**
+   * Draw a prediction over the frame it was made on.
+   *
+   * A selected prediction (`p.selected`) is skipped: it belongs to a past
+   * frame, so drawn over the current one its boxes land where the object no
+   * longer is, and its past timestamp would rewind the trails.
+   */
   draw(p, color) {
+    if (p.selected) {
+      return;
+    }
     const x_scale = this.context.canvas.width / p.source_width;
     const y_scale = this.context.canvas.height / p.source_height;
     const streamTime = p;
@@ -3638,6 +3648,10 @@ var RenderTrail = class {
     if (!context || !style) {
       throw new Error("render() called before start()");
     }
+    const previous = this.traces.get(element.trackId);
+    if (previous !== void 0 && streamTime.timestamp < previous.timestamp) {
+      return;
+    }
     const points = [];
     if (this.traceDetails) {
       const targets = jp2.query(element, this.traceDetails);
@@ -3668,7 +3682,7 @@ var RenderTrail = class {
     const head = {
       points,
       timestamp: streamTime.timestamp,
-      next: this.traces.get(element.trackId) ?? null
+      next: previous ?? null
     };
     this.traces.set(element.trackId, head);
     const radius = element.width * xScale / 40;
@@ -3684,6 +3698,7 @@ var RenderTrail = class {
       }
     }
     if (streamTime.timestamp - this.lastTrim > TRIM_INTERVAL) {
+      this.lastTrim = streamTime.timestamp;
       this.traces.forEach((traceEntry, trackId) => {
         const age = streamTime.timestamp - traceEntry.timestamp;
         if (age > this.trailLengthNanos) {