refactor(editor): mount worker renderer in editor host (#10055)

This would allow for easier integration with current test runner, since the two column layout is removed.

The `ViewportTurboRender` canvas and its debug UI are only enabled if the extension is added, which won't affect the AFFiNE entry.

<img width="945" alt="image" src="https://github.com/user-attachments/assets/dc82daa4-cbed-4eb9-9660-28c3f7d35722" />
This commit is contained in:
doodlewind
2025-02-11 14:12:41 +00:00
parent 9ca2133e34
commit d021e4cddc
7 changed files with 84 additions and 101 deletions

View File

@@ -15,45 +15,15 @@
background-color: var(--affine-white-90);
transition: background-color 0.3s;
}
#container {
display: flex;
position: relative;
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;
}
.top-bar {
position: absolute;
top: 0;
left: 0;
padding: 5px;
}
</style>
</head>
<body>
<div id="container">
<div id="left-column"></div>
<div id="right-column">
<div class="top-bar">
<div id="tweakpane-container"></div>
</div>
</div>
</div>
<div id="container"></div>
<script type="module" src="./main.ts"></script>
</body>
</html>