feat(editor): reference, mention and latex inline extension (#11914)

Closes: BS-3215
Closes: BS-3218
Closes: BS-3217

blocksuite/affine/inlines/latex/package.json

@@ -11,6 +11,7 @@
   "license": "MIT",
   "dependencies": {
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-ext-loader": "workspace:*",
     "@blocksuite/affine-inline-reference": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
@@ -40,7 +41,9 @@
   },
   "exports": {
     ".": "./src/index.ts",
-    "./effects": "./src/effects.ts"
+    "./effects": "./src/effects.ts",
+    "./view": "./src/view.ts",
+    "./store": "./src/store.ts"
   },
   "files": [
     "src",

blocksuite/affine/inlines/latex/src/store.ts

@@ -0,0 +1,21 @@
+import {
+  type StoreExtensionContext,
+  StoreExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+
+import {
+  latexDeltaMarkdownAdapterMatch,
+  latexDeltaToMarkdownAdapterMatcher,
+  markdownInlineMathToDeltaMatcher,
+} from './adapters';
+
+export class LatexStoreExtension extends StoreExtensionProvider {
+  override name = 'affine-latex-inline';
+
+  override setup(context: StoreExtensionContext) {
+    super.setup(context);
+    context.register(latexDeltaMarkdownAdapterMatch);
+    context.register(latexDeltaToMarkdownAdapterMatcher);
+    context.register(markdownInlineMathToDeltaMatcher);
+  }
+}

blocksuite/affine/inlines/latex/src/view.ts

@@ -0,0 +1,29 @@
+import {
+  type ViewExtensionContext,
+  ViewExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+
+import { effects } from './effects';
+import {
+  LatexEditorUnitSpecExtension,
+  LatexInlineSpecExtension,
+} from './inline-spec';
+import { LatexEditorInlineManagerExtension } from './latex-node/latex-editor-menu';
+
+export class LatexViewExtension extends ViewExtensionProvider {
+  override name = 'affine-latex-inline';
+
+  override effect(): void {
+    super.effect();
+    effects();
+  }
+
+  override setup(context: ViewExtensionContext) {
+    super.setup(context);
+    context.register([
+      LatexInlineSpecExtension,
+      LatexEditorUnitSpecExtension,
+      LatexEditorInlineManagerExtension,
+    ]);
+  }
+}

blocksuite/affine/inlines/latex/tsconfig.json

@@ -8,6 +8,7 @@
   "include": ["./src"],
   "references": [
     { "path": "../../components" },
+    { "path": "../../ext-loader" },
     { "path": "../reference" },
     { "path": "../../model" },
     { "path": "../../rich-text" },

blocksuite/affine/inlines/mention/package.json

@@ -11,6 +11,7 @@
   "license": "MIT",
   "dependencies": {
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-ext-loader": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",
     "@blocksuite/global": "workspace:*",
@@ -33,7 +34,8 @@
   },
   "exports": {
     ".": "./src/index.ts",
-    "./effects": "./src/effects.ts"
+    "./effects": "./src/effects.ts",
+    "./view": "./src/view.ts"
   },
   "files": [
     "src",

blocksuite/affine/inlines/mention/src/view.ts

@@ -0,0 +1,21 @@
+import {
+  type ViewExtensionContext,
+  ViewExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+
+import { effects } from './effects';
+import { MentionInlineSpecExtension } from './inline-spec';
+
+export class MentionViewExtension extends ViewExtensionProvider {
+  override name = 'affine-mention-inline';
+
+  override effect(): void {
+    super.effect();
+    effects();
+  }
+
+  override setup(context: ViewExtensionContext): void {
+    super.setup(context);
+    context.register(MentionInlineSpecExtension);
+  }
+}

blocksuite/affine/inlines/mention/tsconfig.json

@@ -8,6 +8,7 @@
   "include": ["./src"],
   "references": [
     { "path": "../../components" },
+    { "path": "../../ext-loader" },
     { "path": "../../model" },
     { "path": "../../shared" },
     { "path": "../../../framework/global" },

blocksuite/affine/inlines/preset/src/adapters/extensions.ts

@@ -5,12 +5,10 @@ import { InlineDeltaToHtmlAdapterExtensions } from './html/inline-delta';
 import { InlineDeltaToMarkdownAdapterExtensions } from './markdown/inline-delta';
 import { MarkdownInlineToDeltaAdapterExtensions } from './markdown/markdown-inline';
 import { NotionHtmlInlineToDeltaAdapterExtensions } from './notion-html/html-inline';
-import { InlineDeltaToPlainTextAdapterExtensions } from './plain-text/inline-delta';
 
 export const InlineAdapterExtensions: ExtensionType[] = [
   HtmlInlineToDeltaAdapterExtensions,
   InlineDeltaToHtmlAdapterExtensions,
-  InlineDeltaToPlainTextAdapterExtensions,
   NotionHtmlInlineToDeltaAdapterExtensions,
   InlineDeltaToMarkdownAdapterExtensions,
   MarkdownInlineToDeltaAdapterExtensions,
@@ -21,4 +19,3 @@ export * from './html/inline-delta';
 export * from './markdown/inline-delta';
 export * from './markdown/markdown-inline';
 export * from './notion-html/html-inline';
-export * from './plain-text/inline-delta';

blocksuite/affine/inlines/preset/src/adapters/html/inline-delta.ts

@@ -1,4 +1,3 @@
-import { referenceDeltaToHtmlAdapterMatcher } from '@blocksuite/affine-inline-reference';
 import type { InlineHtmlAST } from '@blocksuite/affine-shared/adapters';
 import { InlineDeltaToHtmlAdapterExtension } from '@blocksuite/affine-shared/adapters';
 import { ThemeProvider } from '@blocksuite/affine-shared/services';
@@ -152,5 +151,4 @@ export const InlineDeltaToHtmlAdapterExtensions = [
   highlightBackgroundDeltaToHtmlAdapterMatcher,
   highlightColorDeltaToHtmlAdapterMatcher,
   inlineCodeDeltaToHtmlAdapterMatcher,
-  referenceDeltaToHtmlAdapterMatcher,
 ];

blocksuite/affine/inlines/preset/src/adapters/markdown/inline-delta.ts

@@ -1,5 +1,3 @@
-import { latexDeltaToMarkdownAdapterMatcher } from '@blocksuite/affine-inline-latex';
-import { referenceDeltaToMarkdownAdapterMatcher } from '@blocksuite/affine-inline-reference';
 import { InlineDeltaToMarkdownAdapterExtension } from '@blocksuite/affine-shared/adapters';
 
 export const boldDeltaToMarkdownAdapterMatcher =
@@ -52,10 +50,8 @@ export const inlineCodeDeltaToMarkdownAdapterMatcher =
   });
 
 export const InlineDeltaToMarkdownAdapterExtensions = [
-  referenceDeltaToMarkdownAdapterMatcher,
   inlineCodeDeltaToMarkdownAdapterMatcher,
   boldDeltaToMarkdownAdapterMatcher,
   italicDeltaToMarkdownAdapterMatcher,
   strikeDeltaToMarkdownAdapterMatcher,
-  latexDeltaToMarkdownAdapterMatcher,
 ];

blocksuite/affine/inlines/preset/src/adapters/markdown/markdown-inline.ts

@@ -1,4 +1,3 @@
-import { markdownInlineMathToDeltaMatcher } from '@blocksuite/affine-inline-latex';
 import { MarkdownASTToDeltaExtension } from '@blocksuite/affine-shared/adapters';
 
 export const markdownTextToDeltaMatcher = MarkdownASTToDeltaExtension({
@@ -94,7 +93,6 @@ export const MarkdownInlineToDeltaAdapterExtensions = [
   markdownStrongToDeltaMatcher,
   markdownEmphasisToDeltaMatcher,
   markdownDeleteToDeltaMatcher,
-  markdownInlineMathToDeltaMatcher,
   markdownListToDeltaMatcher,
   markdownHtmlToDeltaMatcher,
 ];

blocksuite/affine/inlines/preset/src/adapters/plain-text/inline-delta.ts

@@ -1,8 +0,0 @@
-import { latexDeltaMarkdownAdapterMatch } from '@blocksuite/affine-inline-latex';
-import { referenceDeltaMarkdownAdapterMatch } from '@blocksuite/affine-inline-reference';
-import type { ExtensionType } from '@blocksuite/store';
-
-export const InlineDeltaToPlainTextAdapterExtensions: ExtensionType[] = [
-  referenceDeltaMarkdownAdapterMatch,
-  latexDeltaMarkdownAdapterMatch,
-];

blocksuite/affine/inlines/preset/src/inline-spec.ts

@@ -1,6 +1,3 @@
-import { inlineLatexExtensions } from '@blocksuite/affine-inline-latex';
-import { inlineMentionExtensions } from '@blocksuite/affine-inline-mention';
-import { inlineReferenceExtensions } from '@blocksuite/affine-inline-reference';
 import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
 import {
   type InlineRootElement,
@@ -104,7 +101,4 @@ export const InlineSpecExtensions: ExtensionType[] = [
   CodeInlineSpecExtension,
   BackgroundInlineSpecExtension,
   ColorInlineSpecExtension,
-  ...inlineReferenceExtensions,
-  ...inlineLatexExtensions,
-  ...inlineMentionExtensions,
 ];

blocksuite/affine/inlines/reference/package.json

@@ -11,6 +11,7 @@
   "license": "MIT",
   "dependencies": {
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-ext-loader": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",
     "@blocksuite/global": "workspace:*",
@@ -33,7 +34,9 @@
   },
   "exports": {
     ".": "./src/index.ts",
-    "./effects": "./src/effects.ts"
+    "./effects": "./src/effects.ts",
+    "./store": "./src/store.ts",
+    "./view": "./src/view.ts"
   },
   "files": [
     "src",

blocksuite/affine/inlines/reference/src/store.ts

@@ -0,0 +1,21 @@
+import {
+  type StoreExtensionContext,
+  StoreExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+
+import {
+  referenceDeltaMarkdownAdapterMatch,
+  referenceDeltaToHtmlAdapterMatcher,
+  referenceDeltaToMarkdownAdapterMatcher,
+} from './adapters';
+
+export class ReferenceStoreExtension extends StoreExtensionProvider {
+  override name = 'affine-reference-inline';
+
+  override setup(context: StoreExtensionContext) {
+    super.setup(context);
+    context.register(referenceDeltaToHtmlAdapterMatcher);
+    context.register(referenceDeltaToMarkdownAdapterMatcher);
+    context.register(referenceDeltaMarkdownAdapterMatch);
+  }
+}

blocksuite/affine/inlines/reference/src/view.ts

@@ -0,0 +1,25 @@
+import {
+  type ViewExtensionContext,
+  ViewExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+
+import { effects } from './effects';
+import { ReferenceInlineSpecExtension } from './inline-spec';
+import { RefNodeSlotsExtension } from './reference-node';
+import { referenceNodeToolbar } from './toolbar';
+
+export class ReferenceViewExtension extends ViewExtensionProvider {
+  override name = 'affine-reference-inline';
+
+  override effect(): void {
+    super.effect();
+    effects();
+  }
+
+  override setup(context: ViewExtensionContext) {
+    super.setup(context);
+    context.register(referenceNodeToolbar);
+    context.register(ReferenceInlineSpecExtension);
+    context.register(RefNodeSlotsExtension);
+  }
+}

blocksuite/affine/inlines/reference/tsconfig.json

@@ -8,6 +8,7 @@
   "include": ["./src"],
   "references": [
     { "path": "../../components" },
+    { "path": "../../ext-loader" },
     { "path": "../../model" },
     { "path": "../../shared" },
     { "path": "../../../framework/global" },