From d1c10f5401ed3573dd92f3000bf89c1199ff1ec8 Mon Sep 17 00:00:00 2001
From: doodlewind <7312949+doodlewind@users.noreply.github.com>
Date: Fri, 14 Mar 2025 06:47:15 +0000
Subject: [PATCH] chore(editor): hide tweakpane for turbo renderer (#10846)

---
 .../affine/gfx/turbo-renderer/package.json     |  3 +--
 .../gfx/turbo-renderer/src/renderer-utils.ts   | 18 ------------------
 .../gfx/turbo-renderer/src/turbo-renderer.ts   |  2 --
 yarn.lock                                      |  3 +--
 4 files changed, 2 insertions(+), 24 deletions(-)

diff --git a/blocksuite/affine/gfx/turbo-renderer/package.json b/blocksuite/affine/gfx/turbo-renderer/package.json
index a446d1b18..d2e46822c 100644
--- a/blocksuite/affine/gfx/turbo-renderer/package.json
+++ b/blocksuite/affine/gfx/turbo-renderer/package.json
@@ -18,8 +18,7 @@
     "@blocksuite/store": "workspace:*",
     "@types/lodash-es": "^4.17.12",
     "lodash-es": "^4.17.21",
-    "rxjs": "^7.8.1",
-    "tweakpane": "^4.0.5"
+    "rxjs": "^7.8.1"
   },
   "exports": {
     ".": "./src/index.ts",
diff --git a/blocksuite/affine/gfx/turbo-renderer/src/renderer-utils.ts b/blocksuite/affine/gfx/turbo-renderer/src/renderer-utils.ts
index 6b4625fb1..f906fba3f 100644
--- a/blocksuite/affine/gfx/turbo-renderer/src/renderer-utils.ts
+++ b/blocksuite/affine/gfx/turbo-renderer/src/renderer-utils.ts
@@ -4,10 +4,8 @@ import {
   GfxControllerIdentifier,
   type Viewport,
 } from '@blocksuite/block-std/gfx';
-import { Pane } from 'tweakpane';
 
 import { BlockLayoutHandlersIdentifier } from './layout/block-layout-provider';
-import type { ViewportTurboRendererExtension } from './turbo-renderer';
 import type { BlockLayout, RenderingState, ViewportLayout } from './types';
 
 export function syncCanvasSize(canvas: HTMLCanvasElement, host: HTMLElement) {
@@ -89,22 +87,6 @@ export function getViewportLayout(
   return layout;
 }
 
-export function initTweakpane(
-  renderer: ViewportTurboRendererExtension,
-  viewportElement: HTMLElement
-) {
-  const debugPane = new Pane({ container: viewportElement });
-  const paneElement = debugPane.element;
-  paneElement.style.position = 'absolute';
-  paneElement.style.top = '10px';
-  paneElement.style.right = '10px';
-  paneElement.style.width = '250px';
-  debugPane.title = 'Viewport Turbo Renderer';
-  debugPane.addButton({ title: 'Invalidate' }).on('click', () => {
-    renderer.invalidate();
-  });
-}
-
 export function debugLog(message: string, state: RenderingState) {
   console.log(
     `%c[ViewportTurboRenderer]%c ${message} | state=${state}`,
diff --git a/blocksuite/affine/gfx/turbo-renderer/src/turbo-renderer.ts b/blocksuite/affine/gfx/turbo-renderer/src/turbo-renderer.ts
index 9e8ea357d..82f5f449c 100644
--- a/blocksuite/affine/gfx/turbo-renderer/src/turbo-renderer.ts
+++ b/blocksuite/affine/gfx/turbo-renderer/src/turbo-renderer.ts
@@ -12,7 +12,6 @@ import debounce from 'lodash-es/debounce';
 import {
   debugLog,
   getViewportLayout,
-  initTweakpane,
   paintPlaceholder,
   syncCanvasSize,
 } from './renderer-utils';
@@ -83,7 +82,6 @@ export class ViewportTurboRendererExtension extends GfxExtension {
     const mountPoint = document.querySelector('.affine-edgeless-viewport');
     if (mountPoint) {
       mountPoint.append(this.canvas);
-      initTweakpane(this, mountPoint as HTMLElement);
     }
 
     const subscription = this.viewport.elementReady.subscribe(element => {
diff --git a/yarn.lock b/yarn.lock
index 7bee10c10..beed34eae 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2907,7 +2907,6 @@ __metadata:
     "@types/lodash-es": "npm:^4.17.12"
     lodash-es: "npm:^4.17.21"
     rxjs: "npm:^7.8.1"
-    tweakpane: "npm:^4.0.5"
   languageName: unknown
   linkType: soft
 
@@ -32216,7 +32215,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tweakpane@npm:^4.0.4, tweakpane@npm:^4.0.5":
+"tweakpane@npm:^4.0.4":
   version: 4.0.5
   resolution: "tweakpane@npm:4.0.5"
   checksum: 10/7719a15ce96dd2b936b277239ccb18ee6a75ed2416a6bdacfc537515d909da6edd50161b12e91441ace5243efad3a14a98fe6e5475cae2617d7647a197117e64