feat(editor): rich text package (#10689)

This PR performs a significant architectural refactoring by extracting rich text functionality into a dedicated package. Here are the key changes:

1. **New Package Creation**
- Created a new package `@blocksuite/affine-rich-text` to house rich text related functionality
- Moved rich text components, utilities, and types from `@blocksuite/affine-components` to this new package

2. **Dependency Updates**
- Updated multiple block packages to include the new `@blocksuite/affine-rich-text` as a direct dependency:
  - block-callout
  - block-code
  - block-database
  - block-edgeless-text
  - block-embed
  - block-list
  - block-note
  - block-paragraph

3. **Import Path Updates**
- Refactored all imports that previously referenced rich text functionality from `@blocksuite/affine-components/rich-text` to now use `@blocksuite/affine-rich-text`
- Updated imports for components like:
  - DefaultInlineManagerExtension
  - RichText types and interfaces
  - Text manipulation utilities (focusTextModel, textKeymap, etc.)
  - Reference node components and providers

4. **Build Configuration Updates**
- Added references to the new rich text package in the `tsconfig.json` files of all affected packages
- Maintained workspace dependencies using the `workspace:*` version specifier

The primary motivation appears to be:
1. Better separation of concerns by isolating rich text functionality
2. Improved maintainability through more modular package structure
3. Clearer dependencies between packages
4. Potential for better tree-shaking and bundle optimization

This is primarily an architectural improvement that should make the codebase more maintainable and better organized.

blocksuite/blocks/package.json

@@ -34,9 +34,11 @@
     "@blocksuite/affine-block-surface-ref": "workspace:*",
     "@blocksuite/affine-block-table": "workspace:*",
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-fragment-doc-title": "workspace:*",
     "@blocksuite/affine-fragment-frame-panel": "workspace:*",
     "@blocksuite/affine-fragment-outline": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
+    "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",
     "@blocksuite/affine-widget-drag-handle": "workspace:*",
     "@blocksuite/affine-widget-edgeless-auto-connect": "workspace:*",

blocksuite/blocks/src/adapters/extension.ts

@@ -5,7 +5,7 @@ import {
   InlineDeltaToPlainTextAdapterExtensions,
   MarkdownInlineToDeltaAdapterExtensions,
   NotionHtmlInlineToDeltaAdapterExtensions,
-} from '@blocksuite/affine-components/rich-text';
+} from '@blocksuite/affine-rich-text';
 import {
   AttachmentAdapterFactoryExtension,
   HtmlAdapterFactoryExtension,

blocksuite/blocks/src/effects.ts

@@ -24,7 +24,6 @@ import { effects as componentCardStyleDropdownMenuEffects } from '@blocksuite/af
 import { effects as componentColorPickerEffects } from '@blocksuite/affine-components/color-picker';
 import { effects as componentContextMenuEffects } from '@blocksuite/affine-components/context-menu';
 import { effects as componentDatePickerEffects } from '@blocksuite/affine-components/date-picker';
-import { effects as componentDocTitleEffects } from '@blocksuite/affine-components/doc-title';
 import { effects as componentDropIndicatorEffects } from '@blocksuite/affine-components/drop-indicator';
 import { effects as componentEmbedCardModalEffects } from '@blocksuite/affine-components/embed-card-modal';
 import { FilterableListComponent } from '@blocksuite/affine-components/filterable-list';
@@ -33,14 +32,15 @@ import { IconButton } from '@blocksuite/affine-components/icon-button';
 import { effects as componentLinkPreviewEffects } from '@blocksuite/affine-components/link-preview';
 import { effects as componentLinkedDocTitleEffects } from '@blocksuite/affine-components/linked-doc-title';
 import { effects as componentPortalEffects } from '@blocksuite/affine-components/portal';
-import { effects as componentRichTextEffects } from '@blocksuite/affine-components/rich-text';
 import { SmoothCorner } from '@blocksuite/affine-components/smooth-corner';
 import { effects as componentToggleButtonEffects } from '@blocksuite/affine-components/toggle-button';
 import { ToggleSwitch } from '@blocksuite/affine-components/toggle-switch';
 import { effects as componentToolbarEffects } from '@blocksuite/affine-components/toolbar';
 import { effects as componentViewDropdownMenuEffects } from '@blocksuite/affine-components/view-dropdown-menu';
+import { effects as fragmentDocTitleEffects } from '@blocksuite/affine-fragment-doc-title/effects';
 import { effects as fragmentFramePanelEffects } from '@blocksuite/affine-fragment-frame-panel/effects';
 import { effects as fragmentOutlineEffects } from '@blocksuite/affine-fragment-outline/effects';
+import { effects as richTextEffects } from '@blocksuite/affine-rich-text/effects';
 import { effects as widgetDragHandleEffects } from '@blocksuite/affine-widget-drag-handle/effects';
 import { effects as widgetEdgelessAutoConnectEffects } from '@blocksuite/affine-widget-edgeless-auto-connect/effects';
 import { effects as widgetFrameTitleEffects } from '@blocksuite/affine-widget-frame-title/effects';
@@ -54,6 +54,54 @@ import { effects as inlineEffects } from '@blocksuite/inline/effects';
 
 import { registerSpecs } from './extensions/register.js';
 
+export declare const _GLOBAL_:
+  | typeof stdEffects
+  | typeof inlineEffects
+  | typeof dataViewEffects
+  | typeof richTextEffects
+  | typeof blockNoteEffects
+  | typeof blockAttachmentEffects
+  | typeof blockBookmarkEffects
+  | typeof blockFrameEffects
+  | typeof blockListEffects
+  | typeof blockParagraphEffects
+  | typeof blockEmbedEffects
+  | typeof blockSurfaceEffects
+  | typeof blockImageEffects
+  | typeof blockDatabaseEffects
+  | typeof blockSurfaceRefEffects
+  | typeof blockLatexEffects
+  | typeof blockEdgelessTextEffects
+  | typeof blockDividerEffects
+  | typeof blockDataViewEffects
+  | typeof blockCodeEffects
+  | typeof blockTableEffects
+  | typeof blockRootEffects
+  | typeof blockCalloutEffects
+  | typeof componentCaptionEffects
+  | typeof componentContextMenuEffects
+  | typeof componentDatePickerEffects
+  | typeof componentDropIndicatorEffects
+  | typeof componentEmbedCardModalEffects
+  | typeof componentHighlightDropdownMenuEffects
+  | typeof componentLinkPreviewEffects
+  | typeof componentLinkedDocTitleEffects
+  | typeof componentPortalEffects
+  | typeof componentToolbarEffects
+  | typeof componentToggleButtonEffects
+  | typeof componentColorPickerEffects
+  | typeof componentViewDropdownMenuEffects
+  | typeof widgetScrollAnchoringEffects
+  | typeof widgetFrameTitleEffects
+  | typeof widgetRemoteSelectionEffects
+  | typeof widgetDragHandleEffects
+  | typeof widgetEdgelessAutoConnectEffects
+  | typeof widgetToolbarEffects
+  | typeof widgetSlashMenuEffects
+  | typeof fragmentDocTitleEffects
+  | typeof fragmentFramePanelEffects
+  | typeof fragmentOutlineEffects;
+
 export function effects() {
   registerSpecs();
 
@@ -61,6 +109,7 @@ export function effects() {
   inlineEffects();
 
   dataViewEffects();
+  richTextEffects();
 
   blockNoteEffects();
   blockAttachmentEffects();
@@ -86,13 +135,11 @@ export function effects() {
   componentContextMenuEffects();
   componentDatePickerEffects();
   componentPortalEffects();
-  componentRichTextEffects();
   componentToolbarEffects();
   componentDropIndicatorEffects();
   componentToggleButtonEffects();
   componentColorPickerEffects();
   componentEmbedCardModalEffects();
-  componentDocTitleEffects();
   componentLinkPreviewEffects();
   componentLinkedDocTitleEffects();
   componentCardStyleDropdownMenuEffects();
@@ -107,6 +154,7 @@ export function effects() {
   widgetSlashMenuEffects();
   widgetToolbarEffects();
 
+  fragmentDocTitleEffects();
   fragmentFramePanelEffects();
   fragmentOutlineEffects();
 

blocksuite/blocks/src/extensions/common.ts

@@ -28,7 +28,7 @@ import { TableBlockSpec } from '@blocksuite/affine-block-table';
 import {
   RefNodeSlotsExtension,
   RichTextExtensions,
-} from '@blocksuite/affine-components/rich-text';
+} from '@blocksuite/affine-rich-text';
 import {
   DefaultOpenDocExtension,
   DocDisplayMetaService,

blocksuite/blocks/src/index.ts

@@ -24,10 +24,6 @@ export {
   type MenuOptions,
   onMenuOpen,
 } from '@blocksuite/affine-components/context-menu';
-export {
-  DocTitle,
-  getDocTitleByEditorHost,
-} from '@blocksuite/affine-components/doc-title';
 export { toggleEmbedCardEditModal } from '@blocksuite/affine-components/embed-card-modal';
 export {
   HoverController,
@@ -52,7 +48,6 @@ export {
   createLitPortal,
   createSimplePortal,
 } from '@blocksuite/affine-components/portal';
-export * from '@blocksuite/affine-components/rich-text';
 export { toast } from '@blocksuite/affine-components/toast';
 export {
   type AdvancedMenuItem,
@@ -67,9 +62,14 @@ export {
   ToolbarMoreMenuConfigExtension,
   Tooltip,
 } from '@blocksuite/affine-components/toolbar';
+export {
+  DocTitle,
+  getDocTitleByEditorHost,
+} from '@blocksuite/affine-fragment-doc-title';
 export * from '@blocksuite/affine-fragment-frame-panel';
 export * from '@blocksuite/affine-fragment-outline';
 export * from '@blocksuite/affine-model';
+export * from '@blocksuite/affine-rich-text';
 export * from '@blocksuite/affine-shared/adapters';
 export * from '@blocksuite/affine-shared/commands';
 export { HighlightSelection } from '@blocksuite/affine-shared/selection';

blocksuite/blocks/tsconfig.json

@@ -27,9 +27,11 @@
     { "path": "../affine/block-surface-ref" },
     { "path": "../affine/block-table" },
     { "path": "../affine/components" },
+    { "path": "../affine/fragment-doc-title" },
     { "path": "../affine/fragment-frame-panel" },
     { "path": "../affine/fragment-outline" },
     { "path": "../affine/model" },
+    { "path": "../affine/rich-text" },
     { "path": "../affine/shared" },
     { "path": "../affine/widget-drag-handle" },
     { "path": "../affine/widget-edgeless-auto-connect" },