9121010152

Committed 17 May 2024 12:29AM UTC coverage: 31.899% (-0.03%) from 31.931%

Build # 9121010152

Build Type

Pull #9289

github

Committed by

darkruby501

Commit Message

making progress

Pull Request Pull Request #9289: Subscribed tab feed improvements 20240514

Run Details

4788 of 39164 branches covered (12.23%)

Branch coverage included in aggregate %.

44 of 101 new or added lines in 12 files covered. (43.56%)

1 existing line in 1 file now uncovered.

27868 of 63208 relevant lines covered (44.09%)

179.48 hits per line

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

23.53

/packages/lesswrong/components/common/ContentItemTruncated.tsx

import React from 'react';
import { Components, registerComponent } from '../../lib/vulcan-lib';
import { truncate } from '../../lib/editor/ellipsize';
import classNames from 'classnames';

const styles = (theme: ThemeType): JssStyles => ({
  maxHeight: {
    maxHeight: 600,
    overflow: "hidden"
  }
})

// ContentItemTruncated: Wrapper around ContentItemBody with options for
// limiting length and height in various ways.
const ContentItemTruncated = ({classes, maxLengthWords, graceWords=20, expanded=false, rawWordCount, getTruncatedSuffix, nonTruncatedSuffix, dangerouslySetInnerHTML, className, description, nofollow}: {
  classes: ClassesType,
  maxLengthWords: number,
  graceWords?: number,
  expanded?: boolean,
  rawWordCount: number,
  // Suffix, shown only if truncated
  getTruncatedSuffix?: (props: {wordsLeft: number}) => React.ReactNode,
  // Alternate suffix, shown if truncated didn't happen (because it wasn't long
  // enough to need it)
  nonTruncatedSuffix?: React.ReactNode
  
  dangerouslySetInnerHTML: { __html: string },
  className?: string,
  description?: string,
  nofollow?: boolean
}) => {
  const {ContentItemBody} = Components;
  
  const html = dangerouslySetInnerHTML.__html;
  const {truncatedHtml, wasTruncated, wordsLeft} =
    expanded ? {
      truncatedHtml: html,
      wasTruncated: false,
      wordsLeft: 0,
    } : truncateWithGrace(html, maxLengthWords, graceWords, rawWordCount);
  
  return <>
    <ContentItemBody
      dangerouslySetInnerHTML={{__html: truncatedHtml}}
      className={classNames(className, !expanded && classes.maxHeight)}
      description={description}
      nofollow={nofollow}
    />
    {wasTruncated && getTruncatedSuffix && getTruncatedSuffix({wordsLeft})}
    {!wasTruncated && nonTruncatedSuffix}
  </>
}

export const truncateWithGrace = (html: string, maxLengthWords: number, graceWords: number, rawWordCount: number, suffix?: string): {
  truncatedHtml: string,
  wasTruncated: boolean,
  wordsLeft: number,
} => {
  const truncatedHtml = truncate(html, maxLengthWords, "words", suffix);
  const wordsLeft = (truncatedHtml===html) ? 0 : rawWordCount-maxLengthWords;
  
  if (truncatedHtml === html || wordsLeft<graceWords) {
    return {
      truncatedHtml: html,
      wasTruncated: false,
      wordsLeft: 0,
    };
  }
  
  return {
    truncatedHtml, wordsLeft,
    wasTruncated: true,
  };
}

const ContentItemTruncatedComponent = registerComponent('ContentItemTruncated', ContentItemTruncated, {styles});

declare global {
  interface ComponentTypes {
    ContentItemTruncated: typeof ContentItemTruncatedComponent
  }
}

1	import React from 'react';	3✔
2	import { Components, registerComponent } from '../../lib/vulcan-lib';	1✔
3	import { truncate } from '../../lib/editor/ellipsize';	1✔
4	import classNames from 'classnames';	1✔
5
6	const styles = (theme: ThemeType): JssStyles => ({	1✔
7	maxHeight: {
8	maxHeight: 600,
9	overflow: "hidden"
10	}
11	})
12
13	// ContentItemTruncated: Wrapper around ContentItemBody with options for
14	// limiting length and height in various ways.
15	const ContentItemTruncated = ({classes, maxLengthWords, graceWords=20, expanded=false, rawWordCount, getTruncatedSuffix, nonTruncatedSuffix, dangerouslySetInnerHTML, className, description, nofollow}: {	1!
16	classes: ClassesType,
17	maxLengthWords: number,
18	graceWords?: number,
19	expanded?: boolean,
20	rawWordCount: number,
21	// Suffix, shown only if truncated
22	getTruncatedSuffix?: (props: {wordsLeft: number}) => React.ReactNode,
23	// Alternate suffix, shown if truncated didn't happen (because it wasn't long
24	// enough to need it)
25	nonTruncatedSuffix?: React.ReactNode
26
27	dangerouslySetInnerHTML: { __html: string },
28	className?: string,
29	description?: string,
30	nofollow?: boolean
31	}) => {
32	const {ContentItemBody} = Components;	×
33
34	const html = dangerouslySetInnerHTML.__html;	×
35	const {truncatedHtml, wasTruncated, wordsLeft} =
36	expanded ? {	×
37	truncatedHtml: html,
38	wasTruncated: false,
39	wordsLeft: 0,
40	} : truncateWithGrace(html, maxLengthWords, graceWords, rawWordCount);
41
42	return <>	×
43	<ContentItemBody
44	dangerouslySetInnerHTML={{__html: truncatedHtml}}
45	className={classNames(className, !expanded && classes.maxHeight)}	×
46	description={description}
47	nofollow={nofollow}
48	/>
49	{wasTruncated && getTruncatedSuffix && getTruncatedSuffix({wordsLeft})}	×
50	{!wasTruncated && nonTruncatedSuffix}	×
51	</>
52	}
53
54	export const truncateWithGrace = (html: string, maxLengthWords: number, graceWords: number, rawWordCount: number, suffix?: string): {	1✔
55	truncatedHtml: string,
56	wasTruncated: boolean,
57	wordsLeft: number,
58	} => {
NEW 59	const truncatedHtml = truncate(html, maxLengthWords, "words", suffix);	×
60	const wordsLeft = (truncatedHtml===html) ? 0 : rawWordCount-maxLengthWords;	×
61
62	if (truncatedHtml === html \|\| wordsLeft<graceWords) {	×
63	return {	×
64	truncatedHtml: html,
65	wasTruncated: false,
66	wordsLeft: 0,
67	};
68	}
69
70	return {	×
71	truncatedHtml, wordsLeft,
72	wasTruncated: true,
73	};
74	}
75
76	const ContentItemTruncatedComponent = registerComponent('ContentItemTruncated', ContentItemTruncated, {styles});	1✔
77
78	declare global {
79	interface ComponentTypes {
80	ContentItemTruncated: typeof ContentItemTruncatedComponent
81	}
82	}

ForumMagnum / ForumMagnum / 9121010152

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