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

blocksuite/affine/gfx/connector/src/adapter/index.ts

@@ -0,0 +1,2 @@
+export * from './markdown';
+export * from './plain-text';

blocksuite/affine/gfx/connector/src/adapter/markdown/index.ts

@@ -0,0 +1,26 @@
+import { ElementToMarkdownAdapterExtension } from '@blocksuite/affine-block-surface';
+
+import { getConnectorText } from '../text';
+
+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/gfx/connector/src/adapter/plain-text/index.ts

@@ -0,0 +1,14 @@
+import { ElementToPlainTextAdapterExtension } from '@blocksuite/affine-block-surface';
+
+import { getConnectorText } from '../text';
+
+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/gfx/connector/src/adapter/text.ts

@@ -0,0 +1,23 @@
+import type { DeltaInsert } from '@blocksuite/affine/store';
+
+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;
+}

blocksuite/affine/gfx/connector/src/index.ts

@@ -1,3 +1,4 @@
+export * from './adapter';
 export * from './connector-tool';
 export * from './element-renderer';
 export * from './element-transform';