11526256284

Committed 25 Oct 2024 10:27PM UTC coverage: 31.361% (-0.3%) from 31.657%

Build # 11526256284

Build Type

Pull #9875

github

Committed by

web-flow

Commit Message

Merge 095dee0a8 into 787ddb6be

Pull Request Pull Request #9875: Merge master into lw-deploy

Run Details

5033 of 42272 branches covered (11.91%)

Branch coverage included in aggregate %.

274 of 822 new or added lines in 77 files covered. (33.33%)

23 existing lines in 15 files now uncovered.

29621 of 68228 relevant lines covered (43.41%)

174.03 hits per line

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

15.87

/packages/lesswrong/components/comments/CommentsItem/CommentBody.tsx

import { Components, registerComponent } from '../../../lib/vulcan-lib';
import React from 'react';
import classNames from 'classnames';
import { commentExcerptFromHTML } from '../../../lib/editor/ellipsize'
import { useCurrentUser } from '../../common/withUser'
import { nofollowKarmaThreshold } from '../../../lib/publicSettings';
import type { ContentStyleType } from '../../common/ContentStyles';
import { VotingProps } from '../../votes/votingProps';
import type { ContentItemBody, ContentReplacedSubstringComponentInfo } from '../../common/ContentItemBody';
import { getVotingSystemByName } from '../../../lib/voting/votingSystems';

const styles = (theme: ThemeType): JssStyles => ({
  commentStyling: {
    maxWidth: "100%",
    overflowX: "hidden",
    overflowY: "hidden",
  },
  answerStyling: {
    maxWidth: "100%",
    overflowX: "hidden",
    overflowY: "hidden",
    '& .read-more-button a, & .read-more-button a:hover': {
      textShadow:"none",
      backgroundImage: "none"
    },
    marginBottom: ".5em"
  },
  root: {
    position: "relative",
    '& .read-more-button': {
      fontSize: ".85em",
      color: theme.palette.grey[600]
    }
  },
  retracted: {
    textDecoration: "line-through",
  },
})

const CommentBody = ({
  comment,
  commentBodyRef,
  collapsed,
  truncated,
  postPage,
  voteProps,
  className,
  classes,
}: {
  comment: CommentsList,
  commentBodyRef?: React.RefObject<ContentItemBody>|null,
  collapsed?: boolean,
  truncated?: boolean,
  postPage?: boolean,
  voteProps?: VotingProps<VoteableTypeClient>
  className?: string,
  classes: ClassesType,
}) => {
  const currentUser = useCurrentUser();
  const { ContentItemBody, CommentDeletedMetadata, ContentStyles, InlineReactSelectionWrapper } = Components
  const { html = "" } = comment.contents || {}

  const bodyClasses = classNames(
    className,
    !comment.answer && classes.commentStyling,
    comment.answer && classes.answerStyling,
    comment.retracted && classes.retracted,
  );

  if (comment.deleted) { return <CommentDeletedMetadata documentId={comment._id}/> }
  if (collapsed) { return null }

  const innerHtml = truncated ? commentExcerptFromHTML(comment, currentUser, postPage) : html

  let contentType: ContentStyleType;
  if (comment.answer) {
    contentType = 'answer';
  } else if (comment.debateResponse) {
    contentType = 'debateResponse';
  } else {
    contentType = 'comment';
  }
  
  const votingSystem = getVotingSystemByName(comment.votingSystem);
  let highlights: ContentReplacedSubstringComponentInfo[]|undefined = undefined;
  if (voteProps && votingSystem.getCommentHighlights) {
    highlights = votingSystem.getCommentHighlights({comment, voteProps});
  }

  const contentBody = <ContentStyles contentType={contentType} className={classes.root}>
    <ContentItemBody
      ref={commentBodyRef ?? undefined}
      className={bodyClasses}
      dangerouslySetInnerHTML={{__html: innerHtml }}
      description={`comment ${comment._id}`}
      nofollow={(comment.user?.karma || 0) < nofollowKarmaThreshold.get()}
      replacedSubstrings={highlights}
    />
  </ContentStyles>

  if (votingSystem.name === "namesAttachedReactions" && voteProps) {
    return <InlineReactSelectionWrapper commentBodyRef={commentBodyRef} voteProps={voteProps} styling="comment" >
      {contentBody}
    </InlineReactSelectionWrapper>
  } else {
    return contentBody
  }
}

const CommentBodyComponent = registerComponent('CommentBody', CommentBody, {styles});

declare global {
  interface ComponentTypes {
    CommentBody: typeof CommentBodyComponent,
  }
}


1	import { Components, registerComponent } from '../../../lib/vulcan-lib';	1✔
2	import React from 'react';	1✔
3	import classNames from 'classnames';	1✔
4	import { commentExcerptFromHTML } from '../../../lib/editor/ellipsize'	1✔
5	import { useCurrentUser } from '../../common/withUser'	1✔
6	import { nofollowKarmaThreshold } from '../../../lib/publicSettings';	1✔
7	import type { ContentStyleType } from '../../common/ContentStyles';
8	import { VotingProps } from '../../votes/votingProps';
9	import type { ContentItemBody, ContentReplacedSubstringComponentInfo } from '../../common/ContentItemBody';
10	import { getVotingSystemByName } from '../../../lib/voting/votingSystems';	1✔
11
12	const styles = (theme: ThemeType): JssStyles => ({	1✔
13	commentStyling: {
14	maxWidth: "100%",
15	overflowX: "hidden",
16	overflowY: "hidden",
17	},
18	answerStyling: {
19	maxWidth: "100%",
20	overflowX: "hidden",
21	overflowY: "hidden",
22	'& .read-more-button a, & .read-more-button a:hover': {
23	textShadow:"none",
24	backgroundImage: "none"
25	},
26	marginBottom: ".5em"
27	},
28	root: {
29	position: "relative",
30	'& .read-more-button': {
31	fontSize: ".85em",
32	color: theme.palette.grey[600]
33	}
34	},
35	retracted: {
36	textDecoration: "line-through",
37	},
38	})
39
40	const CommentBody = ({	1✔
41	comment,
42	commentBodyRef,
43	collapsed,
44	truncated,
45	postPage,
46	voteProps,
47	className,
48	classes,
49	}: {
50	comment: CommentsList,
51	commentBodyRef?: React.RefObject<ContentItemBody>\|null,
52	collapsed?: boolean,
53	truncated?: boolean,
54	postPage?: boolean,
55	voteProps?: VotingProps<VoteableTypeClient>
56	className?: string,
57	classes: ClassesType,
58	}) => {
59	const currentUser = useCurrentUser();	×
60	const { ContentItemBody, CommentDeletedMetadata, ContentStyles, InlineReactSelectionWrapper } = Components	×
61	const { html = "" } = comment.contents \|\| {}	×
62
63	const bodyClasses = classNames(	×
64	className,
65	!comment.answer && classes.commentStyling,	×
66	comment.answer && classes.answerStyling,	×
67	comment.retracted && classes.retracted,	×
68	);
69
70	if (comment.deleted) { return <CommentDeletedMetadata documentId={comment._id}/> }	×
71	if (collapsed) { return null }	×
72
73	const innerHtml = truncated ? commentExcerptFromHTML(comment, currentUser, postPage) : html	×
74
75	let contentType: ContentStyleType;
76	if (comment.answer) {	×
77	contentType = 'answer';	×
78	} else if (comment.debateResponse) {	×
79	contentType = 'debateResponse';	×
80	} else {
81	contentType = 'comment';	×
82	}
83
84	const votingSystem = getVotingSystemByName(comment.votingSystem);	×
NEW 85	let highlights: ContentReplacedSubstringComponentInfo[]\|undefined = undefined;	×
86	if (voteProps && votingSystem.getCommentHighlights) {	×
87	highlights = votingSystem.getCommentHighlights({comment, voteProps});	×
88	}
89
90	const contentBody = <ContentStyles contentType={contentType} className={classes.root}>	×
91	<ContentItemBody
92	ref={commentBodyRef ?? undefined}	×
93	className={bodyClasses}
94	dangerouslySetInnerHTML={{__html: innerHtml }}
95	description={`comment ${comment._id}`}
96	nofollow={(comment.user?.karma \|\| 0) < nofollowKarmaThreshold.get()}	×
97	replacedSubstrings={highlights}
98	/>
99	</ContentStyles>
100
101	if (votingSystem.name === "namesAttachedReactions" && voteProps) {	×
102	return <InlineReactSelectionWrapper commentBodyRef={commentBodyRef} voteProps={voteProps} styling="comment" >	×
103	{contentBody}
104	</InlineReactSelectionWrapper>
105	} else {
106	return contentBody	×
107	}
108	}
109
110	const CommentBodyComponent = registerComponent('CommentBody', CommentBody, {styles});	1✔
111
112	declare global {
113	interface ComponentTypes {
114	CommentBody: typeof CommentBodyComponent,
115	}
116	}
117

ForumMagnum / ForumMagnum / 11526256284

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