open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix hyperlinks when starting with an open paren

Browse Source
This commit is contained in:
Austin Chen 2022-05-11 15:28:28 -04:00
parent b00814a8c4
commit 2fd9759bc1
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/components/linkify.tsx
View File

@ -6,22 +6,21 @@ import { SiteLink } from './site-link'
export function Linkify(props: { text: string; gray?: boolean }) { export function Linkify(props: { text: string; gray?: boolean }) {
const { text, gray } = props const { text, gray } = props
const regex = const regex =
/(?:^|\s)(?:[@#][a-z0-9_]+|https?:\/\/[-A-Za-z0-9+&@#\/%?=~_()|!:,.;]*[-A-Za-z0-9+&@#\/%=~_|])/gi /(?<=^|\s|\()(?:[@#][a-z0-9_]+|https?:\/\/[-A-Za-z0-9+&@#\/%?=~_()|!:,.;]*[-A-Za-z0-9+&@#\/%=~_|])/gi
const matches = text.match(regex) || [] const matches = text.match(regex) || []
const links = matches.map((match) => { const links = matches.map((match) => {
// Matches are in the form: " @username" or "https://example.com" // Matches are in the form: " @username" or "https://example.com"
const whitespace = match.match(/^\s/) const symbol = match.substring(0, 1)
const symbol = match.trim().substring(0, 1) const tag = match.substring(1)
const tag = match.trim().substring(1)
const href = const href =
{ {
'@': `/${tag}`, '@': `/${tag}`,
'#': `/tag/${tag}`, '#': `/tag/${tag}`,
}[symbol] ?? match.trim() }[symbol] ?? match
return ( return (
<> <>
{whitespace}
<SiteLink <SiteLink
className={gray ? 'text-gray-500' : 'text-indigo-700'} className={gray ? 'text-gray-500' : 'text-indigo-700'}
href={href} href={href}