11589144458

Committed 30 Oct 2024 08:03AM UTC coverage: 31.329% (-0.008%) from 31.337%

Build # 11589144458

Build Type

push

github

Committed by

Raemon

Commit Message

clean up formgroups, basic layout

Run Details

5030 of 42401 branches covered (11.86%)

Branch coverage included in aggregate %.

9 of 38 new or added lines in 4 files covered. (23.68%)

4 existing lines in 2 files now uncovered.

29660 of 68326 relevant lines covered (43.41%)

173.76 hits per line

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

16.36

/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';

const styles = (theme: ThemeType): JssStyles => ({
  root: {
    display: 'flex',
    justifyContent: 'space-between',
    alignItems: 'center',
    columnGap: 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',
  },
  restoreBody: {
    color: theme.palette.grey[500],
    maxHeight: '1.5em',
    lineHeight: '1.5em',
    fontSize: '1.1rem',
    overflow: 'hidden',
    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 stripHTML = (html: string) => {
    return html.replace(/<[^>]*>?/g, '');
  }

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

ForumMagnum / ForumMagnum / 11589144458

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