10882160532

Committed 16 Sep 2024 10:39AM UTC coverage: 31.868% (+0.001%) from 31.867%

Build # 10882160532

Build Type

Pull #9750

github

Committed by

web-flow

Commit Message

Merge 4763c2082 into 2f4658071

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

Run Details

5070 of 41306 branches covered (12.27%)

Branch coverage included in aggregate %.

16 of 42 new or added lines in 12 files covered. (38.1%)

3 existing lines in 2 files now uncovered.

29415 of 66905 relevant lines covered (43.97%)

185.02 hits per line

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

11.29

/packages/lesswrong/components/linkPreview/HoverPreviewLink.tsx

import React from 'react';
import { Components, registerComponent } from '../../lib/vulcan-lib/components';
import { getSiteUrl } from '../../lib/vulcan-lib/utils';
import {parseRoute, parsePath, checkUserRouteAccess} from '../../lib/vulcan-core/appContext'
import { classifyHost, useLocation, getUrlClass } from '../../lib/routeUtil';
import { AnalyticsContext } from "../../lib/analyticsEvents";
import { isServer } from '../../lib/executionEnvironment';
import withErrorBoundary from '../common/withErrorBoundary';
import { isMobile } from '../../lib/utils/isMobile'
import { locationHashIsFootnote } from '../posts/PostsPage/CollapsedFootnotes';
import {useCurrentUser} from '../common/withUser'

export const parseRouteWithErrors = (onsiteUrl: string, contentSourceDescription?: string) => {
  return parseRoute({
    location: parsePath(onsiteUrl),
    onError: (pathname) => {
      // Don't capture broken links in Sentry (too spammy, but maybe we'll
      // put this back some day).
      //if (isClient) {
      //  if (contentSourceDescription)
      //    Sentry.captureException(new Error(`Broken link from ${contentSourceDescription} to ${pathname}`));
      //  else
      //    Sentry.captureException(new Error(`Broken link from ${location.pathname} to ${pathname}`));
      //}
    }
  });
}

export const linkIsExcludedFromPreview = (url: string): boolean => {
  // Don't try to preview special JS links
  if (!url || url==="#" || url==="")
    return true;
  
  // Don't try to preview links that go directly to images. The usual use case
  // for such links is an image where you click for a larger version.
  return !!(url.endsWith('.png') || url.endsWith('.jpg') || url.endsWith('.jpeg') || url.endsWith('.gif'));


}

// A link, which will have a hover preview auto-selected and attached. Used from
// ContentItemBody as a replacement for <a> tags in user-provided content.
// Props
//   href: The link destination, the href attribute on the original <a> tag.
//   contentSourceDescription: (Optional) A human-readabe string describing
//     where this content came from. Used in error logging only, not displayed
//     to users.
const HoverPreviewLink = ({ href, contentSourceDescription, id, rel, noPrefetch, children }: {
  href: string,
  contentSourceDescription?: string,
  id?: string,
  rel?: string,
  // Only Implemented for Tag Hover Previews
  noPrefetch?: boolean,
  
  children: React.ReactNode,
}) => {
  const URLClass = getUrlClass()
  const location = useLocation();
  const currentUser = useCurrentUser()

  // Invalid link with no href? Don't transform it.
  if (!href) {
    return <a href={href} id={id} rel={rel}>
      {children}
    </a>
  }

  // Within-page relative link?
  if (href.startsWith("#")) {
    if (locationHashIsFootnote(href)){
      return <Components.FootnotePreview href={href} id={id} rel={rel}>
        {children}
      </Components.FootnotePreview>
    }
    return <a href={href} id={id} rel={rel}>
      {children}
    </a>
  }

  try {
    const currentURL = new URLClass(location.url, getSiteUrl());
    const linkTargetAbsolute = new URLClass(href, currentURL);

    const onsiteUrl = linkTargetAbsolute.pathname + linkTargetAbsolute.search + linkTargetAbsolute.hash;
    const hostType = classifyHost(linkTargetAbsolute.host)
    if (!linkIsExcludedFromPreview(onsiteUrl) && (hostType==="onsite" || hostType==="mirrorOfUs" || isServer)) {
      const parsedUrl = checkUserRouteAccess(currentUser, parseRouteWithErrors(onsiteUrl, contentSourceDescription))
      const destinationUrl = hostType==="onsite" ? parsedUrl.url : href;

      if (parsedUrl.currentRoute) {
        const PreviewComponent: any = parsedUrl.currentRoute.previewComponentName ? Components[parsedUrl.currentRoute.previewComponentName] : null;

        if (PreviewComponent) {
          return <AnalyticsContext pageElementContext="linkPreview" href={destinationUrl} hoverPreviewType={parsedUrl.currentRoute.previewComponentName} onsite>
            <PreviewComponent href={destinationUrl} targetLocation={parsedUrl} id={id} noPrefetch={noPrefetch}>
              {children}
            </PreviewComponent>
          </AnalyticsContext>
        } else {
          return <Components.DefaultPreview href={href} id={id} rel={rel}>
            {children}
          </Components.DefaultPreview>
        }
      }
    } else {
      if (linkTargetAbsolute.host === "hubs.mozilla.com") {
        return <Components.MozillaHubPreview href={href} id={id}>
          {children}
        </Components.MozillaHubPreview>
      }
      if (linkTargetAbsolute.host === "metaculus.com" || linkTargetAbsolute.host === "www.metaculus.com") {
        return <Components.MetaculusPreview href={href} id={id}>
          {children}
        </Components.MetaculusPreview>
      }
      if (linkTargetAbsolute.host === "manifold.markets" || linkTargetAbsolute.host === "www.manifold.markets") {
        return <Components.ManifoldPreview href={href} id={id}>
          {children}
        </Components.ManifoldPreview>
      }
      if (linkTargetAbsolute.host === "neuronpedia.org" || linkTargetAbsolute.host === "www.neuronpedia.org") {
        return <Components.NeuronpediaPreview href={href} id={id}>
          {children}
        </Components.NeuronpediaPreview>
      }
      if (linkTargetAbsolute.host === "metaforecast.org" || linkTargetAbsolute.host === "www.metaforecast.org") {
        return <Components.MetaforecastPreview href={href} id={id}>
          {children}
        </Components.MetaforecastPreview>
      }
      if (linkTargetAbsolute.host === "ourworldindata.org") {
        return <Components.OWIDPreview href={href} id={id}>
          {children}
        </Components.OWIDPreview>
      }
      if (linkTargetAbsolute.host === "arbital.com" || linkTargetAbsolute.host === "www.arbital.com") {
        return <Components.ArbitalPreview href={href} id={id}>
          {children}
        </Components.ArbitalPreview>
      }
      if (linkTargetAbsolute.host === "estimaker.app" || linkTargetAbsolute.host === "www.estimaker.app") {
        return <Components.EstimakerPreview href={href} id={id}>
          {children}
        </Components.EstimakerPreview>
      }
      if (linkTargetAbsolute.host === "viewpoints.xyz" || linkTargetAbsolute.host === "www.viewpoints.xyz") {
        return <Components.ViewpointsPreview href={href} id={id}>
          {children}
        </Components.ViewpointsPreview>
      }
      return <Components.DefaultPreview href={href} id={id} rel={rel}>
        {children}
      </Components.DefaultPreview>
    }
    return <a href={href} id={id} rel={rel}>
      {children}
    </a>
  } catch (err) {
    console.error(err) // eslint-disable-line
    console.error(href) // eslint-disable-line
    return <a href={href} id={id} rel={rel}>
      {children}
    </a>
  }

}

const HoverPreviewLinkComponent = registerComponent('HoverPreviewLink', HoverPreviewLink, { hocs: [withErrorBoundary] });

declare global {
  interface ComponentTypes {
    HoverPreviewLink: typeof HoverPreviewLinkComponent
  }
}

1	import React from 'react';	3✔
2	import { Components, registerComponent } from '../../lib/vulcan-lib/components';	1✔
3	import { getSiteUrl } from '../../lib/vulcan-lib/utils';	1✔
4	import {parseRoute, parsePath, checkUserRouteAccess} from '../../lib/vulcan-core/appContext'	1✔
5	import { classifyHost, useLocation, getUrlClass } from '../../lib/routeUtil';	1✔
6	import { AnalyticsContext } from "../../lib/analyticsEvents";	1✔
7	import { isServer } from '../../lib/executionEnvironment';	1✔
8	import withErrorBoundary from '../common/withErrorBoundary';	1✔
9	import { isMobile } from '../../lib/utils/isMobile'
10	import { locationHashIsFootnote } from '../posts/PostsPage/CollapsedFootnotes';	1✔
11	import {useCurrentUser} from '../common/withUser'	1✔
12
13	export const parseRouteWithErrors = (onsiteUrl: string, contentSourceDescription?: string) => {	1✔
14	return parseRoute({	×
15	location: parsePath(onsiteUrl),
16	onError: (pathname) => {
17	// Don't capture broken links in Sentry (too spammy, but maybe we'll
18	// put this back some day).
19	//if (isClient) {
20	// if (contentSourceDescription)
21	// Sentry.captureException(new Error(`Broken link from ${contentSourceDescription} to ${pathname}`));
22	// else
23	// Sentry.captureException(new Error(`Broken link from ${location.pathname} to ${pathname}`));
24	//}
25	}
26	});
27	}
28
29	export const linkIsExcludedFromPreview = (url: string): boolean => {	1✔
30	// Don't try to preview special JS links
31	if (!url \|\| url==="#" \|\| url==="")	×
32	return true;	×
33
34	// Don't try to preview links that go directly to images. The usual use case
35	// for such links is an image where you click for a larger version.
36	return !!(url.endsWith('.png') \|\| url.endsWith('.jpg') \|\| url.endsWith('.jpeg') \|\| url.endsWith('.gif'));	×
37
38
39	}
40
41	// A link, which will have a hover preview auto-selected and attached. Used from
42	// ContentItemBody as a replacement for <a> tags in user-provided content.
43	// Props
44	// href: The link destination, the href attribute on the original <a> tag.
45	// contentSourceDescription: (Optional) A human-readabe string describing
46	// where this content came from. Used in error logging only, not displayed
47	// to users.
48	const HoverPreviewLink = ({ href, contentSourceDescription, id, rel, noPrefetch, children }: {	1✔
49	href: string,
50	contentSourceDescription?: string,
51	id?: string,
52	rel?: string,
53	// Only Implemented for Tag Hover Previews
54	noPrefetch?: boolean,
55
56	children: React.ReactNode,
57	}) => {
58	const URLClass = getUrlClass()	×
59	const location = useLocation();	×
60	const currentUser = useCurrentUser()	×
61
62	// Invalid link with no href? Don't transform it.
63	if (!href) {	×
64	return <a href={href} id={id} rel={rel}>	×
65	{children}
66	</a>
67	}
68
69	// Within-page relative link?
70	if (href.startsWith("#")) {	×
NEW 71	if (locationHashIsFootnote(href)){	×
72	return <Components.FootnotePreview href={href} id={id} rel={rel}>	×
73	{children}
74	</Components.FootnotePreview>
75	}
76	return <a href={href} id={id} rel={rel}>	×
77	{children}
78	</a>
79	}
80
81	try {	×
82	const currentURL = new URLClass(location.url, getSiteUrl());	×
83	const linkTargetAbsolute = new URLClass(href, currentURL);	×
84
85	const onsiteUrl = linkTargetAbsolute.pathname + linkTargetAbsolute.search + linkTargetAbsolute.hash;	×
86	const hostType = classifyHost(linkTargetAbsolute.host)	×
87	if (!linkIsExcludedFromPreview(onsiteUrl) && (hostType==="onsite" \|\| hostType==="mirrorOfUs" \|\| isServer)) {	×
88	const parsedUrl = checkUserRouteAccess(currentUser, parseRouteWithErrors(onsiteUrl, contentSourceDescription))	×
89	const destinationUrl = hostType==="onsite" ? parsedUrl.url : href;	×
90
91	if (parsedUrl.currentRoute) {	×
92	const PreviewComponent: any = parsedUrl.currentRoute.previewComponentName ? Components[parsedUrl.currentRoute.previewComponentName] : null;	×
93
94	if (PreviewComponent) {	×
95	return <AnalyticsContext pageElementContext="linkPreview" href={destinationUrl} hoverPreviewType={parsedUrl.currentRoute.previewComponentName} onsite>	×
96	<PreviewComponent href={destinationUrl} targetLocation={parsedUrl} id={id} noPrefetch={noPrefetch}>
97	{children}
98	</PreviewComponent>
99	</AnalyticsContext>
100	} else {
101	return <Components.DefaultPreview href={href} id={id} rel={rel}>	×
102	{children}
103	</Components.DefaultPreview>
104	}
105	}
106	} else {
107	if (linkTargetAbsolute.host === "hubs.mozilla.com") {	×
108	return <Components.MozillaHubPreview href={href} id={id}>	×
109	{children}
110	</Components.MozillaHubPreview>
111	}
112	if (linkTargetAbsolute.host === "metaculus.com" \|\| linkTargetAbsolute.host === "www.metaculus.com") {	×
113	return <Components.MetaculusPreview href={href} id={id}>	×
114	{children}
115	</Components.MetaculusPreview>
116	}
117	if (linkTargetAbsolute.host === "manifold.markets" \|\| linkTargetAbsolute.host === "www.manifold.markets") {	×
118	return <Components.ManifoldPreview href={href} id={id}>	×
119	{children}
120	</Components.ManifoldPreview>
121	}
122	if (linkTargetAbsolute.host === "neuronpedia.org" \|\| linkTargetAbsolute.host === "www.neuronpedia.org") {	×
123	return <Components.NeuronpediaPreview href={href} id={id}>	×
124	{children}
125	</Components.NeuronpediaPreview>
126	}
127	if (linkTargetAbsolute.host === "metaforecast.org" \|\| linkTargetAbsolute.host === "www.metaforecast.org") {	×
128	return <Components.MetaforecastPreview href={href} id={id}>	×
129	{children}
130	</Components.MetaforecastPreview>
131	}
132	if (linkTargetAbsolute.host === "ourworldindata.org") {	×
133	return <Components.OWIDPreview href={href} id={id}>	×
134	{children}
135	</Components.OWIDPreview>
136	}
137	if (linkTargetAbsolute.host === "arbital.com" \|\| linkTargetAbsolute.host === "www.arbital.com") {	×
138	return <Components.ArbitalPreview href={href} id={id}>	×
139	{children}
140	</Components.ArbitalPreview>
141	}
142	if (linkTargetAbsolute.host === "estimaker.app" \|\| linkTargetAbsolute.host === "www.estimaker.app") {	×
143	return <Components.EstimakerPreview href={href} id={id}>	×
144	{children}
145	</Components.EstimakerPreview>
146	}
147	if (linkTargetAbsolute.host === "viewpoints.xyz" \|\| linkTargetAbsolute.host === "www.viewpoints.xyz") {	×
148	return <Components.ViewpointsPreview href={href} id={id}>	×
149	{children}
150	</Components.ViewpointsPreview>
151	}
152	return <Components.DefaultPreview href={href} id={id} rel={rel}>	×
153	{children}
154	</Components.DefaultPreview>
155	}
156	return <a href={href} id={id} rel={rel}>	×
157	{children}
158	</a>
159	} catch (err) {
160	console.error(err) // eslint-disable-line	×
161	console.error(href) // eslint-disable-line	×
162	return <a href={href} id={id} rel={rel}>	×
163	{children}
164	</a>
165	}
166
167	}
168
169	const HoverPreviewLinkComponent = registerComponent('HoverPreviewLink', HoverPreviewLink, { hocs: [withErrorBoundary] });	1✔
170
171	declare global {
172	interface ComponentTypes {
173	HoverPreviewLink: typeof HoverPreviewLinkComponent
174	}
175	}

ForumMagnum / ForumMagnum / 10882160532

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