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

Closes: BS-3216

blocksuite/affine/all/package.json

@@ -143,7 +143,9 @@
     "./blocks/table/view": "./src/blocks/table/view.ts",
     "./data-view": "./src/data-view/index.ts",
     "./data-view/effects": "./src/data-view/effects.ts",
-    "./inlines/link": "./src/inlines/link.ts",
+    "./inlines/link": "./src/inlines/link/index.ts",
+    "./inlines/link/store": "./src/inlines/link/store.ts",
+    "./inlines/link/view": "./src/inlines/link/view.ts",
     "./inlines/reference": "./src/inlines/reference.ts",
     "./inlines/preset": "./src/inlines/preset.ts",
     "./inlines/footnote": "./src/inlines/footnote/index.ts",

blocksuite/affine/all/src/__tests__/utils/store.ts

@@ -17,6 +17,7 @@ import { SurfaceRefStoreExtension } from '@blocksuite/affine-block-surface-ref/s
 import { TableStoreExtension } from '@blocksuite/affine-block-table/store';
 import { StoreExtensionManager } from '@blocksuite/affine-ext-loader';
 import { FootnoteStoreExtension } from '@blocksuite/affine-inline-footnote/store';
+import { LinkStoreExtension } from '@blocksuite/affine-inline-link/store';
 
 import { MigratingStoreExtension } from '../../extensions/store';
 
@@ -40,6 +41,7 @@ const manager = new StoreExtensionManager([
   TableStoreExtension,
 
   FootnoteStoreExtension,
+  LinkStoreExtension,
 
   MigratingStoreExtension,
 ]);

blocksuite/affine/all/src/extensions/effects.ts

@@ -30,7 +30,6 @@ import { effects as fragmentDocTitleEffects } from '@blocksuite/affine-fragment-
 import { effects as fragmentFramePanelEffects } from '@blocksuite/affine-fragment-frame-panel/effects';
 import { effects as fragmentOutlineEffects } from '@blocksuite/affine-fragment-outline/effects';
 import { effects as inlineLatexEffects } from '@blocksuite/affine-inline-latex/effects';
-import { effects as inlineLinkEffects } from '@blocksuite/affine-inline-link/effects';
 import { effects as inlineMentionEffects } from '@blocksuite/affine-inline-mention';
 import { effects as inlinePresetEffects } from '@blocksuite/affine-inline-preset/effects';
 import { effects as inlineReferenceEffects } from '@blocksuite/affine-inline-reference/effects';
@@ -53,7 +52,6 @@ export function effects() {
 
   inlineReferenceEffects();
   inlinePresetEffects();
-  inlineLinkEffects();
   inlineLatexEffects();
   inlineMentionEffects();
 

blocksuite/affine/all/src/inlines/link/store.ts

@@ -0,0 +1 @@
+export * from '@blocksuite/affine-inline-link/store';

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

@@ -0,0 +1 @@
+export * from '@blocksuite/affine-inline-link/view';

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,
 ];

blocksuite/integration-test/src/store.ts

@@ -18,6 +18,7 @@ import { TableStoreExtension } from '@blocksuite/affine/blocks/table/store';
 import { StoreExtensionManager } from '@blocksuite/affine/ext-loader';
 import { MigratingStoreExtension } from '@blocksuite/affine/extensions/store';
 import { FootnoteStoreExtension } from '@blocksuite/affine/inlines/footnote/store';
+import { LinkStoreExtension } from '@blocksuite/affine/inlines/link/store';
 
 const manager = new StoreExtensionManager([
   AttachmentStoreExtension,
@@ -39,6 +40,7 @@ const manager = new StoreExtensionManager([
   TableStoreExtension,
 
   FootnoteStoreExtension,
+  LinkStoreExtension,
 
   MigratingStoreExtension,
 ]);

blocksuite/integration-test/src/view.ts

@@ -18,6 +18,7 @@ import { TableViewExtension } from '@blocksuite/affine/blocks/table/view';
 import { ViewExtensionManager } from '@blocksuite/affine/ext-loader';
 import { MigratingViewExtension } from '@blocksuite/affine/extensions/view';
 import { FootnoteViewExtension } from '@blocksuite/affine/inlines/footnote/view';
+import { LinkViewExtension } from '@blocksuite/affine/inlines/link/view';
 
 export function getTestViewManager() {
   const manager = new ViewExtensionManager([
@@ -44,6 +45,7 @@ export function getTestViewManager() {
 
     // Inline
     FootnoteViewExtension,
+    LinkViewExtension,
   ]);
   return manager;
 }

packages/frontend/core/src/blocksuite/manager/migrating-store.ts

@@ -22,6 +22,7 @@ import {
 } from '@blocksuite/affine/ext-loader';
 import { MigratingStoreExtension } from '@blocksuite/affine/extensions/store';
 import { FootnoteStoreExtension } from '@blocksuite/affine/inlines/footnote/store';
+import { LinkStoreExtension } from '@blocksuite/affine/inlines/link/store';
 
 import { AIChatBlockSchemaExtension } from '../ai/blocks/ai-chat-block/model';
 
@@ -55,6 +56,7 @@ const manager = new StoreExtensionManager([
   TableStoreExtension,
   // Inline
   FootnoteStoreExtension,
+  LinkStoreExtension,
 
   MigratingStoreExtension,
   MigratingAffineStoreExtension,

packages/frontend/core/src/blocksuite/manager/migrating-view.ts

@@ -24,6 +24,7 @@ import {
 } from '@blocksuite/affine/ext-loader';
 import { MigratingViewExtension } from '@blocksuite/affine/extensions/view';
 import { FootnoteViewExtension } from '@blocksuite/affine/inlines/footnote/view';
+import { LinkViewExtension } from '@blocksuite/affine/inlines/link/view';
 import { ToolbarModuleExtension } from '@blocksuite/affine/shared/services';
 import { BlockFlavourIdentifier } from '@blocksuite/affine/std';
 import { FrameworkProvider } from '@toeverything/infra';
@@ -168,6 +169,7 @@ const manager = new ViewExtensionManager([
   TableViewExtension,
   // Inline
   FootnoteViewExtension,
+  LinkViewExtension,
 
   MigratingAffineViewExtension,
 ]);

tools/utils/src/workspace.gen.ts

@@ -666,6 +666,7 @@ export const PackageList = [
     name: '@blocksuite/affine-inline-link',
     workspaceDependencies: [
       'blocksuite/affine/components',
+      'blocksuite/affine/ext-loader',
       'blocksuite/affine/inlines/reference',
       'blocksuite/affine/model',
       'blocksuite/affine/shared',

yarn.lock

@@ -3388,6 +3388,7 @@ __metadata:
   resolution: "@blocksuite/affine-inline-link@workspace:blocksuite/affine/inlines/link"
   dependencies:
     "@blocksuite/affine-components": "workspace:*"
+    "@blocksuite/affine-ext-loader": "workspace:*"
     "@blocksuite/affine-inline-reference": "workspace:*"
     "@blocksuite/affine-model": "workspace:*"
     "@blocksuite/affine-shared": "workspace:*"