feat(core): add user list service for blocksuite (#10627)

packages/frontend/core/src/blocksuite/block-suite-editor/lit-adaper.tsx

@@ -19,6 +19,7 @@ import { FeatureFlagService } from '@affine/core/modules/feature-flag';
 import { JournalService } from '@affine/core/modules/journal';
 import { toURLSearchParams } from '@affine/core/modules/navigation';
 import { PeekViewService } from '@affine/core/modules/peek-view/services/peek-view';
+import { MemberSearchService } from '@affine/core/modules/permissions';
 import { WorkspaceService } from '@affine/core/modules/workspace';
 import track from '@affine/track';
 import {
@@ -69,6 +70,7 @@ import {
   type ReferenceReactRenderer,
 } from '../extensions/reference-renderer';
 import { patchSideBarService } from '../extensions/side-bar-service';
+import { patchUserListExtensions } from '../extensions/user-list';
 import { BiDirectionalLinkPanel } from './bi-directional-link-panel';
 import { BlocksuiteEditorJournalDocTitle } from './journal-doc-title';
 import { StarterBar } from './starter-bar';
@@ -90,6 +92,7 @@ const usePatchSpecs = (mode: DocMode) => {
     editorService,
     workspaceService,
     featureFlagService,
+    memberSearchService,
   } = useServices({
     PeekViewService,
     DocService,
@@ -97,6 +100,7 @@ const usePatchSpecs = (mode: DocMode) => {
     WorkspaceService,
     EditorService,
     FeatureFlagService,
+    MemberSearchService,
   });
   const framework = useFramework();
   const referenceRenderer: ReferenceReactRenderer = useMemo(() => {
@@ -151,6 +155,7 @@ const usePatchSpecs = (mode: DocMode) => {
         patchPeekViewService(peekViewService),
         patchOpenDocExtension(),
         EdgelessClipboardWatcher,
+        patchUserListExtensions(memberSearchService),
         patchDocUrlExtensions(framework),
         patchQuickSearchService(framework),
         patchSideBarService(framework),
@@ -173,18 +178,19 @@ const usePatchSpecs = (mode: DocMode) => {
 
     return builder.value;
   }, [
+    framework,
     mode,
+    enableAI,
+    reactToLit,
+    referenceRenderer,
     confirmModal,
+    peekViewService,
+    memberSearchService,
     docService,
     docsService,
     editorService,
-    framework,
-    peekViewService,
-    reactToLit,
-    referenceRenderer,
-    featureFlagService,
-    enableAI,
     enableTurboRenderer,
+    featureFlagService.flags.enable_pdf_embed_preview.value,
   ]);
 
   return [

packages/frontend/core/src/blocksuite/extensions/user-list.ts

@@ -0,0 +1,23 @@
+import type { MemberSearchService } from '@affine/core/modules/permissions';
+import { UserListServiceExtension } from '@blocksuite/affine/blocks';
+
+export function patchUserListExtensions(memberSearch: MemberSearchService) {
+  return UserListServiceExtension({
+    // eslint-disable-next-line rxjs/finnish
+    hasMore$: memberSearch.hasMore$.signal,
+    loadMore() {
+      memberSearch.loadMore();
+    },
+    search(keyword) {
+      memberSearch.search(keyword);
+    },
+    // eslint-disable-next-line rxjs/finnish
+    users$: memberSearch.result$.map(users =>
+      users.map(u => ({
+        id: u.id,
+        name: u.name,
+        avatar: u.avatarUrl,
+      }))
+    ).signal,
+  });
+}

packages/frontend/core/src/modules/doc-info/services/doc-database-backlinks.ts

@@ -2,14 +2,14 @@ import {
   DatabaseBlockDataSource,
   type DatabaseBlockModel,
 } from '@blocksuite/affine/blocks';
-import { Service } from '@toeverything/infra';
+import { LiveData, Service } from '@toeverything/infra';
 import { isEqual } from 'lodash-es';
 import { combineLatest, distinctUntilChanged, map, Observable } from 'rxjs';
 
 import type { DocsService } from '../../doc';
 import type { DocsSearchService } from '../../docs-search';
 import type { DatabaseRow, DatabaseValueCell } from '../types';
-import { signalToLiveData, signalToObservable } from '../utils';
+import { signalToObservable } from '../utils';
 
 const equalComparator = <T>(a: T, b: T) => {
   return isEqual(a, b);
@@ -50,14 +50,14 @@ export class DocDatabaseBacklinksService extends Service {
           .map<DatabaseValueCell>(id => {
             return {
               id,
-              value$: signalToLiveData(
+              value$: LiveData.fromSignal(
                 dataSource.cellValueGet$(rowId, id)
               ).distinctUntilChanged(equalComparator),
               property: {
                 id,
-                type$: signalToLiveData(dataSource.propertyTypeGet$(id)),
-                name$: signalToLiveData(dataSource.propertyNameGet$(id)),
-                data$: signalToLiveData(dataSource.propertyDataGet$(id)),
+                type$: LiveData.fromSignal(dataSource.propertyTypeGet$(id)),
+                name$: LiveData.fromSignal(dataSource.propertyNameGet$(id)),
+                data$: LiveData.fromSignal(dataSource.propertyDataGet$(id)),
               },
             };
           })

packages/frontend/core/src/modules/doc-info/utils.ts

@@ -2,7 +2,6 @@ import { DebugLogger } from '@affine/debug';
 import { BlockStdScope } from '@blocksuite/affine/block-std';
 import { PageEditorBlockSpecs } from '@blocksuite/affine/blocks';
 import type { Store } from '@blocksuite/affine/store';
-import { LiveData } from '@toeverything/infra';
 import { useMemo } from 'react';
 import { Observable } from 'rxjs';
 
@@ -25,22 +24,6 @@ export function signalToObservable<T>(
   });
 }
 
-export function signalToLiveData<T>(
-  signal: ReadonlySignal<T>,
-  defaultValue: T
-): LiveData<T>;
-
-export function signalToLiveData<T>(
-  signal: ReadonlySignal<T>
-): LiveData<T | undefined>;
-
-export function signalToLiveData<T>(
-  signal: ReadonlySignal<T>,
-  defaultValue?: T
-) {
-  return LiveData.from(signalToObservable(signal), defaultValue);
-}
-
 // todo(pengx17): use rc pool?
 export function createBlockStdScope(doc: Store) {
   logger.debug('createBlockStdScope', doc.id);