new quality options

Author: billyvg

packages/replay/src/canvas.ts

@@ -1,10 +1,10 @@
 import { getCanvasManager } from '@sentry-internal/rrweb';
 import type { Integration } from '@sentry/types';
-import type { ReplayConfiguration } from './types';
+import type { CanvasManagerInterface, GetCanvasManagerOptions, ReplayConfiguration } from './types';
 
 interface ReplayCanvasOptions {
-  fps: number;
-  quality: number;
+  quality: 'low' | 'medium' | 'high';
+  manualSnapshot?: boolean;
 }
 
 /** An integration to add canvas recording to replay. */
@@ -21,14 +21,14 @@ export class ReplayCanvas implements Integration {
 
   private _canvasOptions: ReplayCanvasOptions;
 
-  public constructor() {
+  public constructor(options?: Partial<ReplayCanvasOptions>) {
     this.name = ReplayCanvas.id;
     // TODO FN: Allow to configure this
     // But since we haven't finalized how to configure this, this is predefined for now
     // to avoid breaking changes
     this._canvasOptions = {
-      fps: 4,
-      quality: 0.6,
+      quality: (options && options.quality) || 'medium',
+      manualSnapshot: true,
     };
   }
 
@@ -46,7 +46,12 @@ export class ReplayCanvas implements Integration {
       _experiments: {
         canvas: {
           ...this._canvasOptions,
-          manager: getCanvasManager,
+          manager: opts =>
+            this.canvasManager({
+              ...opts,
+              manualSnapshot: this._canvasOptions.manualSnapshot,
+            }),
+          quality: this._canvasOptions.quality,
         },
       },
     };