|
|
@@ -0,0 +1,310 @@
|
|
|
+import React, { useEffect } from 'react';
|
|
|
+
|
|
|
+import { pagePathUtils } from '@growi/core';
|
|
|
+import {
|
|
|
+ NextPage, GetServerSideProps, GetServerSidePropsContext,
|
|
|
+} from 'next';
|
|
|
+import Head from 'next/head';
|
|
|
+import { useRouter } from 'next/router';
|
|
|
+
|
|
|
+// import { PageAlerts } from '~/components/PageAlert/PageAlerts';
|
|
|
+// import { PageComments } from '~/components/PageComment/PageComments';
|
|
|
+// import { useTranslation } from '~/i18n';
|
|
|
+import { CrowiRequest } from '~/interfaces/crowi-request';
|
|
|
+// import { renderScriptTagByName, renderHighlightJsStyleTag } from '~/service/cdn-resources-loader';
|
|
|
+// import { useIndentSize } from '~/stores/editor';
|
|
|
+// import { useRendererSettings } from '~/stores/renderer';
|
|
|
+// import { EditorMode, useEditorMode, useIsMobile } from '~/stores/ui';
|
|
|
+import loggerFactory from '~/utils/logger';
|
|
|
+import { CommonProps, getServerSideCommonProps, useCustomTitle } from '~/utils/nextjs-page-utils';
|
|
|
+// import { isUserPage, isTrashPage, isSharedPage } from '~/utils/path-utils';
|
|
|
+
|
|
|
+
|
|
|
+// import GrowiSubNavigation from '../client/js/components/Navbar/GrowiSubNavigation';
|
|
|
+// import GrowiSubNavigationSwitcher from '../client/js/components/Navbar/GrowiSubNavigationSwitcher';
|
|
|
+// import DisplaySwitcher from '../client/js/components/Page/DisplaySwitcher';
|
|
|
+import { BasicLayout } from '../components/BasicLayout';
|
|
|
+
|
|
|
+// import { serializeUserSecurely } from '../server/models/serializers/user-serializer';
|
|
|
+// import PageStatusAlert from '../client/js/components/PageStatusAlert';
|
|
|
+
|
|
|
+
|
|
|
+import {
|
|
|
+ useCurrentUser, useCurrentPagePath,
|
|
|
+// useOwnerOfCurrentPage,
|
|
|
+// useForbidden, useNotFound, useTrash, useShared, useShareLinkId, useIsSharedUser, useIsAbleToDeleteCompletely,
|
|
|
+// useAppTitle, useSiteUrl, useConfidential, useIsEnabledStaleNotification,
|
|
|
+// useSearchServiceConfigured, useSearchServiceReachable, useIsMailerSetup,
|
|
|
+// useAclEnabled, useHasSlackConfig, useDrawioUri, useHackmdUri, useMathJax, useNoCdn, useEditorConfig,
|
|
|
+} from '../stores/context';
|
|
|
+// import { useCurrentPageSWR } from '../stores/page';
|
|
|
+
|
|
|
+
|
|
|
+const logger = loggerFactory('growi:pages:all');
|
|
|
+const { isUsersHomePage } = pagePathUtils;
|
|
|
+
|
|
|
+type Props = CommonProps & {
|
|
|
+ currentUser: string,
|
|
|
+
|
|
|
+ // page: any,
|
|
|
+ // pageUser?: any,
|
|
|
+ // redirectTo?: string;
|
|
|
+ // redirectFrom?: string;
|
|
|
+
|
|
|
+ // shareLinkId?: string;
|
|
|
+
|
|
|
+ // siteUrl: string,
|
|
|
+ // isForbidden: boolean,
|
|
|
+ // isNotFound: boolean,
|
|
|
+ // isAbleToDeleteCompletely: boolean,
|
|
|
+ // isSearchServiceConfigured: boolean,
|
|
|
+ // isSearchServiceReachable: boolean,
|
|
|
+ // isMailerSetup: boolean,
|
|
|
+ // isAclEnabled: boolean,
|
|
|
+ // hasSlackConfig: boolean,
|
|
|
+ // drawioUri: string,
|
|
|
+ // hackmdUri: string,
|
|
|
+ // mathJax: string,
|
|
|
+ // noCdn: string,
|
|
|
+ // highlightJsStyle: string,
|
|
|
+ // isAllReplyShown: boolean,
|
|
|
+ // isContainerFluid: boolean,
|
|
|
+ // editorConfig: any,
|
|
|
+ // isEnabledStaleNotification: boolean,
|
|
|
+ // isEnabledLinebreaks: boolean,
|
|
|
+ // isEnabledLinebreaksInComments: boolean,
|
|
|
+ // adminPreferredIndentSize: number,
|
|
|
+ // isIndentSizeForced: boolean,
|
|
|
+};
|
|
|
+
|
|
|
+const GrowiPage: NextPage<Props> = (props: Props) => {
|
|
|
+ // const { t } = useTranslation();
|
|
|
+ const router = useRouter();
|
|
|
+
|
|
|
+ const { data: currentUser } = useCurrentUser(props.currentUser != null ? JSON.parse(props.currentUser) : null);
|
|
|
+ useCurrentPagePath(props.currentPagePath);
|
|
|
+ // useOwnerOfCurrentPage(props.pageUser != null ? JSON.parse(props.pageUser) : null);
|
|
|
+ // useForbidden(props.isForbidden);
|
|
|
+ // useNotFound(props.isNotFound);
|
|
|
+ // useTrash(isTrashPage(props.currentPagePath));
|
|
|
+ // useShared(isSharedPage(props.currentPagePath));
|
|
|
+ // useShareLinkId(props.shareLinkId);
|
|
|
+ // useIsAbleToDeleteCompletely(props.isAbleToDeleteCompletely);
|
|
|
+ // useIsSharedUser(props.currentUser == null && isSharedPage(props.currentPagePath));
|
|
|
+ // useIsEnabledStaleNotification(props.isEnabledStaleNotification);
|
|
|
+
|
|
|
+ // useAppTitle(props.appTitle);
|
|
|
+ // useSiteUrl(props.siteUrl);
|
|
|
+ // useEditorConfig(props.editorConfig);
|
|
|
+ // useConfidential(props.confidential);
|
|
|
+ // useSearchServiceConfigured(props.isSearchServiceConfigured);
|
|
|
+ // useSearchServiceReachable(props.isSearchServiceReachable);
|
|
|
+ // useIsMailerSetup(props.isMailerSetup);
|
|
|
+ // useAclEnabled(props.isAclEnabled);
|
|
|
+ // useHasSlackConfig(props.hasSlackConfig);
|
|
|
+ // useDrawioUri(props.drawioUri);
|
|
|
+ // useHackmdUri(props.hackmdUri);
|
|
|
+ // useMathJax(props.mathJax);
|
|
|
+ // useNoCdn(props.noCdn);
|
|
|
+ // useIndentSize(props.adminPreferredIndentSize);
|
|
|
+
|
|
|
+ // useRendererSettings({
|
|
|
+ // isEnabledLinebreaks: props.isEnabledLinebreaks,
|
|
|
+ // isEnabledLinebreaksInComments: props.isEnabledLinebreaksInComments,
|
|
|
+ // adminPreferredIndentSize: props.adminPreferredIndentSize,
|
|
|
+ // isIndentSizeForced: props.isIndentSizeForced,
|
|
|
+ // });
|
|
|
+
|
|
|
+ // const { data: editorMode } = useEditorMode();
|
|
|
+
|
|
|
+ let page;
|
|
|
+ // if (props.page != null) {
|
|
|
+ // page = JSON.parse(props.page);
|
|
|
+ // }
|
|
|
+ // useCurrentPageSWR(page);
|
|
|
+
|
|
|
+ const classNames: string[] = [];
|
|
|
+ // switch (editorMode) {
|
|
|
+ // case EditorMode.Editor:
|
|
|
+ // classNames.push('on-edit', 'builtin-editor');
|
|
|
+ // break;
|
|
|
+ // case EditorMode.HackMD:
|
|
|
+ // classNames.push('on-edit', 'hackmd');
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ // if (props.isContainerFluid) {
|
|
|
+ // classNames.push('growi-layout-fluid');
|
|
|
+ // }
|
|
|
+ // if (page == null) {
|
|
|
+ // classNames.push('not-found-page');
|
|
|
+ // }
|
|
|
+
|
|
|
+
|
|
|
+ // // Rewrite browser url by Shallow Routing https://nextjs.org/docs/routing/shallow-routing
|
|
|
+ // useEffect(() => {
|
|
|
+ // if (props.redirectTo != null) {
|
|
|
+ // router.push('/[[...path]]', props.redirectTo, { shallow: true });
|
|
|
+ // }
|
|
|
+ // // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
|
+ // }, []);
|
|
|
+
|
|
|
+ return (
|
|
|
+ <>
|
|
|
+ <Head>
|
|
|
+ {/*
|
|
|
+ {renderScriptTagByName('drawio-viewer')}
|
|
|
+ {renderScriptTagByName('mathjax')}
|
|
|
+ {renderScriptTagByName('highlight-addons')}
|
|
|
+ {renderHighlightJsStyleTag(props.highlightJsStyle)}
|
|
|
+ */}
|
|
|
+ </Head>
|
|
|
+ {/* <BasicLayout title={useCustomTitle(props, t('GROWI'))} className={classNames.join(' ')}> */}
|
|
|
+ <BasicLayout title={useCustomTitle(props, 'GROWI')} className={classNames.join(' ')}>
|
|
|
+ <header className="py-0">
|
|
|
+ {/* <GrowiSubNavigation /> */}
|
|
|
+ GrowiSubNavigation
|
|
|
+ </header>
|
|
|
+ <div className="d-edit-none">
|
|
|
+ {/* <GrowiSubNavigationSwitcher /> */}
|
|
|
+ GrowiSubNavigationSwitcher
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div id="grw-subnav-sticky-trigger" className="sticky-top"></div>
|
|
|
+ <div id="grw-fav-sticky-trigger" className="sticky-top"></div>
|
|
|
+
|
|
|
+ <div id="main" className={`main ${isUsersHomePage(props.currentPagePath) && 'user-page'}`}>
|
|
|
+
|
|
|
+ <div className="row">
|
|
|
+ <div className="col grw-page-content-container">
|
|
|
+ <div id="content-main" className="content-main grw-container-convertible">
|
|
|
+ {/* <PageAlerts /> */}
|
|
|
+ PageAlerts
|
|
|
+ {/* <DisplaySwitcher /> */}
|
|
|
+ DisplaySwitcher
|
|
|
+ <div id="page-editor-navbar-bottom-container" className="d-none d-edit-block"></div>
|
|
|
+ {/* <PageStatusAlert /> */}
|
|
|
+ PageStatusAlert
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ {/* <div className="col-xl-2 col-lg-3 d-none d-lg-block revision-toc-container">
|
|
|
+ <div id="revision-toc" className="revision-toc mt-3 sps sps--abv" data-sps-offset="123">
|
|
|
+ <div id="revision-toc-content" className="revision-toc-content"></div>
|
|
|
+ </div>
|
|
|
+ </div> */}
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <footer>
|
|
|
+ {/* <PageComments /> */}
|
|
|
+ PageComments
|
|
|
+ </footer>
|
|
|
+
|
|
|
+ </BasicLayout>
|
|
|
+ </>
|
|
|
+ );
|
|
|
+};
|
|
|
+
|
|
|
+// async function injectPageInformation(context: GetServerSidePropsContext, props: Props, specifiedPagePath?: string): Promise<void> {
|
|
|
+// const req: CrowiRequest = context.req as CrowiRequest;
|
|
|
+// const { crowi } = req;
|
|
|
+// const { pageService } = crowi;
|
|
|
+
|
|
|
+// const { user } = req;
|
|
|
+
|
|
|
+// const pagePath = specifiedPagePath || props.currentPagePath;
|
|
|
+// const result = await pageService.findPageAndMetaDataByViewer({ path: pagePath, user });
|
|
|
+// const page = result.page;
|
|
|
+
|
|
|
+// if (page == null) {
|
|
|
+// // check the page is forbidden or just does not exist.
|
|
|
+// props.isForbidden = result.isForbidden;
|
|
|
+// props.isNotFound = result.isNotFound;
|
|
|
+// logger.warn(`Page is ${props.isForbidden ? 'forbidden' : 'not found'}`, pagePath);
|
|
|
+// return;
|
|
|
+// }
|
|
|
+
|
|
|
+// // get props recursively
|
|
|
+// if (page.redirectTo) {
|
|
|
+// // Pass to rewrite browser url
|
|
|
+// props.redirectTo = page.redirectTo;
|
|
|
+// props.redirectFrom = pagePath;
|
|
|
+// logger.debug(`Redirect to '${page.redirectTo}'`);
|
|
|
+// return injectPageInformation(context, props, page.redirectTo);
|
|
|
+// }
|
|
|
+
|
|
|
+// await page.populateDataToShowRevision();
|
|
|
+// props.page = JSON.stringify(serializeUserSecurely(page));
|
|
|
+// }
|
|
|
+
|
|
|
+// async function injectPageUserInformation(context: GetServerSidePropsContext, props: Props): Promise<void> {
|
|
|
+// const req: CrowiRequest = context.req as CrowiRequest;
|
|
|
+// const { crowi } = req;
|
|
|
+// const UserModel = crowi.model('User');
|
|
|
+
|
|
|
+// if (isUserPage(props.currentPagePath)) {
|
|
|
+// const user = await UserModel.findUserByUsername(UserModel.getUsernameByPath(props.currentPagePath));
|
|
|
+
|
|
|
+// if (user != null) {
|
|
|
+// props.pageUser = JSON.stringify(user.toObject());
|
|
|
+// }
|
|
|
+// }
|
|
|
+// }
|
|
|
+
|
|
|
+export const getServerSideProps: GetServerSideProps = async(context: GetServerSidePropsContext) => {
|
|
|
+ const req: CrowiRequest = context.req as CrowiRequest;
|
|
|
+ const { crowi } = req;
|
|
|
+ // const {
|
|
|
+ // appService, searchService, configManager, aclService, slackNotificationService, mailService,
|
|
|
+ // } = crowi;
|
|
|
+
|
|
|
+ const { user } = req;
|
|
|
+
|
|
|
+ const result = await getServerSideCommonProps(context);
|
|
|
+
|
|
|
+ // check for presence
|
|
|
+ // see: https://github.com/vercel/next.js/issues/19271#issuecomment-730006862
|
|
|
+ if (!('props' in result)) {
|
|
|
+ throw new Error('invalid getSSP result');
|
|
|
+ }
|
|
|
+
|
|
|
+ const props: Props = result.props as Props;
|
|
|
+ // await injectPageInformation(context, props);
|
|
|
+ // await injectPageUserInformation(context, props);
|
|
|
+
|
|
|
+ if (user != null) {
|
|
|
+ props.currentUser = JSON.stringify(user);
|
|
|
+ }
|
|
|
+
|
|
|
+ // props.siteUrl = appService.getSiteUrl();
|
|
|
+ // props.confidential = appService.getAppConfidential();
|
|
|
+ // props.isSearchServiceConfigured = searchService.isConfigured;
|
|
|
+ // props.isSearchServiceReachable = searchService.isReachable;
|
|
|
+ // props.isMailerSetup = mailService.isMailerSetup;
|
|
|
+ // props.isAclEnabled = aclService.isAclEnabled();
|
|
|
+ // props.hasSlackConfig = slackNotificationService.hasSlackConfig();
|
|
|
+ // props.drawioUri = configManager.getConfig('crowi', 'app:drawioUri');
|
|
|
+ // props.hackmdUri = configManager.getConfig('crowi', 'app:hackmdUri');
|
|
|
+ // props.mathJax = configManager.getConfig('crowi', 'app:mathJax');
|
|
|
+ // props.noCdn = configManager.getConfig('crowi', 'app:noCdn');
|
|
|
+ // props.highlightJsStyle = configManager.getConfig('crowi', 'customize:highlightJsStyle');
|
|
|
+ // props.isAllReplyShown = configManager.getConfig('crowi', 'customize:isAllReplyShown');
|
|
|
+ // props.isContainerFluid = configManager.getConfig('crowi', 'customize:isContainerFluid');
|
|
|
+ // props.isEnabledStaleNotification = configManager.getConfig('crowi', 'customize:isEnabledStaleNotification');
|
|
|
+ // props.isEnabledLinebreaks = configManager.getConfig('markdown', 'markdown:isEnabledLinebreaks');
|
|
|
+ // props.isEnabledLinebreaksInComments = configManager.getConfig('markdown', 'markdown:isEnabledLinebreaksInComments');
|
|
|
+ // props.editorConfig = {
|
|
|
+ // upload: {
|
|
|
+ // image: crowi.fileUploadService.getIsUploadable(),
|
|
|
+ // file: crowi.fileUploadService.getFileUploadEnabled(),
|
|
|
+ // },
|
|
|
+ // };
|
|
|
+ // props.adminPreferredIndentSize = configManager.getConfig('markdown', 'markdown:adminPreferredIndentSize');
|
|
|
+ // props.isIndentSizeForced = configManager.getConfig('markdown', 'markdown:isIndentSizeForced');
|
|
|
+
|
|
|
+ return {
|
|
|
+ props,
|
|
|
+ };
|
|
|
+};
|
|
|
+
|
|
|
+export default GrowiPage;
|
Yuki Takei