feat(editor): add inline packages (#11048)

blocksuite/affine/blocks/block-callout/package.json

@@ -11,6 +11,7 @@
   "license": "MIT",
   "dependencies": {
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-inline-preset": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",

blocksuite/affine/blocks/block-callout/src/callout-block.ts

@@ -1,7 +1,7 @@
 import { CaptionedBlockComponent } from '@blocksuite/affine-components/caption';
 import { createLitPortal } from '@blocksuite/affine-components/portal';
+import { DefaultInlineManagerExtension } from '@blocksuite/affine-inline-preset';
 import { type CalloutBlockModel } from '@blocksuite/affine-model';
-import { DefaultInlineManagerExtension } from '@blocksuite/affine-rich-text';
 import { NOTE_SELECTOR } from '@blocksuite/affine-shared/consts';
 import {
   DocModeProvider,
@@ -12,7 +12,6 @@ import type { BlockComponent } from '@blocksuite/block-std';
 import { flip, offset } from '@floating-ui/dom';
 import { css, html } from 'lit';
 import { query } from 'lit/decorators.js';
-
 export class CalloutBlockComponent extends CaptionedBlockComponent<CalloutBlockModel> {
   static override styles = css`
     :host {

blocksuite/affine/blocks/block-callout/tsconfig.json

@@ -8,6 +8,7 @@
   "include": ["./src"],
   "references": [
     { "path": "../../components" },
+    { "path": "../../inlines/preset" },
     { "path": "../../model" },
     { "path": "../../rich-text" },
     { "path": "../../shared" },

blocksuite/affine/blocks/block-code/package.json

@@ -11,6 +11,8 @@
   "license": "MIT",
   "dependencies": {
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-inline-link": "workspace:*",
+    "@blocksuite/affine-inline-preset": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",

blocksuite/affine/blocks/block-code/src/clipboard/index.ts

@@ -1,4 +1,4 @@
-import { deleteTextCommand } from '@blocksuite/affine-rich-text';
+import { deleteTextCommand } from '@blocksuite/affine-inline-preset';
 import {
   HtmlAdapter,
   pasteMiddleware,

blocksuite/affine/blocks/block-code/src/code-block-inline.ts

@@ -1,3 +1,4 @@
+import { LinkInlineSpecExtension } from '@blocksuite/affine-inline-link';
 import {
   BackgroundInlineSpecExtension,
   BoldInlineSpecExtension,
@@ -5,10 +6,9 @@ import {
   ColorInlineSpecExtension,
   ItalicInlineSpecExtension,
   LatexInlineSpecExtension,
-  LinkInlineSpecExtension,
   StrikeInlineSpecExtension,
   UnderlineInlineSpecExtension,
-} from '@blocksuite/affine-rich-text';
+} from '@blocksuite/affine-inline-preset';
 import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
 import {
   InlineManagerExtension,

blocksuite/affine/blocks/block-code/src/code-keymap.ts

@@ -1,5 +1,5 @@
+import { textKeymap } from '@blocksuite/affine-inline-preset';
 import { CodeBlockSchema } from '@blocksuite/affine-model';
-import { textKeymap } from '@blocksuite/affine-rich-text';
 import { KeymapExtension } from '@blocksuite/block-std';
 
 export const CodeKeymapExtension = KeymapExtension(textKeymap, {

blocksuite/affine/blocks/block-code/src/highlight/affine-code-unit.ts

@@ -1,4 +1,4 @@
-import { affineTextStyles } from '@blocksuite/affine-rich-text';
+import { affineTextStyles } from '@blocksuite/affine-shared/styles';
 import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
 import { ShadowlessElement } from '@blocksuite/block-std';
 import { ZERO_WIDTH_SPACE } from '@blocksuite/block-std/inline';

blocksuite/affine/blocks/block-code/tsconfig.json

@@ -8,6 +8,8 @@
   "include": ["./src"],
   "references": [
     { "path": "../../components" },
+    { "path": "../../inlines/link" },
+    { "path": "../../inlines/preset" },
     { "path": "../../model" },
     { "path": "../../rich-text" },
     { "path": "../../shared" },

blocksuite/affine/blocks/block-database/package.json

@@ -11,6 +11,8 @@
   "license": "MIT",
   "dependencies": {
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-inline-preset": "workspace:*",
+    "@blocksuite/affine-inline-reference": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",

blocksuite/affine/blocks/block-database/src/detail-panel/block-renderer.ts

@@ -1,4 +1,4 @@
-import { DefaultInlineManagerExtension } from '@blocksuite/affine-rich-text';
+import { DefaultInlineManagerExtension } from '@blocksuite/affine-inline-preset';
 import type { EditorHost } from '@blocksuite/block-std';
 import { ShadowlessElement } from '@blocksuite/block-std';
 import type { DetailSlotProps } from '@blocksuite/data-view';

blocksuite/affine/blocks/block-database/src/properties/link/cell-renderer.ts

@@ -1,4 +1,4 @@
-import { RefNodeSlotsProvider } from '@blocksuite/affine-rich-text';
+import { RefNodeSlotsProvider } from '@blocksuite/affine-inline-reference';
 import { ParseDocUrlProvider } from '@blocksuite/affine-shared/services';
 import {
   isValidUrl,

blocksuite/affine/blocks/block-database/src/properties/rich-text/cell-renderer.ts

@@ -1,13 +1,13 @@
-import type {
-  AffineInlineEditor,
-  RichText,
-} from '@blocksuite/affine-rich-text';
-import { DefaultInlineManagerExtension } from '@blocksuite/affine-rich-text';
+import { DefaultInlineManagerExtension } from '@blocksuite/affine-inline-preset';
+import type { RichText } from '@blocksuite/affine-rich-text';
 import {
   ParseDocUrlProvider,
   TelemetryProvider,
 } from '@blocksuite/affine-shared/services';
-import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
+import type {
+  AffineInlineEditor,
+  AffineTextAttributes,
+} from '@blocksuite/affine-shared/types';
 import {
   getViewportElement,
   isValidUrl,

blocksuite/affine/blocks/block-database/src/properties/title/text.ts

@@ -1,7 +1,5 @@
-import {
-  DefaultInlineManagerExtension,
-  type RichText,
-} from '@blocksuite/affine-rich-text';
+import { DefaultInlineManagerExtension } from '@blocksuite/affine-inline-preset';
+import type { RichText } from '@blocksuite/affine-rich-text';
 import {
   ParseDocUrlProvider,
   TelemetryProvider,

blocksuite/affine/blocks/block-database/tsconfig.json

@@ -9,6 +9,8 @@
   "include": ["./src"],
   "references": [
     { "path": "../../components" },
+    { "path": "../../inlines/preset" },
+    { "path": "../../inlines/reference" },
     { "path": "../../model" },
     { "path": "../../rich-text" },
     { "path": "../../shared" },

blocksuite/affine/blocks/block-edgeless-text/package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@blocksuite/affine-block-surface": "workspace:*",
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-inline-preset": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",

blocksuite/affine/blocks/block-edgeless-text/src/edgeless-text-block.ts

@@ -1,10 +1,10 @@
 import { TextUtils } from '@blocksuite/affine-block-surface';
+import { formatBlockCommand } from '@blocksuite/affine-inline-preset';
 import {
   type EdgelessTextBlockModel,
   ListBlockModel,
   ParagraphBlockModel,
 } from '@blocksuite/affine-model';
-import { formatBlockCommand } from '@blocksuite/affine-rich-text';
 import { ThemeProvider } from '@blocksuite/affine-shared/services';
 import { matchModels } from '@blocksuite/affine-shared/utils';
 import type { BlockComponent } from '@blocksuite/block-std';

blocksuite/affine/blocks/block-edgeless-text/tsconfig.json

@@ -9,6 +9,7 @@
   "references": [
     { "path": "../block-surface" },
     { "path": "../../components" },
+    { "path": "../../inlines/preset" },
     { "path": "../../model" },
     { "path": "../../rich-text" },
     { "path": "../../shared" },

blocksuite/affine/blocks/block-embed/package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@blocksuite/affine-block-surface": "workspace:*",
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-inline-reference": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",

blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/embed-linked-doc-block.ts

@@ -1,11 +1,11 @@
 import { SurfaceBlockModel } from '@blocksuite/affine-block-surface';
 import { isPeekable, Peekable } from '@blocksuite/affine-components/peek';
+import { RefNodeSlotsProvider } from '@blocksuite/affine-inline-reference';
 import type {
   DocMode,
   EmbedLinkedDocModel,
   EmbedLinkedDocStyles,
 } from '@blocksuite/affine-model';
-import { RefNodeSlotsProvider } from '@blocksuite/affine-rich-text';
 import {
   EMBED_CARD_HEIGHT,
   EMBED_CARD_WIDTH,

blocksuite/affine/blocks/block-embed/src/embed-synced-doc-block/embed-synced-doc-block.ts

@@ -1,4 +1,8 @@
 import { Peekable } from '@blocksuite/affine-components/peek';
+import {
+  type DocLinkClickedEvent,
+  RefNodeSlotsProvider,
+} from '@blocksuite/affine-inline-reference';
 import {
   type AliasInfo,
   type DocMode,
@@ -6,10 +10,6 @@ import {
   NoteDisplayMode,
   type ReferenceInfo,
 } from '@blocksuite/affine-model';
-import {
-  type DocLinkClickedEvent,
-  RefNodeSlotsProvider,
-} from '@blocksuite/affine-rich-text';
 import { REFERENCE_NODE } from '@blocksuite/affine-shared/consts';
 import {
   DocDisplayMetaProvider,

blocksuite/affine/blocks/block-embed/tsconfig.json

@@ -9,6 +9,7 @@
   "references": [
     { "path": "../block-surface" },
     { "path": "../../components" },
+    { "path": "../../inlines/reference" },
     { "path": "../../model" },
     { "path": "../../rich-text" },
     { "path": "../../shared" },

blocksuite/affine/blocks/block-latex/package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@blocksuite/affine-block-note": "workspace:*",
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-inline-preset": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",

blocksuite/affine/blocks/block-latex/src/configs/slash-menu.ts

@@ -1,4 +1,4 @@
-import { insertInlineLatex } from '@blocksuite/affine-rich-text';
+import { insertInlineLatex } from '@blocksuite/affine-inline-preset';
 import {
   getSelectedModelsCommand,
   getTextSelectionCommand,

blocksuite/affine/blocks/block-latex/tsconfig.json

@@ -9,6 +9,7 @@
   "references": [
     { "path": "../block-note" },
     { "path": "../../components" },
+    { "path": "../../inlines/preset" },
     { "path": "../../model" },
     { "path": "../../rich-text" },
     { "path": "../../shared" },

blocksuite/affine/blocks/block-list/package.json

@@ -11,6 +11,7 @@
   "license": "MIT",
   "dependencies": {
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-inline-preset": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",

blocksuite/affine/blocks/block-list/src/list-block.ts

@@ -3,11 +3,9 @@ import '@blocksuite/affine-shared/commands';
 import { CaptionedBlockComponent } from '@blocksuite/affine-components/caption';
 import { playCheckAnimation } from '@blocksuite/affine-components/icons';
 import { TOGGLE_BUTTON_PARENT_CLASS } from '@blocksuite/affine-components/toggle-button';
+import { DefaultInlineManagerExtension } from '@blocksuite/affine-inline-preset';
 import type { ListBlockModel } from '@blocksuite/affine-model';
-import {
-  DefaultInlineManagerExtension,
-  type RichText,
-} from '@blocksuite/affine-rich-text';
+import type { RichText } from '@blocksuite/affine-rich-text';
 import {
   BLOCK_CHILDREN_CONTAINER_PADDING_LEFT,
   NOTE_SELECTOR,

blocksuite/affine/blocks/block-list/src/list-keymap.ts

@@ -1,5 +1,6 @@
+import { textKeymap } from '@blocksuite/affine-inline-preset';
 import { ListBlockSchema } from '@blocksuite/affine-model';
-import { markdownInput, textKeymap } from '@blocksuite/affine-rich-text';
+import { markdownInput } from '@blocksuite/affine-rich-text';
 import { getSelectedModelsCommand } from '@blocksuite/affine-shared/commands';
 import { KeymapExtension, TextSelection } from '@blocksuite/block-std';
 import { IS_MAC } from '@blocksuite/global/env';

blocksuite/affine/blocks/block-list/tsconfig.json

@@ -8,6 +8,7 @@
   "include": ["./src"],
   "references": [
     { "path": "../../components" },
+    { "path": "../../inlines/preset" },
     { "path": "../../model" },
     { "path": "../../rich-text" },
     { "path": "../../shared" },

blocksuite/affine/blocks/block-note/package.json

@@ -14,6 +14,7 @@
     "@blocksuite/affine-block-surface": "workspace:*",
     "@blocksuite/affine-components": "workspace:*",
     "@blocksuite/affine-fragment-doc-title": "workspace:*",
+    "@blocksuite/affine-inline-preset": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",

blocksuite/affine/blocks/block-note/src/configs/slash-menu.ts

@@ -1,9 +1,11 @@
 import {
   formatBlockCommand,
-  type TextConversionConfig,
-  textConversionConfigs,
   type TextFormatConfig,
   textFormatConfigs,
+} from '@blocksuite/affine-inline-preset';
+import {
+  type TextConversionConfig,
+  textConversionConfigs,
 } from '@blocksuite/affine-rich-text';
 import { isInsideBlockByFlavour } from '@blocksuite/affine-shared/utils';
 import {

blocksuite/affine/blocks/block-note/tsconfig.json

@@ -11,6 +11,7 @@
     { "path": "../block-surface" },
     { "path": "../../components" },
     { "path": "../../fragments/fragment-doc-title" },
+    { "path": "../../inlines/preset" },
     { "path": "../../model" },
     { "path": "../../rich-text" },
     { "path": "../../shared" },

blocksuite/affine/blocks/block-paragraph/package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@blocksuite/affine-components": "workspace:*",
     "@blocksuite/affine-gfx-turbo-renderer": "workspace:*",
+    "@blocksuite/affine-inline-preset": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",

blocksuite/affine/blocks/block-paragraph/src/paragraph-block.ts

@@ -1,10 +1,8 @@
 import { CaptionedBlockComponent } from '@blocksuite/affine-components/caption';
 import { TOGGLE_BUTTON_PARENT_CLASS } from '@blocksuite/affine-components/toggle-button';
+import { DefaultInlineManagerExtension } from '@blocksuite/affine-inline-preset';
 import type { ParagraphBlockModel } from '@blocksuite/affine-model';
-import {
-  DefaultInlineManagerExtension,
-  type RichText,
-} from '@blocksuite/affine-rich-text';
+import type { RichText } from '@blocksuite/affine-rich-text';
 import {
   BLOCK_CHILDREN_CONTAINER_PADDING_LEFT,
   NOTE_SELECTOR,

blocksuite/affine/blocks/block-paragraph/src/paragraph-keymap.ts

@@ -1,3 +1,4 @@
+import { textKeymap } from '@blocksuite/affine-inline-preset';
 import {
   CalloutBlockModel,
   ParagraphBlockModel,
@@ -7,7 +8,6 @@ import {
   focusTextModel,
   getInlineEditorByModel,
   markdownInput,
-  textKeymap,
 } from '@blocksuite/affine-rich-text';
 import {
   calculateCollapsedSiblings,

blocksuite/affine/blocks/block-paragraph/tsconfig.json

@@ -9,6 +9,7 @@
   "references": [
     { "path": "../../components" },
     { "path": "../../gfx/turbo-renderer" },
+    { "path": "../../inlines/preset" },
     { "path": "../../model" },
     { "path": "../../rich-text" },
     { "path": "../../shared" },

blocksuite/affine/blocks/block-root/package.json

@@ -28,6 +28,9 @@
     "@blocksuite/affine-components": "workspace:*",
     "@blocksuite/affine-fragment-doc-title": "workspace:*",
     "@blocksuite/affine-gfx-text": "workspace:*",
+    "@blocksuite/affine-inline-link": "workspace:*",
+    "@blocksuite/affine-inline-preset": "workspace:*",
+    "@blocksuite/affine-inline-reference": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",

blocksuite/affine/blocks/block-root/src/clipboard/page-clipboard.ts

@@ -1,4 +1,4 @@
-import { deleteTextCommand } from '@blocksuite/affine-rich-text';
+import { deleteTextCommand } from '@blocksuite/affine-inline-preset';
 import {
   pasteMiddleware,
   replaceIdMiddleware,

blocksuite/affine/blocks/block-root/src/configs/toolbar.ts

@@ -16,9 +16,9 @@ import {
   formatNativeCommand,
   formatTextCommand,
   isFormatSupported,
-  textConversionConfigs,
   textFormatConfigs,
-} from '@blocksuite/affine-rich-text';
+} from '@blocksuite/affine-inline-preset';
+import { textConversionConfigs } from '@blocksuite/affine-rich-text';
 import {
   copySelectedModelsCommand,
   deleteSelectedModelsCommand,

blocksuite/affine/blocks/block-root/src/widgets/keyboard-toolbar/config.ts

@@ -20,21 +20,23 @@ import { getSurfaceBlock } from '@blocksuite/affine-block-surface';
 import { insertSurfaceRefBlockCommand } from '@blocksuite/affine-block-surface-ref';
 import { toggleEmbedCardCreateModal } from '@blocksuite/affine-components/embed-card-modal';
 import { toast } from '@blocksuite/affine-components/toast';
-import type { FrameBlockModel } from '@blocksuite/affine-model';
+import { toggleLink } from '@blocksuite/affine-inline-link';
 import {
   formatBlockCommand,
   formatNativeCommand,
   formatTextCommand,
-  getInlineEditorByModel,
   getTextStyle,
-  insertContent,
   insertInlineLatex,
   toggleBold,
   toggleCode,
   toggleItalic,
-  toggleLink,
   toggleStrike,
   toggleUnderline,
+} from '@blocksuite/affine-inline-preset';
+import type { FrameBlockModel } from '@blocksuite/affine-model';
+import {
+  getInlineEditorByModel,
+  insertContent,
 } from '@blocksuite/affine-rich-text';
 import {
   copySelectedModelsCommand,

blocksuite/affine/blocks/block-root/src/widgets/linked-doc/config.ts

@@ -5,14 +5,12 @@ import {
   NewDocIcon,
 } from '@blocksuite/affine-components/icons';
 import { toast } from '@blocksuite/affine-components/toast';
-import {
-  type AffineInlineEditor,
-  insertLinkedNode,
-} from '@blocksuite/affine-rich-text';
+import { insertLinkedNode } from '@blocksuite/affine-inline-reference';
 import {
   DocModeProvider,
   TelemetryProvider,
 } from '@blocksuite/affine-shared/services';
+import type { AffineInlineEditor } from '@blocksuite/affine-shared/types';
 import {
   createDefaultDoc,
   isFuzzyMatch,

blocksuite/affine/blocks/block-root/tsconfig.json

@@ -25,6 +25,9 @@
     { "path": "../../components" },
     { "path": "../../fragments/fragment-doc-title" },
     { "path": "../../gfx/text" },
+    { "path": "../../inlines/link" },
+    { "path": "../../inlines/preset" },
+    { "path": "../../inlines/reference" },
     { "path": "../../model" },
     { "path": "../../rich-text" },
     { "path": "../../shared" },

blocksuite/affine/blocks/block-table/package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-inline-preset": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",

blocksuite/affine/blocks/block-table/src/table-cell.ts

@@ -5,11 +5,9 @@ import {
   popupTargetFromElement,
 } from '@blocksuite/affine-components/context-menu';
 import { TextBackgroundDuotoneIcon } from '@blocksuite/affine-components/icons';
+import { DefaultInlineManagerExtension } from '@blocksuite/affine-inline-preset';
 import type { TableColumn, TableRow } from '@blocksuite/affine-model';
-import {
-  DefaultInlineManagerExtension,
-  RichText,
-} from '@blocksuite/affine-rich-text';
+import { RichText } from '@blocksuite/affine-rich-text';
 import { cssVarV2 } from '@blocksuite/affine-shared/theme';
 import { getViewportElement } from '@blocksuite/affine-shared/utils';
 import { ShadowlessElement } from '@blocksuite/block-std';

blocksuite/affine/blocks/block-table/tsconfig.json

@@ -9,6 +9,7 @@
   "include": ["./src"],
   "references": [
     { "path": "../../components" },
+    { "path": "../../inlines/preset" },
     { "path": "../../model" },
     { "path": "../../rich-text" },
     { "path": "../../shared" },