refactor(editor): extract markdown adapter (#9443)

blocksuite/blocks/src/_common/adapters/extension.ts

@@ -2,6 +2,7 @@ import {
   AttachmentAdapterFactoryExtension,
   HtmlAdapterFactoryExtension,
   ImageAdapterFactoryExtension,
+  MarkdownAdapterFactoryExtension,
   NotionHtmlAdapterFactoryExtension,
   NotionTextAdapterFactoryExtension,
   PlainTextAdapterFactoryExtension,
@@ -10,7 +11,8 @@ import type { ExtensionType } from '@blocksuite/block-std';
 
 import { htmlInlineToDeltaMatchers } from './html/delta-converter/html-inline.js';
 import { inlineDeltaToHtmlAdapterMatchers } from './html/delta-converter/inline-delta.js';
-import { MarkdownAdapterFactoryExtension } from './markdown/markdown.js';
+import { inlineDeltaToMarkdownAdapterMatchers } from './markdown/delta-converter/inline-delta.js';
+import { markdownInlineToDeltaMatchers } from './markdown/delta-converter/markdown-inline.js';
 import { MixTextAdapterFactoryExtension } from './mix-text.js';
 import { notionHtmlInlineToDeltaMatchers } from './notion-html/delta-converter/html-inline.js';
 import { inlineDeltaToPlainTextAdapterMatchers } from './plain-text/delta-converter/inline-delta.js';
@@ -20,6 +22,8 @@ export const AdapterFactoryExtensions: ExtensionType[] = [
   ...inlineDeltaToHtmlAdapterMatchers,
   ...notionHtmlInlineToDeltaMatchers,
   ...inlineDeltaToPlainTextAdapterMatchers,
+  ...markdownInlineToDeltaMatchers,
+  ...inlineDeltaToMarkdownAdapterMatchers,
   AttachmentAdapterFactoryExtension,
   ImageAdapterFactoryExtension,
   MarkdownAdapterFactoryExtension,

blocksuite/blocks/src/_common/adapters/markdown/block-matcher.ts

@@ -1,36 +1,36 @@
-import { bookmarkBlockMarkdownAdapterMatcher } from '@blocksuite/affine-block-bookmark';
-import { codeBlockMarkdownAdapterMatcher } from '@blocksuite/affine-block-code';
-import { databaseBlockMarkdownAdapterMatcher } from '@blocksuite/affine-block-database';
-import { dividerBlockMarkdownAdapterMatcher } from '@blocksuite/affine-block-divider';
+import { BookmarkBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-bookmark';
+import { CodeBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-code';
+import { DatabaseBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-database';
+import { DividerBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-divider';
 import {
-  embedFigmaBlockMarkdownAdapterMatcher,
-  embedGithubBlockMarkdownAdapterMatcher,
-  embedLinkedDocBlockMarkdownAdapterMatcher,
-  embedLoomBlockMarkdownAdapterMatcher,
-  embedSyncedDocBlockMarkdownAdapterMatcher,
-  embedYoutubeBlockMarkdownAdapterMatcher,
+  EmbedFigmaMarkdownAdapterExtension,
+  EmbedGithubMarkdownAdapterExtension,
+  EmbedLinkedDocMarkdownAdapterExtension,
+  EmbedLoomMarkdownAdapterExtension,
+  EmbedSyncedDocMarkdownAdapterExtension,
+  EmbedYoutubeMarkdownAdapterExtension,
 } from '@blocksuite/affine-block-embed';
-import { imageBlockMarkdownAdapterMatcher } from '@blocksuite/affine-block-image';
-import { latexBlockMarkdownAdapterMatcher } from '@blocksuite/affine-block-latex';
-import { listBlockMarkdownAdapterMatcher } from '@blocksuite/affine-block-list';
-import { paragraphBlockMarkdownAdapterMatcher } from '@blocksuite/affine-block-paragraph';
+import { ImageBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-image';
+import { LatexBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-latex';
+import { ListBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-list';
+import { ParagraphBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-paragraph';
 
-import { rootBlockMarkdownAdapterMatcher } from '../../../root-block/adapters/markdown.js';
+import { RootBlockMarkdownAdapterExtension } from '../../../root-block/adapters/markdown.js';
 
 export const defaultBlockMarkdownAdapterMatchers = [
-  embedFigmaBlockMarkdownAdapterMatcher,
-  embedGithubBlockMarkdownAdapterMatcher,
-  embedLinkedDocBlockMarkdownAdapterMatcher,
-  embedLoomBlockMarkdownAdapterMatcher,
-  embedSyncedDocBlockMarkdownAdapterMatcher,
-  embedYoutubeBlockMarkdownAdapterMatcher,
-  listBlockMarkdownAdapterMatcher,
-  paragraphBlockMarkdownAdapterMatcher,
-  bookmarkBlockMarkdownAdapterMatcher,
-  codeBlockMarkdownAdapterMatcher,
-  databaseBlockMarkdownAdapterMatcher,
-  dividerBlockMarkdownAdapterMatcher,
-  imageBlockMarkdownAdapterMatcher,
-  latexBlockMarkdownAdapterMatcher,
-  rootBlockMarkdownAdapterMatcher,
+  EmbedFigmaMarkdownAdapterExtension,
+  EmbedGithubMarkdownAdapterExtension,
+  EmbedLinkedDocMarkdownAdapterExtension,
+  EmbedLoomMarkdownAdapterExtension,
+  EmbedSyncedDocMarkdownAdapterExtension,
+  EmbedYoutubeMarkdownAdapterExtension,
+  ListBlockMarkdownAdapterExtension,
+  ParagraphBlockMarkdownAdapterExtension,
+  BookmarkBlockMarkdownAdapterExtension,
+  CodeBlockMarkdownAdapterExtension,
+  DatabaseBlockMarkdownAdapterExtension,
+  DividerBlockMarkdownAdapterExtension,
+  ImageBlockMarkdownAdapterExtension,
+  LatexBlockMarkdownAdapterExtension,
+  RootBlockMarkdownAdapterExtension,
 ];

blocksuite/blocks/src/_common/adapters/markdown/delta-converter/inline-delta.ts

@@ -1,9 +1,12 @@
 import { generateDocUrl } from '@blocksuite/affine-block-embed';
-import type { InlineDeltaToMarkdownAdapterMatcher } from '@blocksuite/affine-shared/adapters';
+import { InlineDeltaToMarkdownAdapterExtension } from '@blocksuite/affine-shared/adapters';
 import type { PhrasingContent } from 'mdast';
+import type RemarkMath from 'remark-math';
 
-export const boldDeltaToMarkdownAdapterMatcher: InlineDeltaToMarkdownAdapterMatcher =
-  {
+declare type _GLOBAL_ = typeof RemarkMath;
+
+export const boldDeltaToMarkdownAdapterMatcher =
+  InlineDeltaToMarkdownAdapterExtension({
     name: 'bold',
     match: delta => !!delta.attributes?.bold,
     toAST: (_, context) => {
@@ -13,10 +16,10 @@ export const boldDeltaToMarkdownAdapterMatcher: InlineDeltaToMarkdownAdapterMatc
         children: [currentMdast],
       };
     },
-  };
+  });
 
-export const italicDeltaToMarkdownAdapterMatcher: InlineDeltaToMarkdownAdapterMatcher =
-  {
+export const italicDeltaToMarkdownAdapterMatcher =
+  InlineDeltaToMarkdownAdapterExtension({
     name: 'italic',
     match: delta => !!delta.attributes?.italic,
     toAST: (_, context) => {
@@ -26,10 +29,10 @@ export const italicDeltaToMarkdownAdapterMatcher: InlineDeltaToMarkdownAdapterMa
         children: [currentMdast],
       };
     },
-  };
+  });
 
-export const strikeDeltaToMarkdownAdapterMatcher: InlineDeltaToMarkdownAdapterMatcher =
-  {
+export const strikeDeltaToMarkdownAdapterMatcher =
+  InlineDeltaToMarkdownAdapterExtension({
     name: 'strike',
     match: delta => !!delta.attributes?.strike,
     toAST: (_, context) => {
@@ -39,20 +42,20 @@ export const strikeDeltaToMarkdownAdapterMatcher: InlineDeltaToMarkdownAdapterMa
         children: [currentMdast],
       };
     },
-  };
+  });
 
-export const inlineCodeDeltaToMarkdownAdapterMatcher: InlineDeltaToMarkdownAdapterMatcher =
-  {
+export const inlineCodeDeltaToMarkdownAdapterMatcher =
+  InlineDeltaToMarkdownAdapterExtension({
     name: 'inlineCode',
     match: delta => !!delta.attributes?.code,
     toAST: delta => ({
       type: 'inlineCode',
       value: delta.insert,
     }),
-  };
+  });
 
-export const referenceDeltaToMarkdownAdapterMatcher: InlineDeltaToMarkdownAdapterMatcher =
-  {
+export const referenceDeltaToMarkdownAdapterMatcher =
+  InlineDeltaToMarkdownAdapterExtension({
     name: 'reference',
     match: delta => !!delta.attributes?.reference,
     toAST: (delta, context) => {
@@ -86,10 +89,10 @@ export const referenceDeltaToMarkdownAdapterMatcher: InlineDeltaToMarkdownAdapte
 
       return mdast;
     },
-  };
+  });
 
-export const linkDeltaToMarkdownAdapterMatcher: InlineDeltaToMarkdownAdapterMatcher =
-  {
+export const linkDeltaToMarkdownAdapterMatcher =
+  InlineDeltaToMarkdownAdapterExtension({
     name: 'link',
     match: delta => !!delta.attributes?.link,
     toAST: (delta, context) => {
@@ -120,10 +123,10 @@ export const linkDeltaToMarkdownAdapterMatcher: InlineDeltaToMarkdownAdapterMatc
       }
       return mdast;
     },
-  };
+  });
 
-export const latexDeltaToMarkdownAdapterMatcher: InlineDeltaToMarkdownAdapterMatcher =
-  {
+export const latexDeltaToMarkdownAdapterMatcher =
+  InlineDeltaToMarkdownAdapterExtension({
     name: 'inlineLatex',
     match: delta => !!delta.attributes?.latex,
     toAST: delta => {
@@ -139,15 +142,14 @@ export const latexDeltaToMarkdownAdapterMatcher: InlineDeltaToMarkdownAdapterMat
       }
       return mdast;
     },
-  };
+  });
 
-export const inlineDeltaToMarkdownAdapterMatchers: InlineDeltaToMarkdownAdapterMatcher[] =
-  [
-    referenceDeltaToMarkdownAdapterMatcher,
-    linkDeltaToMarkdownAdapterMatcher,
-    inlineCodeDeltaToMarkdownAdapterMatcher,
-    boldDeltaToMarkdownAdapterMatcher,
-    italicDeltaToMarkdownAdapterMatcher,
-    strikeDeltaToMarkdownAdapterMatcher,
-    latexDeltaToMarkdownAdapterMatcher,
-  ];
+export const inlineDeltaToMarkdownAdapterMatchers = [
+  referenceDeltaToMarkdownAdapterMatcher,
+  linkDeltaToMarkdownAdapterMatcher,
+  inlineCodeDeltaToMarkdownAdapterMatcher,
+  boldDeltaToMarkdownAdapterMatcher,
+  italicDeltaToMarkdownAdapterMatcher,
+  strikeDeltaToMarkdownAdapterMatcher,
+  latexDeltaToMarkdownAdapterMatcher,
+];

blocksuite/blocks/src/_common/adapters/markdown/delta-converter/markdown-inline.ts

@@ -1,6 +1,6 @@
-import type { MarkdownASTToDeltaMatcher } from '@blocksuite/affine-shared/adapters';
+import { MarkdownASTToDeltaExtension } from '@blocksuite/affine-shared/adapters';
 
-export const markdownTextToDeltaMatcher: MarkdownASTToDeltaMatcher = {
+export const markdownTextToDeltaMatcher = MarkdownASTToDeltaExtension({
   name: 'text',
   match: ast => ast.type === 'text',
   toDelta: ast => {
@@ -9,9 +9,9 @@ export const markdownTextToDeltaMatcher: MarkdownASTToDeltaMatcher = {
     }
     return [{ insert: ast.value }];
   },
-};
+});
 
-export const markdownInlineCodeToDeltaMatcher: MarkdownASTToDeltaMatcher = {
+export const markdownInlineCodeToDeltaMatcher = MarkdownASTToDeltaExtension({
   name: 'inlineCode',
   match: ast => ast.type === 'inlineCode',
   toDelta: ast => {
@@ -20,9 +20,9 @@ export const markdownInlineCodeToDeltaMatcher: MarkdownASTToDeltaMatcher = {
     }
     return [{ insert: ast.value, attributes: { code: true } }];
   },
-};
+});
 
-export const markdownStrongToDeltaMatcher: MarkdownASTToDeltaMatcher = {
+export const markdownStrongToDeltaMatcher = MarkdownASTToDeltaExtension({
   name: 'strong',
   match: ast => ast.type === 'strong',
   toDelta: (ast, context) => {
@@ -36,9 +36,9 @@ export const markdownStrongToDeltaMatcher: MarkdownASTToDeltaMatcher = {
       })
     );
   },
-};
+});
 
-export const markdownEmphasisToDeltaMatcher: MarkdownASTToDeltaMatcher = {
+export const markdownEmphasisToDeltaMatcher = MarkdownASTToDeltaExtension({
   name: 'emphasis',
   match: ast => ast.type === 'emphasis',
   toDelta: (ast, context) => {
@@ -52,9 +52,9 @@ export const markdownEmphasisToDeltaMatcher: MarkdownASTToDeltaMatcher = {
       })
     );
   },
-};
+});
 
-export const markdownDeleteToDeltaMatcher: MarkdownASTToDeltaMatcher = {
+export const markdownDeleteToDeltaMatcher = MarkdownASTToDeltaExtension({
   name: 'delete',
   match: ast => ast.type === 'delete',
   toDelta: (ast, context) => {
@@ -68,9 +68,9 @@ export const markdownDeleteToDeltaMatcher: MarkdownASTToDeltaMatcher = {
       })
     );
   },
-};
+});
 
-export const markdownLinkToDeltaMatcher: MarkdownASTToDeltaMatcher = {
+export const markdownLinkToDeltaMatcher = MarkdownASTToDeltaExtension({
   name: 'link',
   match: ast => ast.type === 'link',
   toDelta: (ast, context) => {
@@ -119,15 +119,15 @@ export const markdownLinkToDeltaMatcher: MarkdownASTToDeltaMatcher = {
       })
     );
   },
-};
+});
 
-export const markdownListToDeltaMatcher: MarkdownASTToDeltaMatcher = {
+export const markdownListToDeltaMatcher = MarkdownASTToDeltaExtension({
   name: 'list',
   match: ast => ast.type === 'list',
   toDelta: () => [],
-};
+});
 
-export const markdownInlineMathToDeltaMatcher: MarkdownASTToDeltaMatcher = {
+export const markdownInlineMathToDeltaMatcher = MarkdownASTToDeltaExtension({
   name: 'inlineMath',
   match: ast => ast.type === 'inlineMath',
   toDelta: ast => {
@@ -136,9 +136,9 @@ export const markdownInlineMathToDeltaMatcher: MarkdownASTToDeltaMatcher = {
     }
     return [{ insert: ' ', attributes: { latex: ast.value } }];
   },
-};
+});
 
-export const markdownInlineToDeltaMatchers: MarkdownASTToDeltaMatcher[] = [
+export const markdownInlineToDeltaMatchers = [
   markdownTextToDeltaMatcher,
   markdownInlineCodeToDeltaMatcher,
   markdownStrongToDeltaMatcher,

blocksuite/blocks/src/_common/adapters/markdown/gfm.ts

@@ -1,69 +0,0 @@
-/*
-MIT License
-
-Copyright (c) 2020 Titus Wormer <tituswormer@gmail.com>
-
-mdast-util-gfm-autolink-literal is from markdown only.
-mdast-util-gfm-footnote is not included.
-*/
-import { gfmAutolinkLiteralFromMarkdown } from 'mdast-util-gfm-autolink-literal';
-import {
-  gfmStrikethroughFromMarkdown,
-  gfmStrikethroughToMarkdown,
-} from 'mdast-util-gfm-strikethrough';
-import { gfmTableFromMarkdown, gfmTableToMarkdown } from 'mdast-util-gfm-table';
-import {
-  gfmTaskListItemFromMarkdown,
-  gfmTaskListItemToMarkdown,
-} from 'mdast-util-gfm-task-list-item';
-import { gfmAutolinkLiteral } from 'micromark-extension-gfm-autolink-literal';
-import { gfmStrikethrough } from 'micromark-extension-gfm-strikethrough';
-import { gfmTable } from 'micromark-extension-gfm-table';
-import { gfmTaskListItem } from 'micromark-extension-gfm-task-list-item';
-import { combineExtensions } from 'micromark-util-combine-extensions';
-import type { Processor } from 'unified';
-
-export function gfm() {
-  return combineExtensions([
-    gfmAutolinkLiteral(),
-    gfmStrikethrough(),
-    gfmTable(),
-    gfmTaskListItem(),
-  ]);
-}
-
-function gfmFromMarkdown() {
-  return [
-    gfmStrikethroughFromMarkdown(),
-    gfmTableFromMarkdown(),
-    gfmTaskListItemFromMarkdown(),
-    gfmAutolinkLiteralFromMarkdown(),
-  ];
-}
-
-function gfmToMarkdown() {
-  return {
-    extensions: [
-      gfmStrikethroughToMarkdown(),
-      gfmTableToMarkdown(),
-      gfmTaskListItemToMarkdown(),
-    ],
-  };
-}
-
-export function remarkGfm(this: Processor) {
-  // eslint-disable-next-line @typescript-eslint/no-this-alias
-  const self = this;
-  const data = self.data();
-
-  const micromarkExtensions =
-    data.micromarkExtensions || (data.micromarkExtensions = []);
-  const fromMarkdownExtensions =
-    data.fromMarkdownExtensions || (data.fromMarkdownExtensions = []);
-  const toMarkdownExtensions =
-    data.toMarkdownExtensions || (data.toMarkdownExtensions = []);
-
-  micromarkExtensions.push(gfm());
-  fromMarkdownExtensions.push(gfmFromMarkdown());
-  toMarkdownExtensions.push(gfmToMarkdown());
-}

blocksuite/blocks/src/_common/adapters/markdown/index.ts

@@ -1,6 +1,3 @@
 export { defaultBlockMarkdownAdapterMatchers } from './block-matcher.js';
-export {
-  MarkdownAdapter,
-  MarkdownAdapterFactoryExtension,
-  MarkdownAdapterFactoryIdentifier,
-} from './markdown.js';
+export { inlineDeltaToMarkdownAdapterMatchers } from './delta-converter/inline-delta.js';
+export { markdownInlineToDeltaMatchers } from './delta-converter/markdown-inline.js';

blocksuite/blocks/src/_common/adapters/markdown/markdown.ts

@@ -1,452 +0,0 @@
-import { DefaultTheme, NoteDisplayMode } from '@blocksuite/affine-model';
-import {
-  type AdapterContext,
-  AdapterFactoryIdentifier,
-  type BlockMarkdownAdapterMatcher,
-  BlockMarkdownAdapterMatcherIdentifier,
-  type Markdown,
-  type MarkdownAST,
-  MarkdownDeltaConverter,
-} from '@blocksuite/affine-shared/adapters';
-import type { ExtensionType } from '@blocksuite/block-std';
-import {
-  type AssetsManager,
-  ASTWalker,
-  BaseAdapter,
-  type BlockSnapshot,
-  BlockSnapshotSchema,
-  type DocSnapshot,
-  type FromBlockSnapshotPayload,
-  type FromBlockSnapshotResult,
-  type FromDocSnapshotPayload,
-  type FromDocSnapshotResult,
-  type FromSliceSnapshotPayload,
-  type FromSliceSnapshotResult,
-  type Job,
-  nanoid,
-  type SliceSnapshot,
-  type ToBlockSnapshotPayload,
-  type ToDocSnapshotPayload,
-} from '@blocksuite/store';
-import type { Root } from 'mdast';
-import remarkMath from 'remark-math';
-import remarkParse from 'remark-parse';
-import remarkStringify from 'remark-stringify';
-import { unified } from 'unified';
-
-import { defaultBlockMarkdownAdapterMatchers } from './block-matcher.js';
-import { inlineDeltaToMarkdownAdapterMatchers } from './delta-converter/inline-delta.js';
-import { markdownInlineToDeltaMatchers } from './delta-converter/markdown-inline.js';
-import { remarkGfm } from './gfm.js';
-
-type MarkdownToSliceSnapshotPayload = {
-  file: Markdown;
-  assets?: AssetsManager;
-  workspaceId: string;
-  pageId: string;
-};
-
-export class MarkdownAdapter extends BaseAdapter<Markdown> {
-  private readonly _traverseMarkdown = (
-    markdown: MarkdownAST,
-    snapshot: BlockSnapshot,
-    assets?: AssetsManager
-  ) => {
-    const walker = new ASTWalker<MarkdownAST, BlockSnapshot>();
-    walker.setONodeTypeGuard(
-      (node): node is MarkdownAST =>
-        !Array.isArray(node) &&
-        'type' in (node as object) &&
-        (node as MarkdownAST).type !== undefined
-    );
-    walker.setEnter(async (o, context) => {
-      for (const matcher of this.blockMatchers) {
-        if (matcher.toMatch(o)) {
-          const adapterContext: AdapterContext<
-            MarkdownAST,
-            BlockSnapshot,
-            MarkdownDeltaConverter
-          > = {
-            walker,
-            walkerContext: context,
-            configs: this.configs,
-            job: this.job,
-            deltaConverter: this.deltaConverter,
-            textBuffer: { content: '' },
-            assets,
-          };
-          await matcher.toBlockSnapshot.enter?.(o, adapterContext);
-        }
-      }
-    });
-    walker.setLeave(async (o, context) => {
-      for (const matcher of this.blockMatchers) {
-        if (matcher.toMatch(o)) {
-          const adapterContext: AdapterContext<
-            MarkdownAST,
-            BlockSnapshot,
-            MarkdownDeltaConverter
-          > = {
-            walker,
-            walkerContext: context,
-            configs: this.configs,
-            job: this.job,
-            deltaConverter: this.deltaConverter,
-            textBuffer: { content: '' },
-            assets,
-          };
-          await matcher.toBlockSnapshot.leave?.(o, adapterContext);
-        }
-      }
-    });
-    return walker.walk(markdown, snapshot);
-  };
-
-  private readonly _traverseSnapshot = async (
-    snapshot: BlockSnapshot,
-    markdown: MarkdownAST,
-    assets?: AssetsManager
-  ) => {
-    const assetsIds: string[] = [];
-    const walker = new ASTWalker<BlockSnapshot, MarkdownAST>();
-    walker.setONodeTypeGuard(
-      (node): node is BlockSnapshot =>
-        BlockSnapshotSchema.safeParse(node).success
-    );
-    walker.setEnter(async (o, context) => {
-      for (const matcher of this.blockMatchers) {
-        if (matcher.fromMatch(o)) {
-          const adapterContext: AdapterContext<
-            BlockSnapshot,
-            MarkdownAST,
-            MarkdownDeltaConverter
-          > = {
-            walker,
-            walkerContext: context,
-            configs: this.configs,
-            job: this.job,
-            deltaConverter: this.deltaConverter,
-            textBuffer: { content: '' },
-            assets,
-            updateAssetIds: (assetsId: string) => {
-              assetsIds.push(assetsId);
-            },
-          };
-          await matcher.fromBlockSnapshot.enter?.(o, adapterContext);
-        }
-      }
-    });
-    walker.setLeave(async (o, context) => {
-      for (const matcher of this.blockMatchers) {
-        if (matcher.fromMatch(o)) {
-          const adapterContext: AdapterContext<
-            BlockSnapshot,
-            MarkdownAST,
-            MarkdownDeltaConverter
-          > = {
-            walker,
-            walkerContext: context,
-            configs: this.configs,
-            job: this.job,
-            deltaConverter: this.deltaConverter,
-            textBuffer: { content: '' },
-            assets,
-          };
-          await matcher.fromBlockSnapshot.leave?.(o, adapterContext);
-        }
-      }
-    });
-    return {
-      ast: (await walker.walk(snapshot, markdown)) as Root,
-      assetsIds,
-    };
-  };
-
-  deltaConverter: MarkdownDeltaConverter;
-
-  constructor(
-    job: Job,
-    readonly blockMatchers: BlockMarkdownAdapterMatcher[] = defaultBlockMarkdownAdapterMatchers
-  ) {
-    super(job);
-    this.deltaConverter = new MarkdownDeltaConverter(
-      job.adapterConfigs,
-      inlineDeltaToMarkdownAdapterMatchers,
-      markdownInlineToDeltaMatchers
-    );
-  }
-
-  private _astToMarkdown(ast: Root) {
-    return unified()
-      .use(remarkGfm)
-      .use(remarkStringify, {
-        resourceLink: true,
-      })
-      .use(remarkMath)
-      .stringify(ast)
-      .replace(/&#x20;\n/g, ' \n');
-  }
-
-  private _markdownToAst(markdown: Markdown) {
-    return unified()
-      .use(remarkParse)
-      .use(remarkGfm)
-      .use(remarkMath)
-      .parse(markdown);
-  }
-
-  async fromBlockSnapshot({
-    snapshot,
-    assets,
-  }: FromBlockSnapshotPayload): Promise<FromBlockSnapshotResult<Markdown>> {
-    const root: Root = {
-      type: 'root',
-      children: [],
-    };
-    const { ast, assetsIds } = await this._traverseSnapshot(
-      snapshot,
-      root,
-      assets
-    );
-    return {
-      file: this._astToMarkdown(ast),
-      assetsIds,
-    };
-  }
-
-  async fromDocSnapshot({
-    snapshot,
-    assets,
-  }: FromDocSnapshotPayload): Promise<FromDocSnapshotResult<Markdown>> {
-    let buffer = '';
-    const { file, assetsIds } = await this.fromBlockSnapshot({
-      snapshot: snapshot.blocks,
-      assets,
-    });
-    buffer += file;
-    return {
-      file: buffer,
-      assetsIds,
-    };
-  }
-
-  async fromSliceSnapshot({
-    snapshot,
-    assets,
-  }: FromSliceSnapshotPayload): Promise<FromSliceSnapshotResult<Markdown>> {
-    let buffer = '';
-    const sliceAssetsIds: string[] = [];
-    for (const contentSlice of snapshot.content) {
-      const root: Root = {
-        type: 'root',
-        children: [],
-      };
-      const { ast, assetsIds } = await this._traverseSnapshot(
-        contentSlice,
-        root,
-        assets
-      );
-      sliceAssetsIds.push(...assetsIds);
-      buffer += this._astToMarkdown(ast);
-    }
-    const markdown =
-      buffer.match(/\n/g)?.length === 1 ? buffer.trimEnd() : buffer;
-    return {
-      file: markdown,
-      assetsIds: sliceAssetsIds,
-    };
-  }
-
-  async toBlockSnapshot(
-    payload: ToBlockSnapshotPayload<Markdown>
-  ): Promise<BlockSnapshot> {
-    const markdownAst = this._markdownToAst(payload.file);
-    const blockSnapshotRoot = {
-      type: 'block',
-      id: nanoid(),
-      flavour: 'affine:note',
-      props: {
-        xywh: '[0,0,800,95]',
-        background: DefaultTheme.noteBackgrounColor,
-        index: 'a0',
-        hidden: false,
-        displayMode: NoteDisplayMode.DocAndEdgeless,
-      },
-      children: [],
-    };
-    return this._traverseMarkdown(
-      markdownAst,
-      blockSnapshotRoot as BlockSnapshot,
-      payload.assets
-    );
-  }
-
-  async toDocSnapshot(
-    payload: ToDocSnapshotPayload<Markdown>
-  ): Promise<DocSnapshot> {
-    const markdownAst = this._markdownToAst(payload.file);
-    const blockSnapshotRoot = {
-      type: 'block',
-      id: nanoid(),
-      flavour: 'affine:note',
-      props: {
-        xywh: '[0,0,800,95]',
-        background: DefaultTheme.noteBackgrounColor,
-        index: 'a0',
-        hidden: false,
-        displayMode: NoteDisplayMode.DocAndEdgeless,
-      },
-      children: [],
-    };
-    return {
-      type: 'page',
-      meta: {
-        id: nanoid(),
-        title: 'Untitled',
-        createDate: Date.now(),
-        tags: [],
-      },
-      blocks: {
-        type: 'block',
-        id: nanoid(),
-        flavour: 'affine:page',
-        props: {
-          title: {
-            '$blocksuite:internal:text$': true,
-            delta: [
-              {
-                insert: 'Untitled',
-              },
-            ],
-          },
-        },
-        children: [
-          {
-            type: 'block',
-            id: nanoid(),
-            flavour: 'affine:surface',
-            props: {
-              elements: {},
-            },
-            children: [],
-          },
-          await this._traverseMarkdown(
-            markdownAst,
-            blockSnapshotRoot as BlockSnapshot,
-            payload.assets
-          ),
-        ],
-      },
-    };
-  }
-
-  async toSliceSnapshot(
-    payload: MarkdownToSliceSnapshotPayload
-  ): Promise<SliceSnapshot | null> {
-    let codeFence = '';
-    payload.file = payload.file
-      .split('\n')
-      .map(line => {
-        if (line.trimStart().startsWith('-')) {
-          return line;
-        }
-        let trimmedLine = line.trimStart();
-        if (!codeFence && trimmedLine.startsWith('```')) {
-          codeFence = trimmedLine.substring(
-            0,
-            trimmedLine.lastIndexOf('```') + 3
-          );
-          if (codeFence.split('').every(c => c === '`')) {
-            return line;
-          }
-          codeFence = '';
-        }
-        if (!codeFence && trimmedLine.startsWith('~~~')) {
-          codeFence = trimmedLine.substring(
-            0,
-            trimmedLine.lastIndexOf('~~~') + 3
-          );
-          if (codeFence.split('').every(c => c === '~')) {
-            return line;
-          }
-          codeFence = '';
-        }
-        if (
-          !!codeFence &&
-          trimmedLine.startsWith(codeFence) &&
-          trimmedLine.lastIndexOf(codeFence) === 0
-        ) {
-          codeFence = '';
-        }
-        if (codeFence) {
-          return line;
-        }
-
-        trimmedLine = trimmedLine.trimEnd();
-        if (!trimmedLine.startsWith('<') && !trimmedLine.endsWith('>')) {
-          // check if it is a url link and wrap it with the angle brackets
-          // sometimes the url includes emphasis `_` that will break URL parsing
-          //
-          // eg. /MuawcBMT1Mzvoar09-_66?mode=page&blockIds=rL2_GXbtLU2SsJVfCSmh_
-          // https://www.markdownguide.org/basic-syntax/#urls-and-email-addresses
-          try {
-            const valid =
-              URL.canParse?.(trimmedLine) ?? Boolean(new URL(trimmedLine));
-            if (valid) {
-              return `<${trimmedLine}>`;
-            }
-          } catch (err) {
-            console.log(err);
-          }
-        }
-
-        return line.replace(/^ /, '&#x20;');
-      })
-      .join('\n');
-    const markdownAst = this._markdownToAst(payload.file);
-    const blockSnapshotRoot = {
-      type: 'block',
-      id: nanoid(),
-      flavour: 'affine:note',
-      props: {
-        xywh: '[0,0,800,95]',
-        background: DefaultTheme.noteBackgrounColor,
-        index: 'a0',
-        hidden: false,
-        displayMode: NoteDisplayMode.DocAndEdgeless,
-      },
-      children: [],
-    } as BlockSnapshot;
-    const contentSlice = (await this._traverseMarkdown(
-      markdownAst,
-      blockSnapshotRoot,
-      payload.assets
-    )) as BlockSnapshot;
-    if (contentSlice.children.length === 0) {
-      return null;
-    }
-    return {
-      type: 'slice',
-      content: [contentSlice],
-      workspaceId: payload.workspaceId,
-      pageId: payload.pageId,
-    };
-  }
-}
-
-export const MarkdownAdapterFactoryIdentifier =
-  AdapterFactoryIdentifier('Markdown');
-
-export const MarkdownAdapterFactoryExtension: ExtensionType = {
-  setup: di => {
-    di.addImpl(MarkdownAdapterFactoryIdentifier, provider => ({
-      get: (job: Job) =>
-        new MarkdownAdapter(
-          job,
-          Array.from(
-            provider.getAll(BlockMarkdownAdapterMatcherIdentifier).values()
-          )
-        ),
-    }));
-  },
-};

blocksuite/blocks/src/_common/adapters/mix-text.ts

@@ -1,6 +1,10 @@
 import { DefaultTheme, NoteDisplayMode } from '@blocksuite/affine-model';
-import { AdapterFactoryIdentifier } from '@blocksuite/affine-shared/adapters';
+import {
+  AdapterFactoryIdentifier,
+  MarkdownAdapter,
+} from '@blocksuite/affine-shared/adapters';
 import type { ExtensionType } from '@blocksuite/block-std';
+import type { ServiceProvider } from '@blocksuite/global/di';
 import type { DeltaInsert } from '@blocksuite/inline';
 import {
   type AssetsManager,
@@ -22,8 +26,6 @@ import {
   type ToDocSnapshotPayload,
 } from '@blocksuite/store';
 
-import { MarkdownAdapter } from './markdown/index.js';
-
 export type MixText = string;
 
 type MixTextToSliceSnapshotPayload = {
@@ -37,9 +39,9 @@ type MixTextToSliceSnapshotPayload = {
 export class MixTextAdapter extends BaseAdapter<MixText> {
   private readonly _markdownAdapter: MarkdownAdapter;
 
-  constructor(job: Job) {
+  constructor(job: Job, provider: ServiceProvider) {
     super(job);
-    this._markdownAdapter = new MarkdownAdapter(job);
+    this._markdownAdapter = new MarkdownAdapter(job, provider);
   }
 
   private _splitDeltas(deltas: DeltaInsert[]): DeltaInsert[][] {
@@ -353,8 +355,8 @@ export const MixTextAdapterFactoryIdentifier =
 
 export const MixTextAdapterFactoryExtension: ExtensionType = {
   setup: di => {
-    di.addImpl(MixTextAdapterFactoryIdentifier, () => ({
-      get: (job: Job) => new MixTextAdapter(job),
+    di.addImpl(MixTextAdapterFactoryIdentifier, provider => ({
+      get: (job: Job) => new MixTextAdapter(job, provider),
     }));
   },
 };

blocksuite/blocks/src/_common/transformers/markdown.ts

@@ -1,9 +1,13 @@
+import { MarkdownAdapter } from '@blocksuite/affine-shared/adapters';
+import { Container } from '@blocksuite/global/di';
 import { BlockSuiteError, ErrorCode } from '@blocksuite/global/exceptions';
 import { assertExists, sha } from '@blocksuite/global/utils';
 import type { Doc, DocCollection } from '@blocksuite/store';
 import { extMimeMap, Job } from '@blocksuite/store';
 
-import { MarkdownAdapter } from '../adapters/markdown/index.js';
+import { defaultBlockMarkdownAdapterMatchers } from '../adapters/index.js';
+import { inlineDeltaToMarkdownAdapterMatchers } from '../adapters/markdown/delta-converter/inline-delta.js';
+import { markdownInlineToDeltaMatchers } from '../adapters/markdown/delta-converter/markdown-inline.js';
 import {
   defaultImageProxyMiddleware,
   docLinkBaseURLMiddleware,
@@ -12,6 +16,17 @@ import {
 } from './middlewares.js';
 import { createAssetsArchive, download, Unzip } from './utils.js';
 
+const container = new Container();
+[
+  ...markdownInlineToDeltaMatchers,
+  ...defaultBlockMarkdownAdapterMatchers,
+  ...inlineDeltaToMarkdownAdapterMatchers,
+].forEach(ext => {
+  ext.setup(container);
+});
+
+const provider = container.provider();
+
 type ImportMarkdownToBlockOptions = {
   doc: Doc;
   markdown: string;
@@ -41,7 +56,7 @@ async function exportDoc(doc: Doc) {
   });
   const snapshot = job.docToSnapshot(doc);
 
-  const adapter = new MarkdownAdapter(job);
+  const adapter = new MarkdownAdapter(job, provider);
   if (!snapshot) {
     return;
   }
@@ -89,7 +104,7 @@ async function importMarkdownToBlock({
     collection: doc.collection,
     middlewares: [defaultImageProxyMiddleware, docLinkBaseURLMiddleware],
   });
-  const adapter = new MarkdownAdapter(job);
+  const adapter = new MarkdownAdapter(job, provider);
   const snapshot = await adapter.toSliceSnapshot({
     file: markdown,
     assets: job.assetsManager,
@@ -129,7 +144,7 @@ async function importMarkdownToDoc({
       docLinkBaseURLMiddleware,
     ],
   });
-  const mdAdapter = new MarkdownAdapter(job);
+  const mdAdapter = new MarkdownAdapter(job, provider);
   const page = await mdAdapter.toDoc({
     file: markdown,
     assets: job.assetsManager,
@@ -195,7 +210,7 @@ async function importMarkdownZip({
       for (const [key, value] of pendingPathBlobIdMap.entries()) {
         pathBlobIdMap.set(key, value);
       }
-      const mdAdapter = new MarkdownAdapter(job);
+      const mdAdapter = new MarkdownAdapter(job, provider);
       const markdown = await blob.text();
       const doc = await mdAdapter.toDoc({
         file: markdown,