feat(core): add journal search results to bs doc search (#9052)

fix AF-1842
This commit is contained in:
pengx17
2024-12-12 02:25:00 +00:00
parent 21969731a3
commit 30d6793978
7 changed files with 155 additions and 11 deletions
@@ -60,7 +60,7 @@ export type WORKSPACE_DIALOG_SCHEMA = {
onBeforeConfirm?: (ids: string[], cb: () => void) => void;
}) => string[];
'date-selector': (props: {
position: [number, number, number, number]; // [x, y, width, height]
position?: [number, number, number, number]; // [x, y, width, height]
onSelect?: (date?: string) => void;
}) => string;
import: () => {
@@ -0,0 +1,110 @@
import { I18n, i18nTime } from '@affine/i18n';
import { DateTimeIcon } from '@blocksuite/icons/rc';
import { Entity, LiveData } from '@toeverything/infra';
import type { WorkspaceDialogService } from '../../dialogs';
import type { DocDisplayMetaService } from '../../doc-display-meta';
import { type JournalService, suggestJournalDate } from '../../journal';
import type { QuickSearchSession } from '../providers/quick-search-provider';
import type { QuickSearchGroup } from '../types/group';
import type { QuickSearchItem } from '../types/item';
const group: QuickSearchGroup = {
id: 'journals',
label: {
i18nKey: 'com.affine.cmdk.affine.category.affine.journal',
},
score: 0,
};
type JournalQuickSearchItem = QuickSearchItem<
'date-picker',
{ getDocId: () => Promise<string | undefined> }
>;
export class JournalsQuickSearchSession
extends Entity
implements
QuickSearchSession<
'date-picker',
{ getDocId: () => Promise<string | undefined> }
>
{
constructor(
private readonly journalService: JournalService,
private readonly dialogService: WorkspaceDialogService,
private readonly docDisplayMetaService: DocDisplayMetaService
) {
super();
}
query$ = new LiveData('');
items$: LiveData<JournalQuickSearchItem[]> = LiveData.computed(get => {
const getDateDocId = (date?: string) => {
if (date) {
return this.journalService.ensureJournalByDate(date).id;
}
return undefined;
};
const items: JournalQuickSearchItem[] = [
{
icon: DateTimeIcon,
id: 'journal:pick-a-date',
source: 'date-picker',
group: group,
label: {
title: I18n.t('com.affine.cmdk.affine.category.affine.date-picker'),
},
score: 0,
payload: {
getDocId: () => {
return new Promise(resolve => {
const id = this.dialogService.open('date-selector', {
onSelect: date => {
resolve(getDateDocId(date));
this.dialogService.close(id);
},
});
});
},
},
},
];
const query = get(this.query$);
const suggestedDate = suggestJournalDate(query);
if (suggestedDate) {
const { dateString, alias } = suggestedDate;
const dateDisplay = i18nTime(dateString, {
absolute: { accuracy: 'day' },
});
const icon = this.docDisplayMetaService.getJournalIcon(dateString, {
type: 'rc',
});
items.unshift({
icon,
id: 'journal:date-' + dateString,
source: 'date-picker',
group: group,
label: {
title: alias ? `${alias}, ${dateDisplay}` : dateDisplay,
},
score: 0,
payload: {
getDocId: () => Promise.resolve(getDateDocId(dateString)),
},
});
}
return items;
});
query(query: string) {
this.query$.next(query);
}
}
@@ -8,8 +8,10 @@ import {
} from '@toeverything/infra';
import { CollectionService } from '../collection';
import { WorkspaceDialogService } from '../dialogs';
import { DocDisplayMetaService } from '../doc-display-meta/services/doc-display-meta';
import { DocsSearchService } from '../docs-search';
import { JournalService } from '../journal';
import { TagService } from '../tag';
import { WorkbenchService } from '../workbench';
import { QuickSearch } from './entities/quick-search';
@@ -18,6 +20,7 @@ import { CommandsQuickSearchSession } from './impls/commands';
import { CreationQuickSearchSession } from './impls/creation';
import { DocsQuickSearchSession } from './impls/docs';
import { ExternalLinksQuickSearchSession } from './impls/external-links';
import { JournalsQuickSearchSession } from './impls/journals';
import { LinksQuickSearchSession } from './impls/links';
import { RecentDocsQuickSearchSession } from './impls/recent-docs';
import { TagsQuickSearchSession } from './impls/tags';
@@ -68,5 +71,10 @@ export function configureQuickSearchModule(framework: Framework) {
.entity(RecentDocsQuickSearchSession, [
RecentDocsService,
DocDisplayMetaService,
])
.entity(JournalsQuickSearchSession, [
JournalService,
WorkspaceDialogService,
DocDisplayMetaService,
]);
}