feat(editor): add canvas worker renderer dev entry (#9719)

2026-02-15 05:37:32 +00:00 · 2025-01-20 20:40:27 +08:00
parent 2ae05c28b7
commit e45ac54709
9 changed files with 643 additions and 0 deletions
--- a/blocksuite/playground/examples/renderer/index.html
+++ b/blocksuite/playground/examples/renderer/index.html
@@ -0,0 +1,63 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Renderer Example</title>
+    <style>
+      html,
+      body {
+        height: 100%;
+        overflow: hidden;
+        margin: 0;
+        padding: 0;
+        background-color: var(--affine-white-90);
+        transition: background-color 0.3s;
+      }
+
+      #container {
+        display: flex;
+        width: 100%;
+        height: 100%;
+      }
+
+      #left-column {
+        flex: 1;
+        padding: 20px;
+        border-right: 1px solid #e0e0e0;
+      }
+
+      #right-column {
+        flex: 1;
+        padding: 20px;
+        position: relative;
+        display: flex;
+        align-items: flex-end;
+        justify-content: center;
+      }
+
+      #to-canvas-button {
+        position: absolute;
+        top: 5px;
+        left: 5px;
+      }
+
+      #switch-mode-button {
+        position: absolute;
+        top: 5px;
+        left: 85px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="container">
+      <div id="left-column"></div>
+      <div id="right-column">
+        <button id="to-canvas-button">to canvas</button>
+        <button id="switch-mode-button">switch mode</button>
+      </div>
+    </div>
+    <script type="module" src="./main.ts"></script>
+  </body>
+</html>