feat(editor): link inline extension (#11910)

Closes: BS-3216

blocksuite/affine/inlines/link/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-shared": "workspace:*",
@@ -34,7 +35,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/link/src/store.ts

@@ -0,0 +1,27 @@
+import {
+  type StoreExtensionContext,
+  StoreExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+
+import {
+  htmlLinkElementToDeltaMatcher,
+  linkDeltaMarkdownAdapterMatch,
+  linkDeltaToHtmlAdapterMatcher,
+  linkDeltaToMarkdownAdapterMatcher,
+  markdownLinkToDeltaMatcher,
+  notionHtmlLinkElementToDeltaMatcher,
+} from './adapters';
+
+export class LinkStoreExtension extends StoreExtensionProvider {
+  override name = 'affine-link-inline';
+
+  override setup(context: StoreExtensionContext) {
+    super.setup(context);
+    context.register(linkDeltaMarkdownAdapterMatch);
+    context.register(linkDeltaToMarkdownAdapterMatcher);
+    context.register(notionHtmlLinkElementToDeltaMatcher);
+    context.register(markdownLinkToDeltaMatcher);
+    context.register(htmlLinkElementToDeltaMatcher);
+    context.register(linkDeltaToHtmlAdapterMatcher);
+  }
+}

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

@@ -0,0 +1,23 @@
+import {
+  type ViewExtensionContext,
+  ViewExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+
+import { effects } from './effects';
+import { LinkInlineSpecExtension } from './inline-spec';
+import { linkToolbar } from './toolbar';
+
+export class LinkViewExtension extends ViewExtensionProvider {
+  override name = 'affine-link-inline';
+
+  override effect(): void {
+    super.effect();
+    effects();
+  }
+
+  override setup(context: ViewExtensionContext): void {
+    super.setup(context);
+    context.register(LinkInlineSpecExtension);
+    context.register(linkToolbar);
+  }
+}

blocksuite/affine/inlines/link/tsconfig.json

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

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

@@ -1,4 +1,3 @@
-import { htmlLinkElementToDeltaMatcher } from '@blocksuite/affine-inline-link';
 import {
   type HtmlAST,
   HtmlASTToDeltaExtension,
@@ -169,7 +168,6 @@ export const HtmlInlineToDeltaAdapterExtensions = [
   htmlCodeElementToDeltaMatcher,
   htmlDelElementToDeltaMatcher,
   htmlUnderlineElementToDeltaMatcher,
-  htmlLinkElementToDeltaMatcher,
   htmlMarkElementToDeltaMatcher,
   htmlBrElementToDeltaMatcher,
 ];

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

@@ -1,4 +1,3 @@
-import { linkDeltaToHtmlAdapterMatcher } from '@blocksuite/affine-inline-link';
 import { referenceDeltaToHtmlAdapterMatcher } from '@blocksuite/affine-inline-reference';
 import type { InlineHtmlAST } from '@blocksuite/affine-shared/adapters';
 import { InlineDeltaToHtmlAdapterExtension } from '@blocksuite/affine-shared/adapters';
@@ -154,5 +153,4 @@ export const InlineDeltaToHtmlAdapterExtensions = [
   highlightColorDeltaToHtmlAdapterMatcher,
   inlineCodeDeltaToHtmlAdapterMatcher,
   referenceDeltaToHtmlAdapterMatcher,
-  linkDeltaToHtmlAdapterMatcher,
 ];

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

@@ -1,5 +1,4 @@
 import { latexDeltaToMarkdownAdapterMatcher } from '@blocksuite/affine-inline-latex';
-import { linkDeltaToMarkdownAdapterMatcher } from '@blocksuite/affine-inline-link';
 import { referenceDeltaToMarkdownAdapterMatcher } from '@blocksuite/affine-inline-reference';
 import { InlineDeltaToMarkdownAdapterExtension } from '@blocksuite/affine-shared/adapters';
 
@@ -54,7 +53,6 @@ export const inlineCodeDeltaToMarkdownAdapterMatcher =
 
 export const InlineDeltaToMarkdownAdapterExtensions = [
   referenceDeltaToMarkdownAdapterMatcher,
-  linkDeltaToMarkdownAdapterMatcher,
   inlineCodeDeltaToMarkdownAdapterMatcher,
   boldDeltaToMarkdownAdapterMatcher,
   italicDeltaToMarkdownAdapterMatcher,

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

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

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

@@ -1,4 +1,3 @@
-import { notionHtmlLinkElementToDeltaMatcher } from '@blocksuite/affine-inline-link';
 import {
   HastUtils,
   type HtmlAST,
@@ -249,7 +248,6 @@ export const NotionHtmlInlineToDeltaAdapterExtensions: ExtensionType[] = [
   notionHtmlCodeElementToDeltaMatcher,
   notionHtmlDelElementToDeltaMatcher,
   notionHtmlUnderlineElementToDeltaMatcher,
-  notionHtmlLinkElementToDeltaMatcher,
   notionHtmlMarkElementToDeltaMatcher,
   notionHtmlListToDeltaMatcher,
   notionHtmlLiElementToDeltaMatcher,

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

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

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

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

blocksuite/affine/inlines/preset/src/markdown.ts

@@ -1,5 +1,4 @@
 import { LatexExtension } from '@blocksuite/affine-inline-latex';
-import { LinkExtension } from '@blocksuite/affine-inline-link';
 import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
 import { InlineMarkdownExtension } from '@blocksuite/std/inline';
 import type { ExtensionType } from '@blocksuite/store';
@@ -371,6 +370,5 @@ export const MarkdownExtensions: ExtensionType[] = [
   StrikethroughExtension,
   UnderthroughExtension,
   CodeExtension,
-  LinkExtension,
   LatexExtension,
 ];