11651106877

Committed 03 Nov 2024 11:59AM UTC coverage: 31.259% (-0.009%) from 31.268%

Build # 11651106877

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #9954 from ForumMagnum/master

[EA] Deploy giving season banner, local storage preview, LW stuff

Run Details

5045 of 42619 branches covered (11.84%)

Branch coverage included in aggregate %.

45 of 127 new or added lines in 16 files covered. (35.43%)

7 existing lines in 5 files now uncovered.

29711 of 68569 relevant lines covered (43.33%)

173.16 hits per line

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

22.95

/packages/lesswrong/components/editor/LocalStorageCheck.tsx

import React, { useEffect, useState } from 'react';
import { Components, registerComponent } from '../../lib/vulcan-lib';
import { SerializedEditorContents, deserializeEditorContents, EditorContents, nonAdminEditors, adminEditors } from './Editor';
import { useCurrentUser } from '../common/withUser';
import { htmlToTextDefault } from '@/lib/htmlToText';
import { isFriendlyUI, preferredHeadingCase } from '@/themes/forumTheme';

const styles = (theme: ThemeType): JssStyles => ({
  root: {
    display: 'flex',
    justifyContent: 'space-between',
    alignItems: 'center',
    columnGap: isFriendlyUI ? 8 : 10,
    fontFamily: theme.typography.commentStyle.fontFamily,
    color: theme.palette.text.primaryAlert,
    fontSize: 14,
    lineHeight: '18px',
    fontWeight: '500',
    padding: '10px 8px',
    borderRadius: 4,
    backgroundColor: theme.palette.background.primaryTranslucent,
    marginBottom: 8,
    
    "& a": {
      '&:hover': {
        color: theme.palette.primary.dark,
        opacity: 1
      }
    }
  },
  restoreLink: {
    color: theme.palette.text.primaryAlert,
    whiteSpace: 'nowrap',
    paddingLeft: 6,
    paddingRight: 2,
    fontWeight: isFriendlyUI ? 600 : undefined,
  },
  restoreBody: {
    maxHeight: '1.5em',
    lineHeight: '1.5em',
    fontSize: '1.1rem',
    overflow: 'hidden',
    ...(isFriendlyUI
      ? {
        color: theme.palette.text.primaryAlert,
        fontWeight: 500,
        opacity: 0.75,
      }
      : {
        color: theme.palette.grey[500],
        padding: '0 4px',
      }),
  },
  closeIcon: {
    fontSize: 16,
    cursor: 'pointer',
    marginLeft: 'auto',
    '&:hover': {
      color: theme.palette.primary.dark,
    }
  }
});

type RestorableState = {
  savedDocument: SerializedEditorContents,
}
const restorableStateHasMetadata = (savedState: any) => {
  return typeof savedState === "object"
}
const getRestorableState = (currentUser: UsersCurrent|null, getLocalStorageHandlers: (editorType?: string) => any): RestorableState|null => {
  const editors = currentUser?.isAdmin ? adminEditors : nonAdminEditors
  
  for (const editorType of editors) {
    const savedState = getLocalStorageHandlers(editorType).get();
    if (savedState) {
      if (restorableStateHasMetadata(savedState)) {
        return {
          savedDocument: savedState,
        }
      }
      return {
        savedDocument: {type: editorType, value: savedState}
      }
    }
  }
  return null;
};

const LocalStorageCheck = ({getLocalStorageHandlers, onRestore, classes}: {
  getLocalStorageHandlers: (editorType?: string) => any,
  onRestore: (newState: EditorContents) => void,
  classes: ClassesType,
}) => {
  const [localStorageChecked, setLocalStorageChecked] = useState(false);
  const [restorableState, setRestorableState] = useState<RestorableState|null>(null);
  const currentUser = useCurrentUser();
  
  useEffect(() => {
    if (!localStorageChecked) {
      setLocalStorageChecked(true);
      setRestorableState(getRestorableState(currentUser, getLocalStorageHandlers));
    }
  }, [localStorageChecked, getLocalStorageHandlers, currentUser]);
  
  if (!restorableState)
    return null;
  
  const displayedRestore = htmlToTextDefault(deserializeEditorContents(restorableState.savedDocument)?.value ?? '');

  return <div className={classes.root}>
    <div>
      <a className={classes.restoreLink} onClick={() => {
        setRestorableState(null);
        const restored = deserializeEditorContents(restorableState.savedDocument);
        if (restored) {
          onRestore(restored);
        } else {
          // eslint-disable-next-line no-console
          console.error("Error restoring from localStorage");
        }
      }}>{preferredHeadingCase("Restore Autosave")}</a>
    </div>
    <div className={classes.restoreBody}> {displayedRestore} </div>

    <Components.ForumIcon icon="Close" className={classes.closeIcon} onClick={() => setRestorableState(null)}/>
  </div>
}

const LocalStorageCheckComponent = registerComponent('LocalStorageCheck', LocalStorageCheck, {styles});

declare global {
  interface ComponentTypes {
    LocalStorageCheck: typeof LocalStorageCheckComponent
  }
}

1	import React, { useEffect, useState } from 'react';	1✔
2	import { Components, registerComponent } from '../../lib/vulcan-lib';	1✔
3	import { SerializedEditorContents, deserializeEditorContents, EditorContents, nonAdminEditors, adminEditors } from './Editor';	1✔
4	import { useCurrentUser } from '../common/withUser';	1✔
5	import { htmlToTextDefault } from '@/lib/htmlToText';	1✔
6	import { isFriendlyUI, preferredHeadingCase } from '@/themes/forumTheme';	1✔
7
8	const styles = (theme: ThemeType): JssStyles => ({	1✔
9	root: {
10	display: 'flex',
11	justifyContent: 'space-between',
12	alignItems: 'center',
13	columnGap: isFriendlyUI ? 8 : 10,	1!
14	fontFamily: theme.typography.commentStyle.fontFamily,
15	color: theme.palette.text.primaryAlert,
16	fontSize: 14,
17	lineHeight: '18px',
18	fontWeight: '500',
19	padding: '10px 8px',
20	borderRadius: 4,
21	backgroundColor: theme.palette.background.primaryTranslucent,
22	marginBottom: 8,
23
24	"& a": {
25	'&:hover': {
26	color: theme.palette.primary.dark,
27	opacity: 1
28	}
29	}
30	},
31	restoreLink: {
32	color: theme.palette.text.primaryAlert,
33	whiteSpace: 'nowrap',
34	paddingLeft: 6,
35	paddingRight: 2,
36	fontWeight: isFriendlyUI ? 600 : undefined,	1!
37	},
38	restoreBody: {
39	maxHeight: '1.5em',
40	lineHeight: '1.5em',
41	fontSize: '1.1rem',
42	overflow: 'hidden',
43	...(isFriendlyUI
44	? {	1!
45	color: theme.palette.text.primaryAlert,
46	fontWeight: 500,
47	opacity: 0.75,
48	}
49	: {
50	color: theme.palette.grey[500],
51	padding: '0 4px',
52	}),
53	},
54	closeIcon: {
55	fontSize: 16,
56	cursor: 'pointer',
57	marginLeft: 'auto',
58	'&:hover': {
59	color: theme.palette.primary.dark,
60	}
61	}
62	});
63
64	type RestorableState = {
65	savedDocument: SerializedEditorContents,
66	}
67	const restorableStateHasMetadata = (savedState: any) => {	1✔
68	return typeof savedState === "object"	×
69	}
70	const getRestorableState = (currentUser: UsersCurrent\|null, getLocalStorageHandlers: (editorType?: string) => any): RestorableState\|null => {	1✔
71	const editors = currentUser?.isAdmin ? adminEditors : nonAdminEditors	×
72
73	for (const editorType of editors) {	×
74	const savedState = getLocalStorageHandlers(editorType).get();	×
75	if (savedState) {	×
76	if (restorableStateHasMetadata(savedState)) {	×
77	return {	×
78	savedDocument: savedState,
79	}
80	}
81	return {	×
82	savedDocument: {type: editorType, value: savedState}
83	}
84	}
85	}
86	return null;	×
87	};
88
89	const LocalStorageCheck = ({getLocalStorageHandlers, onRestore, classes}: {	1✔
90	getLocalStorageHandlers: (editorType?: string) => any,
91	onRestore: (newState: EditorContents) => void,
92	classes: ClassesType,
93	}) => {
94	const [localStorageChecked, setLocalStorageChecked] = useState(false);	×
95	const [restorableState, setRestorableState] = useState<RestorableState\|null>(null);	×
96	const currentUser = useCurrentUser();	×
97
98	useEffect(() => {	×
99	if (!localStorageChecked) {	×
100	setLocalStorageChecked(true);	×
101	setRestorableState(getRestorableState(currentUser, getLocalStorageHandlers));	×
102	}
103	}, [localStorageChecked, getLocalStorageHandlers, currentUser]);
104
105	if (!restorableState)	×
106	return null;	×
107
NEW 108	const displayedRestore = htmlToTextDefault(deserializeEditorContents(restorableState.savedDocument)?.value ?? '');	×
109
UNCOV 110	return <div className={classes.root}>	×
111	<div>
112	<a className={classes.restoreLink} onClick={() => {
UNCOV 113	setRestorableState(null);	×
114	const restored = deserializeEditorContents(restorableState.savedDocument);	×
115	if (restored) {	×
116	onRestore(restored);	×
117	} else {
118	// eslint-disable-next-line no-console
119	console.error("Error restoring from localStorage");	×
120	}
121	}}>{preferredHeadingCase("Restore Autosave")}</a>
122	</div>
123	<div className={classes.restoreBody}> {displayedRestore} </div>
124
UNCOV 125	<Components.ForumIcon icon="Close" className={classes.closeIcon} onClick={() => setRestorableState(null)}/>	×
126	</div>
127	}
128
129	const LocalStorageCheckComponent = registerComponent('LocalStorageCheck', LocalStorageCheck, {styles});	1✔
130
131	declare global {
132	interface ComponentTypes {
133	LocalStorageCheck: typeof LocalStorageCheckComponent
134	}
135	}

ForumMagnum / ForumMagnum / 11651106877

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