Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-27 02:42:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(editor): cleanup dead code (#9904)

Browse Source
This commit is contained in:
Saul-Mirone
2025-01-27 17:06:42 +00:00
parent 17bf75e843
commit 9c65c42d64
31 changed files with 175 additions and 319 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
blocksuite/playground/apps/_common/components/demo-script.ts
View File

@@ -1,137 +0,0 @@
export const demoScript = `import * as THREE from "three";
import {OrbitControls} from "three/addons/controls/OrbitControls.js";
let scene = new THREE.Scene();
let camera = new THREE.PerspectiveCamera(30, innerWidth / innerHeight, 1, 1000);
camera.position.set(0, 10, 10).setLength(17);
let renderer = new THREE.WebGLRenderer({antialias: true});
renderer.setSize(innerWidth, innerHeight);
document.body.appendChild(renderer.domElement);
window.addEventListener("resize", event => {
camera.aspect = innerWidth / innerHeight;
camera.updateProjectionMatrix();
renderer.setSize(innerWidth, innerHeight);
})
let controls = new OrbitControls(camera, renderer.domElement);
controls.enableDamping = true;
let gu = {
time: {value: 0}
}
let params = {
instanceCount: {value: 10},
instanceLength: {value: 1.75},
instanceGap: {value: 0.5},
profileFactor: {value: 1.5}
}
let ig = new THREE.InstancedBufferGeometry().copy(new THREE.BoxGeometry(1, 1, 1, 100, 1, 1).translate(0.5, 0, 0));
ig.instanceCount = params.instanceCount.value;
let m = new THREE.MeshBasicMaterial({
vertexColors: true,
onBeforeCompile: shader => {
shader.uniforms.time = gu.time;
shader.uniforms.instanceCount = params.instanceCount;
shader.uniforms.instanceLength = params.instanceLength;
shader.uniforms.instanceGap = params.instanceGap;
shader.uniforms.profileFactor = params.profileFactor;
shader.vertexShader = \`
uniform float time;
uniform float instanceCount;
uniform float instanceLength;
uniform float instanceGap;
uniform float profileFactor;
varying float noGrid;
mat2 rot(float a){return mat2(cos(a), sin(a), -sin(a), cos(a));}
\${shader.vertexShader}
\`.replace(
\`#include <begin_vertex>\`,
\`#include <begin_vertex>
float t = time * 0.1;
float iID = float(gl_InstanceID);
float instanceTotalLength = instanceLength + instanceGap;
float instanceFactor = instanceLength / instanceTotalLength;
float circleLength = instanceTotalLength * instanceCount;
float circleRadius = circleLength / PI2;
float partAngle = PI2 / instanceCount;
float boxAngle = partAngle * instanceFactor;
float partTurn = PI / instanceCount;
float boxTurn = partTurn * instanceFactor;
float startAngle = t + partAngle * iID;
float startTurn = t * 0.5 + partTurn * iID;
float angleFactor = position.x;
float angle = startAngle + boxAngle * angleFactor;
float turn = startTurn + boxTurn * angleFactor;
vec3 pos = vec3(0, position.y, position.z);
pos.yz *= rot(turn);
pos.yz *= profileFactor;
pos.z += circleRadius;
pos.xz *= rot(angle);
transformed = pos;
float nZ = floor(abs(normal.z) + 0.1);
float nX = floor(abs(normal.x) + 0.1);
noGrid = 1. - nX;
vColor = vec3(nZ == 1. ? 0.1 : nX == 1. ? 0. : 0.01);
\`
);
//console.log(shader.vertexShader);
shader.fragmentShader = \`
varying float noGrid;
float lines(vec2 coord, float thickness){
vec2 grid = abs(fract(coord - 0.5) - 0.5) / fwidth(coord) / thickness;
float line = min(grid.x, grid.y);
return 1.0 - min(line, 1.0);
}
\${shader.fragmentShader}
\`.replace(
\`#include <color_fragment>\`,
\`#include <color_fragment>
float multiply = vColor.r > 0.05 ? 3. : 2.;
float edges = lines(vUv, 3.);
float grid = min(noGrid, lines(vUv * multiply, 1.));
diffuseColor.rgb = mix(diffuseColor.rgb, vec3(1), max(edges, grid));
\`
)
//console.log(shader.fragmentShader)
}
});
m.defines = {"USE_UV": ""};
let o = new THREE.Mesh(ig, m);
scene.add(o)
o.rotation.z = -Math.PI * 0.25;
let clock = new THREE.Clock();
let t = 0;
renderer.setAnimationLoop(()=>{
let dt = clock.getDelta();
t += dt;
gu.time.value = t;
controls.update();
renderer.render(scene, camera);
})
`;

49
blocksuite/playground/apps/_common/components/side-panel.ts
View File

@@ -1,49 +0,0 @@
import { ShadowlessElement } from '@blocksuite/block-std';
import { css, html } from 'lit';
import { customElement } from 'lit/decorators.js';
@customElement('side-panel')
export class SidePanel extends ShadowlessElement {
static override styles = css`
side-panel {
width: 395px;
background-color: var(--affine-background-secondary-color);
position: absolute;
top: 0;
right: 0;
height: 100%;
display: none;
}
`;
currentContent: HTMLElement | null = null;
hideContent() {
if (this.currentContent) {
this.style.display = 'none';
this.currentContent.remove();
this.currentContent = null;
}
}
protected override render(): unknown {
return html``;
}
showContent(ele: HTMLElement) {
if (this.currentContent) {
this.currentContent.remove();
}
this.style.display = 'block';
this.currentContent = ele;
this.append(ele);
}
toggle(ele: HTMLElement) {
if (this.currentContent !== ele) {
this.showContent(ele);
} else {
this.hideContent();
}
}
}

5
blocksuite/playground/apps/_common/components/starter-debug-menu.ts
View File

@@ -15,7 +15,6 @@ import '@shoelace-style/shoelace/dist/components/tooltip/tooltip.js';
import '@shoelace-style/shoelace/dist/themes/light.css';
import '@shoelace-style/shoelace/dist/themes/dark.css';
import './left-side-panel.js';
import './side-panel.js';
import { NotionHtmlAdapter } from '@blocksuite/affine-shared/adapters';
import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
@@ -65,7 +64,6 @@ import type { CustomOutlinePanel } from './custom-outline-panel.js';
import type { CustomOutlineViewer } from './custom-outline-viewer.js';
import type { DocsPanel } from './docs-panel.js';
import type { LeftSidePanel } from './left-side-panel.js';
import type { SidePanel } from './side-panel.js';
const basePath =
'https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.11.2/dist';
@@ -1046,9 +1044,6 @@ export class StarterDebugMenu extends ShadowlessElement {
@property({ attribute: false })
accessor readonly = false;
@property({ attribute: false })
accessor sidePanel!: SidePanel;
}
declare global {

41
blocksuite/playground/apps/_common/mock-services.ts
View File

@@ -1,17 +1,10 @@
import type {
PeekOptions,
PeekViewService,
} from '@blocksuite/affine-components/peek';
import { PeekViewExtension } from '@blocksuite/affine-components/peek';
import type { EditorSetting } from '@blocksuite/affine-shared/services';
import { BlockComponent } from '@blocksuite/block-std';
import {
ColorScheme,
type DocMode,
type DocModeProvider,
GeneralSettingSchema,
type GenerateDocUrlService,
matchFlavours,
type NotificationService,
type ParseDocUrlService,
type ReferenceParams,
@@ -22,9 +15,6 @@ import { Slot } from '@blocksuite/global/utils';
import type { AffineEditorContainer } from '@blocksuite/presets';
import { type Workspace } from '@blocksuite/store';
import { Signal, signal } from '@preact/signals-core';
import type { TemplateResult } from 'lit';
import type { AttachmentViewerPanel } from './components/attachment-viewer-panel.js';
function getModeFromStorage() {
const mapJson = localStorage.getItem('playground:docMode');
@@ -154,37 +144,6 @@ export const themeExtension: ThemeExtension = {
},
};
export function mockPeekViewExtension(
attachmentViewerPanel: AttachmentViewerPanel
) {
return PeekViewExtension({
peek(
element: {
target: HTMLElement;
docId: string;
blockIds?: string[];
template?: TemplateResult;
},
options?: PeekOptions
) {
const { target } = element;
if (
target instanceof BlockComponent &&
matchFlavours(target.model, ['affine:attachment'])
) {
attachmentViewerPanel.open(target.model);
return Promise.resolve();
}
alert('Peek view not implemented in playground');
console.log('peek', element, options);
return Promise.resolve();
},
} satisfies PeekViewService);
}
export function mockGenerateDocUrlService(collection: Workspace) {
const generateDocUrlService: GenerateDocUrlService = {
generateDocUrl: (docId: string, params?: ReferenceParams) => {

8
blocksuite/playground/apps/starter/main.ts
View File

@@ -73,14 +73,6 @@ async function main() {
}),
});
// test if blocksuite can run in a web worker, SEE: tests/worker.spec.ts
// window.testWorker = new Worker(
// new URL('./utils/test-worker.ts', import.meta.url),
// {
// type: 'module',
// }
// );
return;
}

6
blocksuite/playground/apps/starter/utils/editor.ts
View File

@@ -23,7 +23,6 @@ import { CustomOutlinePanel } from '../../_common/components/custom-outline-pane
import { CustomOutlineViewer } from '../../_common/components/custom-outline-viewer.js';
import { DocsPanel } from '../../_common/components/docs-panel.js';
import { LeftSidePanel } from '../../_common/components/left-side-panel.js';
import { SidePanel } from '../../_common/components/side-panel.js';
import { StarterDebugMenu } from '../../_common/components/starter-debug-menu.js';
import {
getDocFromUrlParams,
@@ -85,7 +84,6 @@ export async function mountDefaultDocEditor(collection: Workspace) {
);
},
},
// mockPeekViewExtension(attachmentViewerPanel),
];
const pageSpecs = SpecProvider.getInstance().getSpec('page');
@@ -136,8 +134,6 @@ export async function mountDefaultDocEditor(collection: Workspace) {
const framePanel = new CustomFramePanel();
framePanel.editor = editor;
const sidePanel = new SidePanel();
const leftSidePanel = new LeftSidePanel();
const docsPanel = new DocsPanel();
@@ -152,7 +148,6 @@ export async function mountDefaultDocEditor(collection: Workspace) {
debugMenu.outlinePanel = outlinePanel;
debugMenu.outlineViewer = outlineViewer;
debugMenu.framePanel = framePanel;
debugMenu.sidePanel = sidePanel;
debugMenu.leftSidePanel = leftSidePanel;
debugMenu.docsPanel = docsPanel;
debugMenu.commentPanel = commentPanel;
@@ -161,7 +156,6 @@ export async function mountDefaultDocEditor(collection: Workspace) {
document.body.append(outlinePanel);
document.body.append(outlineViewer);
document.body.append(framePanel);
document.body.append(sidePanel);
document.body.append(leftSidePanel);
document.body.append(debugMenu);

12
blocksuite/playground/apps/starter/utils/test-worker.ts
View File

@@ -1,12 +0,0 @@
// This file is used to test blocksuite can run in a web worker. SEE: tests/worker.spec.ts
import '@blocksuite/store';
// import '@blocksuite/block-std'; // seems not working
import '@blocksuite/blocks/schemas';
globalThis.onmessage = event => {
const { data } = event;
if (data === 'ping') {
postMessage('pong');
}
};