wiki
/
weseek__growi
mirror of https://github.com/weseek/growi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							/* eslint-disable @next/next/google-font-display */
import React from 'react';

import { Lang } from '@growi/core';
import type { DocumentContext, DocumentInitialProps } from 'next/document';
import Document, {
  Html, Head, Main, NextScript,
} from 'next/document';

import type { GrowiPluginResourceEntries } from '~/features/growi-plugin/server/services';
import type { CrowiRequest } from '~/interfaces/crowi-request';
import { configManager } from '~/server/service/config-manager';
import { detectLocaleFromBrowserAcceptLanguage } from '~/server/util/locale-utils';
import loggerFactory from '~/utils/logger';

import { getLocateAtServerSide } from './utils/commons';

const logger = loggerFactory('growi:page:_document');

type HeadersForGrowiPluginProps = {
  pluginResourceEntries: GrowiPluginResourceEntries;
}
const HeadersForGrowiPlugin = (props: HeadersForGrowiPluginProps): JSX.Element => {
  const { pluginResourceEntries } = props;

  return (
    <>
      { pluginResourceEntries.map(([installedPath, href]) => {
        if (href.endsWith('.js')) {
          // eslint-disable-next-line @next/next/no-sync-scripts
          return <script type="module" key={`script_${installedPath}`} src={href} />;
        }
        if (href.endsWith('.css')) {
          // eslint-disable-next-line @next/next/no-sync-scripts
          return <link rel="stylesheet" key={`link_${installedPath}`} href={href} />;
        }
        return <></>;
      }) }
    </>
  );
};

interface GrowiDocumentProps {
  themeHref: string,
  customScript: string | null,
  customCss: string | null,
  customNoscript: string | null,
  pluginResourceEntries: GrowiPluginResourceEntries;
  locale: string;
}
declare type GrowiDocumentInitialProps = DocumentInitialProps & GrowiDocumentProps;

class GrowiDocument extends Document<GrowiDocumentInitialProps> {

  static override async getInitialProps(ctx: DocumentContext): Promise<GrowiDocumentInitialProps> {

    const langMap = {
      [Lang.ja_JP]: 'ja-jp',
      [Lang.en_US]: 'en-us',
      [Lang.zh_CN]: 'zh-cn',
      [Lang.fr_FR]: 'fr-fr',
    } as const;

    const initialProps: DocumentInitialProps = await Document.getInitialProps(ctx);
    const req = ctx.req as CrowiRequest;
    const { crowi } = req;
    const { customizeService } = crowi;

    const { themeHref } = customizeService;
    const customScript: string | null = customizeService.getCustomScript();
    const customCss: string | null = customizeService.getCustomCss();
    const customNoscript: string | null = customizeService.getCustomNoscript();

    // retrieve plugin manifests
    const growiPluginService = await import('~/features/growi-plugin/server/services').then(mod => mod.growiPluginService);
    const pluginResourceEntries = await growiPluginService.retrieveAllPluginResourceEntries();

    const locale = langMap[getLocateAtServerSide(req)];

    return {
      ...initialProps,
      themeHref,
      customScript,
      customCss,
      customNoscript,
      pluginResourceEntries,
      locale,
    };
  }

  renderCustomScript(customScript: string | null): JSX.Element {
    if (customScript == null || customScript.length === 0) {
      return <></>;
    }
    return <script id="customScript" dangerouslySetInnerHTML={{ __html: customScript }} />;
  }

  renderCustomCss(customCss: string | null): JSX.Element {
    if (customCss == null || customCss.length === 0) {
      return <></>;
    }
    return <style dangerouslySetInnerHTML={{ __html: customCss }} />;
  }

  renderCustomNoscript(customNoscript: string | null): JSX.Element {
    if (customNoscript == null || customNoscript.length === 0) {
      return <></>;
    }
    return <noscript dangerouslySetInnerHTML={{ __html: customNoscript }} />;
  }

  override render(): JSX.Element {
    const {
      customCss, customScript, customNoscript,
      themeHref, pluginResourceEntries,
      locale,
    } = this.props;

    return (
      <Html lang={locale}>
        <Head>
          {this.renderCustomScript(customScript)}
          <link rel="stylesheet" key="link-theme" href={themeHref} />
          <HeadersForGrowiPlugin pluginResourceEntries={pluginResourceEntries} />
          {this.renderCustomCss(customCss)}
        </Head>
        <body>
          {this.renderCustomNoscript(customNoscript)}
          <Main />
          <NextScript />
        </body>
      </Html>
    );
  }

}

export default GrowiDocument;