Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-20 07:47:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(web): save as doc & save as block action (#10833)

Browse Source 
### TL;DR

Added "Save as doc" option to Edgeless editor actions.

### What changed?

- Renamed `SAVE_CHAT_TO_BLOCK_ACTION` to `SAVE_AS_BLOCK` and updated its title from "Save chat to block" to "Save as block"
- Renamed `CREATE_AS_DOC` to `SAVE_AS_DOC` and updated its title from "Create as a doc" to "Save as doc"
- Added `SAVE_AS_DOC` to the `EdgelessEditorActions` array, making this option available in the Edgeless editor
This commit is contained in:
yoyoyohamapi
2025-03-14 09:01:31 +00:00
parent 1258f47d70
commit 4a1a557a9e
2 changed files with 12 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/frontend/core/src/blocksuite/ai/_common/chat-actions-handle.ts
View File

@@ -334,9 +334,9 @@ const EDGELESS_INSERT = {
}, },
}; };
const SAVE_CHAT_TO_BLOCK_ACTION: ChatAction = { const SAVE_AS_BLOCK: ChatAction = {
icon: BlockIcon({ width: '20px', height: '20px' }), icon: BlockIcon({ width: '20px', height: '20px' }),
title: 'Save chat to block', title: 'Save as block',
toast: 'Successfully saved chat to a block', toast: 'Successfully saved chat to a block',
showWhen: (host: EditorHost) => { showWhen: (host: EditorHost) => {
if (host.std.store.readonly$.value) { if (host.std.store.readonly$.value) {
@@ -470,9 +470,9 @@ const ADD_TO_EDGELESS_AS_NOTE = {
}, },
}; };
const CREATE_AS_DOC = { const SAVE_AS_DOC = {
icon: PageIcon({ width: '20px', height: '20px' }), icon: PageIcon({ width: '20px', height: '20px' }),
title: 'Create as a doc', title: 'Save as doc',
showWhen: () => true, showWhen: () => true,
toast: 'New doc created', toast: 'New doc created',
handler: (host: EditorHost, content: string) => { handler: (host: EditorHost, content: string) => {
@@ -577,16 +577,13 @@ const CREATE_AS_LINKED_DOC = {
}, },
}; };
export const PageEditorActions = [ export const PageEditorActions = [PAGE_INSERT, SAVE_AS_DOC, SAVE_AS_BLOCK];
PAGE_INSERT,
CREATE_AS_DOC,
SAVE_CHAT_TO_BLOCK_ACTION,
];
export const EdgelessEditorActions = [ export const EdgelessEditorActions = [
EDGELESS_INSERT, EDGELESS_INSERT,
ADD_TO_EDGELESS_AS_NOTE, ADD_TO_EDGELESS_AS_NOTE,
SAVE_CHAT_TO_BLOCK_ACTION, SAVE_AS_DOC,
SAVE_AS_BLOCK,
]; ];
export const ChatBlockPeekViewActions = [ export const ChatBlockPeekViewActions = [

10
tests/affine-cloud-copilot/e2e/copilot.spec.ts
View File

@@ -387,7 +387,7 @@ test.describe('chat panel', () => {
await makeChat(page, 'hello'); await makeChat(page, 'hello');
const content = (await collectChat(page))[1].content; const content = (await collectChat(page))[1].content;
const editor = await page.waitForSelector('page-editor'); const editor = await page.waitForSelector('page-editor');
await page.getByTestId('action-create-as-a-doc').click(); await page.getByTestId('action-save-as-doc').click();
// wait for new editor // wait for new editor
editor.waitForElementState('hidden'); editor.waitForElementState('hidden');
await page.waitForSelector('page-editor'); await page.waitForSelector('page-editor');
@@ -435,7 +435,7 @@ test.describe('chat panel', () => {
test('can be save chat to block when page mode', async ({ page }) => { test('can be save chat to block when page mode', async ({ page }) => {
const contents = (await collectChat(page)).map(m => m.content); const contents = (await collectChat(page)).map(m => m.content);
expect(await getPageMode(page)).toBe('page'); expect(await getPageMode(page)).toBe('page');
await page.getByTestId('action-save-chat-to-block').click(); await page.getByTestId('action-save-as-block').click();
const chatBlock = await page.waitForSelector('affine-edgeless-ai-chat'); const chatBlock = await page.waitForSelector('affine-edgeless-ai-chat');
// should switch to edgeless mode // should switch to edgeless mode
expect(await getPageMode(page)).toBe('edgeless'); expect(await getPageMode(page)).toBe('edgeless');
@@ -452,7 +452,7 @@ test.describe('chat panel', () => {
const contents = (await collectChat(page)).map(m => m.content); const contents = (await collectChat(page)).map(m => m.content);
await switchToEdgelessMode(page); await switchToEdgelessMode(page);
expect(await getPageMode(page)).toBe('edgeless'); expect(await getPageMode(page)).toBe('edgeless');
await page.getByTestId('action-save-chat-to-block').click(); await page.getByTestId('action-save-as-block').click();
const chatBlock = await page.waitForSelector('affine-edgeless-ai-chat'); const chatBlock = await page.waitForSelector('affine-edgeless-ai-chat');
expect( expect(
await Promise.all( await Promise.all(
@@ -466,7 +466,7 @@ test.describe('chat panel', () => {
test('can save chat to block and clear history', async ({ page }) => { test('can save chat to block and clear history', async ({ page }) => {
await collectChat(page); await collectChat(page);
expect(await getPageMode(page)).toBe('page'); expect(await getPageMode(page)).toBe('page');
await page.getByTestId('action-save-chat-to-block').click(); await page.getByTestId('action-save-as-block').click();
await page.waitForSelector('affine-edgeless-ai-chat'); await page.waitForSelector('affine-edgeless-ai-chat');
await page.reload(); await page.reload();
@@ -477,7 +477,7 @@ test.describe('chat panel', () => {
test('chat in center peek', async ({ page }) => { test('chat in center peek', async ({ page }) => {
const contents = (await collectChat(page)).map(m => m.content); const contents = (await collectChat(page)).map(m => m.content);
await page.getByTestId('action-save-chat-to-block').click(); await page.getByTestId('action-save-as-block').click();
const chatBlock = await page.waitForSelector('affine-edgeless-ai-chat'); const chatBlock = await page.waitForSelector('affine-edgeless-ai-chat');
// open chat in center peek // open chat in center peek
await chatBlock.dblclick(); await chatBlock.dblclick();