|
|
@@ -0,0 +1,176 @@
|
|
|
+import {
|
|
|
+ NextPage, GetServerSideProps, GetServerSidePropsContext,
|
|
|
+} from 'next';
|
|
|
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
|
|
|
+import dynamic from 'next/dynamic';
|
|
|
+import Head from 'next/head';
|
|
|
+
|
|
|
+import { BasicLayout } from '~/components/Layout/BasicLayout';
|
|
|
+import { CrowiRequest } from '~/interfaces/crowi-request';
|
|
|
+import { RendererConfig } from '~/interfaces/services/renderer';
|
|
|
+import { ISidebarConfig } from '~/interfaces/sidebar-config';
|
|
|
+import { IUser, IUserHasId } from '~/interfaces/user';
|
|
|
+import { IUserUISettings } from '~/interfaces/user-ui-settings';
|
|
|
+import UserUISettings from '~/server/models/user-ui-settings';
|
|
|
+import {
|
|
|
+ useCsrfToken, useCurrentUser, useIsSearchPage, useIsSearchScopeChildrenAsDefault,
|
|
|
+ useIsSearchServiceConfigured, useIsSearchServiceReachable, useRendererConfig,
|
|
|
+} from '~/stores/context';
|
|
|
+import {
|
|
|
+ usePreferDrawerModeByUser, usePreferDrawerModeOnEditByUser, useSidebarCollapsed,
|
|
|
+ useCurrentSidebarContents, useCurrentProductNavWidth,
|
|
|
+} from '~/stores/ui';
|
|
|
+
|
|
|
+
|
|
|
+import {
|
|
|
+ CommonProps, getNextI18NextConfig, getServerSideCommonProps, useCustomTitle,
|
|
|
+} from './utils/commons';
|
|
|
+
|
|
|
+type Props = CommonProps & {
|
|
|
+ currentUser: IUser,
|
|
|
+
|
|
|
+ isSearchServiceConfigured: boolean,
|
|
|
+ isSearchServiceReachable: boolean,
|
|
|
+ isSearchScopeChildrenAsDefault: boolean,
|
|
|
+
|
|
|
+ // UI
|
|
|
+ userUISettings?: IUserUISettings
|
|
|
+ // Sidebar
|
|
|
+ sidebarConfig: ISidebarConfig,
|
|
|
+
|
|
|
+ // Render config
|
|
|
+ rendererConfig: RendererConfig,
|
|
|
+
|
|
|
+};
|
|
|
+
|
|
|
+const PrivateLegacyPage: NextPage<Props> = (props: Props) => {
|
|
|
+ const { userUISettings } = props;
|
|
|
+
|
|
|
+ const PrivateLegacyPages = dynamic(() => import('~/components/PrivateLegacyPages'), { ssr: false });
|
|
|
+
|
|
|
+ // commons
|
|
|
+ useCsrfToken(props.csrfToken);
|
|
|
+
|
|
|
+ useCurrentUser(props.currentUser ?? null);
|
|
|
+
|
|
|
+ // Search
|
|
|
+ useIsSearchPage(true);
|
|
|
+ useIsSearchServiceConfigured(props.isSearchServiceConfigured);
|
|
|
+ useIsSearchServiceReachable(props.isSearchServiceReachable);
|
|
|
+ useIsSearchScopeChildrenAsDefault(props.isSearchScopeChildrenAsDefault);
|
|
|
+
|
|
|
+ // UserUISettings
|
|
|
+ usePreferDrawerModeByUser(userUISettings?.preferDrawerModeByUser ?? props.sidebarConfig.isSidebarDrawerMode);
|
|
|
+ usePreferDrawerModeOnEditByUser(userUISettings?.preferDrawerModeOnEditByUser);
|
|
|
+ useSidebarCollapsed(userUISettings?.isSidebarCollapsed ?? props.sidebarConfig.isSidebarClosedAtDockMode);
|
|
|
+ useCurrentSidebarContents(userUISettings?.currentSidebarContents);
|
|
|
+ useCurrentProductNavWidth(userUISettings?.currentProductNavWidth);
|
|
|
+
|
|
|
+ // render config
|
|
|
+ useRendererConfig(props.rendererConfig);
|
|
|
+
|
|
|
+ return (
|
|
|
+ <>
|
|
|
+ <Head>
|
|
|
+ {/*
|
|
|
+ {renderScriptTagByName('drawio-viewer')}
|
|
|
+ {renderScriptTagByName('highlight-addons')}
|
|
|
+ */}
|
|
|
+ </Head>
|
|
|
+ <div className="on-search">
|
|
|
+ <BasicLayout title={useCustomTitle(props, 'GROWI')}>
|
|
|
+
|
|
|
+ <div id="grw-fav-sticky-trigger" className="sticky-top"></div>
|
|
|
+ <div id="main" className="main search-page mt-0">
|
|
|
+
|
|
|
+ <div id="private-regacy-pages">
|
|
|
+ <PrivateLegacyPages />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </BasicLayout>
|
|
|
+ </div>
|
|
|
+ </>
|
|
|
+ );
|
|
|
+};
|
|
|
+
|
|
|
+async function injectUserUISettings(context: GetServerSidePropsContext, props: Props): Promise<void> {
|
|
|
+ const req = context.req as CrowiRequest<IUserHasId & any>;
|
|
|
+ const { user } = req;
|
|
|
+
|
|
|
+ const userUISettings = user == null ? null : await UserUISettings.findOne({ user: user._id }).exec();
|
|
|
+ if (userUISettings != null) {
|
|
|
+ props.userUISettings = userUISettings.toObject();
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+async function injectServerConfigurations(context: GetServerSidePropsContext, props: Props): Promise<void> {
|
|
|
+ const req: CrowiRequest = context.req as CrowiRequest;
|
|
|
+ const { crowi } = req;
|
|
|
+ const { configManager, searchService } = crowi;
|
|
|
+
|
|
|
+ props.isSearchServiceConfigured = searchService.isConfigured;
|
|
|
+ props.isSearchServiceReachable = searchService.isReachable;
|
|
|
+ props.isSearchScopeChildrenAsDefault = configManager.getConfig('crowi', 'customize:isSearchScopeChildrenAsDefault');
|
|
|
+
|
|
|
+ props.sidebarConfig = {
|
|
|
+ isSidebarDrawerMode: configManager.getConfig('crowi', 'customize:isSidebarDrawerMode'),
|
|
|
+ isSidebarClosedAtDockMode: configManager.getConfig('crowi', 'customize:isSidebarClosedAtDockMode'),
|
|
|
+ };
|
|
|
+
|
|
|
+ props.rendererConfig = {
|
|
|
+ isEnabledLinebreaks: configManager.getConfig('markdown', 'markdown:isEnabledLinebreaks'),
|
|
|
+ isEnabledLinebreaksInComments: configManager.getConfig('markdown', 'markdown:isEnabledLinebreaksInComments'),
|
|
|
+ adminPreferredIndentSize: configManager.getConfig('markdown', 'markdown:adminPreferredIndentSize'),
|
|
|
+ isIndentSizeForced: configManager.getConfig('markdown', 'markdown:isIndentSizeForced'),
|
|
|
+
|
|
|
+ plantumlUri: process.env.PLANTUML_URI ?? null,
|
|
|
+ blockdiagUri: process.env.BLOCKDIAG_URI ?? null,
|
|
|
+
|
|
|
+ // XSS Options
|
|
|
+ isEnabledXssPrevention: configManager.getConfig('markdown', 'markdown:xss:isEnabledPrevention'),
|
|
|
+ attrWhiteList: crowi.xssService.getAttrWhiteList(),
|
|
|
+ tagWhiteList: crowi.xssService.getTagWhiteList(),
|
|
|
+ highlightJsStyleBorder: crowi.configManager.getConfig('crowi', 'customize:highlightJsStyleBorder'),
|
|
|
+ };
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * for Server Side Translations
|
|
|
+ * @param context
|
|
|
+ * @param props
|
|
|
+ * @param namespacesRequired
|
|
|
+ */
|
|
|
+async function injectNextI18NextConfigurations(context: GetServerSidePropsContext, props: Props, namespacesRequired?: string[] | undefined): Promise<void> {
|
|
|
+ const nextI18NextConfig = await getNextI18NextConfig(serverSideTranslations, context, namespacesRequired);
|
|
|
+ props._nextI18Next = nextI18NextConfig._nextI18Next;
|
|
|
+}
|
|
|
+
|
|
|
+export const getServerSideProps: GetServerSideProps = async(context: GetServerSidePropsContext) => {
|
|
|
+ const req = context.req as CrowiRequest<IUserHasId & any>;
|
|
|
+ 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;
|
|
|
+
|
|
|
+ if (user != null) {
|
|
|
+ props.currentUser = user.toObject();
|
|
|
+ }
|
|
|
+
|
|
|
+ await injectUserUISettings(context, props);
|
|
|
+ await injectServerConfigurations(context, props);
|
|
|
+ await injectNextI18NextConfigurations(context, props, ['translation']);
|
|
|
+
|
|
|
+ return {
|
|
|
+ props,
|
|
|
+ };
|
|
|
+};
|
|
|
+
|
|
|
+export default PrivateLegacyPage;
|
yuken