10075201376

Committed 24 Jul 2024 10:44AM UTC coverage: 31.889% (+0.01%) from 31.878%

Build # 10075201376

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #9541 from ForumMagnum/wh-ForumNoSSR-fix-2024-07

Remove ForumNoSSR that was added back in due to merge

Run Details

4931 of 40530 branches covered (12.17%)

Branch coverage included in aggregate %.

1 of 1 new or added line in 1 file covered. (100.0%)

16 existing lines in 3 files now uncovered.

28851 of 65407 relevant lines covered (44.11%)

179.86 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/packages/lesswrong/client/AppGenerator.tsx

// Client-side React wrapper/context provider
import React, { useEffect, useMemo, useState, useTransition } from 'react';
import { ApolloProvider } from '@apollo/client';
import type { ApolloClient, NormalizedCacheObject } from '@apollo/client';
import { Components } from '../lib/vulcan-lib';
import { wrapWithMuiTheme } from './themeProvider';
import { ForeignApolloClientProvider } from '../components/hooks/useForeignApolloClient';
import { PrefersDarkModeProvider } from '../components/themes/usePrefersDarkMode';
import { CookiesProvider } from 'react-cookie';
// eslint-disable-next-line no-restricted-imports
import { BrowserRouter } from 'react-router-dom';
import { ABTestGroupsUsedContext, RelevantTestGroupAllocation } from '../lib/abTestImpl';
import type { AbstractThemeOptions } from '../themes/themeNames';
import type { SSRMetadata, EnvironmentOverride } from '../lib/utils/timeUtil';
import { LayoutOptionsContextProvider } from '../components/hooks/useLayoutOptions';

// Client-side wrapper around the app. There's another AppGenerator which is
// the server-side version, which differs in how it sets up the wrappers for
// routing and cookies and such.
const AppGenerator = ({ apolloClient, foreignApolloClient, abTestGroupsUsed, themeOptions, ssrMetadata }: {
  apolloClient: ApolloClient<NormalizedCacheObject>,
  foreignApolloClient: ApolloClient<NormalizedCacheObject>,
  abTestGroupsUsed: RelevantTestGroupAllocation,
  themeOptions: AbstractThemeOptions,
  ssrMetadata?: SSRMetadata,
}) => {
  const [envOverride, setEnvOverride] = useState<EnvironmentOverride>(ssrMetadata ? {
    ...ssrMetadata,
    matchSSR: true
  } : { matchSSR: false });
  const [_isPending, startTransition] = useTransition();

  useEffect(() => {
    if (envOverride.matchSSR === false) return;

    startTransition(() => {
      setEnvOverride({matchSSR: false});
    });

  }, [envOverride.matchSSR]);

  // useMemo is required here so that `_isPending` changing doesn't trigger a rerender (the whole point
  // of the useTransition is to make it so that the costly second render of App runs in concurrent mode)
  const App = useMemo(() => {
    const app = (
      <ApolloProvider client={apolloClient}>
        <ForeignApolloClientProvider value={foreignApolloClient}>
          <CookiesProvider>
            <BrowserRouter>
              <ABTestGroupsUsedContext.Provider value={abTestGroupsUsed}>
                <PrefersDarkModeProvider>
                  <LayoutOptionsContextProvider>
                    <Components.App apolloClient={apolloClient} envOverride={envOverride} />
                  </LayoutOptionsContextProvider>
                </PrefersDarkModeProvider>
              </ABTestGroupsUsedContext.Provider>
            </BrowserRouter>
          </CookiesProvider>
        </ForeignApolloClientProvider>
      </ApolloProvider>
    );
    return wrapWithMuiTheme(app, themeOptions);
  }, [abTestGroupsUsed, apolloClient, envOverride, foreignApolloClient, themeOptions]);
  return App;
};
export default AppGenerator;

1	// Client-side React wrapper/context provider	×
2	import React, { useEffect, useMemo, useState, useTransition } from 'react';	×
3	import { ApolloProvider } from '@apollo/client';	×
4	import type { ApolloClient, NormalizedCacheObject } from '@apollo/client';
5	import { Components } from '../lib/vulcan-lib';	×
6	import { wrapWithMuiTheme } from './themeProvider';	×
7	import { ForeignApolloClientProvider } from '../components/hooks/useForeignApolloClient';	×
8	import { PrefersDarkModeProvider } from '../components/themes/usePrefersDarkMode';	×
9	import { CookiesProvider } from 'react-cookie';	×
10	// eslint-disable-next-line no-restricted-imports
11	import { BrowserRouter } from 'react-router-dom';	×
12	import { ABTestGroupsUsedContext, RelevantTestGroupAllocation } from '../lib/abTestImpl';	×
13	import type { AbstractThemeOptions } from '../themes/themeNames';
14	import type { SSRMetadata, EnvironmentOverride } from '../lib/utils/timeUtil';
15	import { LayoutOptionsContextProvider } from '../components/hooks/useLayoutOptions';	×
16
17	// Client-side wrapper around the app. There's another AppGenerator which is
18	// the server-side version, which differs in how it sets up the wrappers for
19	// routing and cookies and such.
20	const AppGenerator = ({ apolloClient, foreignApolloClient, abTestGroupsUsed, themeOptions, ssrMetadata }: {	×
21	apolloClient: ApolloClient<NormalizedCacheObject>,
22	foreignApolloClient: ApolloClient<NormalizedCacheObject>,
23	abTestGroupsUsed: RelevantTestGroupAllocation,
24	themeOptions: AbstractThemeOptions,
25	ssrMetadata?: SSRMetadata,
26	}) => {
27	const [envOverride, setEnvOverride] = useState<EnvironmentOverride>(ssrMetadata ? {	×
28	...ssrMetadata,
29	matchSSR: true
30	} : { matchSSR: false });
UNCOV 31	const [_isPending, startTransition] = useTransition();	×
32
33	useEffect(() => {	×
34	if (envOverride.matchSSR === false) return;	×
35
UNCOV 36	startTransition(() => {	×
UNCOV 37	setEnvOverride({matchSSR: false});	×
38	});
39
40	}, [envOverride.matchSSR]);
41
42	// useMemo is required here so that `_isPending` changing doesn't trigger a rerender (the whole point
43	// of the useTransition is to make it so that the costly second render of App runs in concurrent mode)
UNCOV 44	const App = useMemo(() => {	×
45	const app = (
UNCOV 46	<ApolloProvider client={apolloClient}>	×
47	<ForeignApolloClientProvider value={foreignApolloClient}>
48	<CookiesProvider>
49	<BrowserRouter>
50	<ABTestGroupsUsedContext.Provider value={abTestGroupsUsed}>
51	<PrefersDarkModeProvider>
52	<LayoutOptionsContextProvider>
53	<Components.App apolloClient={apolloClient} envOverride={envOverride} />
54	</LayoutOptionsContextProvider>
55	</PrefersDarkModeProvider>
56	</ABTestGroupsUsedContext.Provider>
57	</BrowserRouter>
58	</CookiesProvider>
59	</ForeignApolloClientProvider>
60	</ApolloProvider>
61	);
UNCOV 62	return wrapWithMuiTheme(app, themeOptions);	×
63	}, [abTestGroupsUsed, apolloClient, envOverride, foreignApolloClient, themeOptions]);
UNCOV 64	return App;	×
65	};
UNCOV 66	export default AppGenerator;	×

ForumMagnum / ForumMagnum / 10075201376

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous