Function syncViewport

plugins/_browser/webui/browser-store.js:2359–2405

(force = false, options = {})

  },

  async syncViewport(force = false, options = {}) {
    const restartStream = Boolean(options.restartStream);
    const contextId = this.normalizeContextId(this.activeBrowserContextId || this.contextId);
    if (!contextId || !this.activeBrowserId) {
      return;
    }
    const viewport = this.currentViewportSize();
    if (!viewport) {
      return;
    }
    const key = `${contextId}:${this.activeBrowserId}:${viewport.width}x${viewport.height}`;
    if (
      (!restartStream && this._lastViewportKey === key)
      || (
        !force
        && !restartStream
        && this._lastViewport
        && this.sameBrowserTab(this._lastViewport.browserId, this._lastViewport.contextId, this.activeBrowserId, contextId)
        && Math.abs(this._lastViewport.width - viewport.width) <= VIEWPORT_SYNC_SIZE_TOLERANCE
        && Math.abs(this._lastViewport.height - viewport.height) <= VIEWPORT_SYNC_SIZE_TOLERANCE
      )
    ) {
      return;
    }
    try {
      await websocket.emit("browser_viewer_input", {
        context_id: contextId,
        browser_id: this.activeBrowserId,
        viewer_id: this._viewerToken,
        input_type: "viewport",
        width: viewport.width,
        height: viewport.height,
        restart_stream: restartStream && this.usesScreencastTransport(),
      });
      this._lastViewportKey = key;
      this._lastViewport = {
        browserId: this.activeBrowserId,
        contextId,
        width: viewport.width,
        height: viewport.height,
      };
    } catch (error) {
      this._lastViewportKey = "";
      this._lastViewport = null;
      console.warn("Browser viewport sync failed", error);
    }
  },

  async sendMouse(eventType, event) {
    if (this.annotating) return;