remove unused code

packages/app/src/pages/me.page.tsx

@@ -1,73 +1,42 @@
-import React, { useEffect } from 'react';
-
-
-import EventEmitter from 'events';
+import React from 'react';
 
 import {
-  IDataWithMeta, IPageInfoForEntity, IPagePopulatedToShowRevision, isClient, isIPageInfoForEntity, isServer, IUser, IUserHasId, pagePathUtils, pathUtils,
+  IDataWithMeta, IPageInfoForEntity, IPagePopulatedToShowRevision, isIPageInfoForEntity, IUser, IUserHasId,
 } from '@growi/core';
-import ExtensibleCustomError from 'extensible-custom-error';
 import { model as mongooseModel } from 'mongoose';
 import {
   NextPage, GetServerSideProps, GetServerSidePropsContext,
 } from 'next';
 import { useTranslation } from 'next-i18next';
-import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 import dynamic from 'next/dynamic';
-import Head from 'next/head';
 import { useRouter } from 'next/router';
 import superjson from 'superjson';
 
-// import { useTranslation } from '~/i18n';
-// import CommentEditorLazyRenderer from '~/components/PageComment/CommentEditorLazyRenderer';
-// import PersonalSettings from '~/components/Me/PersonalSettings';
 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 { CustomWindow } from '~/interfaces/global';
-import { RendererConfig } from '~/interfaces/services/renderer';
 import { ISidebarConfig } from '~/interfaces/sidebar-config';
 import { IUserUISettings } from '~/interfaces/user-ui-settings';
-import { PageModel, PageDocument } from '~/server/models/page';
-import { PageRedirectModel } from '~/server/models/page-redirect';
+import { PageDocument } from '~/server/models/page';
 import { UserUISettingsModel } from '~/server/models/user-ui-settings';
-import { useSWRxCurrentPage, useSWRxIsGrantNormalized, useSWRxPageInfo } from '~/stores/page';
 import {
-  usePreferDrawerModeByUser, usePreferDrawerModeOnEditByUser, useSidebarCollapsed, useCurrentSidebarContents, useCurrentProductNavWidth, useSelectedGrant,
+  usePreferDrawerModeByUser, usePreferDrawerModeOnEditByUser, useSidebarCollapsed, useCurrentSidebarContents, useCurrentProductNavWidth,
 } from '~/stores/ui';
 import loggerFactory from '~/utils/logger';
 
-// import { isUserPage, isTrashPage, isSharedPage } from '~/utils/path-utils';
 
 import { BasicLayout } from '../components/Layout/BasicLayout';
-// import { serializeUserSecurely } from '../server/models/serializers/user-serializer';
-// import PageStatusAlert from '../client/js/components/PageStatusAlert';
 import {
-  useCurrentUser, useCurrentPagePath,
-  useIsLatestRevision,
-  useIsForbidden, useIsNotFound, useIsTrashPage, useIsSharedUser,
-  useIsEnabledStaleNotification, useIsIdenticalPath,
-  useIsSearchServiceConfigured, useIsSearchServiceReachable, useDisableLinkSharing,
-  useHackmdUri,
-  useIsAclEnabled, useIsUserPage, useIsNotCreatable,
-  useCsrfToken, useIsSearchScopeChildrenAsDefault, useCurrentPageId, useCurrentPathname,
-  useIsSlackConfigured, useIsBlinkedHeaderAtBoot, useRendererConfig, useEditingMarkdown, useRegistrationWhiteList,
+  useCurrentUser,
+  useIsSearchServiceConfigured, useIsSearchServiceReachable,
+  useCsrfToken, useIsSearchScopeChildrenAsDefault, useCurrentPathname,
+  useRegistrationWhiteList,
 } from '../stores/context';
 
 import {
   CommonProps, getNextI18NextConfig, getServerSideCommonProps, useCustomTitle,
 } from './utils/commons';
-// import { useCurrentPageSWR } from '../stores/page';
-
 
-const logger = loggerFactory('growi:pages:all');
 
-const {
-  isPermalink: _isPermalink, isUsersHomePage, isTrashPage: _isTrashPage, isUserPage, isCreatablePage,
-} = pagePathUtils;
-const { removeHeadingSlash } = pathUtils;
+const logger = loggerFactory('growi:pages:me');
 
 
 type IPageToShowRevisionWithMeta = IDataWithMeta<IPagePopulatedToShowRevision & PageDocument, IPageInfoForEntity>;
@@ -100,99 +69,39 @@ superjson.registerCustom<IPageToShowRevisionWithMeta, IPageToShowRevisionWithMet
 
 type Props = CommonProps & {
   currentUser: IUser,
-  // pageWithMeta: IPageToShowRevisionWithMeta,
-  // redirectFrom?: string;
-  // isLatestRevision?: boolean
-  // isIdenticalPathPage?: boolean,
-  // isForbidden: boolean,
-  // isNotFound: boolean,
-  // IsNotCreatable: boolean,
-  // isSearchServiceConfigured: boolean,
-  // isSearchServiceReachable: boolean,
-  // isSearchScopeChildrenAsDefault: boolean,
-  // isSlackConfigured: boolean,
-  // isAclEnabled: boolean,
-  // hackmdUri: string,
-  // isEnabledStaleNotification: boolean,
-  // disableLinkSharing: boolean,
-  // rendererConfig: RendererConfig,
-  // userUISettings?: IUserUISettings
-  // sidebarConfig: ISidebarConfig,
+  isSearchServiceConfigured: boolean,
+  isSearchServiceReachable: boolean,
+  isSearchScopeChildrenAsDefault: boolean,
+  userUISettings?: IUserUISettings
+  sidebarConfig: ISidebarConfig,
 
   // config
   registrationWhiteList: string[],
 };
 
 const MePage: NextPage<Props> = (props: Props) => {
-  // const { t } = useTranslation();
   const router = useRouter();
-
-  // const { data: currentUser } = useCurrentUser(props.currentUser ?? null);
-
-  // register global EventEmitter
-  if (isClient()) {
-    (window as CustomWindow).globalEmitter = new EventEmitter();
-  }
-
   useCurrentUser(props.currentUser ?? null);
 
   useRegistrationWhiteList(props.registrationWhiteList);
 
   // commons
-  // useCsrfToken(props.csrfToken);
+  useCsrfToken(props.csrfToken);
 
   // // UserUISettings
-  // usePreferDrawerModeByUser(props.userUISettings?.preferDrawerModeByUser ?? props.sidebarConfig.isSidebarDrawerMode);
-  // usePreferDrawerModeOnEditByUser(props.userUISettings?.preferDrawerModeOnEditByUser);
-  // useSidebarCollapsed(props.userUISettings?.isSidebarCollapsed ?? props.sidebarConfig.isSidebarClosedAtDockMode);
-  // useCurrentSidebarContents(props.userUISettings?.currentSidebarContents);
-  // useCurrentProductNavWidth(props.userUISettings?.currentProductNavWidth);
+  usePreferDrawerModeByUser(props.userUISettings?.preferDrawerModeByUser ?? props.sidebarConfig.isSidebarDrawerMode);
+  usePreferDrawerModeOnEditByUser(props.userUISettings?.preferDrawerModeOnEditByUser);
+  useSidebarCollapsed(props.userUISettings?.isSidebarCollapsed ?? props.sidebarConfig.isSidebarClosedAtDockMode);
+  useCurrentSidebarContents(props.userUISettings?.currentSidebarContents);
+  useCurrentProductNavWidth(props.userUISettings?.currentProductNavWidth);
 
   // // page
-  // useCurrentPagePath(props.currentPathname);
-  // useIsLatestRevision(props.isLatestRevision);
-  // useIsForbidden(props.isForbidden);
-  // useIsNotFound(props.isNotFound);
-  // useIsNotCreatable(props.IsNotCreatable);
-  // useIsSharedUser(false); // this page cann't be routed for '/share'
-  // useIsIdenticalPath(false); // TODO: need to initialize from props
-  // useIsEnabledStaleNotification(props.isEnabledStaleNotification);
-  // useIsBlinkedHeaderAtBoot(false);
-  // useIsSearchServiceConfigured(props.isSearchServiceConfigured);
-  // useIsSearchServiceReachable(props.isSearchServiceReachable);
-  // useIsSearchScopeChildrenAsDefault(props.isSearchScopeChildrenAsDefault);
-  // useIsSlackConfigured(props.isSlackConfigured);
-  // useIsAclEnabled(props.isAclEnabled);
-  // useHackmdUri(props.hackmdUri);
-  // useDisableLinkSharing(props.disableLinkSharing);
-  // useRendererConfig(props.rendererConfig);
-  // const { pageWithMeta, userUISettings } = props;
-
-  // let shouldRenderPutbackPageModal = false;
-  // if (pageWithMeta != null) {
-  //   shouldRenderPutbackPageModal = _isTrashPage(pageWithMeta.data.path);
-  // }
-
-  // const pageId = pageWithMeta?.data._id;
-
-  // useCurrentPageId(pageId);
-  // useSWRxCurrentPage(undefined, pageWithMeta?.data); // store initial data
-  // useSWRxPageInfo(pageId, undefined, pageWithMeta?.meta); // store initial data
-  // useIsTrashPage(_isTrashPage(pageWithMeta?.data.path ?? ''));
-  // useIsUserPage(isUserPage(pageWithMeta?.data.path ?? ''));
-  // useIsNotCreatable(props.isForbidden || !isCreatablePage(pageWithMeta?.data.path ?? '')); // TODO: need to include props.isIdentical
-  // useCurrentPagePath(pageWithMeta?.data.path);
-  // useCurrentPathname(props.currentPathname);
-  // useEditingMarkdown(pageWithMeta?.data.revision?.body);
-  // const { data: grantData } = useSWRxIsGrantNormalized(pageId);
-  // const { mutate: mutateSelectedGrant } = useSelectedGrant();
+  useIsSearchServiceConfigured(props.isSearchServiceConfigured);
+  useIsSearchServiceReachable(props.isSearchServiceReachable);
+  useIsSearchScopeChildrenAsDefault(props.isSearchScopeChildrenAsDefault);
+  useCurrentPathname(props.currentPathname);
   const { t } = useTranslation();
 
-  // sync grant data
-  // useEffect(() => {
-  //   mutateSelectedGrant(grantData?.grantData.currentPageGrant);
-  // }, [grantData?.grantData.currentPageGrant, mutateSelectedGrant]);
-
   // sync pathname by Shallow Routing https://nextjs.org/docs/routing/shallow-routing
   // useEffect(() => {
   //   const decodedURI = decodeURI(window.location.pathname);
@@ -206,7 +115,7 @@ const MePage: NextPage<Props> = (props: Props) => {
   return (
     <>
       {/* タブタイトルをカスタマイズする必要あり */}
-      <BasicLayout title={useCustomTitle(props, 'GROWI')} expandContainer={props.isContainerFluid}>
+      <BasicLayout title={useCustomTitle(props, 'GROWI')}>
 
         <header className="py-3">
           <div className="container-fluid">
@@ -227,199 +136,36 @@ const MePage: NextPage<Props> = (props: Props) => {
   );
 };
 
+async function injectUserUISettings(context: GetServerSidePropsContext, props: Props): Promise<void> {
+  const req = context.req as CrowiRequest<IUserHasId & any>;
+  const { user } = req;
+  const UserUISettings = mongooseModel('UserUISettings') as UserUISettingsModel;
 
-// function getPageIdFromPathname(currentPathname: string): string | null {
-//   return _isPermalink(currentPathname) ? removeHeadingSlash(currentPathname) : null;
-// }
-
-// class MultiplePagesHitsError extends ExtensibleCustomError {
-
-//   pagePath: string;
-
-//   constructor(pagePath: string) {
-//     super(`MultiplePagesHitsError occured by '${pagePath}'`);
-//     this.pagePath = pagePath;
-//   }
-
-// }
-
-// async function injectPageData(context: GetServerSidePropsContext, props: Props): Promise<void> {
-//   const req: CrowiRequest = context.req as CrowiRequest;
-//   const { crowi } = req;
-//   const { revisionId } = req.query;
-
-//   const Page = crowi.model('Page') as PageModel;
-//   const PageRedirect = mongooseModel('PageRedirect') as PageRedirectModel;
-//   const { pageService } = crowi;
-
-//   let currentPathname = props.currentPathname;
-
-//   const pageId = getPageIdFromPathname(currentPathname);
-//   const isPermalink = _isPermalink(currentPathname);
-
-//   const { user } = req;
-
-//   if (!isPermalink) {
-//     // check redirects
-//     const chains = await PageRedirect.retrievePageRedirectEndpoints(currentPathname);
-//     if (chains != null) {
-//       // overwrite currentPathname
-//       currentPathname = chains.end.toPath;
-//       props.currentPathname = currentPathname;
-//       // set redirectFrom
-//       props.redirectFrom = chains.start.fromPath;
-//     }
-
-//     // check whether the specified page path hits to multiple pages
-//     const count = await Page.countByPathAndViewer(currentPathname, user, null, true);
-//     if (count > 1) {
-//       throw new MultiplePagesHitsError(currentPathname);
-//     }
-//   }
-// // includeEmpty = true, isSharedPage = false
-//   const pageWithMeta: IPageToShowRevisionWithMeta = await pageService.findPageAndMetaDataByViewer(pageId, currentPathname, user, true);
-//   const page = pageWithMeta?.data as unknown as PageDocument;
-
-//   // populate & check if the revision is latest
-//   if (page != null) {
-//     page.initLatestRevisionField(revisionId);
-//     await page.populateDataToShowRevision();
-//     props.isLatestRevision = page.isLatestRevision();
-//   }
-
-//   props.pageWithMeta = pageWithMeta;
-// }
-
-// async function injectUserUISettings(context: GetServerSidePropsContext, props: Props): Promise<void> {
-//   const req = context.req as CrowiRequest<IUserHasId & any>;
-//   const { user } = req;
-//   const UserUISettings = mongooseModel('UserUISettings') as UserUISettingsModel;
-
-//   const userUISettings = user == null ? null : await UserUISettings.findOne({ user: user._id }).exec();
-//   if (userUISettings != null) {
-//     props.userUISettings = userUISettings.toObject();
-//   }
-// }
-
-// async function injectRoutingInformation(context: GetServerSidePropsContext, props: Props): Promise<void> {
-//   const req: CrowiRequest = context.req as CrowiRequest;
-//   const { crowi } = req;
-//   const Page = crowi.model('Page') as PageModel;
-
-//   const { currentPathname } = props;
-//   const pageId = getPageIdFromPathname(currentPathname);
-//   const isPermalink = _isPermalink(currentPathname);
-
-//   const page = props.pageWithMeta?.data;
-
-//   if (props.isIdenticalPathPage) {
-//     // TBD
-//   }
-//   else if (page == null) {
-//     props.isNotFound = true;
-//     props.IsNotCreatable = !isCreatablePage(currentPathname);
-//     // check the page is forbidden or just does not exist.
-//     const count = isPermalink ? await Page.count({ _id: pageId }) : await Page.count({ path: currentPathname });
-//     props.isForbidden = count > 0;
-//   }
-//   else {
-//     props.isNotFound = page.isEmpty;
-
-//     // /62a88db47fed8b2d94f30000 ==> /path/to/page
-//     if (isPermalink && page.isEmpty) {
-//       props.currentPathname = page.path;
-//     }
-
-//     // /path/to/page ==> /62a88db47fed8b2d94f30000
-//     if (!isPermalink && !page.isEmpty) {
-//       const isToppage = pagePathUtils.isTopPage(props.currentPathname);
-//       if (!isToppage) {
-//         props.currentPathname = `/${page._id}`;
-//       }
-//     }
-//   }
-// }
-
-// // 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());
-// //     }
-// //   }
-// // }
+  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 {
-    mailService,
+    searchService,
     configManager,
   } = crowi;
 
+  props.isSearchServiceConfigured = searchService.isConfigured;
+  props.isSearchServiceReachable = searchService.isReachable;
+  props.isSearchScopeChildrenAsDefault = configManager.getConfig('crowi', 'customize:isSearchScopeChildrenAsDefault');
+
   props.registrationWhiteList = configManager.getConfig('crowi', 'security:registrationWhiteList');
-}
 
-// function injectServerConfigurations(context: GetServerSidePropsContext, props: Props): void {
-//   const req: CrowiRequest = context.req as CrowiRequest;
-//   const { crowi } = req;
-//   const {
-//     appService, searchService, configManager, aclService, slackNotificationService, mailService,
-//   } = crowi;
-
-//   props.isSearchServiceConfigured = searchService.isConfigured;
-//   props.isSearchServiceReachable = searchService.isReachable;
-//   props.isSearchScopeChildrenAsDefault = configManager.getConfig('crowi', 'customize:isSearchScopeChildrenAsDefault');
-
-//   props.isSlackConfigured = crowi.slackIntegrationService.isSlackConfigured;
-//   // 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.isEnabledStaleNotification = configManager.getConfig('crowi', 'customize:isEnabledStaleNotification');
-//   // props.isEnabledLinebreaks = configManager.getConfig('markdown', 'markdown:isEnabledLinebreaks');
-//   // props.isEnabledLinebreaksInComments = configManager.getConfig('markdown', 'markdown:isEnabledLinebreaksInComments');
-//   props.disableLinkSharing = configManager.getConfig('crowi', 'security:disableLinkSharing');
-//   // 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');
-
-//   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'),
-//   };
-
-//   props.sidebarConfig = {
-//     isSidebarDrawerMode: configManager.getConfig('crowi', 'customize:isSidebarDrawerMode'),
-//     isSidebarClosedAtDockMode: configManager.getConfig('crowi', 'customize:isSidebarClosedAtDockMode'),
-//   };
-// }
+  props.sidebarConfig = {
+    isSidebarDrawerMode: configManager.getConfig('crowi', 'customize:isSidebarDrawerMode'),
+    isSidebarClosedAtDockMode: configManager.getConfig('crowi', 'customize:isSidebarClosedAtDockMode'),
+  };
+}
 
 // /**
 //  * for Server Side Translations
@@ -451,22 +197,8 @@ export const getServerSideProps: GetServerSideProps = async(context: GetServerSi
     props.currentUser = user.toObject();
   }
 
-  // try {
-  //   await injectPageData(context, props);
-  // }
-  // catch (err) {
-  //   if (err instanceof MultiplePagesHitsError) {
-  //     props.isIdenticalPathPage = true;
-  //   }
-  //   else {
-  //     throw err;
-  //   }
-  // }
-
-  // await injectUserUISettings(context, props);
-  // await injectRoutingInformation(context, props);
-  // injectServerConfigurations(context, props);
-  // await injectNextI18NextConfigurations(context, props, ['translation']);
+  await injectUserUISettings(context, props);
+  await injectServerConfigurations(context, props);
 
   return {
     props,