refactor(editor): improve element adapters (#11473)

blocksuite/affine/blocks/block-surface/src/adapters/extension.ts

@@ -1,24 +1,21 @@
-import { elementToMarkdownAdapterMatchers } from './markdown/element-adapter/elements/index.js';
 import {
   EdgelessSurfaceBlockMarkdownAdapterExtension,
   SurfaceBlockMarkdownAdapterExtension,
 } from './markdown/markdown.js';
-import { elementToPlainTextAdapterMatchers } from './plain-text/element-adapter/elements/index.js';
 import {
   EdgelessSurfaceBlockPlainTextAdapterExtension,
   SurfaceBlockPlainTextAdapterExtension,
 } from './plain-text/plain-text.js';
 
 export const SurfaceBlockAdapterExtensions = [
-  ...elementToPlainTextAdapterMatchers,
-  ...elementToMarkdownAdapterMatchers,
   SurfaceBlockPlainTextAdapterExtension,
   SurfaceBlockMarkdownAdapterExtension,
 ];
 
 export const EdgelessSurfaceBlockAdapterExtensions = [
-  ...elementToPlainTextAdapterMatchers,
-  ...elementToMarkdownAdapterMatchers,
   EdgelessSurfaceBlockPlainTextAdapterExtension,
   EdgelessSurfaceBlockMarkdownAdapterExtension,
 ];
+
+export * from './markdown/element-adapter/index.js';
+export * from './plain-text/element-adapter/index.js';

blocksuite/affine/blocks/block-surface/src/adapters/index.ts

@@ -1,4 +1 @@
-export {
-  EdgelessSurfaceBlockAdapterExtensions,
-  SurfaceBlockAdapterExtensions,
-} from './extension.js';
+export * from './extension.js';

blocksuite/affine/blocks/block-surface/src/adapters/markdown/element-adapter/elements/brush.ts

@@ -1,18 +0,0 @@
-import { ElementToMarkdownAdapterExtension } from '../type.js';
-
-export const brushToMarkdownAdapterMatcher = ElementToMarkdownAdapterExtension({
-  name: 'brush',
-  match: elementModel => elementModel.type === 'brush',
-  toAST: () => {
-    const content = `Brush Stroke`;
-    return {
-      type: 'paragraph',
-      children: [
-        {
-          type: 'text',
-          value: content,
-        },
-      ],
-    };
-  },
-});

blocksuite/affine/blocks/block-surface/src/adapters/markdown/element-adapter/elements/connector.ts

@@ -1,25 +0,0 @@
-import { getConnectorText } from '../../../utils/text.js';
-import { ElementToMarkdownAdapterExtension } from '../type.js';
-
-export const connectorToMarkdownAdapterMatcher =
-  ElementToMarkdownAdapterExtension({
-    name: 'connector',
-    match: elementModel => elementModel.type === 'connector',
-    toAST: elementModel => {
-      const text = getConnectorText(elementModel);
-      if (!text) {
-        return null;
-      }
-
-      const content = `Connector, with text label "${text}"`;
-      return {
-        type: 'paragraph',
-        children: [
-          {
-            type: 'text',
-            value: content,
-          },
-        ],
-      };
-    },
-  });

blocksuite/affine/blocks/block-surface/src/adapters/markdown/element-adapter/elements/group.ts

@@ -1,24 +0,0 @@
-import { getGroupTitle } from '../../../utils/text.js';
-import { ElementToMarkdownAdapterExtension } from '../type.js';
-
-export const groupToMarkdownAdapterMatcher = ElementToMarkdownAdapterExtension({
-  name: 'group',
-  match: elementModel => elementModel.type === 'group',
-  toAST: elementModel => {
-    const title = getGroupTitle(elementModel);
-    if (!title) {
-      return null;
-    }
-
-    const content = `Group, with title "${title}"`;
-    return {
-      type: 'paragraph',
-      children: [
-        {
-          type: 'text',
-          value: content,
-        },
-      ],
-    };
-  },
-});

blocksuite/affine/blocks/block-surface/src/adapters/markdown/element-adapter/elements/index.ts

@@ -1,15 +0,0 @@
-import { brushToMarkdownAdapterMatcher } from './brush.js';
-import { connectorToMarkdownAdapterMatcher } from './connector.js';
-import { groupToMarkdownAdapterMatcher } from './group.js';
-import { mindmapToMarkdownAdapterMatcher } from './mindmap.js';
-import { shapeToMarkdownAdapterMatcher } from './shape.js';
-import { textToMarkdownAdapterMatcher } from './text.js';
-
-export const elementToMarkdownAdapterMatchers = [
-  groupToMarkdownAdapterMatcher,
-  shapeToMarkdownAdapterMatcher,
-  connectorToMarkdownAdapterMatcher,
-  brushToMarkdownAdapterMatcher,
-  textToMarkdownAdapterMatcher,
-  mindmapToMarkdownAdapterMatcher,
-];

blocksuite/affine/blocks/block-surface/src/adapters/markdown/element-adapter/elements/mindmap.ts

@@ -1,67 +0,0 @@
-import type { MindMapTreeNode } from '../../../types/mindmap.js';
-import { buildMindMapTree } from '../../../utils/mindmap.js';
-import { getShapeText } from '../../../utils/text.js';
-import { ElementToMarkdownAdapterExtension } from '../type.js';
-
-export const mindmapToMarkdownAdapterMatcher =
-  ElementToMarkdownAdapterExtension({
-    name: 'mindmap',
-    match: elementModel => elementModel.type === 'mindmap',
-    toAST: (elementModel, context) => {
-      if (elementModel.type !== 'mindmap') {
-        return null;
-      }
-
-      const mindMapTree = buildMindMapTree(elementModel);
-      if (!mindMapTree) {
-        return null;
-      }
-
-      const { walkerContext, elements } = context;
-      const traverseMindMapTree = (node: MindMapTreeNode) => {
-        const shapeElement = elements[node.id as string];
-        const shapeText = getShapeText(shapeElement);
-        walkerContext
-          .openNode(
-            {
-              type: 'listItem',
-              spread: false,
-              children: [],
-            },
-            'children'
-          )
-          .openNode(
-            {
-              type: 'paragraph',
-              children: [
-                {
-                  type: 'text',
-                  value: shapeText,
-                },
-              ],
-            },
-            'children'
-          )
-          .closeNode();
-        node.children.forEach(child => {
-          traverseMindMapTree(child);
-          walkerContext.closeNode();
-        });
-      };
-
-      // First create a list node for the mind map tree
-      walkerContext.openNode(
-        {
-          type: 'list',
-          ordered: false,
-          spread: false,
-          children: [],
-        },
-        'children'
-      );
-      traverseMindMapTree(mindMapTree);
-      walkerContext.closeNode().closeNode();
-
-      return null;
-    },
-  });

blocksuite/affine/blocks/block-surface/src/adapters/markdown/element-adapter/elements/shape.ts

@@ -1,45 +0,0 @@
-import type { MindMapTreeNode } from '../../../types/mindmap.js';
-import { getShapeText, getShapeType } from '../../../utils/text.js';
-import { ElementToMarkdownAdapterExtension } from '../type.js';
-
-export const shapeToMarkdownAdapterMatcher = ElementToMarkdownAdapterExtension({
-  name: 'shape',
-  match: elementModel => elementModel.type === 'shape',
-  toAST: (elementModel, context) => {
-    let content = '';
-    const { walkerContext } = context;
-    const mindMapNodeMaps = walkerContext.getGlobalContext(
-      'surface:mindMap:nodeMapArray'
-    ) as Array<Map<string, MindMapTreeNode>>;
-    if (mindMapNodeMaps && mindMapNodeMaps.length > 0) {
-      // Check if the elementModel is a mindMap node
-      // If it is, we should return { content: '' } directly
-      // And get the content when we handle the whole mindMap
-      const isMindMapNode = mindMapNodeMaps.some(nodeMap =>
-        nodeMap.has(elementModel.id as string)
-      );
-      if (isMindMapNode) {
-        return null;
-      }
-    }
-
-    // If it is not, we should return the text and shapeType
-    const text = getShapeText(elementModel);
-    const type = getShapeType(elementModel);
-    if (!text && !type) {
-      return null;
-    }
-
-    const shapeType = type.charAt(0).toUpperCase() + type.slice(1);
-    content = `${shapeType}, with text label "${text}"`;
-    return {
-      type: 'paragraph',
-      children: [
-        {
-          type: 'text',
-          value: content,
-        },
-      ],
-    };
-  },
-});

blocksuite/affine/blocks/block-surface/src/adapters/markdown/element-adapter/elements/text.ts

@@ -1,23 +0,0 @@
-import { getTextElementText } from '../../../utils/text.js';
-import { ElementToMarkdownAdapterExtension } from '../type.js';
-
-export const textToMarkdownAdapterMatcher = ElementToMarkdownAdapterExtension({
-  name: 'text',
-  match: elementModel => elementModel.type === 'text',
-  toAST: elementModel => {
-    const content = getTextElementText(elementModel);
-    if (!content) {
-      return null;
-    }
-
-    return {
-      type: 'paragraph',
-      children: [
-        {
-          type: 'text',
-          value: content,
-        },
-      ],
-    };
-  },
-});

blocksuite/affine/blocks/block-surface/src/adapters/markdown/element-adapter/index.ts

@@ -29,3 +29,5 @@ export class MarkdownElementModelAdapter extends ElementModelAdapter<
     return markdownAST;
   }
 }
+
+export * from './type.js';

blocksuite/affine/blocks/block-surface/src/adapters/markdown/markdown.ts

@@ -1,9 +1,9 @@
+import { getMindMapNodeMap } from '@blocksuite/affine-model';
 import {
   BlockMarkdownAdapterExtension,
   type BlockMarkdownAdapterMatcher,
 } from '@blocksuite/affine-shared/adapters';
 
-import { getMindMapNodeMap } from '../utils/mindmap.js';
 import { MarkdownElementModelAdapter } from './element-adapter/index.js';
 import { ElementToMarkdownAdapterMatcherIdentifier } from './element-adapter/type.js';
 

blocksuite/affine/blocks/block-surface/src/adapters/plain-text/element-adapter/elements/brush.ts

@@ -1,11 +0,0 @@
-import { ElementToPlainTextAdapterExtension } from '../type.js';
-
-export const brushToPlainTextAdapterMatcher =
-  ElementToPlainTextAdapterExtension({
-    name: 'brush',
-    match: elementModel => elementModel.type === 'brush',
-    toAST: () => {
-      const content = `Brush Stroke`;
-      return { content };
-    },
-  });

blocksuite/affine/blocks/block-surface/src/adapters/plain-text/element-adapter/elements/connector.ts

@@ -1,13 +0,0 @@
-import { getConnectorText } from '../../../utils/text.js';
-import { ElementToPlainTextAdapterExtension } from '../type.js';
-
-export const connectorToPlainTextAdapterMatcher =
-  ElementToPlainTextAdapterExtension({
-    name: 'connector',
-    match: elementModel => elementModel.type === 'connector',
-    toAST: elementModel => {
-      const text = getConnectorText(elementModel);
-      const content = `Connector, with text label "${text}"`;
-      return { content };
-    },
-  });

blocksuite/affine/blocks/block-surface/src/adapters/plain-text/element-adapter/elements/group.ts

@@ -1,13 +0,0 @@
-import { getGroupTitle } from '../../../utils/text.js';
-import { ElementToPlainTextAdapterExtension } from '../type.js';
-
-export const groupToPlainTextAdapterMatcher =
-  ElementToPlainTextAdapterExtension({
-    name: 'group',
-    match: elementModel => elementModel.type === 'group',
-    toAST: elementModel => {
-      const title = getGroupTitle(elementModel);
-      const content = `Group, with title "${title}"`;
-      return { content };
-    },
-  });

blocksuite/affine/blocks/block-surface/src/adapters/plain-text/element-adapter/elements/index.ts

@@ -1,15 +0,0 @@
-import { brushToPlainTextAdapterMatcher } from './brush.js';
-import { connectorToPlainTextAdapterMatcher } from './connector.js';
-import { groupToPlainTextAdapterMatcher } from './group.js';
-import { mindmapToPlainTextAdapterMatcher } from './mindmap.js';
-import { shapeToPlainTextAdapterMatcher } from './shape.js';
-import { textToPlainTextAdapterMatcher } from './text.js';
-
-export const elementToPlainTextAdapterMatchers = [
-  groupToPlainTextAdapterMatcher,
-  shapeToPlainTextAdapterMatcher,
-  connectorToPlainTextAdapterMatcher,
-  brushToPlainTextAdapterMatcher,
-  textToPlainTextAdapterMatcher,
-  mindmapToPlainTextAdapterMatcher,
-];

blocksuite/affine/blocks/block-surface/src/adapters/plain-text/element-adapter/elements/mindmap.ts

@@ -1,12 +0,0 @@
-import { getMindMapTreeText } from '../../../utils/text.js';
-import { ElementToPlainTextAdapterExtension } from '../type.js';
-
-export const mindmapToPlainTextAdapterMatcher =
-  ElementToPlainTextAdapterExtension({
-    name: 'mindmap',
-    match: elementModel => elementModel.type === 'mindmap',
-    toAST: (elementModel, context) => {
-      const mindMapContent = getMindMapTreeText(elementModel, context.elements);
-      return { content: mindMapContent };
-    },
-  });

blocksuite/affine/blocks/block-surface/src/adapters/plain-text/element-adapter/elements/shape.ts

@@ -1,34 +0,0 @@
-import type { MindMapTreeNode } from '../../../types/mindmap.js';
-import { getShapeText, getShapeType } from '../../../utils/text.js';
-import { ElementToPlainTextAdapterExtension } from '../type.js';
-
-export const shapeToPlainTextAdapterMatcher =
-  ElementToPlainTextAdapterExtension({
-    name: 'shape',
-    match: elementModel => elementModel.type === 'shape',
-    toAST: (elementModel, context) => {
-      let content = '';
-      const { walkerContext } = context;
-      const mindMapNodeMaps = walkerContext.getGlobalContext(
-        'surface:mindMap:nodeMapArray'
-      ) as Array<Map<string, MindMapTreeNode>>;
-      if (mindMapNodeMaps && mindMapNodeMaps.length > 0) {
-        // Check if the elementModel is a mindMap node
-        // If it is, we should return { content: '' } directly
-        // And get the content when we handle the whole mindMap
-        const isMindMapNode = mindMapNodeMaps.some(nodeMap =>
-          nodeMap.has(elementModel.id as string)
-        );
-        if (isMindMapNode) {
-          return { content };
-        }
-      }
-
-      // If it is not, we should return the text and shapeType
-      const text = getShapeText(elementModel);
-      const type = getShapeType(elementModel);
-      const shapeType = type.charAt(0).toUpperCase() + type.slice(1);
-      content = `${shapeType}, with text label "${text}"`;
-      return { content };
-    },
-  });

blocksuite/affine/blocks/block-surface/src/adapters/plain-text/element-adapter/elements/text.ts

@@ -1,13 +0,0 @@
-import { getTextElementText } from '../../../utils/text.js';
-import { ElementToPlainTextAdapterExtension } from '../type.js';
-
-export const textToPlainTextAdapterMatcher = ElementToPlainTextAdapterExtension(
-  {
-    name: 'text',
-    match: elementModel => elementModel.type === 'text',
-    toAST: elementModel => {
-      const content = getTextElementText(elementModel);
-      return { content };
-    },
-  }
-);

blocksuite/affine/blocks/block-surface/src/adapters/plain-text/element-adapter/index.ts

@@ -28,3 +28,5 @@ export class PlainTextElementModelAdapter extends ElementModelAdapter<
     return '';
   }
 }
+
+export * from './type.js';

blocksuite/affine/blocks/block-surface/src/adapters/plain-text/plain-text.ts

@@ -1,9 +1,9 @@
+import { getMindMapNodeMap } from '@blocksuite/affine-model';
 import {
   BlockPlainTextAdapterExtension,
   type BlockPlainTextAdapterMatcher,
 } from '@blocksuite/affine-shared/adapters';
 
-import { getMindMapNodeMap } from '../utils/mindmap.js';
 import { PlainTextElementModelAdapter } from './element-adapter/index.js';
 import { ElementToPlainTextAdapterMatcherIdentifier } from './element-adapter/type.js';
 

blocksuite/affine/blocks/block-surface/src/adapters/types/mindmap.ts

@@ -1,25 +0,0 @@
-export interface MindMapTreeNode {
-  id: string;
-  index: string;
-  children: MindMapTreeNode[];
-}
-
-export interface MindMapNode {
-  index: string;
-  parent?: string;
-}
-
-export type MindMapJson = Record<string, MindMapNode>;
-
-export interface MindMapElement {
-  index: string;
-  seed: number;
-  children: {
-    'affine:surface:ymap': boolean;
-    json: MindMapJson;
-  };
-  layoutType: number;
-  style: number;
-  type: 'mindmap';
-  id: string;
-}

blocksuite/affine/blocks/block-surface/src/adapters/utils/mindmap.ts

@@ -1,74 +0,0 @@
-import type {
-  MindMapElement,
-  MindMapJson,
-  MindMapTreeNode,
-} from '../types/mindmap.js';
-
-function isMindMapElement(element: unknown): element is MindMapElement {
-  return (
-    typeof element === 'object' &&
-    element !== null &&
-    'type' in element &&
-    (element as MindMapElement).type === 'mindmap' &&
-    'children' in element &&
-    typeof (element as MindMapElement).children === 'object' &&
-    'json' in (element as MindMapElement).children
-  );
-}
-
-export function getMindMapChildrenJson(
-  element: Record<string, unknown>
-): MindMapJson | null {
-  if (!isMindMapElement(element)) {
-    return null;
-  }
-
-  return element.children.json;
-}
-
-export function getMindMapNodeMap(
-  element: Record<string, unknown>
-): Map<string, MindMapTreeNode> {
-  const nodeMap = new Map<string, MindMapTreeNode>();
-  const childrenJson = getMindMapChildrenJson(element);
-  if (!childrenJson) {
-    return nodeMap;
-  }
-
-  for (const [id, info] of Object.entries(childrenJson)) {
-    nodeMap.set(id, {
-      id,
-      index: info.index,
-      children: [],
-    });
-  }
-
-  return nodeMap;
-}
-
-export function buildMindMapTree(element: Record<string, unknown>) {
-  let root: MindMapTreeNode | null = null;
-
-  // First traverse to get node map
-  const nodeMap = getMindMapNodeMap(element);
-  const childrenJson = getMindMapChildrenJson(element);
-  if (!childrenJson) {
-    return root;
-  }
-
-  // Second traverse to build tree
-  for (const [id, info] of Object.entries(childrenJson)) {
-    const node = nodeMap.get(id)!;
-
-    if (info.parent) {
-      const parentNode = nodeMap.get(info.parent);
-      if (parentNode) {
-        parentNode.children.push(node);
-      }
-    } else {
-      root = node;
-    }
-  }
-
-  return root;
-}

blocksuite/affine/blocks/block-surface/src/adapters/utils/text.ts

@@ -1,162 +0,0 @@
-import type { DeltaInsert } from '@blocksuite/store';
-
-import type { MindMapTreeNode } from '../types/mindmap.js';
-import { buildMindMapTree } from './mindmap.js';
-
-export function getShapeType(elementModel: Record<string, unknown>): string {
-  let shapeType = '';
-  if (elementModel.type !== 'shape') {
-    return shapeType;
-  }
-
-  if (
-    'shapeType' in elementModel &&
-    typeof elementModel.shapeType === 'string'
-  ) {
-    shapeType = elementModel.shapeType;
-  }
-  return shapeType;
-}
-
-export function getShapeText(elementModel: Record<string, unknown>): string {
-  let text = '';
-  if (elementModel.type !== 'shape') {
-    return text;
-  }
-
-  if (
-    'text' in elementModel &&
-    typeof elementModel.text === 'object' &&
-    elementModel.text
-  ) {
-    let delta: DeltaInsert[] = [];
-    if ('delta' in elementModel.text) {
-      delta = elementModel.text.delta as DeltaInsert[];
-    }
-    text = delta.map(d => d.insert).join('');
-  }
-  return text;
-}
-
-export function getConnectorText(
-  elementModel: Record<string, unknown>
-): string {
-  let text = '';
-  if (elementModel.type !== 'connector') {
-    return text;
-  }
-
-  if (
-    'text' in elementModel &&
-    typeof elementModel.text === 'object' &&
-    elementModel.text
-  ) {
-    let delta: DeltaInsert[] = [];
-    if ('delta' in elementModel.text) {
-      delta = elementModel.text.delta as DeltaInsert[];
-    }
-    text = delta.map(d => d.insert).join('');
-  }
-  return text;
-}
-
-export function getGroupTitle(elementModel: Record<string, unknown>): string {
-  let title = '';
-  if (elementModel.type !== 'group') {
-    return title;
-  }
-
-  if (
-    'title' in elementModel &&
-    typeof elementModel.title === 'object' &&
-    elementModel.title
-  ) {
-    let delta: DeltaInsert[] = [];
-    if ('delta' in elementModel.title) {
-      delta = elementModel.title.delta as DeltaInsert[];
-    }
-    title = delta.map(d => d.insert).join('');
-  }
-  return title;
-}
-
-export function getTextElementText(
-  elementModel: Record<string, unknown>
-): string {
-  let text = '';
-  if (elementModel.type !== 'text') {
-    return text;
-  }
-  if (
-    'text' in elementModel &&
-    typeof elementModel.text === 'object' &&
-    elementModel.text
-  ) {
-    let delta: DeltaInsert[] = [];
-    if ('delta' in elementModel.text) {
-      delta = elementModel.text.delta as DeltaInsert[];
-    }
-    text = delta.map(d => d.insert).join('');
-  }
-  return text;
-}
-
-/**
- * traverse the mindMapTree and construct the content string
- * like:
- * - Root
- *   - Child 1
- *     - Child 1.1
- *     - Child 1.2
- *   - Child 2
- *     - Child 2.1
- *     - Child 2.2
- *   - Child 3
- *     - Child 3.1
- *     - Child 3.2
- * @param elementModel - the mindmap element model
- * @param elements - the elements map
- * @returns the mindmap tree text
- */
-export function getMindMapTreeText(
-  elementModel: Record<string, unknown>,
-  elements: Record<string, Record<string, unknown>>,
-  options: {
-    prefix: string;
-    repeat: number;
-  } = {
-    prefix: ' ',
-    repeat: 2,
-  }
-): string {
-  let mindMapContent = '';
-  if (elementModel.type !== 'mindmap') {
-    return mindMapContent;
-  }
-
-  const mindMapTree = buildMindMapTree(elementModel);
-  if (!mindMapTree) {
-    return mindMapContent;
-  }
-
-  let layer = 0;
-  const traverseMindMapTree = (
-    node: MindMapTreeNode,
-    prefix: string,
-    repeat: number
-  ) => {
-    const shapeElement = elements[node.id as string];
-    const shapeText = getShapeText(shapeElement);
-    if (shapeElement) {
-      mindMapContent += `${prefix.repeat(layer * repeat)}- ${shapeText}\n`;
-    }
-    node.children.forEach(child => {
-      layer++;
-      traverseMindMapTree(child, prefix, repeat);
-      layer--;
-    });
-  };
-  traverseMindMapTree(mindMapTree, options.prefix, options.repeat);
-
-  return mindMapContent;
-}

blocksuite/affine/blocks/block-surface/src/index.ts

@@ -30,10 +30,7 @@ import {
   isSameFontFamily,
   wrapFontFamily,
 } from './utils/font.js';
-export {
-  EdgelessSurfaceBlockAdapterExtensions,
-  SurfaceBlockAdapterExtensions,
-} from './adapters/index.js';
+export * from './adapters/index.js';
 export * from './extensions';
 export type { SurfaceContext } from './surface-block.js';
 export { SurfaceBlockComponent } from './surface-block.js';

blocksuite/affine/blocks/block-surface/src/surface-spec.ts

@@ -2,10 +2,6 @@ import { BlockViewExtension, FlavourExtension } from '@blocksuite/std';
 import type { ExtensionType } from '@blocksuite/store';
 import { literal } from 'lit/static-html.js';
 
-import {
-  EdgelessSurfaceBlockAdapterExtensions,
-  SurfaceBlockAdapterExtensions,
-} from './adapters/extension';
 import {
   EdgelessCRUDExtension,
   EdgelessLegacySlotExtension,
@@ -21,12 +17,10 @@ const CommonSurfaceBlockSpec: ExtensionType[] = [
 
 export const PageSurfaceBlockSpec: ExtensionType[] = [
   ...CommonSurfaceBlockSpec,
-  ...SurfaceBlockAdapterExtensions,
   BlockViewExtension('affine:surface', literal`affine-surface-void`),
 ];
 
 export const EdgelessSurfaceBlockSpec: ExtensionType[] = [
   ...CommonSurfaceBlockSpec,
-  ...EdgelessSurfaceBlockAdapterExtensions,
   BlockViewExtension('affine:surface', literal`affine-surface`),
 ];