@eyepop.ai/eyepop-render-2d 3.22.0 → 3.25.0

package/dist/eyepop.render2d.index.d.mts

@@ -275,6 +275,13 @@ declare class Renderer2d implements Renderer {
     private readonly rules;
     private static readonly defaultRules;
     constructor(options: Renderer2dOptions);
+    /**
+     * 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: Prediction, color?: string): void;
 }
 

package/dist/eyepop.render2d.index.d.ts

@@ -275,6 +275,13 @@ declare class Renderer2d implements Renderer {
     private readonly rules;
     private static readonly defaultRules;
     constructor(options: Renderer2dOptions);
+    /**
+     * 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: Prediction, color?: string): void;
 }
 

package/dist/eyepop.render2d.index.js

@@ -520,7 +520,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;
@@ -3695,6 +3705,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);
@@ -3725,7 +3739,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;
@@ -3741,6 +3755,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) {