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 }) {
const { text, gray } = props
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 links = matches.map((match) => {
// Matches are in the form: " @username" or "https://example.com"
const whitespace = match.match(/^\s/)
const symbol = match.trim().substring(0, 1)
const tag = match.trim().substring(1)
const symbol = match.substring(0, 1)
const tag = match.substring(1)
const href =
{
'@': `/${tag}`,
'#': `/tag/${tag}`,
}[symbol] ?? match.trim()
}[symbol] ?? match
return (
<>
{whitespace}
<SiteLink
className={gray ? 'text-gray-500' : 'text-indigo-700'}
href={href}