mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-08-07 12:29:50 +08:00
Himself65
126 lines
3.4 KiB
TypeScript
126 lines
3.4 KiB
TypeScript
import {
|
|
GetStaticPaths,
|
|
GetStaticProps,
|
|
InferGetStaticPropsType,
|
|
NextPage,
|
|
} from 'next';
|
|
import Head from 'next/head';
|
|
import { useEffect, useState } from 'react';
|
|
|
|
import { PageDetailEditor } from '../../components/page-detail-editor';
|
|
import { PageLoading } from '../../components/pure/loading';
|
|
import { StyledPage, StyledWrapper } from '../../layouts/styles';
|
|
import { BlockSuiteWorkspace } from '../../shared';
|
|
import { createEmptyBlockSuiteWorkspace } from '../../utils';
|
|
|
|
export type PreviewPageProps = {
|
|
text: string;
|
|
title: string;
|
|
};
|
|
|
|
export type PreviewPageParams = {
|
|
previewId: string;
|
|
};
|
|
|
|
const PreviewPage: NextPage<PreviewPageProps> = ({
|
|
text,
|
|
title,
|
|
}: InferGetStaticPropsType<typeof getStaticProps>) => {
|
|
const [blockSuiteWorkspace, setBlockSuiteWorkspace] =
|
|
useState<BlockSuiteWorkspace | null>(null);
|
|
useEffect(() => {
|
|
const blockSuiteWorkspace = createEmptyBlockSuiteWorkspace('preview');
|
|
blockSuiteWorkspace.signals.pageAdded.once(() => {
|
|
setBlockSuiteWorkspace(blockSuiteWorkspace);
|
|
});
|
|
blockSuiteWorkspace.createPage('preview');
|
|
return () => {
|
|
blockSuiteWorkspace.removePage('preview');
|
|
};
|
|
}, []);
|
|
if (!blockSuiteWorkspace || !blockSuiteWorkspace.getPage('preview')) {
|
|
return <PageLoading />;
|
|
}
|
|
return (
|
|
<>
|
|
<Head>
|
|
<title>{title}</title>
|
|
</Head>
|
|
<StyledPage>
|
|
<StyledWrapper>
|
|
<PageDetailEditor
|
|
blockSuiteWorkspace={blockSuiteWorkspace}
|
|
pageId="preview"
|
|
onInit={(page, editor) => {
|
|
blockSuiteWorkspace.setPageMeta(page.id, { title });
|
|
const pageBlockId = page.addBlockByFlavour('affine:page', {
|
|
title: new page.Text(title),
|
|
});
|
|
page.addBlockByFlavour('affine:surface', {}, null);
|
|
const frameId = page.addBlockByFlavour(
|
|
'affine:frame',
|
|
{},
|
|
pageBlockId
|
|
);
|
|
page.addBlockByFlavour('affine:paragraph', {}, frameId);
|
|
editor.clipboard.importMarkdown(text, frameId).then(() => {
|
|
page.resetHistory();
|
|
});
|
|
}}
|
|
/>
|
|
</StyledWrapper>
|
|
</StyledPage>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default PreviewPage;
|
|
|
|
export const getStaticProps: GetStaticProps<
|
|
PreviewPageProps,
|
|
PreviewPageParams
|
|
> = async context => {
|
|
const name = context.params?.previewId;
|
|
const fs = await import('node:fs/promises');
|
|
const path = await import('node:path');
|
|
const markdown: string = await fs.readFile(
|
|
path.resolve(process.cwd(), 'src', 'templates', `${name}.md`),
|
|
'utf8'
|
|
);
|
|
const title = markdown
|
|
.split('\n')
|
|
.splice(0, 1)
|
|
.join('')
|
|
.replaceAll('#', '')
|
|
.trim();
|
|
if (!name) {
|
|
return {
|
|
redirect: {
|
|
destination: '/404',
|
|
},
|
|
props: {
|
|
text: '',
|
|
title: '',
|
|
},
|
|
};
|
|
}
|
|
return {
|
|
props: {
|
|
text: markdown.split('\n').slice(1).join('\n'),
|
|
title,
|
|
},
|
|
};
|
|
};
|
|
|
|
export const getStaticPaths: GetStaticPaths<PreviewPageParams> = () => {
|
|
return {
|
|
paths: [
|
|
{ params: { previewId: 'AFFiNE-Docs' } },
|
|
{ params: { previewId: 'Welcome-to-AFFiNE-Abbey-Alpha-Wood' } },
|
|
{ params: { previewId: 'Welcome-to-AFFiNE-Alpha-Downhills' } },
|
|
{ params: { previewId: 'Welcome-to-the-AFFiNE-Alpha' } },
|
|
],
|
|
fallback: false,
|
|
};
|
|
};
|