9687448008

Committed 26 Jun 2024 10:11PM UTC coverage: 32.01% (+0.2%) from 31.847%

Build # 9687448008

Build Type

Pull #9449

github

Committed by

web-flow

Commit Message

Merge ecaca8777 into 527c25090

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

Run Details

4885 of 39707 branches covered (12.3%)

Branch coverage included in aggregate %.

219 of 437 new or added lines in 50 files covered. (50.11%)

2 existing lines in 2 files now uncovered.

28382 of 64219 relevant lines covered (44.2%)

181.02 hits per line

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

24.19

/packages/lesswrong/server/emailComponents/NewPostEmail.tsx

import React from 'react';
import { postGetPageUrl, postGetLink, postGetLinkTarget } from '../../lib/collections/posts/helpers';
import { Components, registerComponent } from '../../lib/vulcan-lib/components';
import { useSingle } from '../../lib/crud/withSingle';
import './EmailFormatDate';
import './EmailPostAuthors';
import './EmailContentItemBody';
import './EmailPostDate';
import './EmailFooterRecommendations';
import { isFriendlyUI } from '@/themes/forumTheme';

const styles = (theme: ThemeType): JssStyles => ({
  heading: {
    textAlign: "center",
    color: theme.palette.primary.main,
    marginBottom: 30
  },
  headingRow: {
    marginBottom: 8
  },

  podcastRow: {
    '& p': {
      marginBottom: 16,
    },
    fontStyle: "italic"
  },
  
  headingLink: {
    color: theme.palette.text.maxIntensity,
    textDecoration: "none",
    fontWeight: "normal",
    fontFamily: theme.typography.headerStyle.fontFamily,
    ...(isFriendlyUI ? {
      fontSize: "2.4rem",
      lineHeight: '1.25em'
    } : {}),
  },
  
  headingHR: {
    width: 210,
    height: 0,
    borderTop: "none",
    borderBottom: theme.palette.border.emailHR,
    marginTop: 50,
    marginBottom: 35,
  },
  hr: {
    marginTop: 30,
    marginBottom: 30,
  },
});

const getPodcastInfoElement = (podcastEpisode: PostsDetails_podcastEpisode) => {
  const { podcast: { applePodcastLink, spotifyPodcastLink }, episodeLink, externalEpisodeId } = podcastEpisode;
  const episodeUrl = new URL(episodeLink);

  // episodeLink is something like https://www.buzzsprout.com/2037297/11391281-...
  // But they can also have multiple forward slashes between the origin and the podcast ID
  // Therefore, the first element returned by `episodeUrl.pathname.split('/').filter(pathSection => !!pathSection)` is `2037297`
  const [buzzsproutPodcastId] = episodeUrl.pathname.split('/').filter(pathSection => !!pathSection);
  const buzzsproutEpisodePath = `${buzzsproutPodcastId}/${externalEpisodeId}`;

  const directEpisodeUrl = new URL(episodeUrl.origin);
  directEpisodeUrl.pathname = buzzsproutEpisodePath;

  const buzzsproutLinkElement = <a href={directEpisodeUrl.toString()}>Buzzsprout</a>
  const spotifyLinkElement = spotifyPodcastLink ? <a href={spotifyPodcastLink}>Spotify</a> : undefined;
  const appleLinkElement = applePodcastLink ? <a href={applePodcastLink}>Apple Podcasts</a> : undefined;

  const externalDirectoryAvailability = !!spotifyLinkElement && !!appleLinkElement;

  return <p>
    Listen to the podcast version of this post on {buzzsproutLinkElement}.
    {externalDirectoryAvailability ? <>  You can also find it on {spotifyLinkElement} and {appleLinkElement}.</> : <></>}
  </p>;
};

const NewPostEmail = ({documentId, reason, hideRecommendations, classes}: {
  documentId: string,
  reason?: string,
  hideRecommendations?: boolean,
  classes: any,
}) => {
  const { document } = useSingle({
    documentId,
    
    collectionName: "Posts",
    fragmentName: "PostsRevision",
    extraVariables: {
      version: 'String'
    }
  });
  const { EmailPostAuthors, EmailContentItemBody, EmailPostDate, EmailFooterRecommendations, ContentStyles } = Components;
  if (!document) return null;
  
  // event location - for online events, attempt to show the meeting link
  let eventLocation: string|JSX.Element = document.location
  if (document.onlineEvent) {
    eventLocation = document.joinEventLink ? <a
      className={classes.onlineEventLocation}
      href={document.joinEventLink}
      target="_blank" rel="noopener noreferrer">
        {document.joinEventLink}
    </a> : "Online Event"
  }

  return (<React.Fragment>
    <div className={classes.heading}>
      <h1>
        <a href={postGetPageUrl(document, true)} className={classes.headingLink}>{document.title}</a>
      </h1>
      
      <hr className={classes.headingHR}/>
      
      <div className={classes.headingRow}>
        <EmailPostAuthors post={document}/>
      </div>
      <div className={classes.headingRow}>
        <EmailPostDate post={document}/>
      </div>
      {document.isEvent && <div className={classes.headingRow}>
        {eventLocation}
      </div>}
      {document.contactInfo && <div className={classes.headingRow}>
        Contact: {document.contactInfo}
      </div>}
      
      {document.url && <div className={classes.headingRow}>
        This is a linkpost for <a href={postGetLink(document)} target={postGetLinkTarget(document)}>{document.url}</a>
      </div>}
    </div>

    {document.podcastEpisode && <div className={classes.podcastRow}>
      {getPodcastInfoElement(document.podcastEpisode)}
      <hr />
    </div>}
    
    {document.contents && <ContentStyles contentType="post">
      <EmailContentItemBody className="post-body" dangerouslySetInnerHTML={{
        __html: document.contents.html
      }} />
    </ContentStyles>}
    
    <a href={postGetPageUrl(document, true)}>Discuss</a>
    
    {!hideRecommendations && (
      <>
        <hr className={classes.hr}/>
        <EmailFooterRecommendations />
      </>
    )}
    
    <hr className={classes.hr}/>
    
    {reason && `You are receiving this email because ${reason}.`}
  </React.Fragment>);
}

const NewPostEmailComponent = registerComponent("NewPostEmail", NewPostEmail, {styles});

declare global {
  interface ComponentTypes {
    NewPostEmail: typeof NewPostEmailComponent
  }
}

1	import React from 'react';	18✔
2	import { postGetPageUrl, postGetLink, postGetLinkTarget } from '../../lib/collections/posts/helpers';	18✔
3	import { Components, registerComponent } from '../../lib/vulcan-lib/components';	18✔
4	import { useSingle } from '../../lib/crud/withSingle';	18✔
5	import './EmailFormatDate';	18✔
6	import './EmailPostAuthors';	18✔
7	import './EmailContentItemBody';	18✔
8	import './EmailPostDate';	18✔
9	import './EmailFooterRecommendations';	18✔
10	import { isFriendlyUI } from '@/themes/forumTheme';	18✔
11
12	const styles = (theme: ThemeType): JssStyles => ({	18✔
13	heading: {
14	textAlign: "center",
15	color: theme.palette.primary.main,
16	marginBottom: 30
17	},
18	headingRow: {
19	marginBottom: 8
20	},
21
22	podcastRow: {
23	'& p': {
24	marginBottom: 16,
25	},
26	fontStyle: "italic"
27	},
28
29	headingLink: {
30	color: theme.palette.text.maxIntensity,
31	textDecoration: "none",
32	fontWeight: "normal",
33	fontFamily: theme.typography.headerStyle.fontFamily,
34	...(isFriendlyUI ? {	1!
35	fontSize: "2.4rem",
36	lineHeight: '1.25em'
37	} : {}),
38	},
39
40	headingHR: {
41	width: 210,
42	height: 0,
43	borderTop: "none",
44	borderBottom: theme.palette.border.emailHR,
45	marginTop: 50,
46	marginBottom: 35,
47	},
48	hr: {
49	marginTop: 30,
50	marginBottom: 30,
51	},
52	});
53
54	const getPodcastInfoElement = (podcastEpisode: PostsDetails_podcastEpisode) => {	18✔
55	const { podcast: { applePodcastLink, spotifyPodcastLink }, episodeLink, externalEpisodeId } = podcastEpisode;	×
56	const episodeUrl = new URL(episodeLink);	×
57
58	// episodeLink is something like https://www.buzzsprout.com/2037297/11391281-...
59	// But they can also have multiple forward slashes between the origin and the podcast ID
60	// Therefore, the first element returned by `episodeUrl.pathname.split('/').filter(pathSection => !!pathSection)` is `2037297`
61	const [buzzsproutPodcastId] = episodeUrl.pathname.split('/').filter(pathSection => !!pathSection);	×
62	const buzzsproutEpisodePath = `${buzzsproutPodcastId}/${externalEpisodeId}`;	×
63
64	const directEpisodeUrl = new URL(episodeUrl.origin);	×
65	directEpisodeUrl.pathname = buzzsproutEpisodePath;	×
66
67	const buzzsproutLinkElement = <a href={directEpisodeUrl.toString()}>Buzzsprout</a>	×
68	const spotifyLinkElement = spotifyPodcastLink ? <a href={spotifyPodcastLink}>Spotify</a> : undefined;	×
69	const appleLinkElement = applePodcastLink ? <a href={applePodcastLink}>Apple Podcasts</a> : undefined;	×
70
71	const externalDirectoryAvailability = !!spotifyLinkElement && !!appleLinkElement;	×
72
73	return <p>	×
74	Listen to the podcast version of this post on {buzzsproutLinkElement}.
75	{externalDirectoryAvailability ? <> You can also find it on {spotifyLinkElement} and {appleLinkElement}.</> : <></>}	×
76	</p>;
77	};
78
79	const NewPostEmail = ({documentId, reason, hideRecommendations, classes}: {	18✔
80	documentId: string,
81	reason?: string,
82	hideRecommendations?: boolean,
83	classes: any,
84	}) => {
85	const { document } = useSingle({	×
86	documentId,
87
88	collectionName: "Posts",
89	fragmentName: "PostsRevision",
90	extraVariables: {
91	version: 'String'
92	}
93	});
NEW 94	const { EmailPostAuthors, EmailContentItemBody, EmailPostDate, EmailFooterRecommendations, ContentStyles } = Components;	×
95	if (!document) return null;	×
96
97	// event location - for online events, attempt to show the meeting link
98	let eventLocation: string\|JSX.Element = document.location	×
99	if (document.onlineEvent) {	×
100	eventLocation = document.joinEventLink ? <a	×
101	className={classes.onlineEventLocation}
102	href={document.joinEventLink}
103	target="_blank" rel="noopener noreferrer">
104	{document.joinEventLink}
105	</a> : "Online Event"
106	}
107
108	return (<React.Fragment>	×
109	<div className={classes.heading}>
110	<h1>
111	<a href={postGetPageUrl(document, true)} className={classes.headingLink}>{document.title}</a>
112	</h1>
113
114	<hr className={classes.headingHR}/>
115
116	<div className={classes.headingRow}>
117	<EmailPostAuthors post={document}/>
118	</div>
119	<div className={classes.headingRow}>
120	<EmailPostDate post={document}/>
121	</div>
122	{document.isEvent && <div className={classes.headingRow}>	×
123	{eventLocation}
124	</div>}
125	{document.contactInfo && <div className={classes.headingRow}>	×
126	Contact: {document.contactInfo}
127	</div>}
128
129	{document.url && <div className={classes.headingRow}>	×
130	This is a linkpost for <a href={postGetLink(document)} target={postGetLinkTarget(document)}>{document.url}</a>
131	</div>}
132	</div>
133
134	{document.podcastEpisode && <div className={classes.podcastRow}>	×
135	{getPodcastInfoElement(document.podcastEpisode)}
136	<hr />
137	</div>}
138
139	{document.contents && <ContentStyles contentType="post">	×
140	<EmailContentItemBody className="post-body" dangerouslySetInnerHTML={{
141	__html: document.contents.html
142	}} />
143	</ContentStyles>}
144
145	<a href={postGetPageUrl(document, true)}>Discuss</a>
146
147	{!hideRecommendations && (	×
148	<>
149	<hr className={classes.hr}/>
150	<EmailFooterRecommendations />
151	</>
152	)}
153
154	<hr className={classes.hr}/>
155
156	{reason && `You are receiving this email because ${reason}.`}	×
157	</React.Fragment>);
158	}
159
160	const NewPostEmailComponent = registerComponent("NewPostEmail", NewPostEmail, {styles});	18✔
161
162	declare global {
163	interface ComponentTypes {
164	NewPostEmail: typeof NewPostEmailComponent
165	}
166	}

ForumMagnum / ForumMagnum / 9687448008

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