toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-23 01:32:56 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: export to html/markdown (#1892)

Browse Source 
Co-authored-by: himself65 <himself65@outlook.com>
This commit is contained in:
TimLi 2023-04-12 22:11:03 +08:00 committed by GitHub
parent 23e33a6061
commit 25d7f7c848
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 39 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
apps/web/src/components/affine/operation-menu-items/Export.tsx
View File

@ -1,11 +1,13 @@
import { Menu, MenuItem } from '@affine/component';
import { useTranslation } from '@affine/i18n';
import { ContentParser } from '@blocksuite/blocks/content-parser';
import {
ArrowRightSmallIcon,
ExportIcon,
ExportToHtmlIcon,
ExportToMarkdownIcon,
} from '@blocksuite/icons';
import { useRef } from 'react';
import type { CommonMenuItemProps } from './types';
@ -14,7 +16,7 @@ export const Export = ({
onItemClick,
}: CommonMenuItemProps<{ type: 'markdown' | 'html' }>) => {
const { t } = useTranslation();
const contentParserRef = useRef<ContentParser>();
return (
<Menu
width={248}
@ -23,9 +25,14 @@ export const Export = ({
content={
<>
<MenuItem
data-testid="export-to-html"
onClick={() => {
// @ts-expect-error
globalThis.currentEditor.contentParser.onExportHtml();
if (!contentParserRef.current) {
contentParserRef.current = new ContentParser(
globalThis.currentEditor!.page
);
}
contentParserRef.current.onExportHtml();
onSelect?.({ type: 'html' });
}}
icon={<ExportToHtmlIcon />}
@ -33,9 +40,14 @@ export const Export = ({
{t('Export to HTML')}
</MenuItem>
<MenuItem
data-testid="export-to-markdown"
onClick={() => {
// @ts-expect-error
globalThis.currentEditor.contentParser.onExportMarkdown();
if (!contentParserRef.current) {
contentParserRef.current = new ContentParser(
globalThis.currentEditor!.page
);
}
contentParserRef.current.onExportMarkdown();
onSelect?.({ type: 'markdown' });
}}
icon={<ExportToMarkdownIcon />}
@ -46,6 +58,7 @@ export const Export = ({
}
>
<MenuItem
data-testid="export-menu"
icon={<ExportIcon />}
endIcon={<ArrowRightSmallIcon />}
onClick={e => {

21
tests/parallels/local-first-favorite-page.spec.ts
View File

@ -29,6 +29,27 @@ test.describe('Local first favorite and cancel favorite page', () => {
await favoriteBtn.click();
await assertCurrentWorkspaceFlavour('local', page);
});
test('Export to html and markdown', async ({ page }) => {
await openHomePage(page);
await waitMarkdownImported(page);
{
await clickPageMoreActions(page);
await page.getByTestId('export-menu').click();
const downloadPromise = page.waitForEvent('download');
await page.getByTestId('export-to-markdown').click();
await downloadPromise;
}
await page.waitForTimeout(50);
{
await clickPageMoreActions(page);
await page.getByTestId('export-menu').click();
const downloadPromise = page.waitForEvent('download');
await page.getByTestId('export-to-html').click();
await downloadPromise;
}
});
test('Cancel favorite', async ({ page }) => {
await openHomePage(page);
await waitMarkdownImported(page);