chore: merge blocksuite source code (#9213)

blocksuite/playground/apps/starter/data/heavy-whiteboard.ts

@@ -0,0 +1,101 @@
+import { DEFAULT_ROUGHNESS } from '@blocksuite/affine-model';
+import type { SerializedXYWH } from '@blocksuite/global/utils';
+import {
+  Boxed,
+  type DocCollection,
+  nanoid,
+  native2Y,
+  Text,
+  type Y,
+} from '@blocksuite/store';
+
+import type { InitFn } from './utils.js';
+
+const SHAPE_TYPES = ['rect', 'triangle', 'ellipse', 'diamond'];
+const params = new URLSearchParams(location.search);
+
+function createShapes(count: number): Record<string, unknown> {
+  const surfaceBlocks: Record<string, unknown> = {};
+
+  for (let i = 0; i < count; i++) {
+    const x = Math.random() * count * 2;
+    const y = Math.random() * count * 2;
+    const id = nanoid();
+    surfaceBlocks[id] = native2Y(
+      {
+        id,
+        index: 'a0',
+        type: 'shape',
+        xywh: `[${x},${y},100,100]`,
+        seed: Math.floor(Math.random() * 2 ** 31),
+        shapeType: SHAPE_TYPES[Math.floor(Math.random() * 40) % 4],
+        radius: 0,
+        filled: false,
+        fillColor: '--affine-palette-shape-yellow',
+        strokeWidth: 4,
+        strokeColor: '--affine-palette-line-yellow',
+        strokeStyle: 'solid',
+        roughness: DEFAULT_ROUGHNESS,
+      },
+      { deep: false }
+    );
+  }
+  return surfaceBlocks;
+}
+
+const SHAPES_COUNT = 100;
+const RANGE = 2000;
+
+export const heavyWhiteboard: InitFn = (
+  collection: DocCollection,
+  id: string
+) => {
+  const count = Number(params.get('count')) || SHAPES_COUNT;
+  const enableShapes = !!params.get('shapes');
+
+  const doc = collection.createDoc({ id });
+  doc.load(() => {
+    // Add root block and surface block at root level
+    const rootId = doc.addBlock('affine:page', {
+      title: new Text(),
+    });
+
+    const surfaceBlocks = enableShapes ? createShapes(count) : {};
+
+    doc.addBlock(
+      'affine:surface',
+      {
+        elements: new Boxed(native2Y(surfaceBlocks, { deep: false })) as Boxed<
+          Y.Map<Y.Map<unknown>>
+        >,
+      },
+      rootId
+    );
+
+    let i = 0;
+    // Add note block inside root block
+    for (i = 0; i < count; i++) {
+      const x = Math.random() * RANGE - RANGE / 2;
+      const y = Math.random() * RANGE - RANGE / 2;
+      const noteId = doc.addBlock(
+        'affine:note',
+        {
+          xywh: `[${x}, ${y}, 100, 50]` as SerializedXYWH,
+        },
+        rootId
+      );
+      // Add paragraph block inside note block
+      doc.addBlock(
+        'affine:paragraph',
+        {
+          text: new Text('Note #' + i),
+        },
+        noteId
+      );
+    }
+  });
+};
+
+heavyWhiteboard.id = 'heavy-whiteboard';
+heavyWhiteboard.displayName = 'Heavy Whiteboard';
+heavyWhiteboard.description = 'Heavy Whiteboard on 200 elements by default';